@syncfusion/ej2-navigations 19.2.59 → 19.3.44

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 (292) hide show
  1. package/.eslintrc.json +1 -1
  2. package/CHANGELOG.md +32 -0
  3. package/README.md +15 -0
  4. package/breadcrumb.d.ts +4 -0
  5. package/breadcrumb.js +4 -0
  6. package/dist/ej2-navigations.umd.min.js +2 -2
  7. package/dist/ej2-navigations.umd.min.js.map +1 -1
  8. package/dist/es6/ej2-navigations.es2015.js +545 -170
  9. package/dist/es6/ej2-navigations.es2015.js.map +1 -1
  10. package/dist/es6/ej2-navigations.es5.js +567 -172
  11. package/dist/es6/ej2-navigations.es5.js.map +1 -1
  12. package/dist/global/ej2-navigations.min.js +2 -2
  13. package/dist/global/ej2-navigations.min.js.map +1 -1
  14. package/dist/global/index.d.ts +1 -1
  15. package/package.json +13 -12
  16. package/src/accordion/accordion.d.ts +2 -8
  17. package/src/accordion/accordion.js +16 -85
  18. package/src/breadcrumb/breadcrumb-model.d.ts +147 -0
  19. package/src/breadcrumb/breadcrumb.d.ts +232 -0
  20. package/src/breadcrumb/breadcrumb.js +497 -0
  21. package/src/breadcrumb/index.d.ts +5 -0
  22. package/src/breadcrumb/index.js +4 -0
  23. package/src/index.d.ts +1 -0
  24. package/src/index.js +1 -0
  25. package/src/sidebar/sidebar.js +2 -2
  26. package/src/tab/tab-model.d.ts +1 -1
  27. package/src/tab/tab.d.ts +1 -1
  28. package/src/tab/tab.js +50 -84
  29. package/src/toolbar/toolbar.js +1 -1
  30. package/styles/accordion/_bootstrap5-dark-definition.scss +1 -0
  31. package/styles/accordion/_bootstrap5-definition.scss +81 -0
  32. package/styles/accordion/_fabric-dark-definition.scss +1 -0
  33. package/styles/accordion/_fabric-definition.scss +1 -0
  34. package/styles/accordion/_highcontrast-definition.scss +1 -1
  35. package/styles/accordion/_layout.scss +6 -8
  36. package/styles/accordion/_tailwind-dark-definition.scss +1 -77
  37. package/styles/accordion/_tailwind-definition.scss +79 -79
  38. package/styles/accordion/_theme.scss +57 -17
  39. package/styles/accordion/bootstrap5-dark.css +428 -0
  40. package/styles/accordion/bootstrap5-dark.scss +4 -0
  41. package/styles/accordion/bootstrap5.css +428 -0
  42. package/styles/accordion/bootstrap5.scss +4 -0
  43. package/styles/accordion/highcontrast-light.css +0 -1
  44. package/styles/accordion/highcontrast.css +0 -1
  45. package/styles/accordion/icons/_bootstrap4.scss +1 -1
  46. package/styles/accordion/icons/_bootstrap5-dark.scss +1 -0
  47. package/styles/accordion/icons/_bootstrap5.scss +18 -0
  48. package/styles/accordion/icons/_tailwind-dark.scss +1 -17
  49. package/styles/accordion/icons/_tailwind.scss +17 -17
  50. package/styles/accordion/material-dark.css +2 -2
  51. package/styles/accordion/tailwind-dark.css +1 -1
  52. package/styles/bootstrap-dark.css +352 -60
  53. package/styles/bootstrap-dark.scss +1 -0
  54. package/styles/bootstrap.css +349 -57
  55. package/styles/bootstrap.scss +1 -0
  56. package/styles/bootstrap4.css +351 -60
  57. package/styles/bootstrap4.scss +1 -0
  58. package/styles/bootstrap5-dark.css +9922 -0
  59. package/styles/bootstrap5-dark.scss +10 -0
  60. package/styles/bootstrap5.css +9922 -0
  61. package/styles/bootstrap5.scss +10 -0
  62. package/styles/breadcrumb/_all.scss +2 -0
  63. package/styles/breadcrumb/_bootstrap-dark-definition.scss +41 -0
  64. package/styles/breadcrumb/_bootstrap-definition.scss +41 -0
  65. package/styles/breadcrumb/_bootstrap4-definition.scss +41 -0
  66. package/styles/breadcrumb/_bootstrap5-dark-definition.scss +1 -0
  67. package/styles/breadcrumb/_bootstrap5-definition.scss +46 -0
  68. package/styles/breadcrumb/_fabric-dark-definition.scss +46 -0
  69. package/styles/breadcrumb/_fabric-definition.scss +46 -0
  70. package/styles/breadcrumb/_highcontrast-definition.scss +48 -0
  71. package/styles/breadcrumb/_highcontrast-light-definition.scss +48 -0
  72. package/styles/breadcrumb/_layout.scss +291 -0
  73. package/styles/breadcrumb/_material-dark-definition.scss +37 -0
  74. package/styles/breadcrumb/_material-definition.scss +37 -0
  75. package/styles/breadcrumb/_tailwind-dark-definition.scss +47 -0
  76. package/styles/breadcrumb/_tailwind-definition.scss +47 -0
  77. package/styles/breadcrumb/_theme.scss +134 -0
  78. package/styles/breadcrumb/bootstrap-dark.css +279 -0
  79. package/styles/breadcrumb/bootstrap-dark.scss +4 -0
  80. package/styles/breadcrumb/bootstrap.css +279 -0
  81. package/styles/breadcrumb/bootstrap.scss +4 -0
  82. package/styles/breadcrumb/bootstrap4.css +279 -0
  83. package/styles/breadcrumb/bootstrap4.scss +4 -0
  84. package/styles/breadcrumb/bootstrap5-dark.css +297 -0
  85. package/styles/breadcrumb/bootstrap5-dark.scss +4 -0
  86. package/styles/breadcrumb/bootstrap5.css +297 -0
  87. package/styles/breadcrumb/bootstrap5.scss +4 -0
  88. package/styles/breadcrumb/fabric-dark.css +277 -0
  89. package/styles/breadcrumb/fabric-dark.scss +4 -0
  90. package/styles/breadcrumb/fabric.css +277 -0
  91. package/styles/breadcrumb/fabric.scss +4 -0
  92. package/styles/breadcrumb/highcontrast-light.css +285 -0
  93. package/styles/breadcrumb/highcontrast-light.scss +4 -0
  94. package/styles/breadcrumb/highcontrast.css +285 -0
  95. package/styles/breadcrumb/highcontrast.scss +4 -0
  96. package/styles/breadcrumb/icons/_bootstrap-dark.scss +13 -0
  97. package/styles/breadcrumb/icons/_bootstrap.scss +13 -0
  98. package/styles/breadcrumb/icons/_bootstrap4.scss +13 -0
  99. package/styles/breadcrumb/icons/_bootstrap5-dark.scss +1 -0
  100. package/styles/breadcrumb/icons/_bootstrap5.scss +24 -0
  101. package/styles/breadcrumb/icons/_fabric-dark.scss +13 -0
  102. package/styles/breadcrumb/icons/_fabric.scss +13 -0
  103. package/styles/breadcrumb/icons/_highcontrast-light.scss +13 -0
  104. package/styles/breadcrumb/icons/_highcontrast.scss +13 -0
  105. package/styles/breadcrumb/icons/_material-dark.scss +24 -0
  106. package/styles/breadcrumb/icons/_material.scss +24 -0
  107. package/styles/breadcrumb/icons/_tailwind-dark.scss +13 -0
  108. package/styles/breadcrumb/icons/_tailwind.scss +13 -0
  109. package/styles/breadcrumb/material-dark.css +259 -0
  110. package/styles/breadcrumb/material-dark.scss +4 -0
  111. package/styles/breadcrumb/material.css +259 -0
  112. package/styles/breadcrumb/material.scss +4 -0
  113. package/styles/breadcrumb/tailwind-dark.css +280 -0
  114. package/styles/breadcrumb/tailwind-dark.scss +4 -0
  115. package/styles/breadcrumb/tailwind.css +280 -0
  116. package/styles/breadcrumb/tailwind.scss +4 -0
  117. package/styles/context-menu/_bootstrap5-dark-definition.scss +1 -0
  118. package/styles/context-menu/_bootstrap5-definition.scss +52 -0
  119. package/styles/context-menu/_tailwind-dark-definition.scss +1 -53
  120. package/styles/context-menu/_tailwind-definition.scss +52 -51
  121. package/styles/context-menu/bootstrap5-dark.css +382 -0
  122. package/styles/context-menu/bootstrap5-dark.scss +4 -0
  123. package/styles/context-menu/bootstrap5.css +382 -0
  124. package/styles/context-menu/bootstrap5.scss +4 -0
  125. package/styles/context-menu/icons/_bootstrap5-dark.scss +1 -0
  126. package/styles/context-menu/icons/_bootstrap5.scss +32 -0
  127. package/styles/context-menu/icons/_tailwind-dark.scss +32 -32
  128. package/styles/context-menu/icons/_tailwind.scss +32 -32
  129. package/styles/fabric-dark.css +352 -78
  130. package/styles/fabric-dark.scss +1 -0
  131. package/styles/fabric.css +346 -72
  132. package/styles/fabric.scss +1 -0
  133. package/styles/h-scroll/_bootstrap5-dark-definition.scss +1 -0
  134. package/styles/h-scroll/_bootstrap5-definition.scss +78 -0
  135. package/styles/h-scroll/_fabric-dark-definition.scss +1 -1
  136. package/styles/h-scroll/_highcontrast-definition.scss +1 -1
  137. package/styles/h-scroll/_layout.scss +1 -1
  138. package/styles/h-scroll/_tailwind-dark-definition.scss +1 -78
  139. package/styles/h-scroll/bootstrap5-dark.css +328 -0
  140. package/styles/h-scroll/bootstrap5-dark.scss +4 -0
  141. package/styles/h-scroll/bootstrap5.css +328 -0
  142. package/styles/h-scroll/bootstrap5.scss +4 -0
  143. package/styles/h-scroll/fabric-dark.css +1 -1
  144. package/styles/h-scroll/highcontrast.css +1 -1
  145. package/styles/h-scroll/icons/_bootstrap4.scss +1 -1
  146. package/styles/h-scroll/icons/_bootstrap5-dark.scss +1 -0
  147. package/styles/h-scroll/icons/_bootstrap5.scss +49 -0
  148. package/styles/h-scroll/icons/_tailwind-dark.scss +1 -49
  149. package/styles/highcontrast-light.css +354 -73
  150. package/styles/highcontrast-light.scss +1 -0
  151. package/styles/highcontrast.css +356 -75
  152. package/styles/highcontrast.scss +1 -0
  153. package/styles/material-dark.css +360 -105
  154. package/styles/material-dark.scss +1 -0
  155. package/styles/material.css +324 -69
  156. package/styles/material.scss +1 -0
  157. package/styles/menu/_bootstrap5-dark-definition.scss +1 -0
  158. package/styles/menu/_bootstrap5-definition.scss +68 -0
  159. package/styles/menu/_layout.scss +12 -2
  160. package/styles/menu/_tailwind-dark-definition.scss +1 -66
  161. package/styles/menu/_tailwind-definition.scss +66 -64
  162. package/styles/menu/_theme.scss +1 -1
  163. package/styles/menu/bootstrap-dark.css +36 -36
  164. package/styles/menu/bootstrap.css +36 -36
  165. package/styles/menu/bootstrap4.css +34 -34
  166. package/styles/menu/bootstrap5-dark.css +1251 -0
  167. package/styles/menu/bootstrap5-dark.scss +8 -0
  168. package/styles/menu/bootstrap5.css +1251 -0
  169. package/styles/menu/bootstrap5.scss +8 -0
  170. package/styles/menu/fabric-dark.css +36 -36
  171. package/styles/menu/fabric.css +36 -36
  172. package/styles/menu/highcontrast-light.css +36 -36
  173. package/styles/menu/highcontrast.css +36 -36
  174. package/styles/menu/icons/_bootstrap5-dark.scss +1 -0
  175. package/styles/menu/icons/_bootstrap5.scss +133 -0
  176. package/styles/menu/icons/_tailwind-dark.scss +133 -133
  177. package/styles/menu/icons/_tailwind.scss +133 -133
  178. package/styles/menu/material-dark.css +36 -36
  179. package/styles/menu/material.css +36 -36
  180. package/styles/menu/tailwind-dark.css +36 -36
  181. package/styles/menu/tailwind.css +36 -36
  182. package/styles/sidebar/_bootstrap5-dark-definition.scss +1 -0
  183. package/styles/sidebar/_bootstrap5-definition.scss +5 -0
  184. package/styles/sidebar/_highcontrast-definition.scss +1 -1
  185. package/styles/sidebar/_tailwind-dark-definition.scss +1 -4
  186. package/styles/sidebar/_tailwind-definition.scss +2 -1
  187. package/styles/sidebar/_theme.scss +3 -3
  188. package/styles/sidebar/bootstrap5-dark.css +155 -0
  189. package/styles/sidebar/bootstrap5-dark.scss +3 -0
  190. package/styles/sidebar/bootstrap5.css +155 -0
  191. package/styles/sidebar/bootstrap5.scss +3 -0
  192. package/styles/sidebar/highcontrast.css +1 -1
  193. package/styles/tab/_bootstrap-dark-definition.scss +2 -2
  194. package/styles/tab/_bootstrap-definition.scss +1 -1
  195. package/styles/tab/_bootstrap4-definition.scss +2 -2
  196. package/styles/tab/_bootstrap5-dark-definition.scss +1 -0
  197. package/styles/tab/_bootstrap5-definition.scss +401 -0
  198. package/styles/tab/_layout.scss +45 -51
  199. package/styles/tab/_material-dark-definition.scss +0 -1
  200. package/styles/tab/_tailwind-dark-definition.scss +1 -420
  201. package/styles/tab/_tailwind-definition.scss +420 -420
  202. package/styles/tab/_theme.scss +166 -53
  203. package/styles/tab/bootstrap-dark.css +15 -14
  204. package/styles/tab/bootstrap.css +12 -11
  205. package/styles/tab/bootstrap4.css +15 -14
  206. package/styles/tab/bootstrap5-dark.css +4442 -0
  207. package/styles/tab/bootstrap5-dark.scss +5 -0
  208. package/styles/tab/bootstrap5.css +4442 -0
  209. package/styles/tab/bootstrap5.scss +5 -0
  210. package/styles/tab/fabric-dark.css +16 -15
  211. package/styles/tab/fabric.css +14 -13
  212. package/styles/tab/highcontrast-light.css +14 -13
  213. package/styles/tab/highcontrast.css +14 -13
  214. package/styles/tab/icons/_bootstrap-dark.scss +2 -2
  215. package/styles/tab/icons/_bootstrap5-dark.scss +1 -0
  216. package/styles/tab/icons/_bootstrap5.scss +141 -0
  217. package/styles/tab/icons/_fabric-dark.scss +2 -2
  218. package/styles/tab/icons/_tailwind-dark.scss +1 -140
  219. package/styles/tab/icons/_tailwind.scss +140 -140
  220. package/styles/tab/material-dark.css +36 -35
  221. package/styles/tab/material.css +11 -10
  222. package/styles/tab/tailwind-dark.css +27 -39
  223. package/styles/tab/tailwind.css +22 -34
  224. package/styles/tailwind-dark.css +379 -111
  225. package/styles/tailwind-dark.scss +1 -0
  226. package/styles/tailwind.css +364 -96
  227. package/styles/tailwind.scss +1 -0
  228. package/styles/toolbar/_bootstrap5-dark-definition.scss +1 -0
  229. package/styles/toolbar/_bootstrap5-definition.scss +143 -0
  230. package/styles/toolbar/_fabric-dark-definition.scss +1 -3
  231. package/styles/toolbar/_layout.scss +18 -9
  232. package/styles/toolbar/_material-dark-definition.scss +0 -1
  233. package/styles/toolbar/_tailwind-dark-definition.scss +1 -143
  234. package/styles/toolbar/_tailwind-definition.scss +143 -143
  235. package/styles/toolbar/_theme.scss +98 -16
  236. package/styles/toolbar/bootstrap-dark.css +13 -10
  237. package/styles/toolbar/bootstrap.css +13 -10
  238. package/styles/toolbar/bootstrap4.css +14 -12
  239. package/styles/toolbar/bootstrap5-dark.css +1409 -0
  240. package/styles/toolbar/bootstrap5-dark.scss +8 -0
  241. package/styles/toolbar/bootstrap5.css +1409 -0
  242. package/styles/toolbar/bootstrap5.scss +8 -0
  243. package/styles/toolbar/fabric-dark.css +13 -26
  244. package/styles/toolbar/fabric.css +10 -23
  245. package/styles/toolbar/highcontrast-light.css +10 -23
  246. package/styles/toolbar/highcontrast.css +10 -23
  247. package/styles/toolbar/icons/_bootstrap5-dark.scss +1 -0
  248. package/styles/toolbar/icons/_bootstrap5.scss +17 -0
  249. package/styles/toolbar/icons/_tailwind-dark.scss +1 -16
  250. package/styles/toolbar/icons/_tailwind.scss +16 -16
  251. package/styles/toolbar/material-dark.css +11 -24
  252. package/styles/toolbar/material.css +10 -23
  253. package/styles/toolbar/tailwind-dark.css +20 -29
  254. package/styles/toolbar/tailwind.css +16 -25
  255. package/styles/treeview/_bootstrap4-definition.scss +3 -3
  256. package/styles/treeview/_bootstrap5-dark-definition.scss +1 -0
  257. package/styles/treeview/_bootstrap5-definition.scss +109 -0
  258. package/styles/treeview/_layout.scss +64 -17
  259. package/styles/treeview/_tailwind-dark-definition.scss +1 -110
  260. package/styles/treeview/_tailwind-definition.scss +30 -28
  261. package/styles/treeview/_theme.scss +26 -6
  262. package/styles/treeview/bootstrap-dark.css +8 -0
  263. package/styles/treeview/bootstrap.css +8 -0
  264. package/styles/treeview/bootstrap4.css +8 -0
  265. package/styles/treeview/bootstrap5-dark.css +974 -0
  266. package/styles/treeview/bootstrap5-dark.scss +6 -0
  267. package/styles/treeview/bootstrap5.css +974 -0
  268. package/styles/treeview/bootstrap5.scss +6 -0
  269. package/styles/treeview/fabric-dark.css +8 -0
  270. package/styles/treeview/fabric.css +8 -0
  271. package/styles/treeview/highcontrast-light.css +8 -0
  272. package/styles/treeview/highcontrast.css +8 -0
  273. package/styles/treeview/icons/_bootstrap5-dark.scss +1 -0
  274. package/styles/treeview/icons/_bootstrap5.scss +43 -0
  275. package/styles/treeview/icons/_tailwind-dark.scss +43 -43
  276. package/styles/treeview/material-dark.css +15 -7
  277. package/styles/treeview/material.css +8 -0
  278. package/styles/treeview/tailwind-dark.css +10 -2
  279. package/styles/treeview/tailwind.css +9 -1
  280. package/styles/v-scroll/_bootstrap5-dark-definition.scss +1 -0
  281. package/styles/v-scroll/_bootstrap5-definition.scss +49 -0
  282. package/styles/v-scroll/_tailwind-dark-definition.scss +1 -49
  283. package/styles/v-scroll/bootstrap5-dark.css +247 -0
  284. package/styles/v-scroll/bootstrap5-dark.scss +4 -0
  285. package/styles/v-scroll/bootstrap5.css +247 -0
  286. package/styles/v-scroll/bootstrap5.scss +4 -0
  287. package/styles/v-scroll/icons/_bootstrap4.scss +1 -1
  288. package/styles/v-scroll/icons/_bootstrap5-dark.scss +1 -0
  289. package/styles/v-scroll/icons/_bootstrap5.scss +27 -0
  290. package/styles/v-scroll/icons/_tailwind-dark.scss +1 -26
  291. package/styles/v-scroll/material-dark.css +1 -1
  292. package/styles/v-scroll/tailwind-dark.css +4 -4
package/styles/treeview/_tailwind-dark-definition.scss CHANGED
@@ -1,110 +1 @@
1
- /*! TreeView's tailwind-dark theme wise override definitions and variables */
2
- // sass-lint:disable-all
3
- $treeview-font-size: $text-sm !default;
4
- $treeview-icon-font-size: 20px !default;
5
- $treeview-image-font-size: 20px !default;
6
- $treeview-big-font-size: $text-base !default;
7
- $treeview-big-icon-font-size: 24px !default;
8
- $treeview-icon-color: $icon-color !default;
9
- $treeview-text-color: $content-text-color !default;
10
- $treeview-item-border-color: $transparent !default;
11
- $treeview-item-active-bg: $content-bg-color-selected !default;
12
- $treeview-icon-active-color: $content-text-color-selected !default;
13
- $treeview-text-active-color: $content-text-color-selected !default;
14
- $treeview-item-active-border-color: $content-bg-color-selected !default;
15
- $treeview-item-hover-bg: $content-bg-color-hover !default;
16
- $treeview-icon-hover-color: $icon-color-hover !default;
17
- $treeview-text-hover-color: $content-text-color-hover !default;
18
- $treeview-item-hover-border-color: $content-bg-color-hover !default;
19
- $treeview-item-active-hover-bg: $content-bg-color-hover !default;
20
- $treeview-icon-active-hover-color: $treeview-icon-hover-color !default;
21
- $treeview-text-active-hover-color: $treeview-text-hover-color !default;
22
- $treeview-item-active-hover-border-color: $treeview-item-hover-border-color !default;
23
- $treeview-text-disable-color: $content-text-color-disabled !default;
24
- $treeview-icon-disable-color: $icon-color-disabled !default;
25
- $treeview-drag-line-bg: $primary !default;
26
- $treeview-drag-line-color: $primary !default;
27
- $treeview-popup-bg-color: $content-bg-color-hover !default;
28
- $treeview-popup-border-color: $content-bg-color-hover !default;
29
- $treeview-drop-count-bg: $primary !default;
30
- $treeview-drop-count-border: $primary-text-color !default;
31
- $treeview-drop-count-color: $primary-text-color !default;
32
- $treeview-drag-item-bg: $content-bg-color-alt3 !default;
33
- $treeview-drag-item-color: $content-text-color-alt1 !default;
34
- $treeview-drag-icon-color: $treeview-icon-color !default;
35
- $treeview-item-height: 38px !default;
36
- $treeview-text-height: 36px !default;
37
- $treeview-input-height: 30px !default;
38
- $treeview-root-ul-padding: 0 0 0 12px !default;
39
- $treeview-rtl-root-ul-padding: 0 12px 0 0 !default;
40
- $treeview-child-ul-padding: 0 0 0 20px !default;
41
- $treeview-rtl-child-ul-padding: 0 20px 0 0 !default;
42
- $treeview-text-wrap-padding: 0 0 0 20px !default;
43
- $treeview-rtl-text-wrap-padding: 0 20px 0 0 !default;
44
- $treeview-icon-size: 20px !default;
45
- $treeview-icon-margin: 0 0 0 -20px !default;
46
- $treeview-rtl-icon-margin: 0 -20px 0 0 !default;
47
- $treeview-icon-padding: 0px !default;
48
- $treeview-text-padding: 0 8px !default;
49
- $treeview-text-margin: 0 !default;
50
- $treeview-image-size: 20px !default;
51
- $treeview-image-margin: 0 0 0 8px !default;
52
- $treeview-navigable-icon-image-margin: 0 8px 0 0 !default;
53
- $treeview-navigable-icon-image-margin-reverse: 0 0 0 8px !default;
54
- $treeview-navigable-check-margin-bigger: 0 0 0 12px !default;
55
- $treeview-navigable-icon-image-anchor-margin-bigger: 0 12px 0 8px !default;
56
- $treeview-navigable-icon-image-anchor-margin-reverse-bigger: 0 6px 0 10px !default;
57
- $treeview-navigable-icon-image-anchor-margin: 0 10px 0 2px !default;
58
- $treeview-navigable-icon-image-anchor-margin-reverse: 0 2px 0 10px !default;
59
- $treeview-navigable-rtl-margin-reverse: 0 12px 0 0 !default;
60
- $treeview-rtl-image-margin: 0 8px 0 0 !default;
61
- $treeview-image-text-padding: 0 8px !default;
62
- $treeview-icon-image-margin: 0 0 0 8px !default;
63
- $treeview-rtl-icon-image-margin: 0 8px 0 0 !default;
64
- $treeview-check-margin: 0 0 0 8px !default;
65
- $treeview-rtl-check-margin: 0 8px 0 0 !default;
66
- $treeview-check-text-padding: 0 8px !default;
67
- $treeview-check-image-margin: 0 0 0 8px !default;
68
- $treeview-rtl-check-image-margin: 0 8px 0 0 !default;
69
- $treeview-drop-count-border-size: 1px !default;
70
- $treeview-drop-count-font-size: $text-xs !default;
71
-
72
- $treeview-big-item-height: 48px !default;
73
- $treeview-big-text-height: 46px !default;
74
- $treeview-big-input-height: 40px !default;
75
- $treeview-big-text-padding: 0 12px !default;
76
- $treeview-big-input-padding: 0 9px !default;
77
- $treeview-big-icon-padding: 0px !default;
78
- $treeview-big-image-margin: 0 0 0 12px !default;
79
- $treeview-big-rtl-image-margin: 0 12px 0 0 !default;
80
- $treeview-big-icon-image-margin: 0 0 0 12px !default;
81
- $treeview-big-rtl-icon-image-margin: 0 12px 0 0 !default;
82
- $treeview-big-check-margin: 0 0 0 12px !default;
83
- $treeview-big-rtl-check-margin: 0 12px 0 0 !default;
84
- $treeview-big-check-image-margin: 0 0 0 12px !default;
85
- $treeview-big-rtl-check-image-margin: 0 12px 0 0 !default;
86
- $treeview-big-root-ul-padding: 0 0 0 16px !default;
87
- $treeview-big-rtl-root-ul-padding: 0 16px 0 0 !default;
88
- $treeview-big-child-ul-padding: 0 0 0 24px !default;
89
- $treeview-big-rtl-child-ul-padding: 0 24px 0 0 !default;
90
- $treeview-big-image-text-padding: 0 12px !default;
91
- $treeview-big-icon-margin: 0 0 0 -24px !default;
92
- $treeview-big-rtl-icon-margin: 0 -24px 0 0 !default;
93
- $treeview-big-text-wrap-padding: 0 0 0 24px !default;
94
- $treeview-big-rtl-text-wrap-padding: 0 24px 0 0 !default;
95
- $treeview-big-drag-icon-font-size: 24px !default;
96
- $treeview-big-drag-item-text-padding-left: 12px !default;
97
- $treeview-big-drag-icon-margin:-6px 0px 5px -9px !default;
98
- $treeview-big-drag-before-icon-padding: 6px !default;
99
- $treeview-big-check-text-padding: 0 12px !default;
100
-
101
- $treeview-font-family: $font-family !default;
102
- $treeview-drag-icon-font-size: 20px !default;
103
- $treeview-drag-icon-padding: 6px !default;
104
- $treeview-drag-icon-margin: 0 8px 10px -20px;
105
- $treeview-drag-icon-padding-right: 4px!default;
106
- $treeview-rtl-drag-margin: 10px -13px -1px 0;
107
-
108
- $ripple-size: -7px !default;
109
- $ripple-height: 32px !default;
110
- $ripple-width: 32px !default;
1
+ @import './tailwind-definition.scss';
package/styles/treeview/_tailwind-definition.scss CHANGED
@@ -5,33 +5,6 @@ $treeview-icon-font-size: 20px !default;
5
5
  $treeview-image-font-size: 20px !default;
6
6
  $treeview-big-font-size: $text-base !default;
7
7
  $treeview-big-icon-font-size: 24px !default;
8
- $treeview-icon-color: $icon-color !default;
9
- $treeview-text-color: $content-text-color !default;
10
- $treeview-item-border-color: $transparent !default;
11
- $treeview-item-active-bg: $content-bg-color-selected !default;
12
- $treeview-icon-active-color: $content-text-color-selected !default;
13
- $treeview-text-active-color: $content-text-color-selected !default;
14
- $treeview-item-active-border-color: $content-bg-color-selected !default;
15
- $treeview-item-hover-bg: $content-bg-color-hover !default;
16
- $treeview-icon-hover-color: $icon-color-hover !default;
17
- $treeview-text-hover-color: $content-text-color-hover !default;
18
- $treeview-item-hover-border-color: $content-bg-color-hover !default;
19
- $treeview-item-active-hover-bg: $content-bg-color-hover !default;
20
- $treeview-icon-active-hover-color: $treeview-icon-hover-color !default;
21
- $treeview-text-active-hover-color: $treeview-text-hover-color !default;
22
- $treeview-item-active-hover-border-color: $treeview-item-hover-border-color !default;
23
- $treeview-text-disable-color: $content-text-color-disabled !default;
24
- $treeview-icon-disable-color: $icon-color-disabled !default;
25
- $treeview-drag-line-bg: $primary !default;
26
- $treeview-drag-line-color: $primary !default;
27
- $treeview-popup-bg-color: $content-bg-color-hover !default;
28
- $treeview-popup-border-color: $content-bg-color-hover !default;
29
- $treeview-drop-count-bg: $primary !default;
30
- $treeview-drop-count-border: $primary-text-color !default;
31
- $treeview-drop-count-color: $primary-text-color !default;
32
- $treeview-drag-item-bg: $content-bg-color-alt3 !default;
33
- $treeview-drag-item-color: $content-text-color-alt1 !default;
34
- $treeview-drag-icon-color: $treeview-icon-color !default;
35
8
  $treeview-item-height: 38px !default;
36
9
  $treeview-text-height: 36px !default;
37
10
  $treeview-input-height: 30px !default;
@@ -107,4 +80,33 @@ $treeview-rtl-drag-margin: 10px -13px -1px 0;
107
80
 
108
81
  $ripple-size: -7px !default;
109
82
  $ripple-height: 32px !default;
110
- $ripple-width: 32px !default;
83
+ $ripple-width: 32px !default;
84
+
85
+ //color variables
86
+ $treeview-icon-color: $icon-color !default;
87
+ $treeview-text-color: $content-text-color !default;
88
+ $treeview-item-border-color: $transparent !default;
89
+ $treeview-item-active-bg: $content-bg-color-selected !default;
90
+ $treeview-icon-active-color: $content-text-color-selected !default;
91
+ $treeview-text-active-color: $content-text-color-selected !default;
92
+ $treeview-item-active-border-color: $content-bg-color-selected !default;
93
+ $treeview-item-hover-bg: $content-bg-color-hover !default;
94
+ $treeview-icon-hover-color: $icon-color-hover !default;
95
+ $treeview-text-hover-color: $content-text-color-hover !default;
96
+ $treeview-item-hover-border-color: $content-bg-color-hover !default;
97
+ $treeview-item-active-hover-bg: $content-bg-color-hover !default;
98
+ $treeview-icon-active-hover-color: $treeview-icon-hover-color !default;
99
+ $treeview-text-active-hover-color: $treeview-text-hover-color !default;
100
+ $treeview-item-active-hover-border-color: $treeview-item-hover-border-color !default;
101
+ $treeview-text-disable-color: $content-text-color-disabled !default;
102
+ $treeview-icon-disable-color: $icon-color-disabled !default;
103
+ $treeview-drag-line-bg: $primary !default;
104
+ $treeview-drag-line-color: $primary !default;
105
+ $treeview-popup-bg-color: $content-bg-color-hover !default;
106
+ $treeview-popup-border-color: $content-bg-color-hover !default;
107
+ $treeview-drop-count-bg: $primary !default;
108
+ $treeview-drop-count-border: $primary-text-color !default;
109
+ $treeview-drop-count-color: $primary-text-color !default;
110
+ $treeview-drag-item-bg: $content-bg-color-alt3 !default;
111
+ $treeview-drag-item-color: $content-text-color-alt1 !default;
112
+ $treeview-drag-icon-color: $treeview-icon-color !default;
package/styles/treeview/_theme.scss CHANGED
@@ -66,6 +66,12 @@
66
66
  .e-treeview {
67
67
  -webkit-tap-highlight-color: transparent;
68
68
 
69
+ @if $skin-name == 'bootstrap5' {
70
+ &.e-disabled {
71
+ opacity: .5;
72
+ }
73
+ }
74
+
69
75
  .e-text-content,
70
76
  .e-fullrow {
71
77
  border-color: $treeview-item-border-color;
@@ -133,9 +139,18 @@
133
139
  color: $treeview-checkmark-color;
134
140
  }
135
141
  @else if $skin-name == 'bootstrap4' {
136
- background-color: $treeview-bootstrap4-checkmark-bgcolor;
137
- border-color: $treeview-bootstrap4-checkmark-border-color;
138
- color: $treeview-bootstrap4-checkmark-color;
142
+ background-color: $treeview-item-active-check-bg;
143
+ border-color: $treeview-item-active-check-border-color;
144
+ color: $treeview-item-active-check-color;
145
+ }
146
+ @else if $skin-name == 'bootstrap5' {
147
+ border-color: $content-text-color-selected;
148
+ }
149
+ }
150
+
151
+ .e-stop {
152
+ @if $skin-name == 'bootstrap5' {
153
+ border-color: $content-text-color-selected;
139
154
  }
140
155
  }
141
156
  }
@@ -210,6 +225,11 @@
210
225
  > .e-text-content,
211
226
  > .e-fullrow {
212
227
  color: $treeview-text-disable-color;
228
+ @if $skin-name == 'bootstrap5' {
229
+ .e-list-text {
230
+ color: $treeview-text-disable-color;
231
+ }
232
+ }
213
233
  }
214
234
 
215
235
  > .e-text-content > .e-icon-collapsible,
@@ -219,11 +239,11 @@
219
239
  }
220
240
 
221
241
  .e-sibling {
222
- @if ($skin-name != 'tailwind' and $skin-name != 'tailwind-dark') {
242
+ @if ($skin-name != 'tailwind' and $skin-name != 'bootstrap5') {
223
243
  @include sibling-theme(left, right);
224
244
  }
225
245
  @else {
226
- border: 1px solid $treeview-drag-line-bg;
246
+ border-top: 2px solid $treeview-drag-line-bg;
227
247
  }
228
248
  }
229
249
 
@@ -327,7 +347,7 @@
327
347
  &.e-rtl {
328
348
 
329
349
  .e-sibling {
330
- @if ($skin-name != 'tailwind' and $skin-name != 'tailwind-dark') {
350
+ @if ($skin-name != 'tailwind' and $skin-name != 'bootstrap5') {
331
351
  @include sibling-theme(right, left);
332
352
  }
333
353
  @else {
package/styles/treeview/bootstrap-dark.css CHANGED
@@ -261,6 +261,14 @@
261
261
  position: relative;
262
262
  }
263
263
 
264
+ .e-treeview .e-icons .e-treeview-spinner {
265
+ position: absolute;
266
+ }
267
+
268
+ .e-treeview .e-icons-spinner {
269
+ position: relative;
270
+ }
271
+
264
272
  .e-treeview .e-text-content {
265
273
  -ms-user-select: none;
266
274
  -webkit-user-select: none;
package/styles/treeview/bootstrap.css CHANGED
@@ -262,6 +262,14 @@
262
262
  position: relative;
263
263
  }
264
264
 
265
+ .e-treeview .e-icons .e-treeview-spinner {
266
+ position: absolute;
267
+ }
268
+
269
+ .e-treeview .e-icons-spinner {
270
+ position: relative;
271
+ }
272
+
265
273
  .e-treeview .e-text-content {
266
274
  -ms-user-select: none;
267
275
  -webkit-user-select: none;
package/styles/treeview/bootstrap4.css CHANGED
@@ -332,6 +332,14 @@
332
332
  position: relative;
333
333
  }
334
334
 
335
+ .e-treeview .e-icons .e-treeview-spinner {
336
+ position: absolute;
337
+ }
338
+
339
+ .e-treeview .e-icons-spinner {
340
+ position: relative;
341
+ }
342
+
335
343
  .e-treeview .e-text-content {
336
344
  -ms-user-select: none;
337
345
  -webkit-user-select: none;