@syncfusion/ej2-angular-spreadsheet 22.2.9-ngcc → 22.2.9

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 (193) hide show
  1. package/esm2020/public_api.mjs +3 -0
  2. package/esm2020/src/index.mjs +14 -0
  3. package/esm2020/src/spreadsheet/cells.directive.mjs +71 -0
  4. package/esm2020/src/spreadsheet/chart.directive.mjs +46 -0
  5. package/esm2020/src/spreadsheet/columns.directive.mjs +61 -0
  6. package/esm2020/src/spreadsheet/conditionalformats.directive.mjs +61 -0
  7. package/esm2020/src/spreadsheet/definednames.directive.mjs +58 -0
  8. package/esm2020/src/spreadsheet/image.directive.mjs +46 -0
  9. package/esm2020/src/spreadsheet/ranges.directive.mjs +69 -0
  10. package/esm2020/src/spreadsheet/rows.directive.mjs +65 -0
  11. package/esm2020/src/spreadsheet/sheets.directive.mjs +68 -0
  12. package/esm2020/src/spreadsheet/spreadsheet-all.module.mjs +80 -0
  13. package/esm2020/src/spreadsheet/spreadsheet.component.mjs +202 -0
  14. package/esm2020/src/spreadsheet/spreadsheet.module.mjs +106 -0
  15. package/esm2020/syncfusion-ej2-angular-spreadsheet.mjs +5 -0
  16. package/fesm2015/syncfusion-ej2-angular-spreadsheet.mjs +886 -0
  17. package/fesm2015/syncfusion-ej2-angular-spreadsheet.mjs.map +1 -0
  18. package/fesm2020/syncfusion-ej2-angular-spreadsheet.mjs +886 -0
  19. package/fesm2020/syncfusion-ej2-angular-spreadsheet.mjs.map +1 -0
  20. package/package.json +27 -13
  21. package/schematics/utils/lib-details.d.ts +2 -2
  22. package/src/spreadsheet/cells.directive.d.ts +5 -0
  23. package/src/spreadsheet/chart.directive.d.ts +5 -0
  24. package/src/spreadsheet/columns.directive.d.ts +5 -0
  25. package/src/spreadsheet/conditionalformats.directive.d.ts +5 -0
  26. package/src/spreadsheet/definednames.directive.d.ts +5 -0
  27. package/src/spreadsheet/image.directive.d.ts +5 -0
  28. package/src/spreadsheet/ranges.directive.d.ts +7 -4
  29. package/src/spreadsheet/rows.directive.d.ts +5 -0
  30. package/src/spreadsheet/sheets.directive.d.ts +5 -0
  31. package/src/spreadsheet/spreadsheet-all.module.d.ts +6 -0
  32. package/src/spreadsheet/spreadsheet.component.d.ts +3 -0
  33. package/src/spreadsheet/spreadsheet.module.d.ts +15 -0
  34. package/styles/bootstrap-dark.css +0 -8
  35. package/styles/bootstrap.css +0 -8
  36. package/styles/bootstrap4.css +0 -8
  37. package/styles/bootstrap5-dark.css +0 -8
  38. package/styles/bootstrap5.css +0 -8
  39. package/styles/fabric-dark.css +0 -8
  40. package/styles/fabric.css +0 -8
  41. package/styles/fluent-dark.css +0 -8
  42. package/styles/fluent.css +0 -8
  43. package/styles/highcontrast-light.css +0 -8
  44. package/styles/highcontrast.css +0 -8
  45. package/styles/material-dark.css +0 -8
  46. package/styles/material.css +0 -8
  47. package/styles/material3-dark.css +0 -64
  48. package/styles/material3-dark.scss +1 -0
  49. package/styles/material3.css +0 -119
  50. package/styles/material3.scss +1 -0
  51. package/styles/spreadsheet/_all.scss +2 -0
  52. package/styles/spreadsheet/_bootstrap-dark-definition.scss +223 -0
  53. package/styles/spreadsheet/_bootstrap-definition.scss +222 -0
  54. package/styles/spreadsheet/_bootstrap4-definition.scss +221 -0
  55. package/styles/spreadsheet/_bootstrap5-dark-definition.scss +1 -0
  56. package/styles/spreadsheet/_bootstrap5-definition.scss +226 -0
  57. package/styles/spreadsheet/_fabric-dark-definition.scss +222 -0
  58. package/styles/spreadsheet/_fabric-definition.scss +223 -0
  59. package/styles/spreadsheet/_fluent-dark-definition.scss +1 -0
  60. package/styles/spreadsheet/_fluent-definition.scss +225 -0
  61. package/styles/spreadsheet/_fusionnew-definition.scss +171 -0
  62. package/styles/spreadsheet/_highcontrast-definition.scss +221 -0
  63. package/styles/spreadsheet/_highcontrast-light-definition.scss +220 -0
  64. package/styles/spreadsheet/_layout.scss +3883 -0
  65. package/styles/spreadsheet/_material-dark-definition.scss +223 -0
  66. package/styles/spreadsheet/_material-definition.scss +221 -0
  67. package/styles/spreadsheet/_material3-dark-definition.scss +1 -0
  68. package/styles/spreadsheet/_material3-definition.scss +246 -0
  69. package/styles/spreadsheet/_tailwind-dark-definition.scss +1 -0
  70. package/styles/spreadsheet/_tailwind-definition.scss +231 -0
  71. package/styles/spreadsheet/_theme.scss +1636 -0
  72. package/styles/spreadsheet/bootstrap-dark.css +0 -8
  73. package/styles/spreadsheet/bootstrap-dark.scss +23 -1
  74. package/styles/spreadsheet/bootstrap.css +0 -8
  75. package/styles/spreadsheet/bootstrap.scss +23 -1
  76. package/styles/spreadsheet/bootstrap4.css +0 -8
  77. package/styles/spreadsheet/bootstrap4.scss +23 -1
  78. package/styles/spreadsheet/bootstrap5-dark.css +0 -8
  79. package/styles/spreadsheet/bootstrap5-dark.scss +22 -1
  80. package/styles/spreadsheet/bootstrap5.css +0 -8
  81. package/styles/spreadsheet/bootstrap5.scss +23 -1
  82. package/styles/spreadsheet/fabric-dark.css +0 -8
  83. package/styles/spreadsheet/fabric-dark.scss +23 -1
  84. package/styles/spreadsheet/fabric.css +0 -8
  85. package/styles/spreadsheet/fabric.scss +23 -1
  86. package/styles/spreadsheet/fluent-dark.css +0 -8
  87. package/styles/spreadsheet/fluent-dark.scss +22 -1
  88. package/styles/spreadsheet/fluent.css +0 -8
  89. package/styles/spreadsheet/fluent.scss +23 -1
  90. package/styles/spreadsheet/highcontrast-light.css +0 -8
  91. package/styles/spreadsheet/highcontrast-light.scss +22 -1
  92. package/styles/spreadsheet/highcontrast.css +0 -8
  93. package/styles/spreadsheet/highcontrast.scss +23 -1
  94. package/styles/spreadsheet/icons/_bootstrap-dark.scss +1008 -0
  95. package/styles/spreadsheet/icons/_bootstrap.scss +1008 -0
  96. package/styles/spreadsheet/icons/_bootstrap4.scss +1012 -0
  97. package/styles/spreadsheet/icons/_bootstrap5-dark.scss +1 -0
  98. package/styles/spreadsheet/icons/_bootstrap5.scss +1014 -0
  99. package/styles/spreadsheet/icons/_fabric-dark.scss +1008 -0
  100. package/styles/spreadsheet/icons/_fabric.scss +1012 -0
  101. package/styles/spreadsheet/icons/_fluent-dark.scss +1 -0
  102. package/styles/spreadsheet/icons/_fluent.scss +1014 -0
  103. package/styles/spreadsheet/icons/_fusionnew.scss +1014 -0
  104. package/styles/spreadsheet/icons/_highcontrast.scss +1008 -0
  105. package/styles/spreadsheet/icons/_material-dark.scss +1011 -0
  106. package/styles/spreadsheet/icons/_material.scss +1013 -0
  107. package/styles/spreadsheet/icons/_material3-dark.scss +1 -0
  108. package/styles/spreadsheet/icons/_material3.scss +1020 -0
  109. package/styles/spreadsheet/icons/_tailwind-dark.scss +1014 -0
  110. package/styles/spreadsheet/icons/_tailwind.scss +1014 -0
  111. package/styles/spreadsheet/material-dark.css +0 -8
  112. package/styles/spreadsheet/material-dark.scss +23 -1
  113. package/styles/spreadsheet/material.css +0 -8
  114. package/styles/spreadsheet/material.scss +23 -1
  115. package/styles/spreadsheet/material3-dark.css +0 -8
  116. package/styles/spreadsheet/material3-dark.scss +22 -1
  117. package/styles/spreadsheet/material3.css +0 -8
  118. package/styles/spreadsheet/material3.scss +23 -1
  119. package/styles/spreadsheet/tailwind-dark.css +0 -8
  120. package/styles/spreadsheet/tailwind-dark.scss +22 -1
  121. package/styles/spreadsheet/tailwind.css +0 -8
  122. package/styles/spreadsheet/tailwind.scss +23 -1
  123. package/styles/spreadsheet-ribbon/_all.scss +2 -0
  124. package/styles/spreadsheet-ribbon/_bootstrap-dark-definition.scss +15 -0
  125. package/styles/spreadsheet-ribbon/_bootstrap-definition.scss +14 -0
  126. package/styles/spreadsheet-ribbon/_bootstrap4-definition.scss +14 -0
  127. package/styles/spreadsheet-ribbon/_bootstrap5-dark-definition.scss +1 -0
  128. package/styles/spreadsheet-ribbon/_bootstrap5-definition.scss +16 -0
  129. package/styles/spreadsheet-ribbon/_fabric-dark-definition.scss +18 -0
  130. package/styles/spreadsheet-ribbon/_fabric-definition.scss +18 -0
  131. package/styles/spreadsheet-ribbon/_fluent-dark-definition.scss +1 -0
  132. package/styles/spreadsheet-ribbon/_fluent-definition.scss +16 -0
  133. package/styles/spreadsheet-ribbon/_fusionnew-definition.scss +15 -0
  134. package/styles/spreadsheet-ribbon/_highcontrast-definition.scss +16 -0
  135. package/styles/spreadsheet-ribbon/_highcontrast-light-definition.scss +14 -0
  136. package/styles/spreadsheet-ribbon/_layout.scss +295 -0
  137. package/styles/spreadsheet-ribbon/_material-dark-definition.scss +17 -0
  138. package/styles/spreadsheet-ribbon/_material-definition.scss +14 -0
  139. package/styles/spreadsheet-ribbon/_material3-dark-definition.scss +1 -0
  140. package/styles/spreadsheet-ribbon/_material3-definition.scss +21 -0
  141. package/styles/spreadsheet-ribbon/_mixin.scss +140 -0
  142. package/styles/spreadsheet-ribbon/_tailwind-dark-definition.scss +1 -0
  143. package/styles/spreadsheet-ribbon/_tailwind-definition.scss +15 -0
  144. package/styles/spreadsheet-ribbon/_theme.scss +173 -0
  145. package/styles/spreadsheet-ribbon/bootstrap-dark.scss +4 -1
  146. package/styles/spreadsheet-ribbon/bootstrap.scss +4 -1
  147. package/styles/spreadsheet-ribbon/bootstrap4.scss +4 -1
  148. package/styles/spreadsheet-ribbon/bootstrap5-dark.scss +4 -1
  149. package/styles/spreadsheet-ribbon/bootstrap5.scss +4 -1
  150. package/styles/spreadsheet-ribbon/fabric-dark.scss +4 -1
  151. package/styles/spreadsheet-ribbon/fabric.scss +4 -1
  152. package/styles/spreadsheet-ribbon/fluent-dark.scss +4 -1
  153. package/styles/spreadsheet-ribbon/fluent.scss +4 -1
  154. package/styles/spreadsheet-ribbon/highcontrast-light.scss +3 -1
  155. package/styles/spreadsheet-ribbon/highcontrast.scss +4 -1
  156. package/styles/spreadsheet-ribbon/icons/_bootstrap-dark.scss +15 -0
  157. package/styles/spreadsheet-ribbon/icons/_bootstrap.scss +15 -0
  158. package/styles/spreadsheet-ribbon/icons/_bootstrap4.scss +9 -0
  159. package/styles/spreadsheet-ribbon/icons/_bootstrap5-dark.scss +1 -0
  160. package/styles/spreadsheet-ribbon/icons/_bootstrap5.scss +15 -0
  161. package/styles/spreadsheet-ribbon/icons/_fabric-dark.scss +9 -0
  162. package/styles/spreadsheet-ribbon/icons/_fabric.scss +9 -0
  163. package/styles/spreadsheet-ribbon/icons/_fluent-dark.scss +1 -0
  164. package/styles/spreadsheet-ribbon/icons/_fluent.scss +15 -0
  165. package/styles/spreadsheet-ribbon/icons/_fusionnew.scss +15 -0
  166. package/styles/spreadsheet-ribbon/icons/_highcontrast.scss +9 -0
  167. package/styles/spreadsheet-ribbon/icons/_material-dark.scss +15 -0
  168. package/styles/spreadsheet-ribbon/icons/_material.scss +15 -0
  169. package/styles/spreadsheet-ribbon/icons/_material3-dark.scss +1 -0
  170. package/styles/spreadsheet-ribbon/icons/_material3.scss +15 -0
  171. package/styles/spreadsheet-ribbon/icons/_tailwind-dark.scss +15 -0
  172. package/styles/spreadsheet-ribbon/icons/_tailwind.scss +15 -0
  173. package/styles/spreadsheet-ribbon/material-dark.scss +4 -1
  174. package/styles/spreadsheet-ribbon/material.scss +4 -1
  175. package/styles/spreadsheet-ribbon/material3-dark.scss +4 -1
  176. package/styles/spreadsheet-ribbon/material3.scss +4 -1
  177. package/styles/spreadsheet-ribbon/tailwind-dark.scss +4 -1
  178. package/styles/spreadsheet-ribbon/tailwind.scss +4 -1
  179. package/styles/tailwind-dark.css +0 -8
  180. package/styles/tailwind.css +0 -8
  181. package/syncfusion-ej2-angular-spreadsheet.d.ts +5 -0
  182. package/@syncfusion/ej2-angular-spreadsheet.es5.js +0 -989
  183. package/@syncfusion/ej2-angular-spreadsheet.es5.js.map +0 -1
  184. package/@syncfusion/ej2-angular-spreadsheet.js +0 -929
  185. package/@syncfusion/ej2-angular-spreadsheet.js.map +0 -1
  186. package/CHANGELOG.md +0 -1452
  187. package/dist/ej2-angular-spreadsheet.umd.js +0 -1589
  188. package/dist/ej2-angular-spreadsheet.umd.js.map +0 -1
  189. package/dist/ej2-angular-spreadsheet.umd.min.js +0 -11
  190. package/dist/ej2-angular-spreadsheet.umd.min.js.map +0 -1
  191. package/ej2-angular-spreadsheet.d.ts +0 -5
  192. package/ej2-angular-spreadsheet.metadata.json +0 -1
  193. package/postinstall/tagchange.js +0 -18
package/styles/spreadsheet/material-dark.css CHANGED
@@ -958,14 +958,6 @@
958
958
  .e-spreadsheet .e-sheet .e-scrollbar .e-scroller .e-virtualtrack {
959
959
  height: 1px;
960
960
  }
961
- .e-spreadsheet .e-ss-focus-edit {
962
- clip: rect(1px, 1px, 1px, 1px);
963
- height: 1px;
964
- overflow: hidden;
965
- position: absolute;
966
- top: 0;
967
- width: 1px;
968
- }
969
961
  .e-spreadsheet .e-ss-atc {
970
962
  display: none;
971
963
  }
package/styles/spreadsheet/material-dark.scss CHANGED
@@ -1 +1,23 @@
1
- @import 'ej2-spreadsheet/styles/spreadsheet/material-dark.scss';
1
+ @import 'ej2-base/styles/material-dark-definition.scss';
2
+ @import '../spreadsheet-ribbon/material-dark-definition.scss';
3
+ @import 'ej2-buttons/styles/button/material-dark-definition.scss';
4
+ @import 'ej2-buttons/styles/check-box/material-dark-definition.scss';
5
+ @import 'ej2-buttons/styles/radio-button/material-dark-definition.scss';
6
+ @import 'ej2-buttons/styles/switch/material-dark-definition.scss';
7
+ @import 'ej2-navigations/styles/toolbar/material-dark-definition.scss';
8
+ @import 'ej2-navigations/styles/tab/material-dark-definition.scss';
9
+ @import 'ej2-navigations/styles/context-menu/material-dark-definition.scss';
10
+ @import 'ej2-navigations/styles/menu/material-dark-definition.scss';
11
+ @import 'ej2-navigations/styles/treeview/material-dark-definition.scss';
12
+ @import 'ej2-grids/styles/excel-filter/material-dark-definition.scss';
13
+ @import 'ej2-calendars/styles/datepicker/material-dark-definition.scss';
14
+ @import 'ej2-calendars/styles/datetimepicker/material-dark-definition.scss';
15
+ @import 'ej2-inputs/styles/color-picker/material-dark-definition.scss';
16
+ @import 'ej2-splitbuttons/styles/drop-down-button/material-dark-definition.scss';
17
+ @import 'ej2-splitbuttons/styles/split-button/material-dark-definition.scss';
18
+ @import 'ej2-dropdowns/styles/list-box/material-dark-definition.scss';
19
+ @import 'ej2-dropdowns/styles/drop-down-list/material-dark-definition.scss';
20
+ @import 'ej2-dropdowns/styles/combo-box/material-dark-definition.scss';
21
+ @import 'material-dark-definition.scss';
22
+ @import 'icons/material-dark.scss';
23
+ @import 'all.scss';
package/styles/spreadsheet/material.css CHANGED
@@ -986,14 +986,6 @@
986
986
  .e-spreadsheet .e-sheet .e-scrollbar .e-scroller .e-virtualtrack {
987
987
  height: 1px;
988
988
  }
989
- .e-spreadsheet .e-ss-focus-edit {
990
- clip: rect(1px, 1px, 1px, 1px);
991
- height: 1px;
992
- overflow: hidden;
993
- position: absolute;
994
- top: 0;
995
- width: 1px;
996
- }
997
989
  .e-spreadsheet .e-ss-atc {
998
990
  display: none;
999
991
  }
package/styles/spreadsheet/material.scss CHANGED
@@ -1 +1,23 @@
1
- @import 'ej2-spreadsheet/styles/spreadsheet/material.scss';
1
+ @import 'ej2-base/styles/material-definition.scss';
2
+ @import '../spreadsheet-ribbon/material-definition.scss';
3
+ @import 'ej2-buttons/styles/button/material-definition.scss';
4
+ @import 'ej2-buttons/styles/check-box/material-definition.scss';
5
+ @import 'ej2-buttons/styles/radio-button/material-definition.scss';
6
+ @import 'ej2-buttons/styles/switch/material-definition.scss';
7
+ @import 'ej2-navigations/styles/toolbar/material-definition.scss';
8
+ @import 'ej2-navigations/styles/tab/material-definition.scss';
9
+ @import 'ej2-navigations/styles/context-menu/material-definition.scss';
10
+ @import 'ej2-navigations/styles/menu/material-definition.scss';
11
+ @import 'ej2-navigations/styles/treeview/material-definition.scss';
12
+ @import 'ej2-grids/styles/excel-filter/material-definition.scss';
13
+ @import 'ej2-calendars/styles/datepicker/material-definition.scss';
14
+ @import 'ej2-calendars/styles/datetimepicker/material-definition.scss';
15
+ @import 'ej2-inputs/styles/color-picker/material-definition.scss';
16
+ @import 'ej2-splitbuttons/styles/drop-down-button/material-definition.scss';
17
+ @import 'ej2-splitbuttons/styles/split-button/material-definition.scss';
18
+ @import 'ej2-dropdowns/styles/list-box/material-definition.scss';
19
+ @import 'ej2-dropdowns/styles/drop-down-list/material-definition.scss';
20
+ @import 'ej2-dropdowns/styles/combo-box/material-definition.scss';
21
+ @import 'material-definition.scss';
22
+ @import 'icons/material.scss';
23
+ @import 'all.scss';
package/styles/spreadsheet/material3-dark.css CHANGED
@@ -1036,14 +1036,6 @@
1036
1036
  .e-spreadsheet .e-sheet .e-scrollbar .e-scroller .e-virtualtrack {
1037
1037
  height: 1px;
1038
1038
  }
1039
- .e-spreadsheet .e-ss-focus-edit {
1040
- clip: rect(1px, 1px, 1px, 1px);
1041
- height: 1px;
1042
- overflow: hidden;
1043
- position: absolute;
1044
- top: 0;
1045
- width: 1px;
1046
- }
1047
1039
  .e-spreadsheet .e-ss-atc {
1048
1040
  display: none;
1049
1041
  }
package/styles/spreadsheet/material3-dark.scss CHANGED
@@ -1,2 +1,23 @@
1
1
  @import 'ej2-base/styles/material3-dark-definition.scss';
2
- @import 'ej2-spreadsheet/styles/spreadsheet/material3-dark.scss';
2
+
3
+ @import 'ej2-buttons/styles/button/material3-dark-definition.scss';
4
+ @import 'ej2-buttons/styles/check-box/material3-dark-definition.scss';
5
+ @import 'ej2-buttons/styles/radio-button/material3-dark-definition.scss';
6
+ @import 'ej2-buttons/styles/switch/material3-dark-definition.scss';
7
+ @import 'ej2-navigations/styles/toolbar/material3-dark-definition.scss';
8
+ @import 'ej2-navigations/styles/tab/material3-dark-definition.scss';
9
+ @import 'ej2-navigations/styles/context-menu/material3-dark-definition.scss';
10
+ @import 'ej2-navigations/styles/menu/material3-dark-definition.scss';
11
+ @import 'ej2-navigations/styles/treeview/material3-dark-definition.scss';
12
+ @import 'ej2-grids/styles/excel-filter/material3-dark-definition.scss';
13
+ @import 'ej2-calendars/styles/datepicker/material3-dark-definition.scss';
14
+ @import 'ej2-calendars/styles/datetimepicker/material3-dark-definition.scss';
15
+ @import 'ej2-inputs/styles/color-picker/material3-dark-definition.scss';
16
+ @import 'ej2-splitbuttons/styles/drop-down-button/material3-dark-definition.scss';
17
+ @import 'ej2-splitbuttons/styles/split-button/material3-dark-definition.scss';
18
+ @import 'ej2-dropdowns/styles/list-box/material3-dark-definition.scss';
19
+ @import 'ej2-dropdowns/styles/drop-down-list/material3-dark-definition.scss';
20
+ @import 'ej2-dropdowns/styles/combo-box/material3-dark-definition.scss';
21
+ @import 'material3-dark-definition.scss';
22
+ @import 'icons/material3-dark.scss';
23
+ @import 'all.scss';
package/styles/spreadsheet/material3.css CHANGED
@@ -1092,14 +1092,6 @@
1092
1092
  .e-spreadsheet .e-sheet .e-scrollbar .e-scroller .e-virtualtrack {
1093
1093
  height: 1px;
1094
1094
  }
1095
- .e-spreadsheet .e-ss-focus-edit {
1096
- clip: rect(1px, 1px, 1px, 1px);
1097
- height: 1px;
1098
- overflow: hidden;
1099
- position: absolute;
1100
- top: 0;
1101
- width: 1px;
1102
- }
1103
1095
  .e-spreadsheet .e-ss-atc {
1104
1096
  display: none;
1105
1097
  }
package/styles/spreadsheet/material3.scss CHANGED
@@ -1,2 +1,24 @@
1
1
  @import 'ej2-base/styles/material3-definition.scss';
2
- @import 'ej2-spreadsheet/styles/spreadsheet/material3.scss';
2
+
3
+ @import '../spreadsheet-ribbon/material3-definition.scss';
4
+ @import 'ej2-buttons/styles/button/material3-definition.scss';
5
+ @import 'ej2-buttons/styles/check-box/material3-definition.scss';
6
+ @import 'ej2-buttons/styles/radio-button/material3-definition.scss';
7
+ @import 'ej2-buttons/styles/switch/material3-definition.scss';
8
+ @import 'ej2-navigations/styles/toolbar/material3-definition.scss';
9
+ @import 'ej2-navigations/styles/tab/material3-definition.scss';
10
+ @import 'ej2-navigations/styles/context-menu/material3-definition.scss';
11
+ @import 'ej2-navigations/styles/menu/material3-definition.scss';
12
+ @import 'ej2-navigations/styles/treeview/material3-definition.scss';
13
+ @import 'ej2-grids/styles/excel-filter/material3-definition.scss';
14
+ @import 'ej2-calendars/styles/datepicker/material3-definition.scss';
15
+ @import 'ej2-calendars/styles/datetimepicker/material3-definition.scss';
16
+ @import 'ej2-inputs/styles/color-picker/material3-definition.scss';
17
+ @import 'ej2-splitbuttons/styles/drop-down-button/material3-definition.scss';
18
+ @import 'ej2-splitbuttons/styles/split-button/material3-definition.scss';
19
+ @import 'ej2-dropdowns/styles/list-box/material3-definition.scss';
20
+ @import 'ej2-dropdowns/styles/drop-down-list/material3-definition.scss';
21
+ @import 'ej2-dropdowns/styles/combo-box/material3-definition.scss';
22
+ @import 'material3-definition.scss';
23
+ @import 'icons/material3.scss';
24
+ @import 'all.scss';
package/styles/spreadsheet/tailwind-dark.css CHANGED
@@ -949,14 +949,6 @@
949
949
  .e-spreadsheet .e-sheet .e-scrollbar .e-scroller .e-virtualtrack {
950
950
  height: 1px;
951
951
  }
952
- .e-spreadsheet .e-ss-focus-edit {
953
- clip: rect(1px, 1px, 1px, 1px);
954
- height: 1px;
955
- overflow: hidden;
956
- position: absolute;
957
- top: 0;
958
- width: 1px;
959
- }
960
952
  .e-spreadsheet .e-ss-atc {
961
953
  display: none;
962
954
  }
package/styles/spreadsheet/tailwind-dark.scss CHANGED
@@ -1 +1,22 @@
1
- @import 'ej2-spreadsheet/styles/spreadsheet/tailwind-dark.scss';
1
+ @import 'ej2-base/styles/tailwind-dark-definition.scss';
2
+ @import 'ej2-buttons/styles/button/tailwind-dark-definition.scss';
3
+ @import 'ej2-buttons/styles/check-box/tailwind-dark-definition.scss';
4
+ @import 'ej2-buttons/styles/radio-button/tailwind-dark-definition.scss';
5
+ @import 'ej2-buttons/styles/switch/tailwind-dark-definition.scss';
6
+ @import 'ej2-navigations/styles/toolbar/tailwind-dark-definition.scss';
7
+ @import 'ej2-navigations/styles/tab/tailwind-dark-definition.scss';
8
+ @import 'ej2-navigations/styles/context-menu/tailwind-dark-definition.scss';
9
+ @import 'ej2-navigations/styles/menu/tailwind-dark-definition.scss';
10
+ @import 'ej2-navigations/styles/treeview/tailwind-dark-definition.scss';
11
+ @import 'ej2-grids/styles/excel-filter/tailwind-dark-definition.scss';
12
+ @import 'ej2-calendars/styles/datepicker/tailwind-dark-definition.scss';
13
+ @import 'ej2-calendars/styles/datetimepicker/tailwind-dark-definition.scss';
14
+ @import 'ej2-inputs/styles/color-picker/tailwind-dark-definition.scss';
15
+ @import 'ej2-splitbuttons/styles/drop-down-button/tailwind-dark-definition.scss';
16
+ @import 'ej2-splitbuttons/styles/split-button/tailwind-dark-definition.scss';
17
+ @import 'ej2-dropdowns/styles/list-box/tailwind-dark-definition.scss';
18
+ @import 'ej2-dropdowns/styles/drop-down-list/tailwind-dark-definition.scss';
19
+ @import 'ej2-dropdowns/styles/combo-box/tailwind-dark-definition.scss';
20
+ @import 'tailwind-dark-definition.scss';
21
+ @import 'icons/tailwind-dark.scss';
22
+ @import 'all.scss';
package/styles/spreadsheet/tailwind.css CHANGED
@@ -949,14 +949,6 @@
949
949
  .e-spreadsheet .e-sheet .e-scrollbar .e-scroller .e-virtualtrack {
950
950
  height: 1px;
951
951
  }
952
- .e-spreadsheet .e-ss-focus-edit {
953
- clip: rect(1px, 1px, 1px, 1px);
954
- height: 1px;
955
- overflow: hidden;
956
- position: absolute;
957
- top: 0;
958
- width: 1px;
959
- }
960
952
  .e-spreadsheet .e-ss-atc {
961
953
  display: none;
962
954
  }
package/styles/spreadsheet/tailwind.scss CHANGED
@@ -1 +1,23 @@
1
- @import 'ej2-spreadsheet/styles/spreadsheet/tailwind.scss';
1
+ @import 'ej2-base/styles/tailwind-definition.scss';
2
+ @import '../spreadsheet-ribbon/tailwind-definition.scss';
3
+ @import 'ej2-buttons/styles/button/tailwind-definition.scss';
4
+ @import 'ej2-buttons/styles/check-box/tailwind-definition.scss';
5
+ @import 'ej2-buttons/styles/radio-button/tailwind-definition.scss';
6
+ @import 'ej2-buttons/styles/switch/tailwind-definition.scss';
7
+ @import 'ej2-navigations/styles/toolbar/tailwind-definition.scss';
8
+ @import 'ej2-navigations/styles/tab/tailwind-definition.scss';
9
+ @import 'ej2-navigations/styles/context-menu/tailwind-definition.scss';
10
+ @import 'ej2-navigations/styles/menu/tailwind-definition.scss';
11
+ @import 'ej2-navigations/styles/treeview/tailwind-definition.scss';
12
+ @import 'ej2-grids/styles/excel-filter/tailwind-definition.scss';
13
+ @import 'ej2-calendars/styles/datepicker/tailwind-definition.scss';
14
+ @import 'ej2-calendars/styles/datetimepicker/tailwind-definition.scss';
15
+ @import 'ej2-inputs/styles/color-picker/tailwind-definition.scss';
16
+ @import 'ej2-splitbuttons/styles/drop-down-button/tailwind-definition.scss';
17
+ @import 'ej2-splitbuttons/styles/split-button/tailwind-definition.scss';
18
+ @import 'ej2-dropdowns/styles/list-box/tailwind-definition.scss';
19
+ @import 'ej2-dropdowns/styles/drop-down-list/tailwind-definition.scss';
20
+ @import 'ej2-dropdowns/styles/combo-box/tailwind-definition.scss';
21
+ @import 'tailwind-definition.scss';
22
+ @import 'icons/tailwind.scss';
23
+ @import 'all.scss';
package/styles/spreadsheet-ribbon/_all.scss ADDED
@@ -0,0 +1,2 @@
1
+ @import 'layout.scss';
2
+ @import 'theme.scss';
package/styles/spreadsheet-ribbon/_bootstrap-dark-definition.scss ADDED
@@ -0,0 +1,15 @@
1
+ $spreadsheet-ribbon-skin: 'bootstrap' !default;
2
+ $spreadsheet-ribbon-border-color: $grey-88 !default;
3
+ $spreadsheet-ribbon-border: 1px solid $spreadsheet-ribbon-border-color !default;
4
+ $spreadsheet-ribbon-content-bg-color: $gray-darker !default;
5
+ $spreadsheet-ribbon-header-bg-color: #191919 !default;
6
+ $file-menu-wrap-padding: 0 !default;
7
+ $drop-icon-margin: 16.5px 4px 17.5px !default;
8
+ $bigger-drop-icon-margin: 18.5px 5px 19.5px !default;
9
+ $expand-icon-color: $grey-dark-font !default;
10
+ $spreadsheet-ribbon-header-height: 45px !default;
11
+ $spreadsheet-ribbon-focus-text-color: $grey-dark-font !default;
12
+ $spreadsheet-ribbon-focus-bg-color: $grey-44 !default;
13
+ $spreadsheet-ribbon-comb-icon-color: $grey-dark-font !default;
14
+ $spreadsheet-ribbon-drop-icon-font-size: 10px !default;
15
+ $bigger-spreadsheet-ribbon-drop-icon-font-size: 12px !default;
package/styles/spreadsheet-ribbon/_bootstrap-definition.scss ADDED
@@ -0,0 +1,14 @@
1
+ $spreadsheet-ribbon-skin: 'bootstrap' !default;
2
+ $spreadsheet-ribbon-border-color: #e5e5e5 !default;
3
+ $spreadsheet-ribbon-border: 1px solid $spreadsheet-ribbon-border-color !default;
4
+ $spreadsheet-ribbon-content-bg-color: $grey-white !default;
5
+ $spreadsheet-ribbon-header-bg-color: $grey-f9 !default;
6
+ $file-menu-wrap-padding: 0 !default;
7
+ $drop-icon-margin: 16.5px 4px 17.5px !default;
8
+ $bigger-drop-icon-margin: 18.5px 5px 19.5px !default;
9
+ $expand-icon-color: $gray-light !default;
10
+ $spreadsheet-ribbon-header-height: 45px !default;
11
+ $spreadsheet-ribbon-focus-bg-color: $grey-lighter !default;
12
+ $spreadsheet-ribbon-focus-text-color: $brand-primary-darken-25 !default;
13
+ $spreadsheet-ribbon-drop-icon-font-size: 10px !default;
14
+ $bigger-spreadsheet-ribbon-drop-icon-font-size: 12px !default;
package/styles/spreadsheet-ribbon/_bootstrap4-definition.scss ADDED
@@ -0,0 +1,14 @@
1
+ $spreadsheet-ribbon-skin: 'bootstrap4' !default;
2
+ $spreadsheet-ribbon-border-color: $gray-300 !default;
3
+ $spreadsheet-ribbon-border: 1px solid $spreadsheet-ribbon-border-color !default;
4
+ $spreadsheet-ribbon-header-bg-color: $gray-100 !default;
5
+ $spreadsheet-ribbon-content-bg-color: $white !default;
6
+ $file-menu-wrap-padding: 0 !default;
7
+ $drop-icon-margin: 15px 5px !default;
8
+ $spreadsheet-ribbon-comb-icon-color: $gray-700 !default;
9
+ $bigger-drop-icon-margin: 18.5px 5px 19.5px !default;
10
+ $expand-icon-color: $gray-600 !default;
11
+ $spreadsheet-ribbon-header-height: 41px !default;
12
+ $spreadsheet-ribbon-focus-text-color: darken($primary, 15%) !default;
13
+ $spreadsheet-ribbon-focus-bg-color: #eee !default;
14
+ $bigger-spreadsheet-ribbon-drop-icon-font-size: 12px !default;
package/styles/spreadsheet-ribbon/_bootstrap5-dark-definition.scss ADDED
@@ -0,0 +1 @@
1
+ @import './bootstrap5-definition.scss';
package/styles/spreadsheet-ribbon/_bootstrap5-definition.scss ADDED
@@ -0,0 +1,16 @@
1
+ $spreadsheet-ribbon-skin: 'bootstrap5' !default;
2
+ $file-menu-wrap-padding: 0 !default;
3
+ $drop-icon-margin: 8px 4px !default;
4
+ $bigger-drop-icon-margin: 16px 5px !default;
5
+ $spreadsheet-ribbon-border-color: $border-light !default;
6
+ $spreadsheet-ribbon-border: 1px solid $spreadsheet-ribbon-border-color !default;
7
+ $spreadsheet-ribbon-content-bg-color: $content-bg-color !default;
8
+ $spreadsheet-ribbon-header-bg-color: $content-bg-color-alt1 !default;
9
+ $separator-border-color: $border-light !default;
10
+ $expand-icon-color: $icon-color !default;
11
+ $spreadsheet-ribbon-comb-icon-color: $icon-color !default;
12
+ $spreadsheet-ribbon-focus-text-color: $primary-bg-color-pressed !default;
13
+ $spreadsheet-ribbon-focused-wrap-focus-border-color: $icon-color !default;
14
+ $spreadsheet-ribbon-focus-bg-color: rgba($content-bg-color-alt2, .12) !default;
15
+ $spreadsheet-ribbon-drop-icon-font-size: $text-xxs !default;
16
+ $bigger-spreadsheet-ribbon-drop-icon-font-size: $font-icon-12 !default;
package/styles/spreadsheet-ribbon/_fabric-dark-definition.scss ADDED
@@ -0,0 +1,18 @@
1
+ $spreadsheet-ribbon-skin: 'fabric' !default;
2
+ $border-color: $neutral-quintenary !default;
3
+ $spreadsheet-ribbon-border: 1px solid $border-color !default;
4
+ $tab-header-height: 38px !default;
5
+ $bigger-tab-header-height: 48px !default;
6
+ $spreadsheet-ribbon-header-bg-color: $neutral-lighter !default;
7
+ $file-menu-wrap-padding: 0 0 0 8px !default;
8
+ $drop-icon-margin: 12.5px 4px !default;
9
+ $bigger-drop-icon-margin: 14.5px 5px !default;
10
+ $spreadsheet-ribbon-comb-icon-color: $neutral-light-font !default;
11
+ $expand-icon-color: $neutral-light-font !default;
12
+ $spreadsheet-ribbon-focus-bg-color: initial !default;
13
+ $spreadsheet-ribbon-focus-text-color: $neutral-light-fontalt !default;
14
+ $spreadsheet-ribbon-focused-wrap-focus-border-color: $neutral-secondary-alt !default;
15
+ $spreadsheet-ribbon-drop-icon-font-size: 10px !default;
16
+ $tab-file-menu-font-size: 14px !default;
17
+ $bigger-tab-file-menu-font-size: 15px !default;
18
+ $bigger-spreadsheet-ribbon-drop-icon-font-size: 12px !default;
package/styles/spreadsheet-ribbon/_fabric-definition.scss ADDED
@@ -0,0 +1,18 @@
1
+ $spreadsheet-ribbon-skin: 'fabric' !default;
2
+ $border-color: $neutral-light !default;
3
+ $spreadsheet-ribbon-border: 1px solid $border-color !default;
4
+ $tab-header-height: 38px !default;
5
+ $bigger-tab-header-height: 48px !default;
6
+ $spreadsheet-ribbon-header-bg-color: $neutral-white !default;
7
+ $spreadsheet-ribbon-focused-wrap-focus-border-color: $neutral-secondary-alt !default;
8
+ $file-menu-wrap-padding: 0 0 0 8px !default;
9
+ $drop-icon-margin: 12.5px 4px !default;
10
+ $bigger-drop-icon-margin: 14.5px 5px !default;
11
+ $spreadsheet-ribbon-comb-icon-color: $neutral-light-font !default;
12
+ $expand-icon-color: $neutral-secondary !default;
13
+ $spreadsheet-ribbon-focus-bg-color: initial !default;
14
+ $spreadsheet-ribbon-focus-text-color: $neutral-light-font !default;
15
+ $spreadsheet-ribbon-drop-icon-font-size: 10px !default;
16
+ $tab-file-menu-font-size: 14px !default;
17
+ $bigger-tab-file-menu-font-size: 15px !default;
18
+ $bigger-spreadsheet-ribbon-drop-icon-font-size: 12px !default;
package/styles/spreadsheet-ribbon/_fluent-dark-definition.scss ADDED
@@ -0,0 +1 @@
1
+ @import './fluent-definition.scss';
package/styles/spreadsheet-ribbon/_fluent-definition.scss ADDED
@@ -0,0 +1,16 @@
1
+ $spreadsheet-ribbon-skin: 'FluentUI' !default;
2
+ $file-menu-wrap-padding: 0 !default;
3
+ $drop-icon-margin: 8px 4px !default;
4
+ $bigger-drop-icon-margin: 16px 5px !default;
5
+ $spreadsheet-ribbon-border-color: $border-light !default;
6
+ $spreadsheet-ribbon-border: 1px solid $spreadsheet-ribbon-border-color !default;
7
+ $spreadsheet-ribbon-content-bg-color: $content-bg-color !default;
8
+ $spreadsheet-ribbon-header-bg-color: $content-bg-color-alt1 !default;
9
+ $spreadsheet-ribbon-comb-icon-color: $icon-color !default;
10
+ $separator-border-color: $border-light !default;
11
+ $spreadsheet-ribbon-focus-text-color: $content-text-color !default;
12
+ $expand-icon-color: $icon-color !default;
13
+ $spreadsheet-ribbon-focused-wrap-focus-border-color: $icon-color !default;
14
+ $spreadsheet-ribbon-focus-bg-color: $content-bg-color-alt2 !default;
15
+ $spreadsheet-ribbon-drop-icon-font-size: $text-xxs !default;
16
+ $bigger-spreadsheet-ribbon-drop-icon-font-size: $font-icon-12 !default;
package/styles/spreadsheet-ribbon/_fusionnew-definition.scss ADDED
@@ -0,0 +1,15 @@
1
+ $spreadsheet-ribbon-skin: 'bootstrap5' !default;
2
+ $file-menu-wrap-padding: 0 !default;
3
+ $drop-icon-margin: 8px 4px !default;
4
+ $bigger-drop-icon-margin: 16px 5px !default;
5
+ $spreadsheet-ribbon-border-color: $border-light !default;
6
+ $spreadsheet-ribbon-border: 1px solid $spreadsheet-ribbon-border-color !default;
7
+ $spreadsheet-ribbon-content-bg-color: $content-bg-color !default;
8
+ $spreadsheet-ribbon-header-bg-color: $content-bg-color-alt1 !default;
9
+ $spreadsheet-ribbon-comb-icon-color: $icon-color !default;
10
+ $separator-border-color: $border-light !default;
11
+ $spreadsheet-ribbon-focus-text-color: $primary-bg-color-pressed !default;
12
+ $expand-icon-color: $icon-color !default;
13
+ $spreadsheet-ribbon-focused-wrap-focus-border-color: $icon-color !default;
14
+ $spreadsheet-ribbon-focus-bg-color: rgba($content-bg-color-alt2, .12) !default;
15
+ $bigger-spreadsheet-ribbon-drop-icon-font-size: 12px !default;
package/styles/spreadsheet-ribbon/_highcontrast-definition.scss ADDED
@@ -0,0 +1,16 @@
1
+ $spreadsheet-ribbon-skin: 'highcontrast' !default;
2
+ $spreadsheet-ribbon-border-color: $bg-base-100 !default;
3
+ $spreadsheet-ribbon-border: 1px solid $spreadsheet-ribbon-border-color !default;
4
+ $spreadsheet-ribbon-header-bg-color: $bg-base-0 !default;
5
+ $file-menu-wrap-padding: 0 !default;
6
+ $spreadsheet-ribbon-focused-wrap-focus-border-color: $hover-border !default;
7
+ $drop-icon-margin: 12.5px 4px !default;
8
+ $bigger-drop-icon-margin: 14.5px 5px !default;
9
+ $spreadsheet-ribbon-comb-icon-color: $content-font !default;
10
+ $expand-icon-color: $content-font !default;
11
+ $spreadsheet-ribbon-focus-bg-color: initial !default;
12
+ $spreadsheet-ribbon-focus-text-color: $content-font !default;
13
+ $spreadsheet-ribbon-drop-icon-font-size: 10px !default;
14
+ $tab-file-menu-font-size: 14px !default;
15
+ $bigger-tab-file-menu-font-size: 15px !default;
16
+ $bigger-spreadsheet-ribbon-drop-icon-font-size: 12px !default;
package/styles/spreadsheet-ribbon/_highcontrast-light-definition.scss ADDED
@@ -0,0 +1,14 @@
1
+ $spreadsheet-ribbon-skin: 'highcontrast' !default;
2
+ $spreadsheet-ribbon-border-color: transparent !default;
3
+ $spreadsheet-ribbon-border: 1px solid $spreadsheet-ribbon-border-color !default;
4
+ $file-menu-wrap-padding: 0 !default;
5
+ $drop-icon-margin: 12.5px 4px !default;
6
+ $bigger-drop-icon-margin: 14.5px 5px !default;
7
+ $expand-icon-color: initial !default;
8
+ $spreadsheet-ribbon-comb-icon-color: $content-font !default;
9
+ $spreadsheet-ribbon-header-bg-color: transparent !default;
10
+ $spreadsheet-ribbon-focused-wrap-focus-border-color: $hover-border !default;
11
+ $spreadsheet-ribbon-focus-bg-color: initial !default;
12
+ $spreadsheet-ribbon-focus-text-color: $content-font !default;
13
+ $spreadsheet-ribbon-drop-icon-font-size: 10px !default;
14
+ $bigger-spreadsheet-ribbon-drop-icon-font-size: 12px !default;