@syncfusion/ej2-angular-dropdowns 23.1.39 → 23.1.40-ngcc

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 (491) hide show
  1. package/@syncfusion/ej2-angular-dropdowns.es5.js +1475 -0
  2. package/@syncfusion/ej2-angular-dropdowns.es5.js.map +1 -0
  3. package/@syncfusion/ej2-angular-dropdowns.js +1390 -0
  4. package/@syncfusion/ej2-angular-dropdowns.js.map +1 -0
  5. package/CHANGELOG.md +2378 -0
  6. package/dist/ej2-angular-dropdowns.umd.js +1545 -0
  7. package/dist/ej2-angular-dropdowns.umd.js.map +1 -0
  8. package/dist/ej2-angular-dropdowns.umd.min.js +11 -0
  9. package/dist/ej2-angular-dropdowns.umd.min.js.map +1 -0
  10. package/ej2-angular-dropdowns.d.ts +11 -0
  11. package/ej2-angular-dropdowns.metadata.json +1 -0
  12. package/package.json +13 -27
  13. package/postinstall/tagchange.js +18 -0
  14. package/schematics/utils/lib-details.d.ts +2 -2
  15. package/schematics/utils/lib-details.js +2 -2
  16. package/schematics/utils/lib-details.ts +2 -2
  17. package/src/auto-complete/autocomplete-all.module.d.ts +0 -6
  18. package/src/auto-complete/autocomplete.component.d.ts +4 -7
  19. package/src/auto-complete/autocomplete.module.d.ts +0 -6
  20. package/src/combo-box/combobox-all.module.d.ts +0 -6
  21. package/src/combo-box/combobox.component.d.ts +4 -7
  22. package/src/combo-box/combobox.module.d.ts +0 -6
  23. package/src/drop-down-list/dropdownlist-all.module.d.ts +0 -6
  24. package/src/drop-down-list/dropdownlist.component.d.ts +2 -5
  25. package/src/drop-down-list/dropdownlist.module.d.ts +0 -6
  26. package/src/drop-down-tree/dropdowntree-all.module.d.ts +0 -6
  27. package/src/drop-down-tree/dropdowntree.component.d.ts +0 -3
  28. package/src/drop-down-tree/dropdowntree.module.d.ts +0 -6
  29. package/src/list-box/listbox-all.module.d.ts +0 -6
  30. package/src/list-box/listbox.component.d.ts +1 -4
  31. package/src/list-box/listbox.module.d.ts +0 -6
  32. package/src/mention/mention-all.module.d.ts +0 -6
  33. package/src/mention/mention.component.d.ts +0 -3
  34. package/src/mention/mention.module.d.ts +0 -6
  35. package/src/multi-select/multiselect-all.module.d.ts +0 -6
  36. package/src/multi-select/multiselect.component.d.ts +0 -3
  37. package/src/multi-select/multiselect.module.d.ts +0 -6
  38. package/styles/auto-complete/bootstrap-dark.scss +1 -4
  39. package/styles/auto-complete/bootstrap.scss +1 -4
  40. package/styles/auto-complete/bootstrap4.scss +1 -4
  41. package/styles/auto-complete/bootstrap5-dark.scss +1 -4
  42. package/styles/auto-complete/bootstrap5.scss +1 -4
  43. package/styles/auto-complete/fabric-dark.scss +1 -4
  44. package/styles/auto-complete/fabric.scss +1 -4
  45. package/styles/auto-complete/fluent-dark.scss +1 -4
  46. package/styles/auto-complete/fluent.scss +1 -4
  47. package/styles/auto-complete/highcontrast-light.scss +1 -4
  48. package/styles/auto-complete/highcontrast.scss +1 -4
  49. package/styles/auto-complete/material-dark.scss +1 -4
  50. package/styles/auto-complete/material.scss +1 -4
  51. package/styles/auto-complete/material3-dark.scss +1 -4
  52. package/styles/auto-complete/material3.scss +1 -4
  53. package/styles/auto-complete/tailwind-dark.scss +1 -4
  54. package/styles/auto-complete/tailwind.scss +1 -4
  55. package/styles/bootstrap-dark.css +82 -8
  56. package/styles/bootstrap.css +82 -8
  57. package/styles/bootstrap4.css +83 -9
  58. package/styles/bootstrap5-dark.css +83 -9
  59. package/styles/bootstrap5.css +83 -9
  60. package/styles/combo-box/bootstrap-dark.scss +1 -4
  61. package/styles/combo-box/bootstrap.scss +1 -4
  62. package/styles/combo-box/bootstrap4.scss +1 -4
  63. package/styles/combo-box/bootstrap5-dark.scss +1 -4
  64. package/styles/combo-box/bootstrap5.scss +1 -4
  65. package/styles/combo-box/fabric-dark.scss +1 -4
  66. package/styles/combo-box/fabric.scss +1 -4
  67. package/styles/combo-box/fluent-dark.scss +1 -4
  68. package/styles/combo-box/fluent.scss +1 -4
  69. package/styles/combo-box/highcontrast-light.scss +1 -4
  70. package/styles/combo-box/highcontrast.scss +1 -4
  71. package/styles/combo-box/material-dark.scss +1 -4
  72. package/styles/combo-box/material.scss +1 -4
  73. package/styles/combo-box/material3-dark.scss +1 -4
  74. package/styles/combo-box/material3.scss +1 -4
  75. package/styles/combo-box/tailwind-dark.scss +1 -4
  76. package/styles/combo-box/tailwind.scss +1 -4
  77. package/styles/drop-down-base/bootstrap-dark.scss +1 -3
  78. package/styles/drop-down-base/bootstrap.scss +1 -3
  79. package/styles/drop-down-base/bootstrap4.scss +1 -3
  80. package/styles/drop-down-base/bootstrap5-dark.scss +1 -3
  81. package/styles/drop-down-base/bootstrap5.scss +1 -3
  82. package/styles/drop-down-base/fabric-dark.scss +1 -3
  83. package/styles/drop-down-base/fabric.scss +1 -3
  84. package/styles/drop-down-base/fluent-dark.scss +1 -3
  85. package/styles/drop-down-base/fluent.scss +1 -3
  86. package/styles/drop-down-base/highcontrast-light.scss +1 -3
  87. package/styles/drop-down-base/highcontrast.scss +1 -3
  88. package/styles/drop-down-base/material-dark.scss +1 -3
  89. package/styles/drop-down-base/material.scss +1 -3
  90. package/styles/drop-down-base/material3-dark.scss +1 -3
  91. package/styles/drop-down-base/material3.scss +1 -3
  92. package/styles/drop-down-base/tailwind-dark.scss +1 -3
  93. package/styles/drop-down-base/tailwind.scss +1 -3
  94. package/styles/drop-down-list/bootstrap-dark.scss +1 -9
  95. package/styles/drop-down-list/bootstrap.scss +1 -9
  96. package/styles/drop-down-list/bootstrap4.scss +1 -9
  97. package/styles/drop-down-list/bootstrap5-dark.scss +1 -9
  98. package/styles/drop-down-list/bootstrap5.scss +1 -9
  99. package/styles/drop-down-list/fabric-dark.scss +1 -9
  100. package/styles/drop-down-list/fabric.scss +1 -9
  101. package/styles/drop-down-list/fluent-dark.scss +1 -9
  102. package/styles/drop-down-list/fluent.scss +1 -9
  103. package/styles/drop-down-list/highcontrast-light.scss +1 -9
  104. package/styles/drop-down-list/highcontrast.scss +1 -9
  105. package/styles/drop-down-list/material-dark.scss +1 -9
  106. package/styles/drop-down-list/material.scss +1 -9
  107. package/styles/drop-down-list/material3-dark.scss +1 -9
  108. package/styles/drop-down-list/material3.scss +1 -9
  109. package/styles/drop-down-list/tailwind-dark.scss +1 -9
  110. package/styles/drop-down-list/tailwind.scss +1 -9
  111. package/styles/drop-down-tree/bootstrap-dark.scss +1 -9
  112. package/styles/drop-down-tree/bootstrap.scss +1 -9
  113. package/styles/drop-down-tree/bootstrap4.scss +1 -9
  114. package/styles/drop-down-tree/bootstrap5-dark.scss +1 -9
  115. package/styles/drop-down-tree/bootstrap5.scss +1 -9
  116. package/styles/drop-down-tree/fabric-dark.scss +1 -9
  117. package/styles/drop-down-tree/fabric.scss +1 -9
  118. package/styles/drop-down-tree/fluent-dark.scss +1 -9
  119. package/styles/drop-down-tree/fluent.scss +1 -9
  120. package/styles/drop-down-tree/highcontrast-light.scss +1 -9
  121. package/styles/drop-down-tree/highcontrast.scss +1 -9
  122. package/styles/drop-down-tree/material-dark.scss +1 -9
  123. package/styles/drop-down-tree/material.scss +1 -9
  124. package/styles/drop-down-tree/material3-dark.scss +1 -9
  125. package/styles/drop-down-tree/material3.scss +1 -9
  126. package/styles/drop-down-tree/tailwind-dark.scss +1 -9
  127. package/styles/drop-down-tree/tailwind.scss +1 -9
  128. package/styles/fabric-dark.css +83 -9
  129. package/styles/fabric.css +83 -9
  130. package/styles/fluent-dark.css +82 -8
  131. package/styles/fluent.css +82 -8
  132. package/styles/highcontrast-light.css +82 -8
  133. package/styles/highcontrast.css +82 -8
  134. package/styles/list-box/bootstrap-dark.css +70 -7
  135. package/styles/list-box/bootstrap-dark.scss +1 -5
  136. package/styles/list-box/bootstrap.css +70 -7
  137. package/styles/list-box/bootstrap.scss +1 -5
  138. package/styles/list-box/bootstrap4.css +71 -8
  139. package/styles/list-box/bootstrap4.scss +1 -5
  140. package/styles/list-box/bootstrap5-dark.css +71 -8
  141. package/styles/list-box/bootstrap5-dark.scss +1 -5
  142. package/styles/list-box/bootstrap5.css +71 -8
  143. package/styles/list-box/bootstrap5.scss +1 -5
  144. package/styles/list-box/fabric-dark.css +70 -7
  145. package/styles/list-box/fabric-dark.scss +1 -5
  146. package/styles/list-box/fabric.css +70 -7
  147. package/styles/list-box/fabric.scss +1 -5
  148. package/styles/list-box/fluent-dark.css +70 -7
  149. package/styles/list-box/fluent-dark.scss +1 -5
  150. package/styles/list-box/fluent.css +70 -7
  151. package/styles/list-box/fluent.scss +1 -5
  152. package/styles/list-box/highcontrast-light.css +70 -7
  153. package/styles/list-box/highcontrast-light.scss +1 -5
  154. package/styles/list-box/highcontrast.css +70 -7
  155. package/styles/list-box/highcontrast.scss +1 -5
  156. package/styles/list-box/material-dark.css +71 -8
  157. package/styles/list-box/material-dark.scss +1 -5
  158. package/styles/list-box/material.css +71 -8
  159. package/styles/list-box/material.scss +1 -5
  160. package/styles/list-box/material3-dark.css +71 -8
  161. package/styles/list-box/material3-dark.scss +1 -5
  162. package/styles/list-box/material3.css +71 -8
  163. package/styles/list-box/material3.scss +1 -5
  164. package/styles/list-box/tailwind-dark.css +71 -8
  165. package/styles/list-box/tailwind-dark.scss +1 -5
  166. package/styles/list-box/tailwind.css +71 -8
  167. package/styles/list-box/tailwind.scss +1 -5
  168. package/styles/material-dark.css +83 -9
  169. package/styles/material.css +83 -9
  170. package/styles/material3-dark.css +468 -9
  171. package/styles/material3-dark.scss +0 -1
  172. package/styles/material3.css +872 -21
  173. package/styles/material3.scss +0 -1
  174. package/styles/mention/bootstrap-dark.scss +1 -6
  175. package/styles/mention/bootstrap.scss +1 -6
  176. package/styles/mention/bootstrap4.scss +1 -6
  177. package/styles/mention/bootstrap5-dark.scss +1 -6
  178. package/styles/mention/bootstrap5.scss +1 -6
  179. package/styles/mention/fabric-dark.scss +1 -6
  180. package/styles/mention/fabric.scss +1 -6
  181. package/styles/mention/fluent-dark.scss +1 -6
  182. package/styles/mention/fluent.scss +1 -6
  183. package/styles/mention/highcontrast-light.scss +1 -6
  184. package/styles/mention/highcontrast.scss +1 -6
  185. package/styles/mention/material-dark.scss +1 -6
  186. package/styles/mention/material.scss +1 -6
  187. package/styles/mention/material3-dark.scss +1 -6
  188. package/styles/mention/material3.scss +1 -6
  189. package/styles/mention/tailwind-dark.scss +1 -6
  190. package/styles/mention/tailwind.scss +1 -6
  191. package/styles/multi-select/bootstrap-dark.css +12 -1
  192. package/styles/multi-select/bootstrap-dark.scss +1 -9
  193. package/styles/multi-select/bootstrap.css +12 -1
  194. package/styles/multi-select/bootstrap.scss +1 -9
  195. package/styles/multi-select/bootstrap4.css +12 -1
  196. package/styles/multi-select/bootstrap4.scss +1 -9
  197. package/styles/multi-select/bootstrap5-dark.css +12 -1
  198. package/styles/multi-select/bootstrap5-dark.scss +1 -9
  199. package/styles/multi-select/bootstrap5.css +12 -1
  200. package/styles/multi-select/bootstrap5.scss +1 -9
  201. package/styles/multi-select/fabric-dark.css +13 -2
  202. package/styles/multi-select/fabric-dark.scss +1 -9
  203. package/styles/multi-select/fabric.css +13 -2
  204. package/styles/multi-select/fabric.scss +1 -9
  205. package/styles/multi-select/fluent-dark.css +12 -1
  206. package/styles/multi-select/fluent-dark.scss +1 -9
  207. package/styles/multi-select/fluent.css +12 -1
  208. package/styles/multi-select/fluent.scss +1 -9
  209. package/styles/multi-select/highcontrast-light.css +12 -1
  210. package/styles/multi-select/highcontrast-light.scss +1 -9
  211. package/styles/multi-select/highcontrast.css +12 -1
  212. package/styles/multi-select/highcontrast.scss +1 -9
  213. package/styles/multi-select/material-dark.css +12 -1
  214. package/styles/multi-select/material-dark.scss +1 -9
  215. package/styles/multi-select/material.css +12 -1
  216. package/styles/multi-select/material.scss +1 -9
  217. package/styles/multi-select/material3-dark.css +10 -0
  218. package/styles/multi-select/material3-dark.scss +1 -9
  219. package/styles/multi-select/material3.css +10 -0
  220. package/styles/multi-select/material3.scss +1 -9
  221. package/styles/multi-select/tailwind-dark.css +12 -1
  222. package/styles/multi-select/tailwind-dark.scss +1 -9
  223. package/styles/multi-select/tailwind.css +12 -1
  224. package/styles/multi-select/tailwind.scss +1 -9
  225. package/styles/tailwind-dark.css +83 -9
  226. package/styles/tailwind.css +83 -9
  227. package/esm2020/public_api.mjs +0 -3
  228. package/esm2020/src/auto-complete/autocomplete-all.module.mjs +0 -23
  229. package/esm2020/src/auto-complete/autocomplete.component.mjs +0 -129
  230. package/esm2020/src/auto-complete/autocomplete.module.mjs +0 -25
  231. package/esm2020/src/combo-box/combobox-all.module.mjs +0 -23
  232. package/esm2020/src/combo-box/combobox.component.mjs +0 -129
  233. package/esm2020/src/combo-box/combobox.module.mjs +0 -25
  234. package/esm2020/src/drop-down-list/dropdownlist-all.module.mjs +0 -29
  235. package/esm2020/src/drop-down-list/dropdownlist.component.mjs +0 -135
  236. package/esm2020/src/drop-down-list/dropdownlist.module.mjs +0 -25
  237. package/esm2020/src/drop-down-tree/dropdowntree-all.module.mjs +0 -23
  238. package/esm2020/src/drop-down-tree/dropdowntree.component.mjs +0 -116
  239. package/esm2020/src/drop-down-tree/dropdowntree.module.mjs +0 -25
  240. package/esm2020/src/index.mjs +0 -23
  241. package/esm2020/src/list-box/listbox-all.module.mjs +0 -23
  242. package/esm2020/src/list-box/listbox.component.mjs +0 -104
  243. package/esm2020/src/list-box/listbox.module.mjs +0 -25
  244. package/esm2020/src/mention/mention-all.module.mjs +0 -23
  245. package/esm2020/src/mention/mention.component.mjs +0 -84
  246. package/esm2020/src/mention/mention.module.mjs +0 -25
  247. package/esm2020/src/multi-select/multiselect-all.module.mjs +0 -29
  248. package/esm2020/src/multi-select/multiselect.component.mjs +0 -135
  249. package/esm2020/src/multi-select/multiselect.module.mjs +0 -25
  250. package/esm2020/syncfusion-ej2-angular-dropdowns.mjs +0 -5
  251. package/fesm2015/syncfusion-ej2-angular-dropdowns.mjs +0 -1084
  252. package/fesm2015/syncfusion-ej2-angular-dropdowns.mjs.map +0 -1
  253. package/fesm2020/syncfusion-ej2-angular-dropdowns.mjs +0 -1084
  254. package/fesm2020/syncfusion-ej2-angular-dropdowns.mjs.map +0 -1
  255. package/styles/auto-complete/_all.scss +0 -1
  256. package/styles/auto-complete/_bootstrap-dark-definition.scss +0 -3
  257. package/styles/auto-complete/_bootstrap-definition.scss +0 -2
  258. package/styles/auto-complete/_bootstrap4-definition.scss +0 -11
  259. package/styles/auto-complete/_bootstrap5-dark-definition.scss +0 -1
  260. package/styles/auto-complete/_bootstrap5-definition.scss +0 -2
  261. package/styles/auto-complete/_fabric-dark-definition.scss +0 -2
  262. package/styles/auto-complete/_fabric-definition.scss +0 -2
  263. package/styles/auto-complete/_fluent-dark-definition.scss +0 -1
  264. package/styles/auto-complete/_fluent-definition.scss +0 -2
  265. package/styles/auto-complete/_fusionnew-definition.scss +0 -2
  266. package/styles/auto-complete/_highcontrast-definition.scss +0 -2
  267. package/styles/auto-complete/_highcontrast-light-definition.scss +0 -2
  268. package/styles/auto-complete/_material-dark-definition.scss +0 -2
  269. package/styles/auto-complete/_material-definition.scss +0 -2
  270. package/styles/auto-complete/_material3-dark-definition.scss +0 -1
  271. package/styles/auto-complete/_material3-definition.scss +0 -2
  272. package/styles/auto-complete/_tailwind-dark-definition.scss +0 -1
  273. package/styles/auto-complete/_tailwind-definition.scss +0 -2
  274. package/styles/combo-box/_all.scss +0 -1
  275. package/styles/combo-box/_bootstrap-dark-definition.scss +0 -2
  276. package/styles/combo-box/_bootstrap-definition.scss +0 -2
  277. package/styles/combo-box/_bootstrap4-definition.scss +0 -11
  278. package/styles/combo-box/_bootstrap5-dark-definition.scss +0 -1
  279. package/styles/combo-box/_bootstrap5-definition.scss +0 -2
  280. package/styles/combo-box/_fabric-dark-definition.scss +0 -2
  281. package/styles/combo-box/_fabric-definition.scss +0 -2
  282. package/styles/combo-box/_fluent-dark-definition.scss +0 -1
  283. package/styles/combo-box/_fluent-definition.scss +0 -2
  284. package/styles/combo-box/_fusionnew-definition.scss +0 -2
  285. package/styles/combo-box/_highcontrast-definition.scss +0 -2
  286. package/styles/combo-box/_highcontrast-light-definition.scss +0 -3
  287. package/styles/combo-box/_material-dark-definition.scss +0 -2
  288. package/styles/combo-box/_material-definition.scss +0 -2
  289. package/styles/combo-box/_material3-dark-definition.scss +0 -1
  290. package/styles/combo-box/_material3-definition.scss +0 -2
  291. package/styles/combo-box/_tailwind-dark-definition.scss +0 -1
  292. package/styles/combo-box/_tailwind-definition.scss +0 -2
  293. package/styles/drop-down-base/_all.scss +0 -2
  294. package/styles/drop-down-base/_bootstrap-dark-definition.scss +0 -83
  295. package/styles/drop-down-base/_bootstrap-definition.scss +0 -83
  296. package/styles/drop-down-base/_bootstrap4-definition.scss +0 -90
  297. package/styles/drop-down-base/_bootstrap5-dark-definition.scss +0 -1
  298. package/styles/drop-down-base/_bootstrap5-definition.scss +0 -117
  299. package/styles/drop-down-base/_definition.scss +0 -23
  300. package/styles/drop-down-base/_fabric-dark-definition.scss +0 -86
  301. package/styles/drop-down-base/_fabric-definition.scss +0 -84
  302. package/styles/drop-down-base/_fluent-dark-definition.scss +0 -1
  303. package/styles/drop-down-base/_fluent-definition.scss +0 -121
  304. package/styles/drop-down-base/_fusionnew-definition.scss +0 -117
  305. package/styles/drop-down-base/_highcontrast-definition.scss +0 -105
  306. package/styles/drop-down-base/_highcontrast-light-definition.scss +0 -105
  307. package/styles/drop-down-base/_layout.scss +0 -195
  308. package/styles/drop-down-base/_material-dark-definition.scss +0 -86
  309. package/styles/drop-down-base/_material-definition.scss +0 -85
  310. package/styles/drop-down-base/_material3-dark-definition.scss +0 -1
  311. package/styles/drop-down-base/_material3-definition.scss +0 -87
  312. package/styles/drop-down-base/_tailwind-dark-definition.scss +0 -1
  313. package/styles/drop-down-base/_tailwind-definition.scss +0 -129
  314. package/styles/drop-down-base/_theme.scss +0 -391
  315. package/styles/drop-down-list/_all.scss +0 -3
  316. package/styles/drop-down-list/_bootstrap-dark-definition.scss +0 -157
  317. package/styles/drop-down-list/_bootstrap-definition.scss +0 -156
  318. package/styles/drop-down-list/_bootstrap4-definition.scss +0 -191
  319. package/styles/drop-down-list/_bootstrap5-dark-definition.scss +0 -1
  320. package/styles/drop-down-list/_bootstrap5-definition.scss +0 -201
  321. package/styles/drop-down-list/_fabric-dark-definition.scss +0 -128
  322. package/styles/drop-down-list/_fabric-definition.scss +0 -124
  323. package/styles/drop-down-list/_fluent-dark-definition.scss +0 -1
  324. package/styles/drop-down-list/_fluent-definition.scss +0 -185
  325. package/styles/drop-down-list/_fusionnew-definition.scss +0 -201
  326. package/styles/drop-down-list/_highcontrast-definition.scss +0 -142
  327. package/styles/drop-down-list/_highcontrast-light-definition.scss +0 -144
  328. package/styles/drop-down-list/_layout.scss +0 -310
  329. package/styles/drop-down-list/_material-dark-definition.scss +0 -143
  330. package/styles/drop-down-list/_material-definition.scss +0 -167
  331. package/styles/drop-down-list/_material3-dark-definition.scss +0 -1
  332. package/styles/drop-down-list/_material3-definition.scss +0 -180
  333. package/styles/drop-down-list/_tailwind-dark-definition.scss +0 -1
  334. package/styles/drop-down-list/_tailwind-definition.scss +0 -134
  335. package/styles/drop-down-list/_theme.scss +0 -10
  336. package/styles/drop-down-list/icons/_bootstrap-dark.scss +0 -14
  337. package/styles/drop-down-list/icons/_bootstrap.scss +0 -14
  338. package/styles/drop-down-list/icons/_bootstrap4.scss +0 -14
  339. package/styles/drop-down-list/icons/_bootstrap5-dark.scss +0 -1
  340. package/styles/drop-down-list/icons/_bootstrap5.scss +0 -14
  341. package/styles/drop-down-list/icons/_fabric-dark.scss +0 -14
  342. package/styles/drop-down-list/icons/_fabric.scss +0 -14
  343. package/styles/drop-down-list/icons/_fluent-dark.scss +0 -1
  344. package/styles/drop-down-list/icons/_fluent.scss +0 -14
  345. package/styles/drop-down-list/icons/_fusionnew.scss +0 -14
  346. package/styles/drop-down-list/icons/_highcontrast-light.scss +0 -14
  347. package/styles/drop-down-list/icons/_highcontrast.scss +0 -14
  348. package/styles/drop-down-list/icons/_material-dark.scss +0 -14
  349. package/styles/drop-down-list/icons/_material.scss +0 -14
  350. package/styles/drop-down-list/icons/_material3-dark.scss +0 -1
  351. package/styles/drop-down-list/icons/_material3.scss +0 -14
  352. package/styles/drop-down-list/icons/_tailwind-dark.scss +0 -1
  353. package/styles/drop-down-list/icons/_tailwind.scss +0 -14
  354. package/styles/drop-down-tree/_all.scss +0 -2
  355. package/styles/drop-down-tree/_bootstrap-dark-definition.scss +0 -72
  356. package/styles/drop-down-tree/_bootstrap-definition.scss +0 -71
  357. package/styles/drop-down-tree/_bootstrap4-definition.scss +0 -72
  358. package/styles/drop-down-tree/_bootstrap5-dark-definition.scss +0 -1
  359. package/styles/drop-down-tree/_bootstrap5-definition.scss +0 -60
  360. package/styles/drop-down-tree/_fabric-dark-definition.scss +0 -72
  361. package/styles/drop-down-tree/_fabric-definition.scss +0 -72
  362. package/styles/drop-down-tree/_fluent-dark-definition.scss +0 -1
  363. package/styles/drop-down-tree/_fluent-definition.scss +0 -66
  364. package/styles/drop-down-tree/_fusionnew-definition.scss +0 -60
  365. package/styles/drop-down-tree/_highcontrast-definition.scss +0 -72
  366. package/styles/drop-down-tree/_highcontrast-light-definition.scss +0 -72
  367. package/styles/drop-down-tree/_layout.scss +0 -1412
  368. package/styles/drop-down-tree/_material-dark-definition.scss +0 -73
  369. package/styles/drop-down-tree/_material-definition.scss +0 -73
  370. package/styles/drop-down-tree/_material3-dark-definition.scss +0 -1
  371. package/styles/drop-down-tree/_material3-definition.scss +0 -76
  372. package/styles/drop-down-tree/_tailwind-dark-definition.scss +0 -1
  373. package/styles/drop-down-tree/_tailwind-definition.scss +0 -61
  374. package/styles/drop-down-tree/_theme.scss +0 -132
  375. package/styles/drop-down-tree/icons/_bootstrap-dark.scss +0 -11
  376. package/styles/drop-down-tree/icons/_bootstrap.scss +0 -11
  377. package/styles/drop-down-tree/icons/_bootstrap4.scss +0 -11
  378. package/styles/drop-down-tree/icons/_bootstrap5-dark.scss +0 -1
  379. package/styles/drop-down-tree/icons/_bootstrap5.scss +0 -11
  380. package/styles/drop-down-tree/icons/_fabric-dark.scss +0 -11
  381. package/styles/drop-down-tree/icons/_fabric.scss +0 -11
  382. package/styles/drop-down-tree/icons/_fluent-dark.scss +0 -1
  383. package/styles/drop-down-tree/icons/_fluent.scss +0 -11
  384. package/styles/drop-down-tree/icons/_fusionnew.scss +0 -11
  385. package/styles/drop-down-tree/icons/_highcontrast-light.scss +0 -11
  386. package/styles/drop-down-tree/icons/_highcontrast.scss +0 -11
  387. package/styles/drop-down-tree/icons/_material-dark.scss +0 -11
  388. package/styles/drop-down-tree/icons/_material.scss +0 -11
  389. package/styles/drop-down-tree/icons/_material3-dark.scss +0 -1
  390. package/styles/drop-down-tree/icons/_material3.scss +0 -11
  391. package/styles/drop-down-tree/icons/_tailwind-dark.scss +0 -11
  392. package/styles/drop-down-tree/icons/_tailwind.scss +0 -11
  393. package/styles/list-box/_all.scss +0 -2
  394. package/styles/list-box/_bootstrap-dark-definition.scss +0 -122
  395. package/styles/list-box/_bootstrap-definition.scss +0 -115
  396. package/styles/list-box/_bootstrap4-definition.scss +0 -120
  397. package/styles/list-box/_bootstrap5-dark-definition.scss +0 -1
  398. package/styles/list-box/_bootstrap5-definition.scss +0 -118
  399. package/styles/list-box/_fabric-dark-definition.scss +0 -122
  400. package/styles/list-box/_fabric-definition.scss +0 -115
  401. package/styles/list-box/_fluent-dark-definition.scss +0 -1
  402. package/styles/list-box/_fluent-definition.scss +0 -118
  403. package/styles/list-box/_fusionnew-definition.scss +0 -111
  404. package/styles/list-box/_highcontrast-definition.scss +0 -115
  405. package/styles/list-box/_highcontrast-light-definition.scss +0 -122
  406. package/styles/list-box/_layout.scss +0 -542
  407. package/styles/list-box/_material-dark-definition.scss +0 -122
  408. package/styles/list-box/_material-definition.scss +0 -115
  409. package/styles/list-box/_material3-dark-definition.scss +0 -1
  410. package/styles/list-box/_material3-definition.scss +0 -117
  411. package/styles/list-box/_tailwind-dark-definition.scss +0 -1
  412. package/styles/list-box/_tailwind-definition.scss +0 -117
  413. package/styles/list-box/_theme.scss +0 -317
  414. package/styles/list-box/icons/_bootstrap-dark.scss +0 -25
  415. package/styles/list-box/icons/_bootstrap.scss +0 -25
  416. package/styles/list-box/icons/_bootstrap4.scss +0 -25
  417. package/styles/list-box/icons/_bootstrap5-dark.scss +0 -1
  418. package/styles/list-box/icons/_bootstrap5.scss +0 -25
  419. package/styles/list-box/icons/_fabric-dark.scss +0 -25
  420. package/styles/list-box/icons/_fabric.scss +0 -25
  421. package/styles/list-box/icons/_fluent-dark.scss +0 -1
  422. package/styles/list-box/icons/_fluent.scss +0 -25
  423. package/styles/list-box/icons/_fusionnew.scss +0 -25
  424. package/styles/list-box/icons/_highcontrast-light.scss +0 -25
  425. package/styles/list-box/icons/_highcontrast.scss +0 -25
  426. package/styles/list-box/icons/_material-dark.scss +0 -25
  427. package/styles/list-box/icons/_material.scss +0 -25
  428. package/styles/list-box/icons/_material3-dark.scss +0 -1
  429. package/styles/list-box/icons/_material3.scss +0 -25
  430. package/styles/list-box/icons/_tailwind-dark.scss +0 -25
  431. package/styles/list-box/icons/_tailwind.scss +0 -25
  432. package/styles/mention/_all.scss +0 -1
  433. package/styles/mention/_bootstrap-dark-definition.scss +0 -3
  434. package/styles/mention/_bootstrap-definition.scss +0 -3
  435. package/styles/mention/_bootstrap4-definition.scss +0 -3
  436. package/styles/mention/_bootstrap5-dark-definition.scss +0 -1
  437. package/styles/mention/_bootstrap5-definition.scss +0 -1
  438. package/styles/mention/_fabric-dark-definition.scss +0 -2
  439. package/styles/mention/_fabric-definition.scss +0 -3
  440. package/styles/mention/_fluent-dark-definition.scss +0 -1
  441. package/styles/mention/_fluent-definition.scss +0 -1
  442. package/styles/mention/_fusionnew-definition.scss +0 -1
  443. package/styles/mention/_highcontrast-definition.scss +0 -3
  444. package/styles/mention/_highcontrast-light-definition.scss +0 -3
  445. package/styles/mention/_layout.scss +0 -6
  446. package/styles/mention/_material-dark-definition.scss +0 -3
  447. package/styles/mention/_material-definition.scss +0 -3
  448. package/styles/mention/_material3-dark-definition.scss +0 -1
  449. package/styles/mention/_material3-definition.scss +0 -1
  450. package/styles/mention/_tailwind-dark-definition.scss +0 -1
  451. package/styles/mention/_tailwind-definition.scss +0 -1
  452. package/styles/multi-select/_all.scss +0 -2
  453. package/styles/multi-select/_bootstrap-dark-definition.scss +0 -196
  454. package/styles/multi-select/_bootstrap-definition.scss +0 -190
  455. package/styles/multi-select/_bootstrap4-definition.scss +0 -257
  456. package/styles/multi-select/_bootstrap5-dark-definition.scss +0 -1
  457. package/styles/multi-select/_bootstrap5-definition.scss +0 -227
  458. package/styles/multi-select/_fabric-dark-definition.scss +0 -185
  459. package/styles/multi-select/_fabric-definition.scss +0 -181
  460. package/styles/multi-select/_fluent-dark-definition.scss +0 -1
  461. package/styles/multi-select/_fluent-definition.scss +0 -238
  462. package/styles/multi-select/_fusionnew-definition.scss +0 -227
  463. package/styles/multi-select/_highcontrast-definition.scss +0 -296
  464. package/styles/multi-select/_highcontrast-light-definition.scss +0 -295
  465. package/styles/multi-select/_layout.scss +0 -2188
  466. package/styles/multi-select/_material-dark-definition.scss +0 -228
  467. package/styles/multi-select/_material-definition.scss +0 -221
  468. package/styles/multi-select/_material3-dark-definition.scss +0 -1
  469. package/styles/multi-select/_material3-definition.scss +0 -246
  470. package/styles/multi-select/_tailwind-dark-definition.scss +0 -1
  471. package/styles/multi-select/_tailwind-definition.scss +0 -232
  472. package/styles/multi-select/_theme.scss +0 -586
  473. package/styles/multi-select/icons/_bootstrap-dark.scss +0 -26
  474. package/styles/multi-select/icons/_bootstrap.scss +0 -26
  475. package/styles/multi-select/icons/_bootstrap4.scss +0 -37
  476. package/styles/multi-select/icons/_bootstrap5-dark.scss +0 -1
  477. package/styles/multi-select/icons/_bootstrap5.scss +0 -26
  478. package/styles/multi-select/icons/_fabric-dark.scss +0 -26
  479. package/styles/multi-select/icons/_fabric.scss +0 -26
  480. package/styles/multi-select/icons/_fluent-dark.scss +0 -1
  481. package/styles/multi-select/icons/_fluent.scss +0 -55
  482. package/styles/multi-select/icons/_fusionnew.scss +0 -26
  483. package/styles/multi-select/icons/_highcontrast-light.scss +0 -26
  484. package/styles/multi-select/icons/_highcontrast.scss +0 -26
  485. package/styles/multi-select/icons/_material-dark.scss +0 -693
  486. package/styles/multi-select/icons/_material.scss +0 -693
  487. package/styles/multi-select/icons/_material3-dark.scss +0 -1
  488. package/styles/multi-select/icons/_material3.scss +0 -692
  489. package/styles/multi-select/icons/_tailwind-dark.scss +0 -1
  490. package/styles/multi-select/icons/_tailwind.scss +0 -26
  491. package/syncfusion-ej2-angular-dropdowns.d.ts +0 -5
package/styles/material3.css CHANGED
@@ -493,6 +493,117 @@
493
493
  background-color: rgba(var(--color-sf-on-surface), 0.05);
494
494
  }
495
495
 
496
+ :root {
497
+ --color-sf-black: 0, 0, 0;
498
+ --color-sf-white: 255, 255, 255;
499
+ --color-sf-primary: 103, 80, 164;
500
+ --color-sf-primary-container: 234, 221, 255;
501
+ --color-sf-secondary: 98, 91, 113;
502
+ --color-sf-secondary-container: 232, 222, 248;
503
+ --color-sf-tertiary: 125, 82, 96;
504
+ --color-sf-tertiary-container: 255, 216, 228;
505
+ --color-sf-surface: 255, 255, 255;
506
+ --color-sf-surface-variant: 231, 224, 236;
507
+ --color-sf-background: var(--color-sf-surface);
508
+ --color-sf-on-primary: 255, 255, 255;
509
+ --color-sf-on-primary-container: 33, 0, 94;
510
+ --color-sf-on-secondary: 255, 255, 255;
511
+ --color-sf-on-secondary-container: 30, 25, 43;
512
+ --color-sf-on-tertiary: 255, 255, 255;
513
+ --color-sf-on-tertiary-containe: 55, 11, 30;
514
+ --color-sf-on-surface: 28, 27, 31;
515
+ --color-sf-on-surface-variant: 73, 69, 78;
516
+ --color-sf-on-background: 28, 27, 31;
517
+ --color-sf-outline: 121, 116, 126;
518
+ --color-sf-outline-variant: 196, 199, 197;
519
+ --color-sf-shadow: 0, 0, 0;
520
+ --color-sf-surface-tint-color: 103, 80, 164;
521
+ --color-sf-inverse-surface: 49, 48, 51;
522
+ --color-sf-inverse-on-surface: 244, 239, 244;
523
+ --color-sf-inverse-primary: 208, 188, 255;
524
+ --color-sf-scrim: 0, 0, 0;
525
+ --color-sf-error: 179, 38, 30;
526
+ --color-sf-error-container: 249, 222, 220;
527
+ --color-sf-on-error: 255, 250, 250;
528
+ --color-sf-on-error-container: 65, 14, 11;
529
+ --color-sf-success: 32, 81, 7;
530
+ --color-sf-success-container: 209, 255, 186;
531
+ --color-sf-on-success: 244, 255, 239;
532
+ --color-sf-on-success-container: 13, 39, 0;
533
+ --color-sf-info: 1, 87, 155;
534
+ --color-sf-info-container: 233, 245, 255;
535
+ --color-sf-on-info: 250, 253, 255;
536
+ --color-sf-on-info-container: 0, 51, 91;
537
+ --color-sf-warning: 145, 76, 0;
538
+ --color-sf-warning-container: 254, 236, 222;
539
+ --color-sf-on-warning: 255, 255, 255;
540
+ --color-sf-on-warning-container: 47, 21, 0;
541
+ --color-sf-spreadsheet-gridline: var(--color-sf-surface-variant);
542
+ --color-sf-shadow-focus-ring1: 0 0 0 1px rgb(255, 255, 255), 0 0 0 3px rgb(0, 0, 0);
543
+ --color-sf-diagram-palette-background: --color-sf-white;
544
+ --color-sf-success-text: 255, 255, 255;
545
+ --color-sf-warning-text: 255, 255, 255;
546
+ --color-sf-danger-text: 255, 255, 255;
547
+ --color-sf-info-text: 255, 255, 255;
548
+ --color-sf-content-text-color-alt2: var(--color-sf-on-secondary-container);
549
+ --color-sf-secondary-bg-color: var(--color-sf-surface);
550
+ }
551
+
552
+ .e-dark-mode {
553
+ --color-sf-black: 0, 0, 0;
554
+ --color-sf-white: 255, 255, 255;
555
+ --color-sf-primary: 208, 188, 255;
556
+ --color-sf-primary-container: 79, 55, 139;
557
+ --color-sf-secondary: 204, 194, 220;
558
+ --color-sf-secondary-container: 74, 68, 88;
559
+ --color-sf-tertiary: 239, 184, 200;
560
+ --color-sf-tertiary-container: 99, 59, 72;
561
+ --color-sf-surface: 28, 27, 31;
562
+ --color-sf-surface-variant: 28, 27, 31;
563
+ --color-sf-background: var(--color-sf-surface);
564
+ --color-sf-on-primary: 55, 30, 115;
565
+ --color-sf-on-primary-container: 234, 221, 255;
566
+ --color-sf-on-secondary: 51, 45, 65;
567
+ --color-sf-on-secondary-container: 232, 222, 248;
568
+ --color-sf-on-tertiary: 73, 37, 50;
569
+ --color-sf-on-tertiary-containe: 255, 216, 228;
570
+ --color-sf-on-surface: 230, 225, 229;
571
+ --color-sf-on-surface-variant: 202, 196, 208;
572
+ --color-sf-on-background: 230, 225, 229;
573
+ --color-sf-outline: 147, 143, 153;
574
+ --color-sf-outline-variant: 68, 71, 70;
575
+ --color-sf-shadow: 0, 0, 0;
576
+ --color-sf-surface-tint-color: 208, 188, 255;
577
+ --color-sf-inverse-surface: 230, 225, 229;
578
+ --color-sf-inverse-on-surface: 49, 48, 51;
579
+ --color-sf-inverse-primary: 103, 80, 164;
580
+ --color-sf-scrim: 0, 0, 0;
581
+ --color-sf-error: 242, 184, 181;
582
+ --color-sf-error-container: 140, 29, 24;
583
+ --color-sf-on-error: 96, 20, 16;
584
+ --color-sf-on-error-container: 249, 222, 220;
585
+ --color-sf-success: 83, 202, 23;
586
+ --color-sf-success-container: 22, 62, 2;
587
+ --color-sf-on-success: 13, 39, 0;
588
+ --color-sf-on-success-container: 183, 250, 150;
589
+ --color-sf-info: 71, 172, 251;
590
+ --color-sf-info-container: 0, 67, 120;
591
+ --color-sf-on-info: 0, 51, 91;
592
+ --color-sf-on-info-container: 173, 219, 255;
593
+ --color-sf-warning: 245, 180, 130;
594
+ --color-sf-warning-container: 123, 65, 0;
595
+ --color-sf-on-warning: 99, 52, 0;
596
+ --color-sf-on-warning-container: 255, 220, 193;
597
+ --color-sf-spreadsheet-gridline: 231, 224, 236;
598
+ --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
599
+ --color-sf-success-text: 0, 0, 0;
600
+ --color-sf-warning-text: 0, 0, 0;
601
+ --color-sf-info-text: 0, 0, 0;
602
+ --color-sf-danger-text: 0, 0, 0;
603
+ --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
604
+ --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
605
+ }
606
+
496
607
  /* stylelint-disable property-no-vendor-prefix */
497
608
  @keyframes e-input-ripple {
498
609
  100% {
@@ -929,6 +1040,117 @@ ejs-dropdownlist {
929
1040
  color: rgba(var(--color-sf-on-surface));
930
1041
  }
931
1042
 
1043
+ :root {
1044
+ --color-sf-black: 0, 0, 0;
1045
+ --color-sf-white: 255, 255, 255;
1046
+ --color-sf-primary: 103, 80, 164;
1047
+ --color-sf-primary-container: 234, 221, 255;
1048
+ --color-sf-secondary: 98, 91, 113;
1049
+ --color-sf-secondary-container: 232, 222, 248;
1050
+ --color-sf-tertiary: 125, 82, 96;
1051
+ --color-sf-tertiary-container: 255, 216, 228;
1052
+ --color-sf-surface: 255, 255, 255;
1053
+ --color-sf-surface-variant: 231, 224, 236;
1054
+ --color-sf-background: var(--color-sf-surface);
1055
+ --color-sf-on-primary: 255, 255, 255;
1056
+ --color-sf-on-primary-container: 33, 0, 94;
1057
+ --color-sf-on-secondary: 255, 255, 255;
1058
+ --color-sf-on-secondary-container: 30, 25, 43;
1059
+ --color-sf-on-tertiary: 255, 255, 255;
1060
+ --color-sf-on-tertiary-containe: 55, 11, 30;
1061
+ --color-sf-on-surface: 28, 27, 31;
1062
+ --color-sf-on-surface-variant: 73, 69, 78;
1063
+ --color-sf-on-background: 28, 27, 31;
1064
+ --color-sf-outline: 121, 116, 126;
1065
+ --color-sf-outline-variant: 196, 199, 197;
1066
+ --color-sf-shadow: 0, 0, 0;
1067
+ --color-sf-surface-tint-color: 103, 80, 164;
1068
+ --color-sf-inverse-surface: 49, 48, 51;
1069
+ --color-sf-inverse-on-surface: 244, 239, 244;
1070
+ --color-sf-inverse-primary: 208, 188, 255;
1071
+ --color-sf-scrim: 0, 0, 0;
1072
+ --color-sf-error: 179, 38, 30;
1073
+ --color-sf-error-container: 249, 222, 220;
1074
+ --color-sf-on-error: 255, 250, 250;
1075
+ --color-sf-on-error-container: 65, 14, 11;
1076
+ --color-sf-success: 32, 81, 7;
1077
+ --color-sf-success-container: 209, 255, 186;
1078
+ --color-sf-on-success: 244, 255, 239;
1079
+ --color-sf-on-success-container: 13, 39, 0;
1080
+ --color-sf-info: 1, 87, 155;
1081
+ --color-sf-info-container: 233, 245, 255;
1082
+ --color-sf-on-info: 250, 253, 255;
1083
+ --color-sf-on-info-container: 0, 51, 91;
1084
+ --color-sf-warning: 145, 76, 0;
1085
+ --color-sf-warning-container: 254, 236, 222;
1086
+ --color-sf-on-warning: 255, 255, 255;
1087
+ --color-sf-on-warning-container: 47, 21, 0;
1088
+ --color-sf-spreadsheet-gridline: var(--color-sf-surface-variant);
1089
+ --color-sf-shadow-focus-ring1: 0 0 0 1px rgb(255, 255, 255), 0 0 0 3px rgb(0, 0, 0);
1090
+ --color-sf-diagram-palette-background: --color-sf-white;
1091
+ --color-sf-success-text: 255, 255, 255;
1092
+ --color-sf-warning-text: 255, 255, 255;
1093
+ --color-sf-danger-text: 255, 255, 255;
1094
+ --color-sf-info-text: 255, 255, 255;
1095
+ --color-sf-content-text-color-alt2: var(--color-sf-on-secondary-container);
1096
+ --color-sf-secondary-bg-color: var(--color-sf-surface);
1097
+ }
1098
+
1099
+ .e-dark-mode {
1100
+ --color-sf-black: 0, 0, 0;
1101
+ --color-sf-white: 255, 255, 255;
1102
+ --color-sf-primary: 208, 188, 255;
1103
+ --color-sf-primary-container: 79, 55, 139;
1104
+ --color-sf-secondary: 204, 194, 220;
1105
+ --color-sf-secondary-container: 74, 68, 88;
1106
+ --color-sf-tertiary: 239, 184, 200;
1107
+ --color-sf-tertiary-container: 99, 59, 72;
1108
+ --color-sf-surface: 28, 27, 31;
1109
+ --color-sf-surface-variant: 28, 27, 31;
1110
+ --color-sf-background: var(--color-sf-surface);
1111
+ --color-sf-on-primary: 55, 30, 115;
1112
+ --color-sf-on-primary-container: 234, 221, 255;
1113
+ --color-sf-on-secondary: 51, 45, 65;
1114
+ --color-sf-on-secondary-container: 232, 222, 248;
1115
+ --color-sf-on-tertiary: 73, 37, 50;
1116
+ --color-sf-on-tertiary-containe: 255, 216, 228;
1117
+ --color-sf-on-surface: 230, 225, 229;
1118
+ --color-sf-on-surface-variant: 202, 196, 208;
1119
+ --color-sf-on-background: 230, 225, 229;
1120
+ --color-sf-outline: 147, 143, 153;
1121
+ --color-sf-outline-variant: 68, 71, 70;
1122
+ --color-sf-shadow: 0, 0, 0;
1123
+ --color-sf-surface-tint-color: 208, 188, 255;
1124
+ --color-sf-inverse-surface: 230, 225, 229;
1125
+ --color-sf-inverse-on-surface: 49, 48, 51;
1126
+ --color-sf-inverse-primary: 103, 80, 164;
1127
+ --color-sf-scrim: 0, 0, 0;
1128
+ --color-sf-error: 242, 184, 181;
1129
+ --color-sf-error-container: 140, 29, 24;
1130
+ --color-sf-on-error: 96, 20, 16;
1131
+ --color-sf-on-error-container: 249, 222, 220;
1132
+ --color-sf-success: 83, 202, 23;
1133
+ --color-sf-success-container: 22, 62, 2;
1134
+ --color-sf-on-success: 13, 39, 0;
1135
+ --color-sf-on-success-container: 183, 250, 150;
1136
+ --color-sf-info: 71, 172, 251;
1137
+ --color-sf-info-container: 0, 67, 120;
1138
+ --color-sf-on-info: 0, 51, 91;
1139
+ --color-sf-on-info-container: 173, 219, 255;
1140
+ --color-sf-warning: 245, 180, 130;
1141
+ --color-sf-warning-container: 123, 65, 0;
1142
+ --color-sf-on-warning: 99, 52, 0;
1143
+ --color-sf-on-warning-container: 255, 220, 193;
1144
+ --color-sf-spreadsheet-gridline: 231, 224, 236;
1145
+ --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
1146
+ --color-sf-success-text: 0, 0, 0;
1147
+ --color-sf-warning-text: 0, 0, 0;
1148
+ --color-sf-info-text: 0, 0, 0;
1149
+ --color-sf-danger-text: 0, 0, 0;
1150
+ --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
1151
+ --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
1152
+ }
1153
+
932
1154
  /* stylelint-disable property-no-vendor-prefix */
933
1155
  @keyframes e-input-ripple {
934
1156
  100% {
@@ -1314,21 +1536,355 @@ ejs-dropdownlist {
1314
1536
  .e-ddt .e-overflow .e-remain {
1315
1537
  color: #757575;
1316
1538
  }
1317
- .e-ddt.e-popup {
1318
- background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
1319
- border-color: rgba(var(--color-sf-outline-variant));
1539
+ .e-ddt.e-popup {
1540
+ background: linear-gradient(0deg, rgba(var(--color-sf-surface), 1), rgba(var(--color-sf-surface), 1)), rgba(var(--color-sf-surface));
1541
+ border-color: rgba(var(--color-sf-outline-variant));
1542
+ }
1543
+ .e-ddt.e-popup .e-popup-content.e-no-data {
1544
+ color: rgba(var(--color-sf-on-surface));
1545
+ }
1546
+ .e-ddt.e-popup .e-selectall-parent {
1547
+ border-bottom-color: rgba(var(--color-sf-outline-variant));
1548
+ }
1549
+ .e-ddt.e-popup .e-selectall-parent .e-all-text {
1550
+ color: rgba(var(--color-sf-on-surface));
1551
+ }
1552
+
1553
+ :root {
1554
+ --color-sf-black: 0, 0, 0;
1555
+ --color-sf-white: 255, 255, 255;
1556
+ --color-sf-primary: 103, 80, 164;
1557
+ --color-sf-primary-container: 234, 221, 255;
1558
+ --color-sf-secondary: 98, 91, 113;
1559
+ --color-sf-secondary-container: 232, 222, 248;
1560
+ --color-sf-tertiary: 125, 82, 96;
1561
+ --color-sf-tertiary-container: 255, 216, 228;
1562
+ --color-sf-surface: 255, 255, 255;
1563
+ --color-sf-surface-variant: 231, 224, 236;
1564
+ --color-sf-background: var(--color-sf-surface);
1565
+ --color-sf-on-primary: 255, 255, 255;
1566
+ --color-sf-on-primary-container: 33, 0, 94;
1567
+ --color-sf-on-secondary: 255, 255, 255;
1568
+ --color-sf-on-secondary-container: 30, 25, 43;
1569
+ --color-sf-on-tertiary: 255, 255, 255;
1570
+ --color-sf-on-tertiary-containe: 55, 11, 30;
1571
+ --color-sf-on-surface: 28, 27, 31;
1572
+ --color-sf-on-surface-variant: 73, 69, 78;
1573
+ --color-sf-on-background: 28, 27, 31;
1574
+ --color-sf-outline: 121, 116, 126;
1575
+ --color-sf-outline-variant: 196, 199, 197;
1576
+ --color-sf-shadow: 0, 0, 0;
1577
+ --color-sf-surface-tint-color: 103, 80, 164;
1578
+ --color-sf-inverse-surface: 49, 48, 51;
1579
+ --color-sf-inverse-on-surface: 244, 239, 244;
1580
+ --color-sf-inverse-primary: 208, 188, 255;
1581
+ --color-sf-scrim: 0, 0, 0;
1582
+ --color-sf-error: 179, 38, 30;
1583
+ --color-sf-error-container: 249, 222, 220;
1584
+ --color-sf-on-error: 255, 250, 250;
1585
+ --color-sf-on-error-container: 65, 14, 11;
1586
+ --color-sf-success: 32, 81, 7;
1587
+ --color-sf-success-container: 209, 255, 186;
1588
+ --color-sf-on-success: 244, 255, 239;
1589
+ --color-sf-on-success-container: 13, 39, 0;
1590
+ --color-sf-info: 1, 87, 155;
1591
+ --color-sf-info-container: 233, 245, 255;
1592
+ --color-sf-on-info: 250, 253, 255;
1593
+ --color-sf-on-info-container: 0, 51, 91;
1594
+ --color-sf-warning: 145, 76, 0;
1595
+ --color-sf-warning-container: 254, 236, 222;
1596
+ --color-sf-on-warning: 255, 255, 255;
1597
+ --color-sf-on-warning-container: 47, 21, 0;
1598
+ --color-sf-spreadsheet-gridline: var(--color-sf-surface-variant);
1599
+ --color-sf-shadow-focus-ring1: 0 0 0 1px rgb(255, 255, 255), 0 0 0 3px rgb(0, 0, 0);
1600
+ --color-sf-diagram-palette-background: --color-sf-white;
1601
+ --color-sf-success-text: 255, 255, 255;
1602
+ --color-sf-warning-text: 255, 255, 255;
1603
+ --color-sf-danger-text: 255, 255, 255;
1604
+ --color-sf-info-text: 255, 255, 255;
1605
+ --color-sf-content-text-color-alt2: var(--color-sf-on-secondary-container);
1606
+ --color-sf-secondary-bg-color: var(--color-sf-surface);
1607
+ }
1608
+
1609
+ .e-dark-mode {
1610
+ --color-sf-black: 0, 0, 0;
1611
+ --color-sf-white: 255, 255, 255;
1612
+ --color-sf-primary: 208, 188, 255;
1613
+ --color-sf-primary-container: 79, 55, 139;
1614
+ --color-sf-secondary: 204, 194, 220;
1615
+ --color-sf-secondary-container: 74, 68, 88;
1616
+ --color-sf-tertiary: 239, 184, 200;
1617
+ --color-sf-tertiary-container: 99, 59, 72;
1618
+ --color-sf-surface: 28, 27, 31;
1619
+ --color-sf-surface-variant: 28, 27, 31;
1620
+ --color-sf-background: var(--color-sf-surface);
1621
+ --color-sf-on-primary: 55, 30, 115;
1622
+ --color-sf-on-primary-container: 234, 221, 255;
1623
+ --color-sf-on-secondary: 51, 45, 65;
1624
+ --color-sf-on-secondary-container: 232, 222, 248;
1625
+ --color-sf-on-tertiary: 73, 37, 50;
1626
+ --color-sf-on-tertiary-containe: 255, 216, 228;
1627
+ --color-sf-on-surface: 230, 225, 229;
1628
+ --color-sf-on-surface-variant: 202, 196, 208;
1629
+ --color-sf-on-background: 230, 225, 229;
1630
+ --color-sf-outline: 147, 143, 153;
1631
+ --color-sf-outline-variant: 68, 71, 70;
1632
+ --color-sf-shadow: 0, 0, 0;
1633
+ --color-sf-surface-tint-color: 208, 188, 255;
1634
+ --color-sf-inverse-surface: 230, 225, 229;
1635
+ --color-sf-inverse-on-surface: 49, 48, 51;
1636
+ --color-sf-inverse-primary: 103, 80, 164;
1637
+ --color-sf-scrim: 0, 0, 0;
1638
+ --color-sf-error: 242, 184, 181;
1639
+ --color-sf-error-container: 140, 29, 24;
1640
+ --color-sf-on-error: 96, 20, 16;
1641
+ --color-sf-on-error-container: 249, 222, 220;
1642
+ --color-sf-success: 83, 202, 23;
1643
+ --color-sf-success-container: 22, 62, 2;
1644
+ --color-sf-on-success: 13, 39, 0;
1645
+ --color-sf-on-success-container: 183, 250, 150;
1646
+ --color-sf-info: 71, 172, 251;
1647
+ --color-sf-info-container: 0, 67, 120;
1648
+ --color-sf-on-info: 0, 51, 91;
1649
+ --color-sf-on-info-container: 173, 219, 255;
1650
+ --color-sf-warning: 245, 180, 130;
1651
+ --color-sf-warning-container: 123, 65, 0;
1652
+ --color-sf-on-warning: 99, 52, 0;
1653
+ --color-sf-on-warning-container: 255, 220, 193;
1654
+ --color-sf-spreadsheet-gridline: 231, 224, 236;
1655
+ --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
1656
+ --color-sf-success-text: 0, 0, 0;
1657
+ --color-sf-warning-text: 0, 0, 0;
1658
+ --color-sf-info-text: 0, 0, 0;
1659
+ --color-sf-danger-text: 0, 0, 0;
1660
+ --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
1661
+ --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
1662
+ }
1663
+
1664
+ /* stylelint-disable-line no-empty-source */
1665
+ :root {
1666
+ --color-sf-black: 0, 0, 0;
1667
+ --color-sf-white: 255, 255, 255;
1668
+ --color-sf-primary: 103, 80, 164;
1669
+ --color-sf-primary-container: 234, 221, 255;
1670
+ --color-sf-secondary: 98, 91, 113;
1671
+ --color-sf-secondary-container: 232, 222, 248;
1672
+ --color-sf-tertiary: 125, 82, 96;
1673
+ --color-sf-tertiary-container: 255, 216, 228;
1674
+ --color-sf-surface: 255, 255, 255;
1675
+ --color-sf-surface-variant: 231, 224, 236;
1676
+ --color-sf-background: var(--color-sf-surface);
1677
+ --color-sf-on-primary: 255, 255, 255;
1678
+ --color-sf-on-primary-container: 33, 0, 94;
1679
+ --color-sf-on-secondary: 255, 255, 255;
1680
+ --color-sf-on-secondary-container: 30, 25, 43;
1681
+ --color-sf-on-tertiary: 255, 255, 255;
1682
+ --color-sf-on-tertiary-containe: 55, 11, 30;
1683
+ --color-sf-on-surface: 28, 27, 31;
1684
+ --color-sf-on-surface-variant: 73, 69, 78;
1685
+ --color-sf-on-background: 28, 27, 31;
1686
+ --color-sf-outline: 121, 116, 126;
1687
+ --color-sf-outline-variant: 196, 199, 197;
1688
+ --color-sf-shadow: 0, 0, 0;
1689
+ --color-sf-surface-tint-color: 103, 80, 164;
1690
+ --color-sf-inverse-surface: 49, 48, 51;
1691
+ --color-sf-inverse-on-surface: 244, 239, 244;
1692
+ --color-sf-inverse-primary: 208, 188, 255;
1693
+ --color-sf-scrim: 0, 0, 0;
1694
+ --color-sf-error: 179, 38, 30;
1695
+ --color-sf-error-container: 249, 222, 220;
1696
+ --color-sf-on-error: 255, 250, 250;
1697
+ --color-sf-on-error-container: 65, 14, 11;
1698
+ --color-sf-success: 32, 81, 7;
1699
+ --color-sf-success-container: 209, 255, 186;
1700
+ --color-sf-on-success: 244, 255, 239;
1701
+ --color-sf-on-success-container: 13, 39, 0;
1702
+ --color-sf-info: 1, 87, 155;
1703
+ --color-sf-info-container: 233, 245, 255;
1704
+ --color-sf-on-info: 250, 253, 255;
1705
+ --color-sf-on-info-container: 0, 51, 91;
1706
+ --color-sf-warning: 145, 76, 0;
1707
+ --color-sf-warning-container: 254, 236, 222;
1708
+ --color-sf-on-warning: 255, 255, 255;
1709
+ --color-sf-on-warning-container: 47, 21, 0;
1710
+ --color-sf-spreadsheet-gridline: var(--color-sf-surface-variant);
1711
+ --color-sf-shadow-focus-ring1: 0 0 0 1px rgb(255, 255, 255), 0 0 0 3px rgb(0, 0, 0);
1712
+ --color-sf-diagram-palette-background: --color-sf-white;
1713
+ --color-sf-success-text: 255, 255, 255;
1714
+ --color-sf-warning-text: 255, 255, 255;
1715
+ --color-sf-danger-text: 255, 255, 255;
1716
+ --color-sf-info-text: 255, 255, 255;
1717
+ --color-sf-content-text-color-alt2: var(--color-sf-on-secondary-container);
1718
+ --color-sf-secondary-bg-color: var(--color-sf-surface);
1320
1719
  }
1321
- .e-ddt.e-popup .e-popup-content.e-no-data {
1322
- color: rgba(var(--color-sf-on-surface));
1720
+
1721
+ .e-dark-mode {
1722
+ --color-sf-black: 0, 0, 0;
1723
+ --color-sf-white: 255, 255, 255;
1724
+ --color-sf-primary: 208, 188, 255;
1725
+ --color-sf-primary-container: 79, 55, 139;
1726
+ --color-sf-secondary: 204, 194, 220;
1727
+ --color-sf-secondary-container: 74, 68, 88;
1728
+ --color-sf-tertiary: 239, 184, 200;
1729
+ --color-sf-tertiary-container: 99, 59, 72;
1730
+ --color-sf-surface: 28, 27, 31;
1731
+ --color-sf-surface-variant: 28, 27, 31;
1732
+ --color-sf-background: var(--color-sf-surface);
1733
+ --color-sf-on-primary: 55, 30, 115;
1734
+ --color-sf-on-primary-container: 234, 221, 255;
1735
+ --color-sf-on-secondary: 51, 45, 65;
1736
+ --color-sf-on-secondary-container: 232, 222, 248;
1737
+ --color-sf-on-tertiary: 73, 37, 50;
1738
+ --color-sf-on-tertiary-containe: 255, 216, 228;
1739
+ --color-sf-on-surface: 230, 225, 229;
1740
+ --color-sf-on-surface-variant: 202, 196, 208;
1741
+ --color-sf-on-background: 230, 225, 229;
1742
+ --color-sf-outline: 147, 143, 153;
1743
+ --color-sf-outline-variant: 68, 71, 70;
1744
+ --color-sf-shadow: 0, 0, 0;
1745
+ --color-sf-surface-tint-color: 208, 188, 255;
1746
+ --color-sf-inverse-surface: 230, 225, 229;
1747
+ --color-sf-inverse-on-surface: 49, 48, 51;
1748
+ --color-sf-inverse-primary: 103, 80, 164;
1749
+ --color-sf-scrim: 0, 0, 0;
1750
+ --color-sf-error: 242, 184, 181;
1751
+ --color-sf-error-container: 140, 29, 24;
1752
+ --color-sf-on-error: 96, 20, 16;
1753
+ --color-sf-on-error-container: 249, 222, 220;
1754
+ --color-sf-success: 83, 202, 23;
1755
+ --color-sf-success-container: 22, 62, 2;
1756
+ --color-sf-on-success: 13, 39, 0;
1757
+ --color-sf-on-success-container: 183, 250, 150;
1758
+ --color-sf-info: 71, 172, 251;
1759
+ --color-sf-info-container: 0, 67, 120;
1760
+ --color-sf-on-info: 0, 51, 91;
1761
+ --color-sf-on-info-container: 173, 219, 255;
1762
+ --color-sf-warning: 245, 180, 130;
1763
+ --color-sf-warning-container: 123, 65, 0;
1764
+ --color-sf-on-warning: 99, 52, 0;
1765
+ --color-sf-on-warning-container: 255, 220, 193;
1766
+ --color-sf-spreadsheet-gridline: 231, 224, 236;
1767
+ --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
1768
+ --color-sf-success-text: 0, 0, 0;
1769
+ --color-sf-warning-text: 0, 0, 0;
1770
+ --color-sf-info-text: 0, 0, 0;
1771
+ --color-sf-danger-text: 0, 0, 0;
1772
+ --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
1773
+ --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
1323
1774
  }
1324
- .e-ddt.e-popup .e-selectall-parent {
1325
- border-bottom-color: rgba(var(--color-sf-outline-variant));
1775
+
1776
+ /* stylelint-disable-line no-empty-source */
1777
+ :root {
1778
+ --color-sf-black: 0, 0, 0;
1779
+ --color-sf-white: 255, 255, 255;
1780
+ --color-sf-primary: 103, 80, 164;
1781
+ --color-sf-primary-container: 234, 221, 255;
1782
+ --color-sf-secondary: 98, 91, 113;
1783
+ --color-sf-secondary-container: 232, 222, 248;
1784
+ --color-sf-tertiary: 125, 82, 96;
1785
+ --color-sf-tertiary-container: 255, 216, 228;
1786
+ --color-sf-surface: 255, 255, 255;
1787
+ --color-sf-surface-variant: 231, 224, 236;
1788
+ --color-sf-background: var(--color-sf-surface);
1789
+ --color-sf-on-primary: 255, 255, 255;
1790
+ --color-sf-on-primary-container: 33, 0, 94;
1791
+ --color-sf-on-secondary: 255, 255, 255;
1792
+ --color-sf-on-secondary-container: 30, 25, 43;
1793
+ --color-sf-on-tertiary: 255, 255, 255;
1794
+ --color-sf-on-tertiary-containe: 55, 11, 30;
1795
+ --color-sf-on-surface: 28, 27, 31;
1796
+ --color-sf-on-surface-variant: 73, 69, 78;
1797
+ --color-sf-on-background: 28, 27, 31;
1798
+ --color-sf-outline: 121, 116, 126;
1799
+ --color-sf-outline-variant: 196, 199, 197;
1800
+ --color-sf-shadow: 0, 0, 0;
1801
+ --color-sf-surface-tint-color: 103, 80, 164;
1802
+ --color-sf-inverse-surface: 49, 48, 51;
1803
+ --color-sf-inverse-on-surface: 244, 239, 244;
1804
+ --color-sf-inverse-primary: 208, 188, 255;
1805
+ --color-sf-scrim: 0, 0, 0;
1806
+ --color-sf-error: 179, 38, 30;
1807
+ --color-sf-error-container: 249, 222, 220;
1808
+ --color-sf-on-error: 255, 250, 250;
1809
+ --color-sf-on-error-container: 65, 14, 11;
1810
+ --color-sf-success: 32, 81, 7;
1811
+ --color-sf-success-container: 209, 255, 186;
1812
+ --color-sf-on-success: 244, 255, 239;
1813
+ --color-sf-on-success-container: 13, 39, 0;
1814
+ --color-sf-info: 1, 87, 155;
1815
+ --color-sf-info-container: 233, 245, 255;
1816
+ --color-sf-on-info: 250, 253, 255;
1817
+ --color-sf-on-info-container: 0, 51, 91;
1818
+ --color-sf-warning: 145, 76, 0;
1819
+ --color-sf-warning-container: 254, 236, 222;
1820
+ --color-sf-on-warning: 255, 255, 255;
1821
+ --color-sf-on-warning-container: 47, 21, 0;
1822
+ --color-sf-spreadsheet-gridline: var(--color-sf-surface-variant);
1823
+ --color-sf-shadow-focus-ring1: 0 0 0 1px rgb(255, 255, 255), 0 0 0 3px rgb(0, 0, 0);
1824
+ --color-sf-diagram-palette-background: --color-sf-white;
1825
+ --color-sf-success-text: 255, 255, 255;
1826
+ --color-sf-warning-text: 255, 255, 255;
1827
+ --color-sf-danger-text: 255, 255, 255;
1828
+ --color-sf-info-text: 255, 255, 255;
1829
+ --color-sf-content-text-color-alt2: var(--color-sf-on-secondary-container);
1830
+ --color-sf-secondary-bg-color: var(--color-sf-surface);
1326
1831
  }
1327
- .e-ddt.e-popup .e-selectall-parent .e-all-text {
1328
- color: rgba(var(--color-sf-on-surface));
1832
+
1833
+ .e-dark-mode {
1834
+ --color-sf-black: 0, 0, 0;
1835
+ --color-sf-white: 255, 255, 255;
1836
+ --color-sf-primary: 208, 188, 255;
1837
+ --color-sf-primary-container: 79, 55, 139;
1838
+ --color-sf-secondary: 204, 194, 220;
1839
+ --color-sf-secondary-container: 74, 68, 88;
1840
+ --color-sf-tertiary: 239, 184, 200;
1841
+ --color-sf-tertiary-container: 99, 59, 72;
1842
+ --color-sf-surface: 28, 27, 31;
1843
+ --color-sf-surface-variant: 28, 27, 31;
1844
+ --color-sf-background: var(--color-sf-surface);
1845
+ --color-sf-on-primary: 55, 30, 115;
1846
+ --color-sf-on-primary-container: 234, 221, 255;
1847
+ --color-sf-on-secondary: 51, 45, 65;
1848
+ --color-sf-on-secondary-container: 232, 222, 248;
1849
+ --color-sf-on-tertiary: 73, 37, 50;
1850
+ --color-sf-on-tertiary-containe: 255, 216, 228;
1851
+ --color-sf-on-surface: 230, 225, 229;
1852
+ --color-sf-on-surface-variant: 202, 196, 208;
1853
+ --color-sf-on-background: 230, 225, 229;
1854
+ --color-sf-outline: 147, 143, 153;
1855
+ --color-sf-outline-variant: 68, 71, 70;
1856
+ --color-sf-shadow: 0, 0, 0;
1857
+ --color-sf-surface-tint-color: 208, 188, 255;
1858
+ --color-sf-inverse-surface: 230, 225, 229;
1859
+ --color-sf-inverse-on-surface: 49, 48, 51;
1860
+ --color-sf-inverse-primary: 103, 80, 164;
1861
+ --color-sf-scrim: 0, 0, 0;
1862
+ --color-sf-error: 242, 184, 181;
1863
+ --color-sf-error-container: 140, 29, 24;
1864
+ --color-sf-on-error: 96, 20, 16;
1865
+ --color-sf-on-error-container: 249, 222, 220;
1866
+ --color-sf-success: 83, 202, 23;
1867
+ --color-sf-success-container: 22, 62, 2;
1868
+ --color-sf-on-success: 13, 39, 0;
1869
+ --color-sf-on-success-container: 183, 250, 150;
1870
+ --color-sf-info: 71, 172, 251;
1871
+ --color-sf-info-container: 0, 67, 120;
1872
+ --color-sf-on-info: 0, 51, 91;
1873
+ --color-sf-on-info-container: 173, 219, 255;
1874
+ --color-sf-warning: 245, 180, 130;
1875
+ --color-sf-warning-container: 123, 65, 0;
1876
+ --color-sf-on-warning: 99, 52, 0;
1877
+ --color-sf-on-warning-container: 255, 220, 193;
1878
+ --color-sf-spreadsheet-gridline: 231, 224, 236;
1879
+ --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
1880
+ --color-sf-success-text: 0, 0, 0;
1881
+ --color-sf-warning-text: 0, 0, 0;
1882
+ --color-sf-info-text: 0, 0, 0;
1883
+ --color-sf-danger-text: 0, 0, 0;
1884
+ --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
1885
+ --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
1329
1886
  }
1330
1887
 
1331
- /* stylelint-disable-line no-empty-source */ /* stylelint-disable-line no-empty-source */
1332
1888
  /* stylelint-disable property-no-vendor-prefix */
1333
1889
  @keyframes e-input-ripple {
1334
1890
  100% {
@@ -2722,6 +3278,11 @@ ejs-multiselect {
2722
3278
  margin-top: -1.4em;
2723
3279
  }
2724
3280
 
3281
+ .e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
3282
+ .e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
3283
+ margin-top: -1.4em;
3284
+ }
3285
+
2725
3286
  .e-bigger.e-small.e-multi-select-list-wrapper .e-selectall-parent,
2726
3287
  .e-bigger.e-small .e-multi-select-list-wrapper .e-selectall-parent {
2727
3288
  line-height: 40px;
@@ -2733,6 +3294,11 @@ ejs-multiselect {
2733
3294
  top: 100%;
2734
3295
  }
2735
3296
 
3297
+ .e-bigger.e-small.e-multiselect.e-control-container .e-multi-select-wrapper .e-ddl-icon,
3298
+ .e-bigger.e-small.e-multiselect.e-control-container.e-input-group .e-multi-select-wrapper .e-ddl-icon {
3299
+ margin-top: -1.7em;
3300
+ }
3301
+
2736
3302
  .e-bigger.e-small .e-multi-select-wrapper .e-chips-close {
2737
3303
  height: 16px;
2738
3304
  width: 16px;
@@ -3798,9 +4364,120 @@ ejs-multiselect {
3798
4364
  width: 33px;
3799
4365
  }
3800
4366
 
3801
- .e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent,
3802
- .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
3803
- color: #fff;
4367
+ .e-multiselect.e-filled .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent,
4368
+ .e-multiselect.e-outline .e-multi-select-wrapper .e-chips.e-mob-chip.e-chip-selected .e-chipcontent {
4369
+ color: #fff;
4370
+ }
4371
+
4372
+ :root {
4373
+ --color-sf-black: 0, 0, 0;
4374
+ --color-sf-white: 255, 255, 255;
4375
+ --color-sf-primary: 103, 80, 164;
4376
+ --color-sf-primary-container: 234, 221, 255;
4377
+ --color-sf-secondary: 98, 91, 113;
4378
+ --color-sf-secondary-container: 232, 222, 248;
4379
+ --color-sf-tertiary: 125, 82, 96;
4380
+ --color-sf-tertiary-container: 255, 216, 228;
4381
+ --color-sf-surface: 255, 255, 255;
4382
+ --color-sf-surface-variant: 231, 224, 236;
4383
+ --color-sf-background: var(--color-sf-surface);
4384
+ --color-sf-on-primary: 255, 255, 255;
4385
+ --color-sf-on-primary-container: 33, 0, 94;
4386
+ --color-sf-on-secondary: 255, 255, 255;
4387
+ --color-sf-on-secondary-container: 30, 25, 43;
4388
+ --color-sf-on-tertiary: 255, 255, 255;
4389
+ --color-sf-on-tertiary-containe: 55, 11, 30;
4390
+ --color-sf-on-surface: 28, 27, 31;
4391
+ --color-sf-on-surface-variant: 73, 69, 78;
4392
+ --color-sf-on-background: 28, 27, 31;
4393
+ --color-sf-outline: 121, 116, 126;
4394
+ --color-sf-outline-variant: 196, 199, 197;
4395
+ --color-sf-shadow: 0, 0, 0;
4396
+ --color-sf-surface-tint-color: 103, 80, 164;
4397
+ --color-sf-inverse-surface: 49, 48, 51;
4398
+ --color-sf-inverse-on-surface: 244, 239, 244;
4399
+ --color-sf-inverse-primary: 208, 188, 255;
4400
+ --color-sf-scrim: 0, 0, 0;
4401
+ --color-sf-error: 179, 38, 30;
4402
+ --color-sf-error-container: 249, 222, 220;
4403
+ --color-sf-on-error: 255, 250, 250;
4404
+ --color-sf-on-error-container: 65, 14, 11;
4405
+ --color-sf-success: 32, 81, 7;
4406
+ --color-sf-success-container: 209, 255, 186;
4407
+ --color-sf-on-success: 244, 255, 239;
4408
+ --color-sf-on-success-container: 13, 39, 0;
4409
+ --color-sf-info: 1, 87, 155;
4410
+ --color-sf-info-container: 233, 245, 255;
4411
+ --color-sf-on-info: 250, 253, 255;
4412
+ --color-sf-on-info-container: 0, 51, 91;
4413
+ --color-sf-warning: 145, 76, 0;
4414
+ --color-sf-warning-container: 254, 236, 222;
4415
+ --color-sf-on-warning: 255, 255, 255;
4416
+ --color-sf-on-warning-container: 47, 21, 0;
4417
+ --color-sf-spreadsheet-gridline: var(--color-sf-surface-variant);
4418
+ --color-sf-shadow-focus-ring1: 0 0 0 1px rgb(255, 255, 255), 0 0 0 3px rgb(0, 0, 0);
4419
+ --color-sf-diagram-palette-background: --color-sf-white;
4420
+ --color-sf-success-text: 255, 255, 255;
4421
+ --color-sf-warning-text: 255, 255, 255;
4422
+ --color-sf-danger-text: 255, 255, 255;
4423
+ --color-sf-info-text: 255, 255, 255;
4424
+ --color-sf-content-text-color-alt2: var(--color-sf-on-secondary-container);
4425
+ --color-sf-secondary-bg-color: var(--color-sf-surface);
4426
+ }
4427
+
4428
+ .e-dark-mode {
4429
+ --color-sf-black: 0, 0, 0;
4430
+ --color-sf-white: 255, 255, 255;
4431
+ --color-sf-primary: 208, 188, 255;
4432
+ --color-sf-primary-container: 79, 55, 139;
4433
+ --color-sf-secondary: 204, 194, 220;
4434
+ --color-sf-secondary-container: 74, 68, 88;
4435
+ --color-sf-tertiary: 239, 184, 200;
4436
+ --color-sf-tertiary-container: 99, 59, 72;
4437
+ --color-sf-surface: 28, 27, 31;
4438
+ --color-sf-surface-variant: 28, 27, 31;
4439
+ --color-sf-background: var(--color-sf-surface);
4440
+ --color-sf-on-primary: 55, 30, 115;
4441
+ --color-sf-on-primary-container: 234, 221, 255;
4442
+ --color-sf-on-secondary: 51, 45, 65;
4443
+ --color-sf-on-secondary-container: 232, 222, 248;
4444
+ --color-sf-on-tertiary: 73, 37, 50;
4445
+ --color-sf-on-tertiary-containe: 255, 216, 228;
4446
+ --color-sf-on-surface: 230, 225, 229;
4447
+ --color-sf-on-surface-variant: 202, 196, 208;
4448
+ --color-sf-on-background: 230, 225, 229;
4449
+ --color-sf-outline: 147, 143, 153;
4450
+ --color-sf-outline-variant: 68, 71, 70;
4451
+ --color-sf-shadow: 0, 0, 0;
4452
+ --color-sf-surface-tint-color: 208, 188, 255;
4453
+ --color-sf-inverse-surface: 230, 225, 229;
4454
+ --color-sf-inverse-on-surface: 49, 48, 51;
4455
+ --color-sf-inverse-primary: 103, 80, 164;
4456
+ --color-sf-scrim: 0, 0, 0;
4457
+ --color-sf-error: 242, 184, 181;
4458
+ --color-sf-error-container: 140, 29, 24;
4459
+ --color-sf-on-error: 96, 20, 16;
4460
+ --color-sf-on-error-container: 249, 222, 220;
4461
+ --color-sf-success: 83, 202, 23;
4462
+ --color-sf-success-container: 22, 62, 2;
4463
+ --color-sf-on-success: 13, 39, 0;
4464
+ --color-sf-on-success-container: 183, 250, 150;
4465
+ --color-sf-info: 71, 172, 251;
4466
+ --color-sf-info-container: 0, 67, 120;
4467
+ --color-sf-on-info: 0, 51, 91;
4468
+ --color-sf-on-info-container: 173, 219, 255;
4469
+ --color-sf-warning: 245, 180, 130;
4470
+ --color-sf-warning-container: 123, 65, 0;
4471
+ --color-sf-on-warning: 99, 52, 0;
4472
+ --color-sf-on-warning-container: 255, 220, 193;
4473
+ --color-sf-spreadsheet-gridline: 231, 224, 236;
4474
+ --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
4475
+ --color-sf-success-text: 0, 0, 0;
4476
+ --color-sf-warning-text: 0, 0, 0;
4477
+ --color-sf-info-text: 0, 0, 0;
4478
+ --color-sf-danger-text: 0, 0, 0;
4479
+ --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
4480
+ --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
3804
4481
  }
3805
4482
 
3806
4483
  .e-listbox-tool .e-moveup::before {
@@ -4355,27 +5032,66 @@ ejs-listbox {
4355
5032
  }
4356
5033
  .e-small .e-listbox-wrapper.e-filter-list .e-list-parent,
4357
5034
  .e-small .e-listbox-container.e-filter-list .e-list-parent {
4358
- height: calc(100% - 35px);
5035
+ height: calc(100% - 35px) !important; /* stylelint-disable-line declaration-no-important */
5036
+ }
5037
+
5038
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
5039
+ height: calc(100% - 44px) !important; /* stylelint-disable-line declaration-no-important */
5040
+ }
5041
+
5042
+ .e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
5043
+ height: calc(100% - 44px) !important; /* stylelint-disable-line declaration-no-important */
4359
5044
  }
4360
5045
 
4361
- .e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
4362
5046
  .e-bigger .e-listbox-container.e-filter-list .e-list-parent {
4363
- height: calc(100% - 48px);
5047
+ height: 100%;
4364
5048
  }
4365
5049
 
4366
5050
  .e-bigger .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
4367
5051
  .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
4368
- height: calc(100% - 98px);
5052
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
5053
+ }
5054
+
5055
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
5056
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
5057
+ }
5058
+
5059
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
5060
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
5061
+ }
5062
+
5063
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-list-parent {
5064
+ height: calc(100% - 44px) !important; /* stylelint-disable-line declaration-no-important */
5065
+ }
5066
+
5067
+ .e-bigger .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
5068
+ height: 100%;
4369
5069
  }
4370
5070
 
4371
5071
  .e-bigger .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
5072
+ .e-bigger .e-listbox-container .e-selectall-parent + .e-list-wrap {
5073
+ height: calc(100% - 48px) !important; /* stylelint-disable-line declaration-no-important */
5074
+ }
5075
+
4372
5076
  .e-bigger .e-listbox-container .e-selectall-parent + .e-list-parent {
4373
- height: calc(100% - 48px);
5077
+ height: 100%;
4374
5078
  }
4375
5079
 
4376
5080
  .e-small.e-bigger .e-listbox-wrapper.e-filter-list .e-list-parent,
5081
+ .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-wrap {
5082
+ height: calc(100% - 37px) !important; /* stylelint-disable-line declaration-no-important */
5083
+ }
5084
+
5085
+ .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
5086
+ height: calc(100% - 76px) !important; /* stylelint-disable-line declaration-no-important */
5087
+ }
5088
+
5089
+ .e-bigger .e-listbox-wrapper.e-filter-list:not(.e-listbox-container) .e-selectall-parent + .e-hidden-select + .e-listbox + .e-list-parent {
5090
+ height: calc(100% - 92px) !important; /* stylelint-disable-line declaration-no-important */
5091
+ }
5092
+
4377
5093
  .e-small.e-bigger .e-listbox-container.e-filter-list .e-list-parent {
4378
- height: calc(100% - 37px);
5094
+ height: 100%;
4379
5095
  }
4380
5096
 
4381
5097
  .e-listbox-wrapper,
@@ -4402,13 +5118,13 @@ ejs-listbox {
4402
5118
  .e-listbox-wrapper.e-filter-list .e-list-parent,
4403
5119
  .e-listbox-container.e-filter-list .e-list-parent,
4404
5120
  .e-listboxtool-wrapper.e-filter-list .e-list-parent {
4405
- height: calc(100% - 40px);
5121
+ height: calc(100% - 36px);
4406
5122
  }
4407
5123
 
4408
5124
  .e-listbox-wrapper.e-filter-list .e-selectall-parent + .e-list-parent,
4409
5125
  .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent,
4410
5126
  .e-listboxtool-wrapper.e-filter-list .e-selectall-parent + .e-list-parent {
4411
- height: calc(100% - 79px);
5127
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
4412
5128
  }
4413
5129
 
4414
5130
  .e-listbox-wrapper .e-selectall-parent + .e-list-parent,
@@ -4684,6 +5400,141 @@ ejs-listbox {
4684
5400
  padding-right: 16px;
4685
5401
  }
4686
5402
 
5403
+ .e-listbox-container.e-filter-list .e-list-parent {
5404
+ height: 100%;
5405
+ }
5406
+
5407
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-parent {
5408
+ height: 100%;
5409
+ }
5410
+
5411
+ .e-listbox-container .e-selectall-parent + .e-list-parent {
5412
+ height: 100%;
5413
+ }
5414
+
5415
+ .e-listbox-container.e-filter-list .e-list-wrap {
5416
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
5417
+ }
5418
+
5419
+ .e-listbox-container.e-filter-list .e-selectall-parent + .e-list-wrap {
5420
+ height: calc(100% - 40px) !important; /* stylelint-disable-line declaration-no-important */
5421
+ }
5422
+
5423
+ .e-listbox-container .e-selectall-parent + .e-list-wrap {
5424
+ height: calc(100% - 36px) !important; /* stylelint-disable-line declaration-no-important */
5425
+ }
5426
+
5427
+ :root {
5428
+ --color-sf-black: 0, 0, 0;
5429
+ --color-sf-white: 255, 255, 255;
5430
+ --color-sf-primary: 103, 80, 164;
5431
+ --color-sf-primary-container: 234, 221, 255;
5432
+ --color-sf-secondary: 98, 91, 113;
5433
+ --color-sf-secondary-container: 232, 222, 248;
5434
+ --color-sf-tertiary: 125, 82, 96;
5435
+ --color-sf-tertiary-container: 255, 216, 228;
5436
+ --color-sf-surface: 255, 255, 255;
5437
+ --color-sf-surface-variant: 231, 224, 236;
5438
+ --color-sf-background: var(--color-sf-surface);
5439
+ --color-sf-on-primary: 255, 255, 255;
5440
+ --color-sf-on-primary-container: 33, 0, 94;
5441
+ --color-sf-on-secondary: 255, 255, 255;
5442
+ --color-sf-on-secondary-container: 30, 25, 43;
5443
+ --color-sf-on-tertiary: 255, 255, 255;
5444
+ --color-sf-on-tertiary-containe: 55, 11, 30;
5445
+ --color-sf-on-surface: 28, 27, 31;
5446
+ --color-sf-on-surface-variant: 73, 69, 78;
5447
+ --color-sf-on-background: 28, 27, 31;
5448
+ --color-sf-outline: 121, 116, 126;
5449
+ --color-sf-outline-variant: 196, 199, 197;
5450
+ --color-sf-shadow: 0, 0, 0;
5451
+ --color-sf-surface-tint-color: 103, 80, 164;
5452
+ --color-sf-inverse-surface: 49, 48, 51;
5453
+ --color-sf-inverse-on-surface: 244, 239, 244;
5454
+ --color-sf-inverse-primary: 208, 188, 255;
5455
+ --color-sf-scrim: 0, 0, 0;
5456
+ --color-sf-error: 179, 38, 30;
5457
+ --color-sf-error-container: 249, 222, 220;
5458
+ --color-sf-on-error: 255, 250, 250;
5459
+ --color-sf-on-error-container: 65, 14, 11;
5460
+ --color-sf-success: 32, 81, 7;
5461
+ --color-sf-success-container: 209, 255, 186;
5462
+ --color-sf-on-success: 244, 255, 239;
5463
+ --color-sf-on-success-container: 13, 39, 0;
5464
+ --color-sf-info: 1, 87, 155;
5465
+ --color-sf-info-container: 233, 245, 255;
5466
+ --color-sf-on-info: 250, 253, 255;
5467
+ --color-sf-on-info-container: 0, 51, 91;
5468
+ --color-sf-warning: 145, 76, 0;
5469
+ --color-sf-warning-container: 254, 236, 222;
5470
+ --color-sf-on-warning: 255, 255, 255;
5471
+ --color-sf-on-warning-container: 47, 21, 0;
5472
+ --color-sf-spreadsheet-gridline: var(--color-sf-surface-variant);
5473
+ --color-sf-shadow-focus-ring1: 0 0 0 1px rgb(255, 255, 255), 0 0 0 3px rgb(0, 0, 0);
5474
+ --color-sf-diagram-palette-background: --color-sf-white;
5475
+ --color-sf-success-text: 255, 255, 255;
5476
+ --color-sf-warning-text: 255, 255, 255;
5477
+ --color-sf-danger-text: 255, 255, 255;
5478
+ --color-sf-info-text: 255, 255, 255;
5479
+ --color-sf-content-text-color-alt2: var(--color-sf-on-secondary-container);
5480
+ --color-sf-secondary-bg-color: var(--color-sf-surface);
5481
+ }
5482
+
5483
+ .e-dark-mode {
5484
+ --color-sf-black: 0, 0, 0;
5485
+ --color-sf-white: 255, 255, 255;
5486
+ --color-sf-primary: 208, 188, 255;
5487
+ --color-sf-primary-container: 79, 55, 139;
5488
+ --color-sf-secondary: 204, 194, 220;
5489
+ --color-sf-secondary-container: 74, 68, 88;
5490
+ --color-sf-tertiary: 239, 184, 200;
5491
+ --color-sf-tertiary-container: 99, 59, 72;
5492
+ --color-sf-surface: 28, 27, 31;
5493
+ --color-sf-surface-variant: 28, 27, 31;
5494
+ --color-sf-background: var(--color-sf-surface);
5495
+ --color-sf-on-primary: 55, 30, 115;
5496
+ --color-sf-on-primary-container: 234, 221, 255;
5497
+ --color-sf-on-secondary: 51, 45, 65;
5498
+ --color-sf-on-secondary-container: 232, 222, 248;
5499
+ --color-sf-on-tertiary: 73, 37, 50;
5500
+ --color-sf-on-tertiary-containe: 255, 216, 228;
5501
+ --color-sf-on-surface: 230, 225, 229;
5502
+ --color-sf-on-surface-variant: 202, 196, 208;
5503
+ --color-sf-on-background: 230, 225, 229;
5504
+ --color-sf-outline: 147, 143, 153;
5505
+ --color-sf-outline-variant: 68, 71, 70;
5506
+ --color-sf-shadow: 0, 0, 0;
5507
+ --color-sf-surface-tint-color: 208, 188, 255;
5508
+ --color-sf-inverse-surface: 230, 225, 229;
5509
+ --color-sf-inverse-on-surface: 49, 48, 51;
5510
+ --color-sf-inverse-primary: 103, 80, 164;
5511
+ --color-sf-scrim: 0, 0, 0;
5512
+ --color-sf-error: 242, 184, 181;
5513
+ --color-sf-error-container: 140, 29, 24;
5514
+ --color-sf-on-error: 96, 20, 16;
5515
+ --color-sf-on-error-container: 249, 222, 220;
5516
+ --color-sf-success: 83, 202, 23;
5517
+ --color-sf-success-container: 22, 62, 2;
5518
+ --color-sf-on-success: 13, 39, 0;
5519
+ --color-sf-on-success-container: 183, 250, 150;
5520
+ --color-sf-info: 71, 172, 251;
5521
+ --color-sf-info-container: 0, 67, 120;
5522
+ --color-sf-on-info: 0, 51, 91;
5523
+ --color-sf-on-info-container: 173, 219, 255;
5524
+ --color-sf-warning: 245, 180, 130;
5525
+ --color-sf-warning-container: 123, 65, 0;
5526
+ --color-sf-on-warning: 99, 52, 0;
5527
+ --color-sf-on-warning-container: 255, 220, 193;
5528
+ --color-sf-spreadsheet-gridline: 231, 224, 236;
5529
+ --color-sf-shadow-focus-ring1: 0 0 0 1px #000000, 0 0 0 3px #ffffff;
5530
+ --color-sf-success-text: 0, 0, 0;
5531
+ --color-sf-warning-text: 0, 0, 0;
5532
+ --color-sf-info-text: 0, 0, 0;
5533
+ --color-sf-danger-text: 0, 0, 0;
5534
+ --color-sf-diagram-palette-background: var(--color-sf-inverse-surface);
5535
+ --color-sf-content-text-color-alt2: var(--color-sf-on-secondary);
5536
+ }
5537
+
4687
5538
  /* stylelint-disable-line no-empty-source */
4688
5539
  /* stylelint-disable property-no-vendor-prefix */
4689
5540
  @keyframes material-spinner-rotate {