@syncfusion/ej2-dropdowns 22.2.11 → 23.1.36

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 (253) hide show
  1. package/CHANGELOG.md +2 -201
  2. package/dist/ej2-dropdowns.min.js +2 -2
  3. package/dist/ej2-dropdowns.umd.min.js +2 -2
  4. package/dist/ej2-dropdowns.umd.min.js.map +1 -1
  5. package/dist/es6/ej2-dropdowns.es2015.js +1128 -73
  6. package/dist/es6/ej2-dropdowns.es2015.js.map +1 -1
  7. package/dist/es6/ej2-dropdowns.es5.js +1182 -69
  8. package/dist/es6/ej2-dropdowns.es5.js.map +1 -1
  9. package/dist/global/ej2-dropdowns.min.js +2 -2
  10. package/dist/global/ej2-dropdowns.min.js.map +1 -1
  11. package/dist/global/index.d.ts +1 -1
  12. package/package.json +13 -12
  13. package/src/auto-complete/auto-complete.js +40 -2
  14. package/src/combo-box/combo-box.js +9 -3
  15. package/src/common/index.d.ts +2 -0
  16. package/src/common/index.js +1 -0
  17. package/src/common/interface.d.ts +76 -0
  18. package/src/common/interface.js +1 -0
  19. package/src/common/virtual-scroll.d.ts +61 -0
  20. package/src/common/virtual-scroll.js +376 -0
  21. package/src/drop-down-base/drop-down-base.d.ts +10 -4
  22. package/src/drop-down-base/drop-down-base.js +72 -8
  23. package/src/drop-down-list/drop-down-list-model.d.ts +8 -1
  24. package/src/drop-down-list/drop-down-list.d.ts +55 -1
  25. package/src/drop-down-list/drop-down-list.js +635 -37
  26. package/src/drop-down-list/index.d.ts +1 -0
  27. package/src/drop-down-list/index.js +1 -0
  28. package/src/drop-down-tree/drop-down-tree.d.ts +1 -1
  29. package/src/drop-down-tree/drop-down-tree.js +2 -4
  30. package/src/global.js +3 -0
  31. package/src/mention/mention.js +8 -1
  32. package/src/multi-select/checkbox-selection.js +1 -1
  33. package/src/multi-select/multi-select.d.ts +2 -0
  34. package/src/multi-select/multi-select.js +43 -12
  35. package/styles/auto-complete/bootstrap-dark.scss +1 -1
  36. package/styles/auto-complete/bootstrap.scss +1 -1
  37. package/styles/auto-complete/bootstrap4.scss +1 -1
  38. package/styles/auto-complete/bootstrap5-dark.scss +1 -1
  39. package/styles/auto-complete/bootstrap5.scss +1 -1
  40. package/styles/auto-complete/fabric-dark.scss +1 -1
  41. package/styles/auto-complete/fabric.scss +1 -1
  42. package/styles/auto-complete/fluent-dark.scss +1 -1
  43. package/styles/auto-complete/fluent.scss +1 -1
  44. package/styles/auto-complete/highcontrast-light.scss +1 -1
  45. package/styles/auto-complete/highcontrast.scss +1 -1
  46. package/styles/auto-complete/material-dark.css +0 -1
  47. package/styles/auto-complete/material-dark.scss +1 -1
  48. package/styles/auto-complete/material.css +0 -1
  49. package/styles/auto-complete/material.scss +1 -1
  50. package/styles/auto-complete/material3-dark.css +0 -1
  51. package/styles/auto-complete/material3-dark.scss +1 -1
  52. package/styles/auto-complete/material3.css +0 -1
  53. package/styles/auto-complete/material3.scss +1 -1
  54. package/styles/auto-complete/tailwind-dark.css +0 -1
  55. package/styles/auto-complete/tailwind-dark.scss +1 -1
  56. package/styles/auto-complete/tailwind.css +0 -1
  57. package/styles/auto-complete/tailwind.scss +1 -1
  58. package/styles/bootstrap-dark.css +0 -8
  59. package/styles/bootstrap.css +0 -8
  60. package/styles/bootstrap4.css +4 -12
  61. package/styles/bootstrap5-dark.css +0 -8
  62. package/styles/bootstrap5.css +0 -8
  63. package/styles/combo-box/bootstrap-dark.scss +1 -1
  64. package/styles/combo-box/bootstrap.scss +1 -1
  65. package/styles/combo-box/bootstrap4.scss +1 -1
  66. package/styles/combo-box/bootstrap5-dark.scss +1 -1
  67. package/styles/combo-box/bootstrap5.scss +1 -1
  68. package/styles/combo-box/fabric-dark.scss +1 -1
  69. package/styles/combo-box/fabric.scss +1 -1
  70. package/styles/combo-box/fluent-dark.scss +1 -1
  71. package/styles/combo-box/fluent.scss +1 -1
  72. package/styles/combo-box/highcontrast-light.scss +1 -1
  73. package/styles/combo-box/highcontrast.scss +1 -1
  74. package/styles/combo-box/material-dark.css +0 -1
  75. package/styles/combo-box/material-dark.scss +1 -1
  76. package/styles/combo-box/material.css +0 -1
  77. package/styles/combo-box/material.scss +1 -1
  78. package/styles/combo-box/material3-dark.css +0 -1
  79. package/styles/combo-box/material3-dark.scss +1 -1
  80. package/styles/combo-box/material3.css +0 -1
  81. package/styles/combo-box/material3.scss +1 -1
  82. package/styles/combo-box/tailwind-dark.css +0 -1
  83. package/styles/combo-box/tailwind-dark.scss +1 -1
  84. package/styles/combo-box/tailwind.css +0 -1
  85. package/styles/combo-box/tailwind.scss +1 -1
  86. package/styles/drop-down-base/bootstrap-dark.scss +1 -1
  87. package/styles/drop-down-base/bootstrap.scss +1 -1
  88. package/styles/drop-down-base/bootstrap4.scss +1 -1
  89. package/styles/drop-down-base/bootstrap5-dark.scss +1 -1
  90. package/styles/drop-down-base/bootstrap5.scss +1 -1
  91. package/styles/drop-down-base/fabric-dark.scss +1 -1
  92. package/styles/drop-down-base/fabric.scss +1 -1
  93. package/styles/drop-down-base/fluent-dark.scss +1 -1
  94. package/styles/drop-down-base/fluent.scss +1 -1
  95. package/styles/drop-down-base/highcontrast-light.scss +1 -1
  96. package/styles/drop-down-base/highcontrast.scss +1 -1
  97. package/styles/drop-down-base/material-dark.css +0 -1
  98. package/styles/drop-down-base/material-dark.scss +1 -1
  99. package/styles/drop-down-base/material.css +0 -1
  100. package/styles/drop-down-base/material.scss +1 -1
  101. package/styles/drop-down-base/material3-dark.css +0 -1
  102. package/styles/drop-down-base/material3-dark.scss +1 -1
  103. package/styles/drop-down-base/material3.css +0 -1
  104. package/styles/drop-down-base/material3.scss +1 -1
  105. package/styles/drop-down-base/tailwind-dark.css +0 -1
  106. package/styles/drop-down-base/tailwind-dark.scss +1 -1
  107. package/styles/drop-down-base/tailwind.css +0 -1
  108. package/styles/drop-down-base/tailwind.scss +1 -1
  109. package/styles/drop-down-list/bootstrap-dark.scss +2 -1
  110. package/styles/drop-down-list/bootstrap.scss +2 -1
  111. package/styles/drop-down-list/bootstrap4.scss +2 -1
  112. package/styles/drop-down-list/bootstrap5-dark.scss +2 -1
  113. package/styles/drop-down-list/bootstrap5.scss +2 -1
  114. package/styles/drop-down-list/fabric-dark.scss +2 -1
  115. package/styles/drop-down-list/fabric.scss +2 -1
  116. package/styles/drop-down-list/fluent-dark.scss +2 -1
  117. package/styles/drop-down-list/fluent.scss +2 -1
  118. package/styles/drop-down-list/highcontrast-light.scss +2 -1
  119. package/styles/drop-down-list/highcontrast.scss +2 -1
  120. package/styles/drop-down-list/material-dark.css +0 -1
  121. package/styles/drop-down-list/material-dark.scss +2 -1
  122. package/styles/drop-down-list/material.css +0 -1
  123. package/styles/drop-down-list/material.scss +2 -1
  124. package/styles/drop-down-list/material3-dark.css +0 -1
  125. package/styles/drop-down-list/material3-dark.scss +2 -1
  126. package/styles/drop-down-list/material3.css +0 -1
  127. package/styles/drop-down-list/material3.scss +2 -1
  128. package/styles/drop-down-list/tailwind-dark.css +0 -1
  129. package/styles/drop-down-list/tailwind-dark.scss +2 -1
  130. package/styles/drop-down-list/tailwind.css +0 -1
  131. package/styles/drop-down-list/tailwind.scss +2 -1
  132. package/styles/drop-down-tree/bootstrap-dark.scss +1 -1
  133. package/styles/drop-down-tree/bootstrap.scss +1 -1
  134. package/styles/drop-down-tree/bootstrap4.scss +1 -1
  135. package/styles/drop-down-tree/bootstrap5-dark.scss +1 -1
  136. package/styles/drop-down-tree/bootstrap5.scss +1 -1
  137. package/styles/drop-down-tree/fabric-dark.scss +1 -1
  138. package/styles/drop-down-tree/fabric.scss +1 -1
  139. package/styles/drop-down-tree/fluent-dark.scss +1 -1
  140. package/styles/drop-down-tree/fluent.scss +1 -1
  141. package/styles/drop-down-tree/highcontrast-light.scss +1 -1
  142. package/styles/drop-down-tree/highcontrast.scss +1 -1
  143. package/styles/drop-down-tree/material-dark.css +0 -1
  144. package/styles/drop-down-tree/material-dark.scss +1 -1
  145. package/styles/drop-down-tree/material.css +0 -1
  146. package/styles/drop-down-tree/material.scss +1 -1
  147. package/styles/drop-down-tree/material3-dark.css +0 -1
  148. package/styles/drop-down-tree/material3-dark.scss +1 -1
  149. package/styles/drop-down-tree/material3.css +0 -1
  150. package/styles/drop-down-tree/material3.scss +1 -1
  151. package/styles/drop-down-tree/tailwind-dark.css +0 -1
  152. package/styles/drop-down-tree/tailwind-dark.scss +1 -1
  153. package/styles/drop-down-tree/tailwind.css +0 -1
  154. package/styles/drop-down-tree/tailwind.scss +1 -1
  155. package/styles/fabric-dark.css +0 -8
  156. package/styles/fabric.css +0 -8
  157. package/styles/fluent-dark.css +4 -12
  158. package/styles/fluent.css +4 -12
  159. package/styles/highcontrast-light.css +0 -8
  160. package/styles/highcontrast.css +0 -8
  161. package/styles/list-box/_bootstrap4-definition.scss +4 -4
  162. package/styles/list-box/_fluent-definition.scss +4 -4
  163. package/styles/list-box/_layout.scss +0 -6
  164. package/styles/list-box/_material3-definition.scss +4 -4
  165. package/styles/list-box/_tailwind-definition.scss +3 -3
  166. package/styles/list-box/bootstrap-dark.css +0 -8
  167. package/styles/list-box/bootstrap-dark.scss +1 -1
  168. package/styles/list-box/bootstrap.css +0 -8
  169. package/styles/list-box/bootstrap.scss +1 -1
  170. package/styles/list-box/bootstrap4.css +4 -12
  171. package/styles/list-box/bootstrap4.scss +1 -1
  172. package/styles/list-box/bootstrap5-dark.css +0 -8
  173. package/styles/list-box/bootstrap5-dark.scss +1 -1
  174. package/styles/list-box/bootstrap5.css +0 -8
  175. package/styles/list-box/bootstrap5.scss +1 -1
  176. package/styles/list-box/fabric-dark.css +0 -8
  177. package/styles/list-box/fabric-dark.scss +1 -1
  178. package/styles/list-box/fabric.css +0 -8
  179. package/styles/list-box/fabric.scss +1 -1
  180. package/styles/list-box/fluent-dark.css +4 -12
  181. package/styles/list-box/fluent-dark.scss +1 -1
  182. package/styles/list-box/fluent.css +4 -12
  183. package/styles/list-box/fluent.scss +1 -1
  184. package/styles/list-box/highcontrast-light.css +0 -8
  185. package/styles/list-box/highcontrast-light.scss +1 -1
  186. package/styles/list-box/highcontrast.css +0 -8
  187. package/styles/list-box/highcontrast.scss +1 -1
  188. package/styles/list-box/material-dark.css +0 -9
  189. package/styles/list-box/material-dark.scss +1 -1
  190. package/styles/list-box/material.css +0 -9
  191. package/styles/list-box/material.scss +1 -1
  192. package/styles/list-box/material3-dark.css +4 -13
  193. package/styles/list-box/material3-dark.scss +1 -1
  194. package/styles/list-box/material3.css +4 -13
  195. package/styles/list-box/material3.scss +1 -1
  196. package/styles/list-box/tailwind-dark.css +3 -12
  197. package/styles/list-box/tailwind-dark.scss +1 -1
  198. package/styles/list-box/tailwind.css +3 -12
  199. package/styles/list-box/tailwind.scss +1 -1
  200. package/styles/material-dark.css +0 -9
  201. package/styles/material.css +0 -9
  202. package/styles/material3-dark.css +4 -13
  203. package/styles/material3-dark.scss +1 -1
  204. package/styles/material3.css +4 -13
  205. package/styles/material3.scss +1 -1
  206. package/styles/mention/bootstrap-dark.scss +1 -1
  207. package/styles/mention/bootstrap.scss +1 -1
  208. package/styles/mention/bootstrap4.scss +1 -1
  209. package/styles/mention/bootstrap5-dark.scss +1 -1
  210. package/styles/mention/bootstrap5.scss +1 -1
  211. package/styles/mention/fabric-dark.scss +1 -1
  212. package/styles/mention/fabric.scss +1 -1
  213. package/styles/mention/fluent-dark.scss +1 -1
  214. package/styles/mention/fluent.scss +1 -1
  215. package/styles/mention/highcontrast-light.scss +1 -1
  216. package/styles/mention/highcontrast.scss +1 -1
  217. package/styles/mention/material-dark.css +0 -1
  218. package/styles/mention/material-dark.scss +1 -1
  219. package/styles/mention/material.css +0 -1
  220. package/styles/mention/material.scss +1 -1
  221. package/styles/mention/material3-dark.css +0 -1
  222. package/styles/mention/material3-dark.scss +1 -1
  223. package/styles/mention/material3.css +0 -1
  224. package/styles/mention/material3.scss +1 -1
  225. package/styles/mention/tailwind-dark.css +0 -1
  226. package/styles/mention/tailwind-dark.scss +1 -1
  227. package/styles/mention/tailwind.css +0 -1
  228. package/styles/mention/tailwind.scss +1 -1
  229. package/styles/multi-select/bootstrap-dark.scss +1 -1
  230. package/styles/multi-select/bootstrap.scss +1 -1
  231. package/styles/multi-select/bootstrap4.scss +1 -1
  232. package/styles/multi-select/bootstrap5-dark.scss +1 -1
  233. package/styles/multi-select/bootstrap5.scss +1 -1
  234. package/styles/multi-select/fabric-dark.scss +1 -1
  235. package/styles/multi-select/fabric.scss +1 -1
  236. package/styles/multi-select/fluent-dark.scss +1 -1
  237. package/styles/multi-select/fluent.scss +1 -1
  238. package/styles/multi-select/highcontrast-light.scss +1 -1
  239. package/styles/multi-select/highcontrast.scss +1 -1
  240. package/styles/multi-select/material-dark.css +0 -1
  241. package/styles/multi-select/material-dark.scss +1 -1
  242. package/styles/multi-select/material.css +0 -1
  243. package/styles/multi-select/material.scss +1 -1
  244. package/styles/multi-select/material3-dark.css +0 -1
  245. package/styles/multi-select/material3-dark.scss +1 -1
  246. package/styles/multi-select/material3.css +0 -1
  247. package/styles/multi-select/material3.scss +1 -1
  248. package/styles/multi-select/tailwind-dark.css +0 -1
  249. package/styles/multi-select/tailwind-dark.scss +1 -1
  250. package/styles/multi-select/tailwind.css +0 -1
  251. package/styles/multi-select/tailwind.scss +1 -1
  252. package/styles/tailwind-dark.css +3 -19
  253. package/styles/tailwind.css +3 -19
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
2
1
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
3
2
  transform: rotate(0deg);
4
3
  transition: transform 300ms ease;
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/material-definition.scss';
1
+ @import 'ej2-base/styles/definition/material.scss';
2
2
  @import '../drop-down-list/material-definition.scss';
3
3
  @import 'material-definition.scss';
4
4
  @import 'all.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/material3-dark-definition.scss';
1
+
2
2
 
3
3
  @import '../drop-down-list/material3-dark-definition.scss';
4
4
  @import 'material3-dark-definition.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/material3-definition.scss';
1
+
2
2
 
3
3
  @import '../drop-down-list/material3-definition.scss';
4
4
  @import 'material3-definition.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
1
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
3
2
  transform: rotate(0deg);
4
3
  transition: transform 300ms ease;
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/tailwind-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/tailwind-dark.scss';
2
2
  @import '../drop-down-list/tailwind-dark-definition.scss';
3
3
  @import 'tailwind-dark-definition.scss';
4
4
  @import 'all.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
1
  .e-ddl.e-control-wrapper .e-ddl-icon::before {
3
2
  transform: rotate(0deg);
4
3
  transition: transform 300ms ease;
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/tailwind-definition.scss';
1
+ @import 'ej2-base/styles/definition/tailwind.scss';
2
2
  @import '../drop-down-list/tailwind-definition.scss';
3
3
  @import 'tailwind-definition.scss';
4
4
  @import 'all.scss';
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/bootstrap-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap-dark.scss';
2
2
  @import 'bootstrap-dark-definition.scss';
3
3
  @import 'all.scss';
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/bootstrap-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap.scss';
2
2
  @import 'bootstrap-definition.scss';
3
3
  @import 'all.scss';
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/bootstrap4-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap4.scss';
2
2
  @import 'bootstrap4-definition.scss';
3
3
  @import 'all.scss';
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/bootstrap5-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap5-dark.scss';
2
2
  @import 'bootstrap5-dark-definition.scss';
3
3
  @import 'all.scss';
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/bootstrap5-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap5.scss';
2
2
  @import 'bootstrap5-definition.scss';
3
3
  @import 'all.scss';
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/fabric-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/fabric-dark.scss';
2
2
  @import 'fabric-dark-definition.scss';
3
3
  @import 'all.scss';
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/fabric-definition.scss';
1
+ @import 'ej2-base/styles/definition/fabric.scss';
2
2
  @import 'fabric-definition.scss';
3
3
  @import 'all.scss';
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/fluent-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/fluent-dark.scss';
2
2
  @import 'fluent-dark-definition.scss';
3
3
  @import 'all.scss';
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/fluent-definition.scss';
1
+ @import 'ej2-base/styles/definition/fluent.scss';
2
2
  @import 'fluent-definition.scss';
3
3
  @import 'all.scss';
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/highcontrast-light-definition.scss';
1
+ @import 'ej2-base/styles/definition/highcontrast-light.scss';
2
2
  @import 'highcontrast-light-definition.scss';
3
3
  @import 'all.scss';
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/highcontrast-definition.scss';
1
+ @import 'ej2-base/styles/definition/highcontrast.scss';
2
2
  @import 'highcontrast-definition.scss';
3
3
  @import 'all.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
2
1
  .e-dropdownbase .e-list-item .e-list-icon {
3
2
  padding: 0 16px 0 0;
4
3
  }
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/material-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/material-dark.scss';
2
2
  @import 'material-dark-definition.scss';
3
3
  @import 'all.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
2
1
  .e-dropdownbase .e-list-item .e-list-icon {
3
2
  padding: 0 16px 0 0;
4
3
  }
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/material-definition.scss';
1
+ @import 'ej2-base/styles/definition/material.scss';
2
2
  @import 'material-definition.scss';
3
3
  @import 'all.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/material3-dark-definition.scss';
1
+
2
2
 
3
3
  @import 'material3-dark-definition.scss';
4
4
  @import 'all.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/material3-definition.scss';
1
+
2
2
 
3
3
  @import 'material3-definition.scss';
4
4
  @import 'all.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
1
  .e-dropdownbase .e-list-item.e-active,
3
2
  .e-dropdownbase .e-list-item.e-active.e-hover {
4
3
  font-weight: 500;
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/tailwind-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/tailwind-dark.scss';
2
2
  @import 'tailwind-dark-definition.scss';
3
3
  @import 'all.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
1
  .e-dropdownbase .e-list-item.e-active,
3
2
  .e-dropdownbase .e-list-item.e-active.e-hover {
4
3
  font-weight: 500;
@@ -1,3 +1,3 @@
1
- @import 'ej2-base/styles/tailwind-definition.scss';
1
+ @import 'ej2-base/styles/definition/tailwind.scss';
2
2
  @import 'tailwind-definition.scss';
3
3
  @import 'all.scss';
@@ -1,7 +1,8 @@
1
- @import 'ej2-base/styles/bootstrap-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap-dark.scss';
2
2
  @import 'ej2-inputs/styles/input/bootstrap-dark-definition.scss';
3
3
  @import 'ej2-popups/styles/popup/bootstrap-dark-definition.scss';
4
4
  @import 'ej2-popups/styles/spinner/bootstrap-dark-definition.scss';
5
+ @import 'ej2-notifications/styles/skeleton/bootstrap-dark-definition.scss';
5
6
  @import '../drop-down-base/bootstrap-dark-definition.scss';
6
7
  @import 'bootstrap-dark-definition.scss';
7
8
  @import 'icons/bootstrap-dark.scss';
@@ -1,7 +1,8 @@
1
- @import 'ej2-base/styles/bootstrap-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap.scss';
2
2
  @import 'ej2-inputs/styles/input/bootstrap-definition.scss';
3
3
  @import 'ej2-popups/styles/popup/bootstrap-definition.scss';
4
4
  @import 'ej2-popups/styles/spinner/bootstrap-definition.scss';
5
+ @import 'ej2-notifications/styles/skeleton/bootstrap-definition.scss';
5
6
  @import '../drop-down-base/bootstrap-definition.scss';
6
7
  @import 'bootstrap-definition.scss';
7
8
  @import 'icons/bootstrap.scss';
@@ -1,7 +1,8 @@
1
- @import 'ej2-base/styles/bootstrap4-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap4.scss';
2
2
  @import 'ej2-inputs/styles/input/bootstrap4-definition.scss';
3
3
  @import 'ej2-popups/styles/popup/bootstrap4-definition.scss';
4
4
  @import 'ej2-popups/styles/spinner/bootstrap4-definition.scss';
5
+ @import 'ej2-notifications/styles/skeleton/bootstrap4-definition.scss';
5
6
  @import '../drop-down-base/bootstrap4-definition.scss';
6
7
  @import 'bootstrap4-definition.scss';
7
8
  @import 'icons/bootstrap4.scss';
@@ -1,7 +1,8 @@
1
- @import 'ej2-base/styles/bootstrap5-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap5-dark.scss';
2
2
  @import 'ej2-inputs/styles/input/bootstrap5-dark-definition.scss';
3
3
  @import 'ej2-popups/styles/popup/bootstrap5-dark-definition.scss';
4
4
  @import 'ej2-popups/styles/spinner/bootstrap5-dark-definition.scss';
5
+ @import 'ej2-notifications/styles/skeleton/bootstrap5-dark-definition.scss';
5
6
  @import '../drop-down-base/bootstrap5-dark-definition.scss';
6
7
  @import 'bootstrap5-dark-definition.scss';
7
8
  @import 'icons/bootstrap5-dark.scss';
@@ -1,7 +1,8 @@
1
- @import 'ej2-base/styles/bootstrap5-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap5.scss';
2
2
  @import 'ej2-inputs/styles/input/bootstrap5-definition.scss';
3
3
  @import 'ej2-popups/styles/popup/bootstrap5-definition.scss';
4
4
  @import 'ej2-popups/styles/spinner/bootstrap5-definition.scss';
5
+ @import 'ej2-notifications/styles/skeleton/bootstrap5-definition.scss';
5
6
  @import '../drop-down-base/bootstrap5-definition.scss';
6
7
  @import 'bootstrap5-definition.scss';
7
8
  @import 'icons/bootstrap5.scss';
@@ -1,7 +1,8 @@
1
- @import 'ej2-base/styles/fabric-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/fabric-dark.scss';
2
2
  @import 'ej2-inputs/styles/input/fabric-dark-definition.scss';
3
3
  @import 'ej2-popups/styles/popup/fabric-dark-definition.scss';
4
4
  @import 'ej2-popups/styles/spinner/fabric-dark-definition.scss';
5
+ @import 'ej2-notifications/styles/skeleton/fabric-dark-definition.scss';
5
6
  @import '../drop-down-base/fabric-dark-definition.scss';
6
7
  @import 'fabric-dark-definition.scss';
7
8
  @import 'icons/fabric-dark.scss';
@@ -1,7 +1,8 @@
1
- @import 'ej2-base/styles/fabric-definition.scss';
1
+ @import 'ej2-base/styles/definition/fabric.scss';
2
2
  @import 'ej2-inputs/styles/input/fabric-definition.scss';
3
3
  @import 'ej2-popups/styles/popup/fabric-definition.scss';
4
4
  @import 'ej2-popups/styles/spinner/fabric-definition.scss';
5
+ @import 'ej2-notifications/styles/skeleton/fabric-definition.scss';
5
6
  @import '../drop-down-base/fabric-definition.scss';
6
7
  @import 'fabric-definition.scss';
7
8
  @import 'icons/fabric.scss';
@@ -1,7 +1,8 @@
1
- @import 'ej2-base/styles/fluent-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/fluent-dark.scss';
2
2
  @import 'ej2-inputs/styles/input/fluent-dark-definition.scss';
3
3
  @import 'ej2-popups/styles/popup/fluent-dark-definition.scss';
4
4
  @import 'ej2-popups/styles/spinner/fluent-dark-definition.scss';
5
+ @import 'ej2-notifications/styles/skeleton/fluent-dark-definition.scss';
5
6
  @import '../drop-down-base/fluent-dark-definition.scss';
6
7
  @import 'fluent-dark-definition.scss';
7
8
  @import 'icons/fluent-dark.scss';
@@ -1,7 +1,8 @@
1
- @import 'ej2-base/styles/fluent-definition.scss';
1
+ @import 'ej2-base/styles/definition/fluent.scss';
2
2
  @import 'ej2-inputs/styles/input/fluent-definition.scss';
3
3
  @import 'ej2-popups/styles/popup/fluent-definition.scss';
4
4
  @import 'ej2-popups/styles/spinner/fluent-definition.scss';
5
+ @import 'ej2-notifications/styles/skeleton/fluent-definition.scss';
5
6
  @import '../drop-down-base/fluent-definition.scss';
6
7
  @import 'fluent-definition.scss';
7
8
  @import 'icons/fluent.scss';
@@ -1,7 +1,8 @@
1
- @import 'ej2-base/styles/highcontrast-light-definition.scss';
1
+ @import 'ej2-base/styles/definition/highcontrast-light.scss';
2
2
  @import 'ej2-inputs/styles/input/highcontrast-light-definition.scss';
3
3
  @import 'ej2-popups/styles/popup/highcontrast-light-definition.scss';
4
4
  @import 'ej2-popups/styles/spinner/highcontrast-light-definition.scss';
5
+ @import 'ej2-notifications/styles/skeleton/highcontrast-light-definition.scss';
5
6
  @import '../drop-down-base/highcontrast-light-definition.scss';
6
7
  @import 'highcontrast-light-definition.scss';
7
8
  @import 'icons/highcontrast-light.scss';
@@ -1,7 +1,8 @@
1
- @import 'ej2-base/styles/highcontrast-definition.scss';
1
+ @import 'ej2-base/styles/definition/highcontrast.scss';
2
2
  @import 'ej2-inputs/styles/input/highcontrast-definition.scss';
3
3
  @import 'ej2-popups/styles/popup/highcontrast-definition.scss';
4
4
  @import 'ej2-popups/styles/spinner/highcontrast-definition.scss';
5
+ @import 'ej2-notifications/styles/skeleton/highcontrast-definition.scss';
5
6
  @import '../drop-down-base/highcontrast-definition.scss';
6
7
  @import 'highcontrast-definition.scss';
7
8
  @import 'icons/highcontrast.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
2
1
  /* stylelint-disable property-no-vendor-prefix */
3
2
  @keyframes e-input-ripple {
4
3
  100% {
@@ -1,7 +1,8 @@
1
- @import 'ej2-base/styles/material-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/material-dark.scss';
2
2
  @import 'ej2-inputs/styles/input/material-dark-definition.scss';
3
3
  @import 'ej2-popups/styles/popup/material-dark-definition.scss';
4
4
  @import 'ej2-popups/styles/spinner/material-dark-definition.scss';
5
+ @import 'ej2-notifications/styles/skeleton/material-dark-definition.scss';
5
6
  @import '../drop-down-base/material-dark-definition.scss';
6
7
  @import 'material-dark-definition.scss';
7
8
  @import 'icons/material-dark.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
2
1
  /* stylelint-disable property-no-vendor-prefix */
3
2
  @keyframes e-input-ripple {
4
3
  100% {
@@ -1,7 +1,8 @@
1
- @import 'ej2-base/styles/material-definition.scss';
1
+ @import 'ej2-base/styles/definition/material.scss';
2
2
  @import 'ej2-inputs/styles/input/material-definition.scss';
3
3
  @import 'ej2-popups/styles/popup/material-definition.scss';
4
4
  @import 'ej2-popups/styles/spinner/material-definition.scss';
5
+ @import 'ej2-notifications/styles/skeleton/material-definition.scss';
5
6
  @import '../drop-down-base/material-definition.scss';
6
7
  @import 'material-definition.scss';
7
8
  @import 'icons/material.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
@@ -1,8 +1,9 @@
1
- @import 'ej2-base/styles/material3-dark-definition.scss';
1
+
2
2
 
3
3
  @import 'ej2-inputs/styles/input/material3-dark-definition.scss';
4
4
  @import 'ej2-popups/styles/popup/material3-dark-definition.scss';
5
5
  @import 'ej2-popups/styles/spinner/material3-dark-definition.scss';
6
+ @import 'ej2-notifications/styles/skeleton/material3-dark-definition.scss';
6
7
  @import '../drop-down-base/material3-dark-definition.scss';
7
8
  @import 'material3-dark-definition.scss';
8
9
  @import 'icons/material3-dark.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
@@ -1,8 +1,9 @@
1
- @import 'ej2-base/styles/material3-definition.scss';
1
+
2
2
 
3
3
  @import 'ej2-inputs/styles/input/material3-definition.scss';
4
4
  @import 'ej2-popups/styles/popup/material3-definition.scss';
5
5
  @import 'ej2-popups/styles/spinner/material3-definition.scss';
6
+ @import 'ej2-notifications/styles/skeleton/material3-definition.scss';
6
7
  @import '../drop-down-base/material3-definition.scss';
7
8
  @import 'material3-definition.scss';
8
9
  @import 'icons/material3.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
1
  /* stylelint-disable property-no-vendor-prefix */
3
2
  /* stylelint-disable-line no-empty-source */
4
3
  /* stylelint-disable property-no-vendor-prefix */
@@ -1,7 +1,8 @@
1
- @import 'ej2-base/styles/tailwind-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/tailwind-dark.scss';
2
2
  @import 'ej2-inputs/styles/input/tailwind-dark-definition.scss';
3
3
  @import 'ej2-popups/styles/popup/tailwind-dark-definition.scss';
4
4
  @import 'ej2-popups/styles/spinner/tailwind-dark-definition.scss';
5
+ @import 'ej2-notifications/styles/skeleton/tailwind-dark-definition.scss';
5
6
  @import '../drop-down-base/tailwind-dark-definition.scss';
6
7
  @import 'tailwind-dark-definition.scss';
7
8
  @import 'icons/tailwind-dark.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
1
  /* stylelint-disable property-no-vendor-prefix */
3
2
  /* stylelint-disable-line no-empty-source */
4
3
  /* stylelint-disable property-no-vendor-prefix */
@@ -1,7 +1,8 @@
1
- @import 'ej2-base/styles/tailwind-definition.scss';
1
+ @import 'ej2-base/styles/definition/tailwind.scss';
2
2
  @import 'ej2-inputs/styles/input/tailwind-definition.scss';
3
3
  @import 'ej2-popups/styles/popup/tailwind-definition.scss';
4
4
  @import 'ej2-popups/styles/spinner/tailwind-definition.scss';
5
+ @import 'ej2-notifications/styles/skeleton/tailwind-definition.scss';
5
6
  @import '../drop-down-base/tailwind-definition.scss';
6
7
  @import 'tailwind-definition.scss';
7
8
  @import 'icons/tailwind.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/bootstrap-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap-dark.scss';
2
2
  @import 'ej2-inputs/styles/input/bootstrap-dark-definition.scss';
3
3
  @import 'ej2-popups/styles/popup/bootstrap-dark-definition.scss';
4
4
  @import 'ej2-popups/styles/spinner/bootstrap-dark-definition.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/bootstrap-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap.scss';
2
2
  @import 'ej2-inputs/styles/input/bootstrap-definition.scss';
3
3
  @import 'ej2-popups/styles/popup/bootstrap-definition.scss';
4
4
  @import 'ej2-popups/styles/spinner/bootstrap-definition.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/bootstrap4-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap4.scss';
2
2
  @import 'ej2-inputs/styles/input/bootstrap4-definition.scss';
3
3
  @import 'ej2-popups/styles/popup/bootstrap4-definition.scss';
4
4
  @import 'ej2-popups/styles/spinner/bootstrap4-definition.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/bootstrap5-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap5-dark.scss';
2
2
  @import 'ej2-inputs/styles/input/bootstrap5-dark-definition.scss';
3
3
  @import 'ej2-popups/styles/popup/bootstrap5-dark-definition.scss';
4
4
  @import 'ej2-popups/styles/spinner/bootstrap5-dark-definition.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/bootstrap5-definition.scss';
1
+ @import 'ej2-base/styles/definition/bootstrap5.scss';
2
2
  @import 'ej2-inputs/styles/input/bootstrap5-definition.scss';
3
3
  @import 'ej2-popups/styles/popup/bootstrap5-definition.scss';
4
4
  @import 'ej2-popups/styles/spinner/bootstrap5-definition.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/fabric-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/fabric-dark.scss';
2
2
  @import 'ej2-inputs/styles/input/fabric-dark-definition.scss';
3
3
  @import 'ej2-popups/styles/popup/fabric-dark-definition.scss';
4
4
  @import 'ej2-popups/styles/spinner/fabric-dark-definition.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/fabric-definition.scss';
1
+ @import 'ej2-base/styles/definition/fabric.scss';
2
2
  @import 'ej2-inputs/styles/input/fabric-definition.scss';
3
3
  @import 'ej2-popups/styles/popup/fabric-definition.scss';
4
4
  @import 'ej2-popups/styles/spinner/fabric-definition.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/fluent-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/fluent-dark.scss';
2
2
  @import 'ej2-inputs/styles/input/fluent-dark-definition.scss';
3
3
  @import 'ej2-popups/styles/popup/fluent-dark-definition.scss';
4
4
  @import 'ej2-popups/styles/spinner/fluent-dark-definition.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/fluent-definition.scss';
1
+ @import 'ej2-base/styles/definition/fluent.scss';
2
2
  @import 'ej2-inputs/styles/input/fluent-definition.scss';
3
3
  @import 'ej2-popups/styles/popup/fluent-definition.scss';
4
4
  @import 'ej2-popups/styles/spinner/fluent-definition.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/highcontrast-light-definition.scss';
1
+ @import 'ej2-base/styles/definition/highcontrast-light.scss';
2
2
  @import 'ej2-inputs/styles/input/highcontrast-light-definition.scss';
3
3
  @import 'ej2-popups/styles/popup/highcontrast-light-definition.scss';
4
4
  @import 'ej2-popups/styles/spinner/highcontrast-light-definition.scss';
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/highcontrast-definition.scss';
1
+ @import 'ej2-base/styles/definition/highcontrast.scss';
2
2
  @import 'ej2-inputs/styles/input/highcontrast-definition.scss';
3
3
  @import 'ej2-popups/styles/popup/highcontrast-definition.scss';
4
4
  @import 'ej2-popups/styles/spinner/highcontrast-definition.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
2
1
  /* stylelint-disable property-no-vendor-prefix */
3
2
  @keyframes e-input-ripple {
4
3
  100% {
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/material-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/material-dark.scss';
2
2
  @import 'ej2-inputs/styles/input/material-dark-definition.scss';
3
3
  @import 'ej2-popups/styles/popup/material-dark-definition.scss';
4
4
  @import 'ej2-popups/styles/spinner/material-dark-definition.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css?family=Roboto:400,500,700");
2
1
  /* stylelint-disable property-no-vendor-prefix */
3
2
  @keyframes e-input-ripple {
4
3
  100% {
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/material-definition.scss';
1
+ @import 'ej2-base/styles/definition/material.scss';
2
2
  @import 'ej2-inputs/styles/input/material-definition.scss';
3
3
  @import 'ej2-popups/styles/popup/material-definition.scss';
4
4
  @import 'ej2-popups/styles/spinner/material-definition.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/material3-dark-definition.scss';
1
+
2
2
 
3
3
  @import 'ej2-inputs/styles/input/material3-dark-definition.scss';
4
4
  @import 'ej2-popups/styles/popup/material3-dark-definition.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,900&display=swap");
2
1
  :root {
3
2
  --color-sf-black: 0, 0, 0;
4
3
  --color-sf-white: 255, 255, 255;
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/material3-definition.scss';
1
+
2
2
 
3
3
  @import 'ej2-inputs/styles/input/material3-definition.scss';
4
4
  @import 'ej2-popups/styles/popup/material3-definition.scss';
@@ -1,4 +1,3 @@
1
- @import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
2
1
  /* stylelint-disable property-no-vendor-prefix */
3
2
  /* stylelint-disable-line no-empty-source */
4
3
  /* stylelint-disable property-no-vendor-prefix */
@@ -1,4 +1,4 @@
1
- @import 'ej2-base/styles/tailwind-dark-definition.scss';
1
+ @import 'ej2-base/styles/definition/tailwind-dark.scss';
2
2
  @import 'ej2-inputs/styles/input/tailwind-dark-definition.scss';
3
3
  @import 'ej2-popups/styles/popup/tailwind-dark-definition.scss';
4
4
  @import 'ej2-popups/styles/spinner/tailwind-dark-definition.scss';