@syncfusion/ej2-angular-navigations 26.1.41 → 26.2.4

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 (273) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/package.json +8 -8
  3. package/schematics/utils/lib-details.ts +2 -2
  4. package/styles/accordion/bootstrap-dark.css +1 -540
  5. package/styles/accordion/bootstrap.css +1 -540
  6. package/styles/accordion/bootstrap4.css +1 -540
  7. package/styles/accordion/bootstrap5-dark.css +1 -540
  8. package/styles/accordion/bootstrap5.css +1 -540
  9. package/styles/accordion/fabric-dark.css +1 -540
  10. package/styles/accordion/fabric.css +1 -540
  11. package/styles/accordion/fluent-dark.css +1 -540
  12. package/styles/accordion/fluent.css +1 -540
  13. package/styles/accordion/fluent2.css +1 -1582
  14. package/styles/accordion/highcontrast-light.css +1 -540
  15. package/styles/accordion/highcontrast.css +1 -540
  16. package/styles/accordion/material-dark.css +1 -540
  17. package/styles/accordion/material.css +1 -540
  18. package/styles/accordion/material3-dark.css +1 -653
  19. package/styles/accordion/material3.css +1 -765
  20. package/styles/accordion/tailwind-dark.css +1 -540
  21. package/styles/accordion/tailwind.css +1 -540
  22. package/styles/appbar/bootstrap-dark.css +1 -280
  23. package/styles/appbar/bootstrap.css +1 -280
  24. package/styles/appbar/bootstrap4.css +1 -280
  25. package/styles/appbar/bootstrap5-dark.css +1 -280
  26. package/styles/appbar/bootstrap5.css +1 -280
  27. package/styles/appbar/fabric-dark.css +1 -280
  28. package/styles/appbar/fabric.css +1 -280
  29. package/styles/appbar/fluent-dark.css +1 -280
  30. package/styles/appbar/fluent.css +1 -280
  31. package/styles/appbar/fluent2.css +1 -1332
  32. package/styles/appbar/highcontrast-light.css +1 -280
  33. package/styles/appbar/highcontrast.css +1 -280
  34. package/styles/appbar/material-dark.css +1 -280
  35. package/styles/appbar/material.css +1 -280
  36. package/styles/appbar/material3-dark.css +1 -397
  37. package/styles/appbar/material3.css +1 -509
  38. package/styles/appbar/tailwind-dark.css +1 -280
  39. package/styles/appbar/tailwind.css +1 -280
  40. package/styles/bootstrap-dark.css +1 -11318
  41. package/styles/bootstrap.css +1 -11335
  42. package/styles/bootstrap4.css +1 -11453
  43. package/styles/bootstrap5-dark.css +1 -11507
  44. package/styles/bootstrap5.css +1 -11507
  45. package/styles/breadcrumb/bootstrap-dark.css +1 -410
  46. package/styles/breadcrumb/bootstrap.css +1 -410
  47. package/styles/breadcrumb/bootstrap4.css +1 -410
  48. package/styles/breadcrumb/bootstrap5-dark.css +1 -424
  49. package/styles/breadcrumb/bootstrap5.css +1 -424
  50. package/styles/breadcrumb/fabric-dark.css +1 -410
  51. package/styles/breadcrumb/fabric.css +1 -410
  52. package/styles/breadcrumb/fluent-dark.css +1 -386
  53. package/styles/breadcrumb/fluent.css +1 -386
  54. package/styles/breadcrumb/fluent2.css +1 -1489
  55. package/styles/breadcrumb/highcontrast-light.css +1 -417
  56. package/styles/breadcrumb/highcontrast.css +1 -417
  57. package/styles/breadcrumb/material-dark.css +1 -393
  58. package/styles/breadcrumb/material.css +1 -393
  59. package/styles/breadcrumb/material3-dark.css +1 -494
  60. package/styles/breadcrumb/material3.css +1 -606
  61. package/styles/breadcrumb/tailwind-dark.css +1 -416
  62. package/styles/breadcrumb/tailwind.css +1 -416
  63. package/styles/carousel/bootstrap-dark.css +1 -363
  64. package/styles/carousel/bootstrap.css +1 -363
  65. package/styles/carousel/bootstrap4.css +1 -363
  66. package/styles/carousel/bootstrap5-dark.css +1 -363
  67. package/styles/carousel/bootstrap5.css +1 -363
  68. package/styles/carousel/fabric-dark.css +1 -363
  69. package/styles/carousel/fabric.css +1 -363
  70. package/styles/carousel/fluent-dark.css +1 -363
  71. package/styles/carousel/fluent.css +1 -363
  72. package/styles/carousel/fluent2.css +1 -1405
  73. package/styles/carousel/highcontrast-light.css +1 -363
  74. package/styles/carousel/highcontrast.css +1 -363
  75. package/styles/carousel/material-dark.css +1 -363
  76. package/styles/carousel/material.css +1 -363
  77. package/styles/carousel/material3-dark.css +1 -476
  78. package/styles/carousel/material3.css +1 -588
  79. package/styles/carousel/tailwind-dark.css +1 -363
  80. package/styles/carousel/tailwind.css +1 -363
  81. package/styles/context-menu/bootstrap-dark.css +1 -380
  82. package/styles/context-menu/bootstrap.css +1 -382
  83. package/styles/context-menu/bootstrap4.css +1 -382
  84. package/styles/context-menu/bootstrap5-dark.css +1 -383
  85. package/styles/context-menu/bootstrap5.css +1 -383
  86. package/styles/context-menu/fabric-dark.css +1 -380
  87. package/styles/context-menu/fabric.css +1 -381
  88. package/styles/context-menu/fluent-dark.css +1 -391
  89. package/styles/context-menu/fluent.css +1 -391
  90. package/styles/context-menu/fluent2.css +1 -1497
  91. package/styles/context-menu/highcontrast-light.css +1 -380
  92. package/styles/context-menu/highcontrast.css +1 -381
  93. package/styles/context-menu/material-dark.css +1 -424
  94. package/styles/context-menu/material.css +1 -426
  95. package/styles/context-menu/material3-dark.css +1 -518
  96. package/styles/context-menu/material3.css +1 -630
  97. package/styles/context-menu/tailwind-dark.css +1 -407
  98. package/styles/context-menu/tailwind.css +1 -407
  99. package/styles/fabric-dark.css +1 -11318
  100. package/styles/fabric.css +1 -11323
  101. package/styles/fluent-dark.css +1 -11480
  102. package/styles/fluent.css +1 -11480
  103. package/styles/fluent2.css +1 -26508
  104. package/styles/h-scroll/bootstrap-dark.css +1 -271
  105. package/styles/h-scroll/bootstrap.css +1 -272
  106. package/styles/h-scroll/bootstrap4.css +1 -272
  107. package/styles/h-scroll/bootstrap5-dark.css +1 -307
  108. package/styles/h-scroll/bootstrap5.css +1 -307
  109. package/styles/h-scroll/fabric-dark.css +1 -271
  110. package/styles/h-scroll/fabric.css +1 -271
  111. package/styles/h-scroll/fluent-dark.css +1 -307
  112. package/styles/h-scroll/fluent.css +1 -307
  113. package/styles/h-scroll/fluent2.css +1 -1341
  114. package/styles/h-scroll/highcontrast-light.css +1 -271
  115. package/styles/h-scroll/highcontrast.css +1 -271
  116. package/styles/h-scroll/material-dark.css +1 -306
  117. package/styles/h-scroll/material.css +1 -307
  118. package/styles/h-scroll/material3-dark.css +1 -419
  119. package/styles/h-scroll/material3.css +1 -531
  120. package/styles/h-scroll/tailwind-dark.css +1 -307
  121. package/styles/h-scroll/tailwind.css +1 -307
  122. package/styles/highcontrast-light.css +1 -11319
  123. package/styles/highcontrast.css +1 -11358
  124. package/styles/material-dark.css +1 -11553
  125. package/styles/material.css +1 -11575
  126. package/styles/material3-dark.css +1 -13109
  127. package/styles/material3.css +1 -14677
  128. package/styles/menu/bootstrap-dark.css +1 -1098
  129. package/styles/menu/bootstrap.css +1 -1100
  130. package/styles/menu/bootstrap4.css +1 -1134
  131. package/styles/menu/bootstrap5-dark.css +1 -1107
  132. package/styles/menu/bootstrap5.css +1 -1107
  133. package/styles/menu/fabric-dark.css +1 -1098
  134. package/styles/menu/fabric.css +1 -1099
  135. package/styles/menu/fluent-dark.css +1 -1127
  136. package/styles/menu/fluent.css +1 -1127
  137. package/styles/menu/fluent2.css +1 -2226
  138. package/styles/menu/highcontrast-light.css +1 -1098
  139. package/styles/menu/highcontrast.css +1 -1099
  140. package/styles/menu/material-dark.css +1 -1142
  141. package/styles/menu/material.css +1 -1144
  142. package/styles/menu/material3-dark.css +1 -1238
  143. package/styles/menu/material3.css +1 -1350
  144. package/styles/menu/tailwind-dark.css +1 -1125
  145. package/styles/menu/tailwind.css +1 -1125
  146. package/styles/pager/bootstrap-dark.css +1 -781
  147. package/styles/pager/bootstrap.css +1 -781
  148. package/styles/pager/bootstrap4.css +1 -781
  149. package/styles/pager/bootstrap5-dark.css +1 -807
  150. package/styles/pager/bootstrap5.css +1 -807
  151. package/styles/pager/fabric-dark.css +1 -781
  152. package/styles/pager/fabric.css +1 -781
  153. package/styles/pager/fluent-dark.css +1 -783
  154. package/styles/pager/fluent.css +1 -783
  155. package/styles/pager/fluent2.css +1 -1862
  156. package/styles/pager/highcontrast-light.css +1 -781
  157. package/styles/pager/highcontrast.css +1 -781
  158. package/styles/pager/material-dark.css +1 -781
  159. package/styles/pager/material.css +1 -781
  160. package/styles/pager/material3-dark.css +1 -929
  161. package/styles/pager/material3.css +1 -1041
  162. package/styles/pager/tailwind-dark.css +1 -890
  163. package/styles/pager/tailwind.css +1 -890
  164. package/styles/sidebar/bootstrap-dark.css +1 -224
  165. package/styles/sidebar/bootstrap.css +1 -224
  166. package/styles/sidebar/bootstrap4.css +1 -224
  167. package/styles/sidebar/bootstrap5-dark.css +1 -222
  168. package/styles/sidebar/bootstrap5.css +1 -222
  169. package/styles/sidebar/fabric-dark.css +1 -224
  170. package/styles/sidebar/fabric.css +1 -224
  171. package/styles/sidebar/fluent-dark.css +1 -222
  172. package/styles/sidebar/fluent.css +1 -222
  173. package/styles/sidebar/fluent2.css +1 -1263
  174. package/styles/sidebar/highcontrast-light.css +1 -224
  175. package/styles/sidebar/highcontrast.css +1 -224
  176. package/styles/sidebar/material-dark.css +1 -224
  177. package/styles/sidebar/material.css +1 -226
  178. package/styles/sidebar/material3-dark.css +1 -334
  179. package/styles/sidebar/material3.css +1 -446
  180. package/styles/sidebar/tailwind-dark.css +1 -222
  181. package/styles/sidebar/tailwind.css +1 -222
  182. package/styles/stepper/bootstrap-dark.css +1 -716
  183. package/styles/stepper/bootstrap.css +1 -716
  184. package/styles/stepper/bootstrap4.css +1 -716
  185. package/styles/stepper/bootstrap5-dark.css +1 -716
  186. package/styles/stepper/bootstrap5.css +1 -716
  187. package/styles/stepper/fabric-dark.css +1 -716
  188. package/styles/stepper/fabric.css +1 -716
  189. package/styles/stepper/fluent-dark.css +1 -716
  190. package/styles/stepper/fluent.css +1 -716
  191. package/styles/stepper/fluent2.css +1 -1750
  192. package/styles/stepper/highcontrast-light.css +1 -716
  193. package/styles/stepper/highcontrast.css +1 -716
  194. package/styles/stepper/material-dark.css +1 -716
  195. package/styles/stepper/material.css +1 -716
  196. package/styles/stepper/material3-dark.css +1 -830
  197. package/styles/stepper/material3.css +1 -942
  198. package/styles/stepper/tailwind-dark.css +1 -716
  199. package/styles/stepper/tailwind.css +1 -716
  200. package/styles/tab/bootstrap-dark.css +1 -4134
  201. package/styles/tab/bootstrap.css +1 -4134
  202. package/styles/tab/bootstrap4.css +1 -4134
  203. package/styles/tab/bootstrap5-dark.css +1 -4129
  204. package/styles/tab/bootstrap5.css +1 -4129
  205. package/styles/tab/fabric-dark.css +1 -4134
  206. package/styles/tab/fabric.css +1 -4134
  207. package/styles/tab/fluent-dark.css +1 -4134
  208. package/styles/tab/fluent.css +1 -4134
  209. package/styles/tab/fluent2.css +1 -5251
  210. package/styles/tab/highcontrast-light.css +1 -4128
  211. package/styles/tab/highcontrast.css +1 -4134
  212. package/styles/tab/material-dark.css +1 -4210
  213. package/styles/tab/material.css +1 -4210
  214. package/styles/tab/material3-dark.css +1 -4252
  215. package/styles/tab/material3.css +1 -4364
  216. package/styles/tab/tailwind-dark.css +1 -4188
  217. package/styles/tab/tailwind.css +1 -4188
  218. package/styles/tailwind-dark.css +1 -11672
  219. package/styles/tailwind.css +1 -11672
  220. package/styles/toolbar/bootstrap-dark.css +1 -1132
  221. package/styles/toolbar/bootstrap.css +1 -1134
  222. package/styles/toolbar/bootstrap4.css +1 -1134
  223. package/styles/toolbar/bootstrap5-dark.css +1 -1160
  224. package/styles/toolbar/bootstrap5.css +1 -1160
  225. package/styles/toolbar/fabric-dark.css +1 -1132
  226. package/styles/toolbar/fabric.css +1 -1133
  227. package/styles/toolbar/fluent-dark.css +1 -1157
  228. package/styles/toolbar/fluent.css +1 -1157
  229. package/styles/toolbar/fluent2.css +1 -2224
  230. package/styles/toolbar/highcontrast-light.css +1 -1132
  231. package/styles/toolbar/highcontrast.css +1 -1133
  232. package/styles/toolbar/material-dark.css +1 -1211
  233. package/styles/toolbar/material.css +1 -1213
  234. package/styles/toolbar/material3-dark.css +1 -1279
  235. package/styles/toolbar/material3.css +1 -1391
  236. package/styles/toolbar/tailwind-dark.css +1 -1157
  237. package/styles/toolbar/tailwind.css +1 -1157
  238. package/styles/treeview/bootstrap-dark.css +1 -763
  239. package/styles/treeview/bootstrap.css +1 -772
  240. package/styles/treeview/bootstrap4.css +1 -856
  241. package/styles/treeview/bootstrap5-dark.css +1 -875
  242. package/styles/treeview/bootstrap5.css +1 -875
  243. package/styles/treeview/fabric-dark.css +1 -763
  244. package/styles/treeview/fabric.css +1 -764
  245. package/styles/treeview/fluent-dark.css +1 -880
  246. package/styles/treeview/fluent.css +1 -880
  247. package/styles/treeview/fluent2.css +1 -2058
  248. package/styles/treeview/highcontrast-light.css +1 -763
  249. package/styles/treeview/highcontrast.css +1 -792
  250. package/styles/treeview/material-dark.css +1 -777
  251. package/styles/treeview/material.css +1 -791
  252. package/styles/treeview/material3-dark.css +1 -984
  253. package/styles/treeview/material3.css +1 -1096
  254. package/styles/treeview/tailwind-dark.css +1 -866
  255. package/styles/treeview/tailwind.css +1 -866
  256. package/styles/v-scroll/bootstrap-dark.css +1 -213
  257. package/styles/v-scroll/bootstrap.css +1 -214
  258. package/styles/v-scroll/bootstrap4.css +1 -214
  259. package/styles/v-scroll/bootstrap5-dark.css +1 -214
  260. package/styles/v-scroll/bootstrap5.css +1 -214
  261. package/styles/v-scroll/fabric-dark.css +1 -213
  262. package/styles/v-scroll/fabric.css +1 -214
  263. package/styles/v-scroll/fluent-dark.css +1 -214
  264. package/styles/v-scroll/fluent.css +1 -214
  265. package/styles/v-scroll/fluent2.css +1 -1248
  266. package/styles/v-scroll/highcontrast-light.css +1 -213
  267. package/styles/v-scroll/highcontrast.css +1 -214
  268. package/styles/v-scroll/material-dark.css +1 -248
  269. package/styles/v-scroll/material.css +1 -249
  270. package/styles/v-scroll/material3-dark.css +1 -326
  271. package/styles/v-scroll/material3.css +1 -438
  272. package/styles/v-scroll/tailwind-dark.css +1 -214
  273. package/styles/v-scroll/tailwind.css +1 -214
@@ -1,1096 +1 @@
1
- :root {
2
- --color-sf-black: 0, 0, 0;
3
- --color-sf-white: 255, 255, 255;
4
- --color-sf-primary: 103, 80, 164;
5
- --color-sf-primary-container: 234, 221, 255;
6
- --color-sf-secondary: 98, 91, 113;
7
- --color-sf-secondary-container: 232, 222, 248;
8
- --color-sf-tertiary: 125, 82, 96;
9
- --color-sf-tertiary-container: 255, 216, 228;
10
- --color-sf-surface: 255, 255, 255;
11
- --color-sf-surface-variant: 231, 224, 236;
12
- --color-sf-background: var(--color-sf-surface);
13
- --color-sf-on-primary: 255, 255, 255;
14
- --color-sf-on-primary-container: 33, 0, 94;
15
- --color-sf-on-secondary: 255, 255, 255;
16
- --color-sf-on-secondary-container: 30, 25, 43;
17
- --color-sf-on-tertiary: 255, 255, 255;
18
- --color-sf-on-tertiary-containe: 55, 11, 30;
19
- --color-sf-on-surface: 28, 27, 31;
20
- --color-sf-on-surface-variant: 73, 69, 78;
21
- --color-sf-on-background: 28, 27, 31;
22
- --color-sf-outline: 121, 116, 126;
23
- --color-sf-outline-variant: 196, 199, 197;
24
- --color-sf-shadow: 0, 0, 0;
25
- --color-sf-surface-tint-color: 103, 80, 164;
26
- --color-sf-inverse-surface: 49, 48, 51;
27
- --color-sf-inverse-on-surface: 244, 239, 244;
28
- --color-sf-inverse-primary: 208, 188, 255;
29
- --color-sf-scrim: 0, 0, 0;
30
- --color-sf-error: 179, 38, 30;
31
- --color-sf-error-container: 249, 222, 220;
32
- --color-sf-on-error: 255, 250, 250;
33
- --color-sf-on-error-container: 65, 14, 11;
34
- --color-sf-success: 32, 81, 7;
35
- --color-sf-success-container: 209, 255, 186;
36
- --color-sf-on-success: 244, 255, 239;
37
- --color-sf-on-success-container: 13, 39, 0;
38
- --color-sf-info: 1, 87, 155;
39
- --color-sf-info-container: 233, 245, 255;
40
- --color-sf-on-info: 250, 253, 255;
41
- --color-sf-on-info-container: 0, 51, 91;
42
- --color-sf-warning: 145, 76, 0;
43
- --color-sf-warning-container: 254, 236, 222;
44
- --color-sf-on-warning: 255, 255, 255;
45
- --color-sf-on-warning-container: 47, 21, 0;
46
- --color-sf-spreadsheet-gridline: var(--color-sf-surface-variant);
47
- --color-sf-shadow-focus-ring1: 0 0 0 1px rgb(255, 255, 255), 0 0 0 3px rgb(0, 0, 0);
48
- --color-sf-diagram-palette-background: --color-sf-white;
49
- --color-sf-success-text: 255, 255, 255;
50
- --color-sf-warning-text: 255, 255, 255;
51
- --color-sf-danger-text: 255, 255, 255;
52
- --color-sf-info-text: 255, 255, 255;
53
- --color-sf-content-text-color-alt2: var(--color-sf-on-secondary-container);
54
- --color-sf-secondary-bg-color: var(--color-sf-surface);
55
- }
56
-
57
- .e-dark-mode {
58
- --color-sf-black: 0, 0, 0;
59
- --color-sf-white: 255, 255, 255;
60
- --color-sf-primary: 208, 188, 255;
61
- --color-sf-primary-container: 79, 55, 139;
62
- --color-sf-secondary: 204, 194, 220;
63
- --color-sf-secondary-container: 74, 68, 88;
64
- --color-sf-tertiary: 239, 184, 200;
65
- --color-sf-tertiary-container: 99, 59, 72;
66
- --color-sf-surface: 28, 27, 31;
67
- --color-sf-surface-variant: 28, 27, 31;
68
- --color-sf-background: var(--color-sf-surface);
69
- --color-sf-on-primary: 55, 30, 115;
70
- --color-sf-on-primary-container: 234, 221, 255;
71
- --color-sf-on-secondary: 51, 45, 65;
72
- --color-sf-on-secondary-container: 232, 222, 248;
73
- --color-sf-on-tertiary: 73, 37, 50;
74
- --color-sf-on-tertiary-containe: 255, 216, 228;
75
- --color-sf-on-surface: 230, 225, 229;
76
- --color-sf-on-surface-variant: 202, 196, 208;
77
- --color-sf-on-background: 230, 225, 229;
78
- --color-sf-outline: 147, 143, 153;
79
- --color-sf-outline-variant: 68, 71, 70;
80
- --color-sf-shadow: 0, 0, 0;
81
- --color-sf-surface-tint-color: 208, 188, 255;
82
- --color-sf-inverse-surface: 230, 225, 229;
83
- --color-sf-inverse-on-surface: 49, 48, 51;
84
- --color-sf-inverse-primary: 103, 80, 164;
85
- --color-sf-scrim: 0, 0, 0;
86
- --color-sf-error: 242, 184, 181;
87
- --color-sf-error-container: 140, 29, 24;
88
- --color-sf-on-error: 96, 20, 16;
89
- --color-sf-on-error-container: 249, 222, 220;
90
- --color-sf-success: 83, 202, 23;
91
- --color-sf-success-container: 22, 62, 2;
92
- --color-sf-on-success: 13, 39, 0;
93
- --color-sf-on-success-container: 183, 250, 150;
94
- --color-sf-info: 71, 172, 251;
95
- --color-sf-info-container: 0, 67, 120;
96
- --color-sf-on-info: 0, 51, 91;
97
- --color-sf-on-info-container: 173, 219, 255;
98
- --color-sf-warning: 245, 180, 130;
99
- --color-sf-warning-container: 123, 65, 0;
100
- --color-sf-on-warning: 99, 52, 0;
101
- --color-sf-on-warning-container: 255, 220, 193;
102
- --color-sf-spreadsheet-gridline: 231, 224, 236;
103
- --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
104
- --color-sf-success-text: 0, 0, 0;
105
- --color-sf-warning-text: 0, 0, 0;
106
- --color-sf-info-text: 0, 0, 0;
107
- --color-sf-danger-text: 0, 0, 0;
108
- --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
109
- --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
110
- }
111
-
112
- :root {
113
- --color-sf-black: 0, 0, 0;
114
- --color-sf-white: 255, 255, 255;
115
- --color-sf-primary: 103, 80, 164;
116
- --color-sf-primary-container: 234, 221, 255;
117
- --color-sf-secondary: 98, 91, 113;
118
- --color-sf-secondary-container: 232, 222, 248;
119
- --color-sf-tertiary: 125, 82, 96;
120
- --color-sf-tertiary-container: 255, 216, 228;
121
- --color-sf-surface: 255, 255, 255;
122
- --color-sf-surface-variant: 231, 224, 236;
123
- --color-sf-background: var(--color-sf-surface);
124
- --color-sf-on-primary: 255, 255, 255;
125
- --color-sf-on-primary-container: 33, 0, 94;
126
- --color-sf-on-secondary: 255, 255, 255;
127
- --color-sf-on-secondary-container: 30, 25, 43;
128
- --color-sf-on-tertiary: 255, 255, 255;
129
- --color-sf-on-tertiary-containe: 55, 11, 30;
130
- --color-sf-on-surface: 28, 27, 31;
131
- --color-sf-on-surface-variant: 73, 69, 78;
132
- --color-sf-on-background: 28, 27, 31;
133
- --color-sf-outline: 121, 116, 126;
134
- --color-sf-outline-variant: 196, 199, 197;
135
- --color-sf-shadow: 0, 0, 0;
136
- --color-sf-surface-tint-color: 103, 80, 164;
137
- --color-sf-inverse-surface: 49, 48, 51;
138
- --color-sf-inverse-on-surface: 244, 239, 244;
139
- --color-sf-inverse-primary: 208, 188, 255;
140
- --color-sf-scrim: 0, 0, 0;
141
- --color-sf-error: 179, 38, 30;
142
- --color-sf-error-container: 249, 222, 220;
143
- --color-sf-on-error: 255, 250, 250;
144
- --color-sf-on-error-container: 65, 14, 11;
145
- --color-sf-success: 32, 81, 7;
146
- --color-sf-success-container: 209, 255, 186;
147
- --color-sf-on-success: 244, 255, 239;
148
- --color-sf-on-success-container: 13, 39, 0;
149
- --color-sf-info: 1, 87, 155;
150
- --color-sf-info-container: 233, 245, 255;
151
- --color-sf-on-info: 250, 253, 255;
152
- --color-sf-on-info-container: 0, 51, 91;
153
- --color-sf-warning: 145, 76, 0;
154
- --color-sf-warning-container: 254, 236, 222;
155
- --color-sf-on-warning: 255, 255, 255;
156
- --color-sf-on-warning-container: 47, 21, 0;
157
- --color-sf-spreadsheet-gridline: var(--color-sf-surface-variant);
158
- --color-sf-shadow-focus-ring1: 0 0 0 1px rgb(255, 255, 255), 0 0 0 3px rgb(0, 0, 0);
159
- --color-sf-diagram-palette-background: --color-sf-white;
160
- --color-sf-success-text: 255, 255, 255;
161
- --color-sf-warning-text: 255, 255, 255;
162
- --color-sf-danger-text: 255, 255, 255;
163
- --color-sf-info-text: 255, 255, 255;
164
- --color-sf-content-text-color-alt2: var(--color-sf-on-secondary-container);
165
- --color-sf-secondary-bg-color: var(--color-sf-surface);
166
- }
167
-
168
- .e-dark-mode {
169
- --color-sf-black: 0, 0, 0;
170
- --color-sf-white: 255, 255, 255;
171
- --color-sf-primary: 208, 188, 255;
172
- --color-sf-primary-container: 79, 55, 139;
173
- --color-sf-secondary: 204, 194, 220;
174
- --color-sf-secondary-container: 74, 68, 88;
175
- --color-sf-tertiary: 239, 184, 200;
176
- --color-sf-tertiary-container: 99, 59, 72;
177
- --color-sf-surface: 28, 27, 31;
178
- --color-sf-surface-variant: 28, 27, 31;
179
- --color-sf-background: var(--color-sf-surface);
180
- --color-sf-on-primary: 55, 30, 115;
181
- --color-sf-on-primary-container: 234, 221, 255;
182
- --color-sf-on-secondary: 51, 45, 65;
183
- --color-sf-on-secondary-container: 232, 222, 248;
184
- --color-sf-on-tertiary: 73, 37, 50;
185
- --color-sf-on-tertiary-containe: 255, 216, 228;
186
- --color-sf-on-surface: 230, 225, 229;
187
- --color-sf-on-surface-variant: 202, 196, 208;
188
- --color-sf-on-background: 230, 225, 229;
189
- --color-sf-outline: 147, 143, 153;
190
- --color-sf-outline-variant: 68, 71, 70;
191
- --color-sf-shadow: 0, 0, 0;
192
- --color-sf-surface-tint-color: 208, 188, 255;
193
- --color-sf-inverse-surface: 230, 225, 229;
194
- --color-sf-inverse-on-surface: 49, 48, 51;
195
- --color-sf-inverse-primary: 103, 80, 164;
196
- --color-sf-scrim: 0, 0, 0;
197
- --color-sf-error: 242, 184, 181;
198
- --color-sf-error-container: 140, 29, 24;
199
- --color-sf-on-error: 96, 20, 16;
200
- --color-sf-on-error-container: 249, 222, 220;
201
- --color-sf-success: 83, 202, 23;
202
- --color-sf-success-container: 22, 62, 2;
203
- --color-sf-on-success: 13, 39, 0;
204
- --color-sf-on-success-container: 183, 250, 150;
205
- --color-sf-info: 71, 172, 251;
206
- --color-sf-info-container: 0, 67, 120;
207
- --color-sf-on-info: 0, 51, 91;
208
- --color-sf-on-info-container: 173, 219, 255;
209
- --color-sf-warning: 245, 180, 130;
210
- --color-sf-warning-container: 123, 65, 0;
211
- --color-sf-on-warning: 99, 52, 0;
212
- --color-sf-on-warning-container: 255, 220, 193;
213
- --color-sf-spreadsheet-gridline: 231, 224, 236;
214
- --color-sf-shadow-focus-ring1: 0 0 0 1px #000, 0 0 0 3px #fff;
215
- --color-sf-success-text: 0, 0, 0;
216
- --color-sf-warning-text: 0, 0, 0;
217
- --color-sf-info-text: 0, 0, 0;
218
- --color-sf-danger-text: 0, 0, 0;
219
- --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
220
- --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
221
- }
222
-
223
- /* stylelint-disable property-no-vendor-prefix */
224
- @-webkit-keyframes e-input-ripple {
225
- 100% {
226
- opacity: 0;
227
- -webkit-transform: scale(4);
228
- transform: scale(4);
229
- }
230
- }
231
- @keyframes e-input-ripple {
232
- 100% {
233
- opacity: 0;
234
- -webkit-transform: scale(4);
235
- transform: scale(4);
236
- }
237
- }
238
- @-webkit-keyframes slideTopUp {
239
- from {
240
- -webkit-transform: translate3d(0, 0, 0) scale(1);
241
- transform: translate3d(0, 0, 0) scale(1);
242
- }
243
- to {
244
- -webkit-transform: translate3d(0, 0, 0) scale(1);
245
- transform: translate3d(0, 0, 0) scale(1);
246
- }
247
- }
248
- @keyframes slideTopUp {
249
- from {
250
- -webkit-transform: translate3d(0, 0, 0) scale(1);
251
- transform: translate3d(0, 0, 0) scale(1);
252
- }
253
- to {
254
- -webkit-transform: translate3d(0, 0, 0) scale(1);
255
- transform: translate3d(0, 0, 0) scale(1);
256
- }
257
- }
258
- /*! TreeView icons */
259
- .e-treeview .e-list-item div.e-icons::before {
260
- content: "\e748";
261
- }
262
- .e-treeview .e-sibling::before {
263
- content: "";
264
- }
265
- .e-treeview .e-popup .e-icons::before {
266
- content: "\e76a";
267
- }
268
- .e-treeview.e-drag-item .e-icons.e-drop-in::before {
269
- content: "\e768";
270
- }
271
- .e-treeview.e-drag-item .e-icons.e-drop-out::before {
272
- content: "\e839";
273
- }
274
- .e-treeview.e-drag-item .e-icons.e-drop-next::before {
275
- content: "\e736";
276
- }
277
- .e-treeview.e-drag-item .e-icons.e-no-drop::before {
278
- content: "\e839";
279
- }
280
-
281
- /* stylelint-disable property-no-vendor-prefix */
282
- @-webkit-keyframes rotation {
283
- from {
284
- -webkit-transform: rotate(0deg);
285
- transform: rotate(0deg);
286
- }
287
- to {
288
- -webkit-transform: rotate(359deg);
289
- transform: rotate(359deg);
290
- }
291
- }
292
- @keyframes rotation {
293
- from {
294
- -webkit-transform: rotate(0deg);
295
- transform: rotate(0deg);
296
- }
297
- to {
298
- -webkit-transform: rotate(359deg);
299
- transform: rotate(359deg);
300
- }
301
- }
302
- .e-bigger .e-treeview .e-ul,
303
- .e-treeview.e-bigger .e-ul {
304
- padding: 0 0 0 18px;
305
- }
306
- .e-bigger .e-treeview .e-list-item .e-ul,
307
- .e-treeview.e-bigger .e-list-item .e-ul {
308
- padding: 0 0 0 20px;
309
- }
310
- .e-bigger .e-treeview .e-list-item .e-text-content,
311
- .e-treeview.e-bigger .e-list-item .e-text-content {
312
- padding: 0 0 0 24px;
313
- }
314
- .e-bigger .e-treeview .e-list-item .e-list-icon,
315
- .e-bigger .e-treeview .e-list-item .e-list-img,
316
- .e-treeview.e-bigger .e-list-item .e-list-icon,
317
- .e-treeview.e-bigger .e-list-item .e-list-img {
318
- height: 20px;
319
- width: 20px;
320
- }
321
- .e-bigger .e-treeview .e-list-item .e-small.e-css.e-checkbox-wrapper .e-frame,
322
- .e-treeview.e-bigger .e-list-item .e-small.e-css.e-checkbox-wrapper .e-frame {
323
- height: 18px;
324
- line-height: 17px;
325
- width: 18px;
326
- }
327
- .e-bigger .e-treeview .e-list-item .e-small.e-css.e-checkbox-wrapper .e-check, .e-bigger .e-treeview .e-list-item .e-small.e-css.e-checkbox-wrapper .e-stop,
328
- .e-treeview.e-bigger .e-list-item .e-small.e-css.e-checkbox-wrapper .e-check,
329
- .e-treeview.e-bigger .e-list-item .e-small.e-css.e-checkbox-wrapper .e-stop {
330
- font-size: 12px;
331
- }
332
- .e-bigger .e-treeview .e-list-item .e-small.e-css.e-checkbox-wrapper .e-stop,
333
- .e-treeview.e-bigger .e-list-item .e-small.e-css.e-checkbox-wrapper .e-stop {
334
- line-height: 17px;
335
- }
336
- .e-bigger .e-treeview .e-list-item .e-checkbox-wrapper + .e-list-text,
337
- .e-treeview.e-bigger .e-list-item .e-checkbox-wrapper + .e-list-text {
338
- padding: 12px 18px;
339
- }
340
- .e-bigger .e-treeview .e-icon-collapsible,
341
- .e-bigger .e-treeview .e-icon-expandable,
342
- .e-treeview.e-bigger .e-icon-collapsible,
343
- .e-treeview.e-bigger .e-icon-expandable {
344
- height: 20px;
345
- width: 20px;
346
- margin: 0 0 0 -20px;
347
- }
348
- .e-bigger .e-treeview.e-drag-item .e-drop-count,
349
- .e-treeview.e-bigger.e-drag-item .e-drop-count {
350
- padding: 3px 5px 4px;
351
- }
352
- .e-bigger .e-treeview .e-navigable .e-list-text,
353
- .e-treeview.e-bigger .e-navigable .e-list-text {
354
- width: 100%;
355
- }
356
- .e-bigger .e-treeview .e-navigable .e-checkbox-wrapper + .e-list-text,
357
- .e-treeview.e-bigger .e-navigable .e-checkbox-wrapper + .e-list-text {
358
- padding: 0;
359
- }
360
- .e-bigger .e-treeview .e-navigable .e-checkbox-wrapper + .e-list-url .e-anchor-wrap .e-list-icon,
361
- .e-bigger .e-treeview .e-navigable .e-checkbox-wrapper + .e-list-url .e-anchor-wrap .e-list-img,
362
- .e-treeview.e-bigger .e-navigable .e-checkbox-wrapper + .e-list-url .e-anchor-wrap .e-list-icon,
363
- .e-treeview.e-bigger .e-navigable .e-checkbox-wrapper + .e-list-url .e-anchor-wrap .e-list-img {
364
- margin: 0 12px 0 8px;
365
- }
366
- .e-bigger .e-treeview .e-navigable .e-anchor-wrap,
367
- .e-treeview.e-bigger .e-navigable .e-anchor-wrap {
368
- padding: 0 0 0 12px;
369
- }
370
- .e-bigger .e-treeview .e-navigable .e-list-icon,
371
- .e-bigger .e-treeview .e-navigable .e-list-img,
372
- .e-bigger .e-treeview .e-navigable .e-list-icon + .e-list-img,
373
- .e-treeview.e-bigger .e-navigable .e-list-icon,
374
- .e-treeview.e-bigger .e-navigable .e-list-img,
375
- .e-treeview.e-bigger .e-navigable .e-list-icon + .e-list-img {
376
- margin: 0 8px 0 0;
377
- }
378
- .e-bigger .e-treeview .e-fullrow,
379
- .e-treeview.e-bigger .e-fullrow {
380
- height: 48px;
381
- }
382
- .e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-text,
383
- .e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-text {
384
- max-width: calc(100% - 29px);
385
- }
386
- .e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-text, .e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-img + .e-list-text,
387
- .e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-text,
388
- .e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-img + .e-list-text {
389
- max-width: calc(100% - 65px);
390
- }
391
- .e-bigger .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-img + .e-list-text,
392
- .e-treeview.e-bigger.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-img + .e-list-text {
393
- max-width: calc(100% - 101px);
394
- }
395
- .e-bigger .e-treeview.e-text-wrap .e-list-icon + .e-list-text,
396
- .e-bigger .e-treeview.e-text-wrap .e-list-img + .e-list-text,
397
- .e-treeview.e-bigger.e-text-wrap .e-list-icon + .e-list-text,
398
- .e-treeview.e-bigger.e-text-wrap .e-list-img + .e-list-text {
399
- max-width: calc(100% - 35px);
400
- }
401
- .e-bigger .e-treeview.e-text-wrap .e-list-icon + .e-list-img + .e-list-text,
402
- .e-treeview.e-bigger.e-text-wrap .e-list-icon + .e-list-img + .e-list-text {
403
- max-width: calc(100% - 71px);
404
- }
405
- .e-bigger .e-treeview .e-list-text,
406
- .e-treeview.e-bigger .e-list-text {
407
- line-height: 24px;
408
- min-height: 24px;
409
- padding: 12px 18px;
410
- }
411
- .e-bigger .e-treeview .e-list-text .e-input-group,
412
- .e-treeview.e-bigger .e-list-text .e-input-group {
413
- height: 40px;
414
- }
415
- .e-bigger .e-treeview .e-list-text .e-input-group .e-input,
416
- .e-treeview.e-bigger .e-list-text .e-input-group .e-input {
417
- height: 36px;
418
- }
419
- .e-bigger .e-treeview .e-checkbox-wrapper,
420
- .e-treeview.e-bigger .e-checkbox-wrapper {
421
- margin: 0 0 0 18px;
422
- }
423
- .e-bigger .e-treeview .e-checkbox-wrapper + .e-list-icon, .e-bigger .e-treeview .e-checkbox-wrapper + .e-list-img,
424
- .e-treeview.e-bigger .e-checkbox-wrapper + .e-list-icon,
425
- .e-treeview.e-bigger .e-checkbox-wrapper + .e-list-img {
426
- margin: 0 0 0 18px;
427
- }
428
- .e-bigger .e-treeview .e-list-icon,
429
- .e-bigger .e-treeview .e-list-img,
430
- .e-treeview.e-bigger .e-list-icon,
431
- .e-treeview.e-bigger .e-list-img {
432
- margin: 0 0 0 18px;
433
- }
434
- .e-bigger .e-treeview .e-list-icon + .e-list-text,
435
- .e-bigger .e-treeview .e-list-img + .e-list-text,
436
- .e-treeview.e-bigger .e-list-icon + .e-list-text,
437
- .e-treeview.e-bigger .e-list-img + .e-list-text {
438
- padding: 12px 18px;
439
- }
440
- .e-bigger .e-treeview .e-list-icon + .e-list-icon, .e-bigger .e-treeview .e-list-icon + .e-list-img,
441
- .e-bigger .e-treeview .e-list-img + .e-list-icon,
442
- .e-bigger .e-treeview .e-list-img + .e-list-img,
443
- .e-treeview.e-bigger .e-list-icon + .e-list-icon,
444
- .e-treeview.e-bigger .e-list-icon + .e-list-img,
445
- .e-treeview.e-bigger .e-list-img + .e-list-icon,
446
- .e-treeview.e-bigger .e-list-img + .e-list-img {
447
- margin: 0 0 0 18px;
448
- }
449
- .e-bigger .e-treeview .e-icon-collapsible::before,
450
- .e-bigger .e-treeview .e-icon-expandable::before,
451
- .e-treeview.e-bigger .e-icon-collapsible::before,
452
- .e-treeview.e-bigger .e-icon-expandable::before {
453
- padding: 0;
454
- }
455
- .e-bigger .e-treeview.e-rtl .e-ul,
456
- .e-treeview.e-bigger.e-rtl .e-ul {
457
- padding: 0 16px 0 0;
458
- }
459
- .e-bigger .e-treeview.e-rtl .e-list-item .e-ul,
460
- .e-treeview.e-bigger.e-rtl .e-list-item .e-ul {
461
- padding: 0 20px 0 0;
462
- }
463
- .e-bigger .e-treeview.e-rtl .e-list-item .e-text-content,
464
- .e-treeview.e-bigger.e-rtl .e-list-item .e-text-content {
465
- padding: 0 24px 0 0;
466
- }
467
- .e-bigger .e-treeview.e-rtl .e-icon-collapsible,
468
- .e-bigger .e-treeview.e-rtl .e-icon-expandable,
469
- .e-treeview.e-bigger.e-rtl .e-icon-collapsible,
470
- .e-treeview.e-bigger.e-rtl .e-icon-expandable {
471
- margin: 0 -20px 0 0;
472
- }
473
- .e-bigger .e-treeview.e-rtl .e-navigable .e-checkbox-wrapper + .e-list-url .e-anchor-wrap .e-list-icon,
474
- .e-bigger .e-treeview.e-rtl .e-navigable .e-checkbox-wrapper + .e-list-url .e-anchor-wrap .e-list-img,
475
- .e-treeview.e-bigger.e-rtl .e-navigable .e-checkbox-wrapper + .e-list-url .e-anchor-wrap .e-list-icon,
476
- .e-treeview.e-bigger.e-rtl .e-navigable .e-checkbox-wrapper + .e-list-url .e-anchor-wrap .e-list-img {
477
- margin: 0 6px 0 10px;
478
- }
479
- .e-bigger .e-treeview.e-rtl .e-navigable .e-anchor-wrap,
480
- .e-treeview.e-bigger.e-rtl .e-navigable .e-anchor-wrap {
481
- padding: 0 8px 0 0;
482
- }
483
- .e-bigger .e-treeview.e-rtl .e-navigable .e-list-icon,
484
- .e-bigger .e-treeview.e-rtl .e-navigable .e-list-img,
485
- .e-bigger .e-treeview.e-rtl .e-navigable .e-list-icon + .e-list-img,
486
- .e-treeview.e-bigger.e-rtl .e-navigable .e-list-icon,
487
- .e-treeview.e-bigger.e-rtl .e-navigable .e-list-img,
488
- .e-treeview.e-bigger.e-rtl .e-navigable .e-list-icon + .e-list-img {
489
- margin: 0 0 0 12px;
490
- }
491
- .e-bigger .e-treeview.e-rtl .e-checkbox-wrapper,
492
- .e-treeview.e-bigger.e-rtl .e-checkbox-wrapper {
493
- margin: 0 12px 0 0;
494
- }
495
- .e-bigger .e-treeview.e-rtl .e-checkbox-wrapper + .e-list-icon, .e-bigger .e-treeview.e-rtl .e-checkbox-wrapper + .e-list-img,
496
- .e-treeview.e-bigger.e-rtl .e-checkbox-wrapper + .e-list-icon,
497
- .e-treeview.e-bigger.e-rtl .e-checkbox-wrapper + .e-list-img {
498
- margin: 0 12px 0 0;
499
- }
500
- .e-bigger .e-treeview.e-rtl .e-list-icon,
501
- .e-bigger .e-treeview.e-rtl .e-list-img,
502
- .e-treeview.e-bigger.e-rtl .e-list-icon,
503
- .e-treeview.e-bigger.e-rtl .e-list-img {
504
- margin: 0 12px 0 0;
505
- }
506
- .e-bigger .e-treeview.e-rtl .e-list-icon + .e-list-icon, .e-bigger .e-treeview.e-rtl .e-list-icon + .e-list-img,
507
- .e-bigger .e-treeview.e-rtl .e-list-img + .e-list-icon,
508
- .e-bigger .e-treeview.e-rtl .e-list-img + .e-list-img,
509
- .e-treeview.e-bigger.e-rtl .e-list-icon + .e-list-icon,
510
- .e-treeview.e-bigger.e-rtl .e-list-icon + .e-list-img,
511
- .e-treeview.e-bigger.e-rtl .e-list-img + .e-list-icon,
512
- .e-treeview.e-bigger.e-rtl .e-list-img + .e-list-img {
513
- margin: 0 12px 0 0;
514
- }
515
-
516
- .e-treeview {
517
- display: block;
518
- overflow: hidden;
519
- position: relative;
520
- white-space: nowrap;
521
- }
522
- .e-treeview.e-virtualization {
523
- overflow: auto;
524
- }
525
- .e-treeview.e-virtualization .e-virtual-mask {
526
- display: block;
527
- margin-bottom: 20px;
528
- }
529
- .e-treeview.e-virtualization .e-ul {
530
- overflow: unset;
531
- }
532
- .e-treeview > .e-ul {
533
- -webkit-overflow-scrolling: touch;
534
- overflow: auto;
535
- }
536
- .e-treeview.e-text-wrap .e-list-text {
537
- white-space: normal;
538
- word-break: break-word;
539
- }
540
- .e-treeview.e-text-wrap.e-ie-wrap .e-list-text {
541
- word-break: break-all;
542
- }
543
- .e-treeview.e-text-wrap .e-editing .e-list-text,
544
- .e-treeview.e-text-wrap .e-editing .e-list-text .e-input-group {
545
- max-width: calc(100% - 2px);
546
- }
547
- .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-text {
548
- max-width: calc(100% - 21px);
549
- }
550
- .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-text, .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-img + .e-list-text {
551
- max-width: calc(100% - 54px);
552
- }
553
- .e-treeview.e-text-wrap .e-checkbox-wrapper + .e-list-icon + .e-list-img + .e-list-text {
554
- max-width: calc(100% - 82px);
555
- }
556
- .e-treeview.e-text-wrap .e-list-icon + .e-list-text,
557
- .e-treeview.e-text-wrap .e-list-img + .e-list-text {
558
- max-width: calc(100% - 32px);
559
- }
560
- .e-treeview.e-text-wrap .e-list-icon + .e-list-img + .e-list-text {
561
- max-width: calc(100% - 60px);
562
- }
563
- .e-treeview .e-ul {
564
- margin: 0;
565
- padding: 0 0 0 16px;
566
- }
567
- .e-treeview .e-node-collapsed .e-list-item .e-fullrow,
568
- .e-treeview .e-display-none {
569
- display: none;
570
- }
571
- .e-treeview .e-list-item {
572
- list-style: none;
573
- }
574
- .e-treeview .e-list-item .e-ul {
575
- margin: 2px 0 -2px;
576
- padding: 0 0 0 20px;
577
- margin: 0;
578
- }
579
- .e-treeview .e-list-item.e-disable > .e-text-content,
580
- .e-treeview .e-list-item.e-disable > .e-fullrow {
581
- -ms-touch-action: none;
582
- filter: alpha(opacity=50);
583
- opacity: 0.5;
584
- pointer-events: none;
585
- touch-action: none;
586
- }
587
- .e-treeview .e-list-item div.e-icons.interaction {
588
- -webkit-transition: -webkit-transform 0.3s ease-in-out;
589
- border-radius: 15px;
590
- transition: -webkit-transform 0.3s ease-in-out;
591
- transition: transform 0.3s ease-in-out;
592
- transition: transform 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
593
- }
594
- .e-treeview .e-list-item .e-icons.e-icon-collapsible {
595
- -webkit-transform: rotate(90deg);
596
- transform: rotate(90deg);
597
- }
598
- .e-treeview .e-list-item .e-icons.e-icons-spinner::before {
599
- content: none;
600
- }
601
- .e-treeview .e-icons .e-spinner-pane {
602
- position: relative;
603
- }
604
- .e-treeview .e-icons .e-treeview-spinner {
605
- position: absolute;
606
- }
607
- .e-treeview .e-icons-spinner {
608
- position: relative;
609
- }
610
- .e-treeview .e-text-content {
611
- -moz-user-select: none;
612
- -ms-user-select: none;
613
- -webkit-user-select: none;
614
- user-select: none;
615
- border: 1px solid;
616
- cursor: pointer;
617
- margin: 0;
618
- padding: 0 0 0 20px;
619
- border: none;
620
- }
621
- .e-treeview .e-text-content + .e-sibling {
622
- margin-top: -1px;
623
- }
624
- .e-treeview .e-fullrow {
625
- -moz-user-select: none;
626
- -ms-user-select: none;
627
- -webkit-user-select: none;
628
- user-select: none;
629
- border: 1px solid;
630
- -webkit-box-sizing: border-box;
631
- box-sizing: border-box;
632
- cursor: pointer;
633
- height: 40px;
634
- left: 0;
635
- overflow: hidden;
636
- position: absolute;
637
- width: 100%;
638
- }
639
- .e-treeview .e-checkbox-wrapper {
640
- margin: 0 0 0 12px;
641
- pointer-events: all;
642
- position: relative;
643
- }
644
- .e-treeview .e-checkbox-wrapper + .e-list-icon, .e-treeview .e-checkbox-wrapper + .e-list-img {
645
- margin: 0 0 0 12px;
646
- }
647
- .e-treeview .e-checkbox-wrapper + .e-list-text {
648
- padding: 10px 12px;
649
- }
650
- .e-treeview .e-checkbox-wrapper .e-ripple-container {
651
- bottom: -9.5px;
652
- height: 32px;
653
- left: -9.5px;
654
- right: -9.5px;
655
- top: -9.5px;
656
- width: 32px;
657
- }
658
- .e-treeview .e-list-text {
659
- -webkit-box-sizing: border-box;
660
- box-sizing: border-box;
661
- display: inline-block;
662
- line-height: 20px;
663
- margin: 0;
664
- min-height: 40px;
665
- padding: 10px 12px;
666
- text-decoration: none;
667
- vertical-align: middle;
668
- }
669
- .e-treeview .e-list-text .e-input-group {
670
- height: 30px;
671
- margin-bottom: 0;
672
- min-width: 150px;
673
- vertical-align: bottom;
674
- }
675
- .e-treeview .e-list-text .e-input-group .e-input {
676
- height: 28px;
677
- }
678
- .e-treeview .e-list-icon,
679
- .e-treeview .e-list-img {
680
- display: inline-block;
681
- height: 16px;
682
- margin: 0 0 0 12px;
683
- vertical-align: middle;
684
- width: 16px;
685
- }
686
- .e-treeview .e-list-icon + .e-list-icon, .e-treeview .e-list-icon + .e-list-img,
687
- .e-treeview .e-list-img + .e-list-icon,
688
- .e-treeview .e-list-img + .e-list-img {
689
- margin: 0 0 0 12px;
690
- }
691
- .e-treeview .e-list-icon + .e-list-text,
692
- .e-treeview .e-list-img + .e-list-text {
693
- padding: 10px 12px;
694
- }
695
- .e-treeview .e-icon-collapsible,
696
- .e-treeview .e-icon-expandable {
697
- display: inline-block;
698
- height: 16px;
699
- margin: 0 0 0 -16px;
700
- vertical-align: middle;
701
- width: 16px;
702
- }
703
- .e-treeview .e-icon-collapsible::before,
704
- .e-treeview .e-icon-expandable::before {
705
- display: inline-block;
706
- padding: 0;
707
- }
708
- .e-treeview .e-load {
709
- -webkit-animation: rotation 0.5s infinite linear;
710
- animation: rotation 0.5s infinite linear;
711
- }
712
- .e-treeview .e-sibling {
713
- border: 4px solid transparent;
714
- height: 6px;
715
- margin-top: -5px;
716
- width: 6px;
717
- }
718
- .e-treeview .e-sibling::before {
719
- left: 0;
720
- height: 1px;
721
- width: 144px;
722
- }
723
- .e-treeview .e-sibling,
724
- .e-treeview .e-sibling::before {
725
- position: absolute;
726
- z-index: 2;
727
- }
728
- .e-treeview .e-popup {
729
- -moz-user-select: none;
730
- -ms-user-select: none;
731
- -webkit-user-select: none;
732
- user-select: none;
733
- font-weight: normal;
734
- position: absolute;
735
- z-index: 99999;
736
- }
737
- .e-treeview .e-popup .e-content {
738
- border-radius: 4px;
739
- border-style: solid;
740
- border-width: 1px;
741
- font-size: 14px;
742
- padding: 4px;
743
- }
744
- .e-treeview .e-popup .e-icons {
745
- border: 1px solid transparent;
746
- cursor: pointer;
747
- display: inline-block;
748
- height: 26px;
749
- line-height: 18px;
750
- padding: 4px;
751
- width: 26px;
752
- }
753
- .e-treeview .e-popup .e-downtail::before, .e-treeview .e-popup .e-downtail::after {
754
- border: 10px solid transparent;
755
- content: "";
756
- height: 0;
757
- left: 8px;
758
- position: absolute;
759
- width: 0;
760
- }
761
- .e-treeview .e-popup .e-downtail::after {
762
- bottom: -18px;
763
- }
764
- .e-treeview.e-fullrow-wrap .e-text-content {
765
- pointer-events: none;
766
- position: relative;
767
- }
768
- .e-treeview.e-fullrow-wrap .e-icon-collapsible,
769
- .e-treeview.e-fullrow-wrap .e-icon-expandable,
770
- .e-treeview.e-fullrow-wrap .e-input,
771
- .e-treeview.e-fullrow-wrap .e-list-url {
772
- pointer-events: auto;
773
- }
774
- .e-treeview .e-navigable .e-text-content {
775
- -webkit-box-align: center;
776
- -ms-flex-align: center;
777
- align-items: center;
778
- display: -webkit-box;
779
- display: -ms-flexbox;
780
- display: flex;
781
- }
782
- .e-treeview .e-navigable .e-list-url {
783
- width: 100%;
784
- }
785
- .e-treeview .e-navigable .e-checkbox-wrapper + .e-list-url .e-anchor-wrap {
786
- padding: 0 0 0 12px;
787
- }
788
- .e-treeview .e-navigable .e-checkbox-wrapper + .e-list-url .e-anchor-wrap .e-list-icon,
789
- .e-treeview .e-navigable .e-checkbox-wrapper + .e-list-url .e-anchor-wrap .e-list-img {
790
- margin: 0 8px 0 0;
791
- }
792
- .e-treeview .e-navigable .e-checkbox-wrapper + .e-list-url .e-anchor-wrap .e-list-icon + .e-list-img {
793
- margin: 0 8px 0 0;
794
- }
795
- .e-treeview .e-navigable .e-anchor-wrap {
796
- padding: 0 0 0 12px;
797
- }
798
- .e-treeview .e-navigable .e-list-icon,
799
- .e-treeview .e-navigable .e-list-img {
800
- margin: 0 8px 0 0;
801
- }
802
- .e-treeview.e-drag-item {
803
- overflow: visible;
804
- z-index: 10000;
805
- }
806
- .e-treeview.e-drag-item .e-text-content {
807
- float: left;
808
- }
809
- .e-treeview.e-drag-item .e-text-content .e-list-img {
810
- margin: 0 0 0 18px;
811
- }
812
- .e-treeview.e-drag-item .e-icon-collapsible::before,
813
- .e-treeview.e-drag-item .e-icon-expandable::before {
814
- font-size: 16px;
815
- padding: 0 6px;
816
- }
817
- .e-treeview.e-drag-item .e-drop-count {
818
- border: 1px solid;
819
- border-radius: 15px;
820
- -webkit-box-sizing: content-box;
821
- box-sizing: content-box;
822
- font-size: 12px;
823
- line-height: normal;
824
- min-width: 12px;
825
- padding: 3px 5px 4px;
826
- margin-left: -12px;
827
- position: absolute;
828
- text-align: center;
829
- top: -10px;
830
- }
831
- .e-treeview.e-dragging .e-text-content,
832
- .e-treeview.e-dragging .e-fullrow {
833
- cursor: default;
834
- }
835
- .e-treeview.e-rtl .e-navigable .e-checkbox-wrapper + .e-list-url .e-anchor-wrap {
836
- padding: 0 8px 0 0;
837
- }
838
- .e-treeview.e-rtl .e-navigable .e-checkbox-wrapper + .e-list-url .e-anchor-wrap .e-list-icon,
839
- .e-treeview.e-rtl .e-navigable .e-checkbox-wrapper + .e-list-url .e-anchor-wrap .e-list-img {
840
- margin: 0 0 0 8px;
841
- }
842
- .e-treeview.e-rtl .e-navigable .e-checkbox-wrapper + .e-list-url .e-anchor-wrap .e-list-icon + .e-list-img {
843
- margin: 0 0 0 12px;
844
- }
845
- .e-treeview.e-rtl .e-navigable .e-anchor-wrap {
846
- padding: 0 12px 0 0;
847
- }
848
- .e-treeview.e-rtl .e-navigable .e-list-icon,
849
- .e-treeview.e-rtl .e-navigable .e-list-img,
850
- .e-treeview.e-rtl .e-navigable .e-list-icon + .e-list-img {
851
- margin: 0 0 0 12px;
852
- }
853
- .e-treeview.e-rtl .e-ul {
854
- padding: 0 12px 0 0;
855
- }
856
- .e-treeview.e-rtl .e-list-item .e-ul {
857
- padding: 0 20px 0 0;
858
- }
859
- .e-treeview.e-rtl .e-text-content {
860
- padding: 0 20px 0 0;
861
- }
862
- .e-treeview.e-rtl .e-checkbox-wrapper {
863
- margin: 0 12px 0 0;
864
- }
865
- .e-treeview.e-rtl .e-checkbox-wrapper + .e-list-icon, .e-treeview.e-rtl .e-checkbox-wrapper + .e-list-img {
866
- margin: 0 8px 0 0;
867
- }
868
- .e-treeview.e-rtl .e-list-icon,
869
- .e-treeview.e-rtl .e-list-img {
870
- margin: 0 8px 0 0;
871
- }
872
- .e-treeview.e-rtl .e-list-icon + .e-list-icon, .e-treeview.e-rtl .e-list-icon + .e-list-img,
873
- .e-treeview.e-rtl .e-list-img + .e-list-icon,
874
- .e-treeview.e-rtl .e-list-img + .e-list-img {
875
- margin: 0 8px 0 0;
876
- }
877
- .e-treeview.e-rtl .e-icon-collapsible,
878
- .e-treeview.e-rtl .e-icon-expandable {
879
- margin: 0 -16px 0 0;
880
- }
881
- .e-treeview.e-rtl .e-sibling::before {
882
- right: 0;
883
- }
884
- .e-treeview.e-rtl.e-drag-item .e-icons.e-drop-next {
885
- -webkit-transform: rotate(180deg);
886
- transform: rotate(180deg);
887
- }
888
- .e-treeview.e-rtl.e-drag-item .e-text-content {
889
- float: right;
890
- }
891
- .e-treeview.e-rtl.e-drag-item .e-drop-count {
892
- margin-right: -12px;
893
- }
894
- .e-treeview.e-rtl div.e-icons {
895
- -webkit-transform: rotate(180deg);
896
- transform: rotate(180deg);
897
- }
898
- .e-treeview.e-disabled .e-fullrow,
899
- .e-treeview.e-disabled .e-icons,
900
- .e-treeview.e-disabled .e-text-content,
901
- .e-treeview.e-disabled .e-list-img,
902
- .e-treeview.e-disabled .e-list-icon {
903
- cursor: auto;
904
- }
905
- .e-treeview.e-disabled .e-list-url {
906
- cursor: default;
907
- pointer-events: none;
908
- }
909
- .e-treeview.e-interaction.e-fullrow-wrap .e-text-content {
910
- pointer-events: auto;
911
- }
912
-
913
- /* stylelint-enable property-no-vendor-prefix */
914
- /* stylelint-disable property-no-vendor-prefix */
915
- .e-bigger .e-treeview .e-list-text,
916
- .e-treeview.e-bigger .e-list-text {
917
- font-size: 16px;
918
- }
919
- .e-bigger .e-treeview .e-icon-collapsible::before,
920
- .e-bigger .e-treeview .e-icon-expandable::before,
921
- .e-treeview.e-bigger .e-icon-collapsible::before,
922
- .e-treeview.e-bigger .e-icon-expandable::before {
923
- font-size: 20px;
924
- }
925
- .e-treeview {
926
- -webkit-tap-highlight-color: transparent;
927
- /* stylelint-enable property-no-vendor-prefix */
928
- }
929
- .e-treeview .e-text-content,
930
- .e-treeview .e-fullrow {
931
- border-color: transparent;
932
- }
933
- .e-treeview .e-list-text {
934
- color: rgba(var(--color-sf-on-surface));
935
- font-size: 14px;
936
- }
937
- .e-treeview .e-list-icon,
938
- .e-treeview .e-list-img {
939
- font-size: 16px;
940
- }
941
- .e-treeview .e-icon-collapsible,
942
- .e-treeview .e-icon-expandable {
943
- color: rgba(var(--color-sf-on-surface-variant));
944
- }
945
- .e-treeview .e-icon-collapsible::before,
946
- .e-treeview .e-icon-expandable::before {
947
- font-size: 16px;
948
- }
949
- .e-treeview .e-list-item.e-hover, .e-treeview .e-list-item.e-node-focus {
950
- background: transparent;
951
- }
952
- .e-treeview .e-list-item.e-hover > .e-fullrow, .e-treeview .e-list-item.e-node-focus > .e-fullrow {
953
- background-color: rgba(var(--color-sf-on-surface), 0.05);
954
- border-color: rgba(var(--color-sf-on-surface), 0.05);
955
- }
956
- .e-treeview .e-list-item.e-hover > .e-text-content, .e-treeview .e-list-item.e-node-focus > .e-text-content {
957
- color: rgba(var(--color-sf-on-surface));
958
- }
959
- .e-treeview .e-list-item.e-hover > .e-text-content .e-list-text, .e-treeview .e-list-item.e-node-focus > .e-text-content .e-list-text {
960
- color: rgba(var(--color-sf-on-surface));
961
- }
962
- .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-collapsible,
963
- .e-treeview .e-list-item.e-hover > .e-text-content .e-icon-expandable, .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-collapsible,
964
- .e-treeview .e-list-item.e-node-focus > .e-text-content .e-icon-expandable {
965
- color: rgba(var(--color-sf-on-surface));
966
- }
967
- .e-treeview .e-list-item.e-active {
968
- background: transparent;
969
- }
970
- .e-treeview .e-list-item.e-active > .e-fullrow {
971
- background-color: rgba(var(--color-sf-primary-container));
972
- border-color: rgba(var(--color-sf-primary-container));
973
- }
974
- .e-treeview .e-list-item.e-active.e-animation-active > .e-fullrow {
975
- background-color: transparent;
976
- border-color: transparent;
977
- }
978
- .e-treeview .e-list-item.e-active.e-animation-active > .e-text-content {
979
- color: rgba(var(--color-sf-on-surface));
980
- }
981
- .e-treeview .e-list-item.e-active.e-animation-active > .e-text-content .e-list-text {
982
- color: rgba(var(--color-sf-on-surface));
983
- }
984
- .e-treeview .e-list-item.e-active > .e-text-content {
985
- color: rgba(var(--color-sf-on-surface));
986
- }
987
- .e-treeview .e-list-item.e-active > .e-text-content .e-list-text {
988
- color: rgba(var(--color-sf-on-surface));
989
- }
990
- .e-treeview .e-list-item.e-active > .e-text-content .e-icon-collapsible,
991
- .e-treeview .e-list-item.e-active > .e-text-content .e-icon-expandable {
992
- color: rgba(var(--color-sf-on-surface));
993
- }
994
- .e-treeview .e-list-item.e-active.e-hover > .e-fullrow, .e-treeview .e-list-item.e-active.e-node-focus > .e-fullrow {
995
- background-color: rgba(var(--color-sf-primary-container));
996
- border-color: rgba(var(--color-sf-primary-container));
997
- }
998
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content, .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content {
999
- color: rgba(var(--color-sf-on-surface));
1000
- }
1001
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-list-text, .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-list-text {
1002
- color: rgba(var(--color-sf-on-surface));
1003
- }
1004
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-collapsible,
1005
- .e-treeview .e-list-item.e-active.e-hover > .e-text-content .e-icon-expandable, .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-collapsible,
1006
- .e-treeview .e-list-item.e-active.e-node-focus > .e-text-content .e-icon-expandable {
1007
- color: rgba(var(--color-sf-on-surface));
1008
- }
1009
- .e-treeview .e-list-item.e-editing.e-active > .e-fullrow, .e-treeview .e-list-item.e-editing.e-hover > .e-fullrow, .e-treeview .e-list-item.e-editing.e-node-focus > .e-fullrow {
1010
- background-color: transparent;
1011
- border-color: transparent;
1012
- }
1013
- .e-treeview .e-list-item.e-editing.e-active > .e-text-content, .e-treeview .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content {
1014
- color: rgba(var(--color-sf-on-surface));
1015
- }
1016
- .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-list-text, .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-list-text, .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-list-text {
1017
- color: rgba(var(--color-sf-on-surface));
1018
- }
1019
- .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-collapsible,
1020
- .e-treeview .e-list-item.e-editing.e-active > .e-text-content .e-icon-expandable, .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-collapsible,
1021
- .e-treeview .e-list-item.e-editing.e-hover > .e-text-content .e-icon-expandable, .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-collapsible,
1022
- .e-treeview .e-list-item.e-editing.e-node-focus > .e-text-content .e-icon-expandable {
1023
- color: rgba(var(--color-sf-on-surface-variant));
1024
- }
1025
- .e-treeview .e-list-item.e-disable > .e-text-content,
1026
- .e-treeview .e-list-item.e-disable > .e-fullrow {
1027
- color: rgba(var(--color-sf-on-surface), 0.38);
1028
- }
1029
- .e-treeview .e-list-item.e-disable > .e-text-content > .e-icon-collapsible,
1030
- .e-treeview .e-list-item.e-disable > .e-text-content > .e-icon-expandable {
1031
- color: rgba(var(--color-sf-on-surface-variant), 0.38);
1032
- }
1033
- .e-treeview .e-sibling {
1034
- border-left-color: rgba(var(--color-sf-primary));
1035
- border-right-color: transparent;
1036
- }
1037
- .e-treeview .e-sibling::before {
1038
- background: rgba(var(--color-sf-primary));
1039
- }
1040
- .e-treeview .e-popup .e-content {
1041
- background-color: rgba(var(--color-sf-on-surface), 0.05);
1042
- border-color: rgba(var(--color-sf-on-surface), 0.05);
1043
- }
1044
- .e-treeview .e-popup.e-select .e-icons {
1045
- border-color: rgba(var(--color-sf-on-surface), 0.05);
1046
- }
1047
- .e-treeview .e-popup .e-downtail::before {
1048
- border-top-color: rgba(var(--color-sf-on-surface), 0.05);
1049
- }
1050
- .e-treeview .e-popup .e-downtail::after {
1051
- border-top-color: rgba(var(--color-sf-on-surface), 0.05);
1052
- }
1053
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-node-focus > .e-text-content {
1054
- background-color: rgba(var(--color-sf-on-surface), 0.05);
1055
- border-color: rgba(var(--color-sf-on-surface), 0.05);
1056
- }
1057
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active > .e-text-content {
1058
- background-color: rgba(var(--color-sf-primary-container));
1059
- border-color: rgba(var(--color-sf-primary-container));
1060
- }
1061
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-active.e-node-focus > .e-text-content {
1062
- background-color: rgba(var(--color-sf-primary-container));
1063
- border-color: rgba(var(--color-sf-primary-container));
1064
- }
1065
- .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-active > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-hover > .e-text-content, .e-treeview:not(.e-fullrow-wrap) .e-list-item.e-editing.e-node-focus > .e-text-content {
1066
- background-color: transparent;
1067
- border-color: transparent;
1068
- }
1069
- .e-treeview.e-fullrow-wrap .e-text-content {
1070
- border-color: transparent;
1071
- }
1072
- .e-treeview.e-drag-item {
1073
- background-color: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
1074
- font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;
1075
- background: -webkit-gradient(linear, left bottom, left top, from(rgba(var(--color-sf-primary), 0.11)), to(rgba(var(--color-sf-primary), 0.11))), rgba(var(--color-sf-surface));
1076
- background: linear-gradient(0deg, rgba(var(--color-sf-primary), 0.11), rgba(var(--color-sf-primary), 0.11)), rgba(var(--color-sf-surface));
1077
- }
1078
- .e-treeview.e-drag-item .e-icon-collapsible::before,
1079
- .e-treeview.e-drag-item .e-icon-expandable::before {
1080
- font-size: 16px;
1081
- }
1082
- .e-treeview.e-drag-item .e-list-text {
1083
- color: rgba(var(--color-sf-on-surface-variant));
1084
- }
1085
- .e-treeview.e-drag-item .e-icons {
1086
- color: rgba(var(--color-sf-on-surface-variant));
1087
- }
1088
- .e-treeview.e-drag-item .e-drop-count {
1089
- background-color: rgba(var(--color-sf-primary));
1090
- border-color: rgba(var(--color-sf-on-primary));
1091
- color: rgba(var(--color-sf-on-primary));
1092
- }
1093
- .e-treeview.e-drag-item.e-rtl .e-sibling {
1094
- border-right-color: rgba(var(--color-sf-primary));
1095
- border-left-color: transparent;
1096
- }
1
+ @import '@syncfusion/ej2-navigations/styles/treeview/material3.css';