@syncfusion/ej2-angular-spreadsheet 20.4.38 → 20.4.39

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 (58) hide show
  1. package/README.md +145 -68
  2. package/package.json +1 -1
  3. package/schematics/utils/lib-details.ts +2 -2
  4. package/styles/bootstrap-dark.css +34 -24
  5. package/styles/bootstrap.css +34 -24
  6. package/styles/bootstrap4.css +34 -24
  7. package/styles/bootstrap5-dark.css +34 -24
  8. package/styles/bootstrap5.css +34 -24
  9. package/styles/fabric-dark.css +34 -24
  10. package/styles/fabric.css +34 -24
  11. package/styles/fluent-dark.css +34 -24
  12. package/styles/fluent.css +34 -24
  13. package/styles/highcontrast-light.css +34 -24
  14. package/styles/highcontrast.css +34 -24
  15. package/styles/material-dark.css +34 -24
  16. package/styles/material.css +34 -24
  17. package/styles/spreadsheet/_bootstrap-dark-definition.scss +1 -1
  18. package/styles/spreadsheet/_bootstrap-definition.scss +1 -1
  19. package/styles/spreadsheet/_bootstrap4-definition.scss +1 -1
  20. package/styles/spreadsheet/_bootstrap5-definition.scss +1 -1
  21. package/styles/spreadsheet/_fabric-dark-definition.scss +1 -1
  22. package/styles/spreadsheet/_fabric-definition.scss +1 -1
  23. package/styles/spreadsheet/_fluent-definition.scss +1 -1
  24. package/styles/spreadsheet/_fusionnew-definition.scss +1 -1
  25. package/styles/spreadsheet/_highcontrast-definition.scss +1 -1
  26. package/styles/spreadsheet/_highcontrast-light-definition.scss +1 -1
  27. package/styles/spreadsheet/_layout.scss +25 -10
  28. package/styles/spreadsheet/_material-dark-definition.scss +1 -1
  29. package/styles/spreadsheet/_material-definition.scss +1 -1
  30. package/styles/spreadsheet/_material3-definition.scss +1 -1
  31. package/styles/spreadsheet/_tailwind-definition.scss +1 -1
  32. package/styles/spreadsheet/_theme.scss +16 -0
  33. package/styles/spreadsheet/bootstrap-dark.css +34 -24
  34. package/styles/spreadsheet/bootstrap.css +34 -24
  35. package/styles/spreadsheet/bootstrap4.css +34 -24
  36. package/styles/spreadsheet/bootstrap5-dark.css +34 -24
  37. package/styles/spreadsheet/bootstrap5.css +34 -24
  38. package/styles/spreadsheet/fabric-dark.css +34 -24
  39. package/styles/spreadsheet/fabric.css +34 -24
  40. package/styles/spreadsheet/fluent-dark.css +34 -24
  41. package/styles/spreadsheet/fluent.css +34 -24
  42. package/styles/spreadsheet/highcontrast-light.css +34 -24
  43. package/styles/spreadsheet/highcontrast.css +34 -24
  44. package/styles/spreadsheet/material-dark.css +34 -24
  45. package/styles/spreadsheet/material.css +34 -24
  46. package/styles/spreadsheet/tailwind-dark.css +34 -24
  47. package/styles/spreadsheet/tailwind.css +34 -24
  48. package/styles/tailwind-dark.css +34 -24
  49. package/styles/tailwind.css +34 -24
  50. package/schematics/collection.json +0 -10
  51. package/schematics/ng-add/index.d.ts +0 -3
  52. package/schematics/ng-add/index.js +0 -9
  53. package/schematics/ng-add/schema.d.ts +0 -13
  54. package/schematics/ng-add/schema.js +0 -2
  55. package/schematics/ng-add/schema.json +0 -34
  56. package/schematics/tsconfig.json +0 -25
  57. package/schematics/utils/lib-details.d.ts +0 -4
  58. package/schematics/utils/lib-details.js +0 -6
package/styles/material.css CHANGED
@@ -743,9 +743,6 @@
743
743
  display: inline-table;
744
744
  padding-top: 3px;
745
745
  }
746
- .e-spreadsheet .e-unprotectworksheet-dlg.e-dialog {
747
- left: 0 !important; /* stylelint-disable-line declaration-no-important */
748
- }
749
746
  .e-spreadsheet .e-unprotectworksheet-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
750
747
  font-size: 18px;
751
748
  line-height: 21px;
@@ -762,9 +759,6 @@
762
759
  .e-spreadsheet .e-unprotectworksheet-dlg.e-dialog .e-dlg-content .e-unprotectsheetpwd-content .e-input {
763
760
  margin-top: 10px;
764
761
  }
765
- .e-spreadsheet .e-reenterpwd-dlg.e-dialog {
766
- left: 0 !important; /* stylelint-disable-line declaration-no-important */
767
- }
768
762
  .e-spreadsheet .e-reenterpwd-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
769
763
  font-size: 18px;
770
764
  line-height: 21px;
@@ -1730,6 +1724,19 @@
1730
1724
  .e-spreadsheet .e-sheet-panel.e-rtl .e-frozen-row {
1731
1725
  right: 0;
1732
1726
  }
1727
+ .e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-table th.e-header-cell.e-hide-start {
1728
+ border-left-color: transparent;
1729
+ }
1730
+ .e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-table th.e-header-cell.e-hide-start::after {
1731
+ border-left: 1px solid #e0e0e0;
1732
+ border-right: none;
1733
+ left: 0.5px;
1734
+ }
1735
+ .e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-table th.e-hide-end.e-header-cell::before {
1736
+ border-left: none;
1737
+ border-right: 1px solid #e0e0e0;
1738
+ right: 0.5px;
1739
+ }
1733
1740
  .e-spreadsheet .e-sheet-panel .e-frozen-columns .e-selectall-container {
1734
1741
  position: relative;
1735
1742
  }
@@ -2025,9 +2032,6 @@
2025
2032
  .e-spreadsheet .e-find-dlg.e-dialog .e-footer-content {
2026
2033
  text-align: left;
2027
2034
  }
2028
- .e-spreadsheet .e-protectworkbook-dlg.e-dialog {
2029
- left: 0 !important; /* stylelint-disable-line declaration-no-important */
2030
- }
2031
2035
  .e-spreadsheet .e-protectworkbook-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
2032
2036
  font-size: 18px;
2033
2037
  line-height: 31px;
@@ -2045,9 +2049,6 @@
2045
2049
  line-height: 24px;
2046
2050
  margin-bottom: 4px;
2047
2051
  }
2048
- .e-spreadsheet .e-unprotectworkbook-dlg.e-dialog {
2049
- left: 0 !important; /* stylelint-disable-line declaration-no-important */
2050
- }
2051
2052
  .e-spreadsheet .e-unprotectworkbook-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
2052
2053
  font-size: 18px;
2053
2054
  line-height: 21px;
@@ -2064,9 +2065,6 @@
2064
2065
  .e-spreadsheet .e-unprotectworkbook-dlg.e-dialog .e-dlg-content .e-unprotectpwd-content .e-input {
2065
2066
  margin-top: 10px;
2066
2067
  }
2067
- .e-spreadsheet .e-importprotectworkbook-dlg.e-dialog {
2068
- left: 0 !important; /* stylelint-disable-line declaration-no-important */
2069
- }
2070
2068
  .e-spreadsheet .e-importprotectworkbook-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
2071
2069
  font-size: 18px;
2072
2070
  line-height: 21px;
@@ -2176,33 +2174,36 @@
2176
2174
  font-family: "Calibri";
2177
2175
  }
2178
2176
  .e-dropdown-popup.e-font-family ul .e-item:nth-child(7) {
2179
- font-family: "Courier";
2177
+ font-family: "Comic Sans MS";
2180
2178
  }
2181
2179
  .e-dropdown-popup.e-font-family ul .e-item:nth-child(8) {
2182
- font-family: "Courier New";
2180
+ font-family: "Courier";
2183
2181
  }
2184
2182
  .e-dropdown-popup.e-font-family ul .e-item:nth-child(9) {
2185
- font-family: "Din Condensed";
2183
+ font-family: "Courier New";
2186
2184
  }
2187
2185
  .e-dropdown-popup.e-font-family ul .e-item:nth-child(10) {
2188
- font-family: "Georgia";
2186
+ font-family: "Din Condensed";
2189
2187
  }
2190
2188
  .e-dropdown-popup.e-font-family ul .e-item:nth-child(11) {
2191
- font-family: "Helvetica";
2189
+ font-family: "Georgia";
2192
2190
  }
2193
2191
  .e-dropdown-popup.e-font-family ul .e-item:nth-child(12) {
2194
- font-family: "Helvetica New";
2192
+ font-family: "Helvetica";
2195
2193
  }
2196
2194
  .e-dropdown-popup.e-font-family ul .e-item:nth-child(13) {
2197
- font-family: "Roboto";
2195
+ font-family: "Helvetica New";
2198
2196
  }
2199
2197
  .e-dropdown-popup.e-font-family ul .e-item:nth-child(14) {
2200
- font-family: "Tahoma";
2198
+ font-family: "Roboto";
2201
2199
  }
2202
2200
  .e-dropdown-popup.e-font-family ul .e-item:nth-child(15) {
2203
- font-family: "Times New Roman";
2201
+ font-family: "Tahoma";
2204
2202
  }
2205
2203
  .e-dropdown-popup.e-font-family ul .e-item:nth-child(16) {
2204
+ font-family: "Times New Roman";
2205
+ }
2206
+ .e-dropdown-popup.e-font-family ul .e-item:nth-child(17) {
2206
2207
  font-family: "Verdana";
2207
2208
  }
2208
2209
  .e-dropdown-popup.e-aggregate-list {
@@ -3074,6 +3075,15 @@
3074
3075
  .e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-header-cell.e-prev-highlight, .e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-header-cell.e-highlight, .e-spreadsheet .e-sheet-panel.e-rtl .e-select-all-cell.e-prev-highlight-right {
3075
3076
  border-left-color: #cccccc;
3076
3077
  }
3078
+ .e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-header-cell.e-hide-start.e-prev-highlight, .e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-header-cell.e-hide-start.e-highlight {
3079
+ border-left-color: transparent;
3080
+ }
3081
+ .e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-header-cell.e-hide-start.e-prev-highlight::after, .e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-header-cell.e-hide-start.e-highlight::after {
3082
+ border-left-color: #cccccc;
3083
+ }
3084
+ .e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-header-cell.e-hide-end.e-highlight::before, .e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-header-cell.e-highlight + th.e-header-cell.e-hide-end::before {
3085
+ border-right-color: #cccccc;
3086
+ }
3077
3087
  .e-spreadsheet .e-copy-indicator div.e-top,
3078
3088
  .e-spreadsheet .e-range-indicator div.e-top,
3079
3089
  .e-spreadsheet .e-formularef-indicator div.e-top {
package/styles/spreadsheet/_bootstrap-dark-definition.scss CHANGED
@@ -80,7 +80,7 @@ $bigger-cpicker-btn-width: 36px !default;
80
80
  $menu-extension-padding: 12px !default;
81
81
  $ribbon-item-hover-border-color: $tbar-hover-border-color !default;
82
82
  $ribbon-item-active-border-color: $tbar-focus-border-color !default;
83
- $font-family-collection: ('Arial', 'Arial Black', 'Axettac Demo', 'Batang', 'Book Antiqua', 'Calibri', 'Courier', 'Courier New', 'Din Condensed', 'Georgia', 'Helvetica', 'Helvetica New', 'Roboto', 'Tahoma', 'Times New Roman', 'Verdana') !default;
83
+ $font-family-collection: ('Arial', 'Arial Black', 'Axettac Demo', 'Batang', 'Book Antiqua', 'Calibri', 'Comic Sans MS', 'Courier', 'Courier New', 'Din Condensed', 'Georgia', 'Helvetica', 'Helvetica New', 'Roboto', 'Tahoma', 'Times New Roman', 'Verdana') !default;
84
84
  $normal-btn-padding: 8px !default;
85
85
 
86
86
  //End Ribbon
package/styles/spreadsheet/_bootstrap-definition.scss CHANGED
@@ -80,7 +80,7 @@ $bigger-cpicker-btn-width: 36px !default;
80
80
  $menu-extension-padding: 12px !default;
81
81
  $ribbon-item-hover-border-color: $tbar-hover-border-color !default;
82
82
  $ribbon-item-active-border-color: $tbar-focus-border-color !default;
83
- $font-family-collection: ('Arial', 'Arial Black', 'Axettac Demo', 'Batang', 'Book Antiqua', 'Calibri', 'Courier', 'Courier New', 'Din Condensed', 'Georgia', 'Helvetica', 'Helvetica New', 'Roboto', 'Tahoma', 'Times New Roman', 'Verdana') !default;
83
+ $font-family-collection: ('Arial', 'Arial Black', 'Axettac Demo', 'Batang', 'Book Antiqua', 'Calibri', 'Comic Sans MS', 'Courier', 'Courier New', 'Din Condensed', 'Georgia', 'Helvetica', 'Helvetica New', 'Roboto', 'Tahoma', 'Times New Roman', 'Verdana') !default;
84
84
  $normal-btn-padding: 8px !default;
85
85
 
86
86
  //End Ribbon
package/styles/spreadsheet/_bootstrap4-definition.scss CHANGED
@@ -79,7 +79,7 @@ $bigger-cpicker-btn-width: 33px !default;
79
79
  $menu-extension-padding: 8px !default;
80
80
  $ribbon-item-hover-border-color: $tbar-hover-border-color !default;
81
81
  $ribbon-item-active-border-color: $tbar-focus-border-color !default;
82
- $font-family-collection: ('Arial', 'Arial Black', 'Axettac Demo', 'Batang', 'Book Antiqua', 'Calibri', 'Courier', 'Courier New', 'Din Condensed', 'Georgia', 'Helvetica', 'Helvetica New', 'Roboto', 'Tahoma', 'Times New Roman', 'Verdana') !default;
82
+ $font-family-collection: ('Arial', 'Arial Black', 'Axettac Demo', 'Batang', 'Book Antiqua', 'Calibri', 'Comic Sans MS', 'Courier', 'Courier New', 'Din Condensed', 'Georgia', 'Helvetica', 'Helvetica New', 'Roboto', 'Tahoma', 'Times New Roman', 'Verdana') !default;
83
83
  $normal-btn-padding: 8px !default;
84
84
 
85
85
  //End Ribbon
package/styles/spreadsheet/_bootstrap5-definition.scss CHANGED
@@ -81,7 +81,7 @@ $bigger-cpicker-btn-width: 36px !default;
81
81
  $menu-extension-padding: 12px !default;
82
82
  $ribbon-item-hover-border-color: transparent !default;
83
83
  $ribbon-item-active-border-color: transparent !default;
84
- $font-family-collection: ('Arial', 'Arial Black', 'Axettac Demo', 'Batang', 'Book Antiqua', 'Calibri', 'Courier', 'Courier New', 'Din Condensed', 'Georgia', 'Helvetica', 'Helvetica New', 'Roboto', 'Tahoma', 'Times New Roman', 'Verdana') !default;
84
+ $font-family-collection: ('Arial', 'Arial Black', 'Axettac Demo', 'Batang', 'Book Antiqua', 'Calibri', 'Comic Sans MS', 'Courier', 'Courier New', 'Din Condensed', 'Georgia', 'Helvetica', 'Helvetica New', 'Roboto', 'Tahoma', 'Times New Roman', 'Verdana') !default;
85
85
  $normal-btn-padding: 8px !default;
86
86
 
87
87
  //End Ribbon
package/styles/spreadsheet/_fabric-dark-definition.scss CHANGED
@@ -77,7 +77,7 @@ $bigger-cpicker-btn-width: 45px !default;
77
77
  $menu-extension-padding: 10px !default;
78
78
  $ribbon-item-hover-border-color: transparent !default;
79
79
  $ribbon-item-active-border-color: transparent !default;
80
- $font-family-collection: ('Arial', 'Arial Black', 'Axettac Demo', 'Batang', 'Book Antiqua', 'Calibri', 'Courier', 'Courier New', 'Din Condensed', 'Georgia', 'Helvetica', 'Helvetica New', 'Roboto', 'Tahoma', 'Times New Roman', 'Verdana') !default;
80
+ $font-family-collection: ('Arial', 'Arial Black', 'Axettac Demo', 'Batang', 'Book Antiqua', 'Calibri', 'Comic Sans MS', 'Courier', 'Courier New', 'Din Condensed', 'Georgia', 'Helvetica', 'Helvetica New', 'Roboto', 'Tahoma', 'Times New Roman', 'Verdana') !default;
81
81
  $normal-btn-padding: 8px !default;
82
82
 
83
83
  //End Ribbon
package/styles/spreadsheet/_fabric-definition.scss CHANGED
@@ -77,7 +77,7 @@ $bigger-cpicker-btn-width: 45px !default;
77
77
  $menu-extension-padding: 10px !default;
78
78
  $ribbon-item-hover-border-color: transparent !default;
79
79
  $ribbon-item-active-border-color: transparent !default;
80
- $font-family-collection: ('Arial', 'Arial Black', 'Axettac Demo', 'Batang', 'Book Antiqua', 'Calibri', 'Courier', 'Courier New', 'Din Condensed', 'Georgia', 'Helvetica', 'Helvetica New', 'Roboto', 'Tahoma', 'Times New Roman', 'Verdana') !default;
80
+ $font-family-collection: ('Arial', 'Arial Black', 'Axettac Demo', 'Batang', 'Book Antiqua', 'Calibri', 'Comic Sans MS', 'Courier', 'Courier New', 'Din Condensed', 'Georgia', 'Helvetica', 'Helvetica New', 'Roboto', 'Tahoma', 'Times New Roman', 'Verdana') !default;
81
81
  $normal-btn-padding: 8px !default;
82
82
 
83
83
  //End Ribbon
package/styles/spreadsheet/_fluent-definition.scss CHANGED
@@ -81,7 +81,7 @@ $bigger-cpicker-btn-width: 36px !default;
81
81
  $menu-extension-padding: 12px !default;
82
82
  $ribbon-item-hover-border-color: transparent !default;
83
83
  $ribbon-item-active-border-color: transparent !default;
84
- $font-family-collection: ('Arial', 'Arial Black', 'Axettac Demo', 'Batang', 'Book Antiqua', 'Calibri', 'Courier', 'Courier New', 'Din Condensed', 'Georgia', 'Helvetica', 'Helvetica New', 'Roboto', 'Tahoma', 'Times New Roman', 'Verdana') !default;
84
+ $font-family-collection: ('Arial', 'Arial Black', 'Axettac Demo', 'Batang', 'Book Antiqua', 'Calibri', 'Comic Sans MS', 'Courier', 'Courier New', 'Din Condensed', 'Georgia', 'Helvetica', 'Helvetica New', 'Roboto', 'Tahoma', 'Times New Roman', 'Verdana') !default;
85
85
  $normal-btn-padding: 8px !default;
86
86
 
87
87
  //End Ribbon
package/styles/spreadsheet/_fusionnew-definition.scss CHANGED
@@ -81,7 +81,7 @@ $bigger-cpicker-btn-width: 36px !default;
81
81
  $menu-extension-padding: 12px !default;
82
82
  $ribbon-item-hover-border-color: transparent !default;
83
83
  $ribbon-item-active-border-color: transparent !default;
84
- $font-family-collection: ('Arial', 'Arial Black', 'Axettac Demo', 'Batang', 'Book Antiqua', 'Calibri', 'Courier', 'Courier New', 'Din Condensed', 'Georgia', 'Helvetica', 'Helvetica New', 'Roboto', 'Tahoma', 'Times New Roman', 'Verdana') !default;
84
+ $font-family-collection: ('Arial', 'Arial Black', 'Axettac Demo', 'Batang', 'Book Antiqua', 'Calibri', 'Comic Sans MS', 'Courier', 'Courier New', 'Din Condensed', 'Georgia', 'Helvetica', 'Helvetica New', 'Roboto', 'Tahoma', 'Times New Roman', 'Verdana') !default;
85
85
  $normal-btn-padding: 8px !default;
86
86
 
87
87
  //End Ribbon
package/styles/spreadsheet/_highcontrast-definition.scss CHANGED
@@ -77,7 +77,7 @@ $bigger-cpicker-btn-width: 45px !default;
77
77
  $menu-extension-padding: 10px !default;
78
78
  $ribbon-item-hover-border-color: $tbar-hover-border-color !default;
79
79
  $ribbon-item-active-border-color: $tbar-focus-border-color !default;
80
- $font-family-collection: ('Arial', 'Arial Black', 'Axettac Demo', 'Batang', 'Book Antiqua', 'Calibri', 'Courier', 'Courier New', 'Din Condensed', 'Georgia', 'Helvetica', 'Helvetica New', 'Roboto', 'Tahoma', 'Times New Roman', 'Verdana') !default;
80
+ $font-family-collection: ('Arial', 'Arial Black', 'Axettac Demo', 'Batang', 'Book Antiqua', 'Calibri', 'Comic Sans MS', 'Courier', 'Courier New', 'Din Condensed', 'Georgia', 'Helvetica', 'Helvetica New', 'Roboto', 'Tahoma', 'Times New Roman', 'Verdana') !default;
81
81
  $normal-btn-padding: 8px !default;
82
82
 
83
83
  //End Ribbon
package/styles/spreadsheet/_highcontrast-light-definition.scss CHANGED
@@ -69,7 +69,7 @@ $bigger-cpicker-btn-width: 45px !default;
69
69
  $menu-extension-padding: 10px !default;
70
70
  $ribbon-item-hover-border-color: transparent !default;
71
71
  $ribbon-item-active-border-color: transparent !default;
72
- $font-family-collection: ('Arial', 'Arial Black', 'Axettac Demo', 'Batang', 'Book Antiqua', 'Calibri', 'Courier', 'Courier New', 'Din Condensed', 'Georgia', 'Helvetica', 'Helvetica New', 'Roboto', 'Tahoma', 'Times New Roman', 'Verdana') !default;
72
+ $font-family-collection: ('Arial', 'Arial Black', 'Axettac Demo', 'Batang', 'Book Antiqua', 'Calibri', 'Comic Sans MS', 'Courier', 'Courier New', 'Din Condensed', 'Georgia', 'Helvetica', 'Helvetica New', 'Roboto', 'Tahoma', 'Times New Roman', 'Verdana') !default;
73
73
  $normal-btn-padding: 8px !default;
74
74
 
75
75
  //End Ribbon
package/styles/spreadsheet/_layout.scss CHANGED
@@ -55,8 +55,6 @@
55
55
  }
56
56
 
57
57
  & .e-unprotectworksheet-dlg.e-dialog {
58
- left: 0 !important; /* stylelint-disable-line declaration-no-important */
59
-
60
58
  & .e-dlg-header-content .e-dlg-header {
61
59
  font-size: 18px;
62
60
  line-height: 21px;
@@ -83,8 +81,6 @@
83
81
  }
84
82
 
85
83
  & .e-reenterpwd-dlg.e-dialog {
86
- left: 0 !important; /* stylelint-disable-line declaration-no-important */
87
-
88
84
  & .e-dlg-header-content .e-dlg-header {
89
85
  font-size: 18px;
90
86
  line-height: 21px;
@@ -1420,6 +1416,31 @@
1420
1416
  & .e-frozen-row {
1421
1417
  right: 0;
1422
1418
  }
1419
+
1420
+ & .e-column-header {
1421
+
1422
+ & .e-table th {
1423
+
1424
+ &.e-header-cell.e-hide-start {
1425
+ border-left-color: transparent;
1426
+
1427
+ &::after {
1428
+ border-left: $spreadsheet-border;
1429
+ border-right: none;
1430
+ left: .5px;
1431
+ }
1432
+ }
1433
+
1434
+ &.e-hide-end.e-header-cell {
1435
+
1436
+ &::before {
1437
+ border-left: none;
1438
+ border-right: $spreadsheet-border;
1439
+ right: .5px;
1440
+ }
1441
+ }
1442
+ }
1443
+ }
1423
1444
  }
1424
1445
 
1425
1446
  .e-sheet-panel {
@@ -1888,8 +1909,6 @@
1888
1909
  }
1889
1910
 
1890
1911
  & .e-protectworkbook-dlg.e-dialog {
1891
- left: 0 !important; /* stylelint-disable-line declaration-no-important */
1892
-
1893
1912
  & .e-dlg-header-content .e-dlg-header {
1894
1913
  font-size: 18px;
1895
1914
  line-height: 31px;
@@ -1915,8 +1934,6 @@
1915
1934
  }
1916
1935
 
1917
1936
  & .e-unprotectworkbook-dlg.e-dialog {
1918
- left: 0 !important; /* stylelint-disable-line declaration-no-important */
1919
-
1920
1937
  & .e-dlg-header-content .e-dlg-header {
1921
1938
  font-size: 18px;
1922
1939
  line-height: 21px;
@@ -1943,8 +1960,6 @@
1943
1960
  }
1944
1961
 
1945
1962
  & .e-importprotectworkbook-dlg.e-dialog {
1946
- left: 0 !important; /* stylelint-disable-line declaration-no-important */
1947
-
1948
1963
  & .e-dlg-header-content .e-dlg-header {
1949
1964
  font-size: 18px;
1950
1965
  line-height: 21px;
package/styles/spreadsheet/_material-dark-definition.scss CHANGED
@@ -80,7 +80,7 @@ $bigger-cpicker-btn-width: 31px !default;
80
80
  $menu-extension-padding: 10px !default;
81
81
  $ribbon-item-hover-border-color: transparent !default;
82
82
  $ribbon-item-active-border-color: transparent !default;
83
- $font-family-collection: ('Arial', 'Arial Black', 'Axettac Demo', 'Batang', 'Book Antiqua', 'Calibri', 'Courier', 'Courier New', 'Din Condensed', 'Georgia', 'Helvetica', 'Helvetica New', 'Roboto', 'Tahoma', 'Times New Roman', 'Verdana') !default;
83
+ $font-family-collection: ('Arial', 'Arial Black', 'Axettac Demo', 'Batang', 'Book Antiqua', 'Calibri', 'Comic Sans MS', 'Courier', 'Courier New', 'Din Condensed', 'Georgia', 'Helvetica', 'Helvetica New', 'Roboto', 'Tahoma', 'Times New Roman', 'Verdana') !default;
84
84
  $normal-btn-padding: 7px !default;
85
85
 
86
86
  //End Ribbon
package/styles/spreadsheet/_material-definition.scss CHANGED
@@ -78,7 +78,7 @@ $bigger-cpicker-btn-width: 31px !default;
78
78
  $menu-extension-padding: 10px !default;
79
79
  $ribbon-item-hover-border-color: transparent !default;
80
80
  $ribbon-item-active-border-color: transparent !default;
81
- $font-family-collection: ('Arial', 'Arial Black', 'Axettac Demo', 'Batang', 'Book Antiqua', 'Calibri', 'Courier', 'Courier New', 'Din Condensed', 'Georgia', 'Helvetica', 'Helvetica New', 'Roboto', 'Tahoma', 'Times New Roman', 'Verdana') !default;
81
+ $font-family-collection: ('Arial', 'Arial Black', 'Axettac Demo', 'Batang', 'Book Antiqua', 'Calibri', 'Comic Sans MS', 'Courier', 'Courier New', 'Din Condensed', 'Georgia', 'Helvetica', 'Helvetica New', 'Roboto', 'Tahoma', 'Times New Roman', 'Verdana') !default;
82
82
  $normal-btn-padding: 7px !default;
83
83
 
84
84
  //End Ribbon
package/styles/spreadsheet/_material3-definition.scss CHANGED
@@ -81,7 +81,7 @@ $bigger-cpicker-btn-width: 36px !default;
81
81
  $menu-extension-padding: 12px !default;
82
82
  $ribbon-item-hover-border-color: transparent !default;
83
83
  $ribbon-item-active-border-color: transparent !default;
84
- $font-family-collection: ('Arial', 'Arial Black', 'Axettac Demo', 'Batang', 'Book Antiqua', 'Calibri', 'Courier', 'Courier New', 'Din Condensed', 'Georgia', 'Helvetica', 'Helvetica New', 'Roboto', 'Tahoma', 'Times New Roman', 'Verdana') !default;
84
+ $font-family-collection: ('Arial', 'Arial Black', 'Axettac Demo', 'Batang', 'Book Antiqua', 'Calibri', 'Comic Sans MS', 'Courier', 'Courier New', 'Din Condensed', 'Georgia', 'Helvetica', 'Helvetica New', 'Roboto', 'Tahoma', 'Times New Roman', 'Verdana') !default;
85
85
  $normal-btn-padding: 8px !default;
86
86
 
87
87
  //End Ribbon
package/styles/spreadsheet/_tailwind-definition.scss CHANGED
@@ -81,7 +81,7 @@ $bigger-cpicker-btn-width: 36px !default;
81
81
  $menu-extension-padding: 12px !default;
82
82
  $ribbon-item-hover-border-color: transparent !default;
83
83
  $ribbon-item-active-border-color: transparent !default;
84
- $font-family-collection: ('Arial', 'Arial Black', 'Axettac Demo', 'Batang', 'Book Antiqua', 'Calibri', 'Courier', 'Courier New', 'Din Condensed', 'Georgia', 'Helvetica', 'Helvetica New', 'Roboto', 'Tahoma', 'Times New Roman', 'Verdana') !default;
84
+ $font-family-collection: ('Arial', 'Arial Black', 'Axettac Demo', 'Batang', 'Book Antiqua', 'Calibri', 'Comic Sans MS', 'Courier', 'Courier New', 'Din Condensed', 'Georgia', 'Helvetica', 'Helvetica New', 'Roboto', 'Tahoma', 'Times New Roman', 'Verdana') !default;
85
85
  $normal-btn-padding: 8px !default;
86
86
 
87
87
  //End Ribbon
package/styles/spreadsheet/_theme.scss CHANGED
@@ -489,6 +489,22 @@
489
489
  & .e-select-all-cell.e-prev-highlight-right {
490
490
  border-left-color: $hdr-selection-border-color;
491
491
  }
492
+
493
+ & .e-column-header .e-header-cell.e-hide-start.e-prev-highlight,
494
+ & .e-column-header .e-header-cell.e-hide-start.e-highlight {
495
+ border-left-color: transparent;
496
+
497
+ &::after {
498
+ border-left-color: $hdr-selection-border-color;
499
+ }
500
+ }
501
+
502
+ & .e-column-header .e-header-cell.e-hide-end.e-highlight,
503
+ & .e-column-header .e-header-cell.e-highlight + th.e-header-cell.e-hide-end {
504
+ &::before {
505
+ border-right-color: $hdr-selection-border-color;
506
+ }
507
+ }
492
508
  }
493
509
  }
494
510
 
package/styles/spreadsheet/bootstrap-dark.css CHANGED
@@ -683,9 +683,6 @@
683
683
  display: inline-table;
684
684
  padding-top: 3px;
685
685
  }
686
- .e-spreadsheet .e-unprotectworksheet-dlg.e-dialog {
687
- left: 0 !important; /* stylelint-disable-line declaration-no-important */
688
- }
689
686
  .e-spreadsheet .e-unprotectworksheet-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
690
687
  font-size: 18px;
691
688
  line-height: 21px;
@@ -702,9 +699,6 @@
702
699
  .e-spreadsheet .e-unprotectworksheet-dlg.e-dialog .e-dlg-content .e-unprotectsheetpwd-content .e-input {
703
700
  margin-top: 10px;
704
701
  }
705
- .e-spreadsheet .e-reenterpwd-dlg.e-dialog {
706
- left: 0 !important; /* stylelint-disable-line declaration-no-important */
707
- }
708
702
  .e-spreadsheet .e-reenterpwd-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
709
703
  font-size: 18px;
710
704
  line-height: 21px;
@@ -1659,6 +1653,19 @@
1659
1653
  .e-spreadsheet .e-sheet-panel.e-rtl .e-frozen-row {
1660
1654
  right: 0;
1661
1655
  }
1656
+ .e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-table th.e-header-cell.e-hide-start {
1657
+ border-left-color: transparent;
1658
+ }
1659
+ .e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-table th.e-header-cell.e-hide-start::after {
1660
+ border-left: 1px solid #484848;
1661
+ border-right: none;
1662
+ left: 0.5px;
1663
+ }
1664
+ .e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-table th.e-hide-end.e-header-cell::before {
1665
+ border-left: none;
1666
+ border-right: 1px solid #484848;
1667
+ right: 0.5px;
1668
+ }
1662
1669
  .e-spreadsheet .e-sheet-panel .e-frozen-columns .e-selectall-container {
1663
1670
  position: relative;
1664
1671
  }
@@ -1956,9 +1963,6 @@
1956
1963
  .e-spreadsheet .e-find-dlg.e-dialog .e-footer-content {
1957
1964
  text-align: left;
1958
1965
  }
1959
- .e-spreadsheet .e-protectworkbook-dlg.e-dialog {
1960
- left: 0 !important; /* stylelint-disable-line declaration-no-important */
1961
- }
1962
1966
  .e-spreadsheet .e-protectworkbook-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
1963
1967
  font-size: 18px;
1964
1968
  line-height: 31px;
@@ -1976,9 +1980,6 @@
1976
1980
  line-height: 24px;
1977
1981
  margin-bottom: 4px;
1978
1982
  }
1979
- .e-spreadsheet .e-unprotectworkbook-dlg.e-dialog {
1980
- left: 0 !important; /* stylelint-disable-line declaration-no-important */
1981
- }
1982
1983
  .e-spreadsheet .e-unprotectworkbook-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
1983
1984
  font-size: 18px;
1984
1985
  line-height: 21px;
@@ -1995,9 +1996,6 @@
1995
1996
  .e-spreadsheet .e-unprotectworkbook-dlg.e-dialog .e-dlg-content .e-unprotectpwd-content .e-input {
1996
1997
  margin-top: 10px;
1997
1998
  }
1998
- .e-spreadsheet .e-importprotectworkbook-dlg.e-dialog {
1999
- left: 0 !important; /* stylelint-disable-line declaration-no-important */
2000
- }
2001
1999
  .e-spreadsheet .e-importprotectworkbook-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
2002
2000
  font-size: 18px;
2003
2001
  line-height: 21px;
@@ -2107,33 +2105,36 @@
2107
2105
  font-family: "Calibri";
2108
2106
  }
2109
2107
  .e-dropdown-popup.e-font-family ul .e-item:nth-child(7) {
2110
- font-family: "Courier";
2108
+ font-family: "Comic Sans MS";
2111
2109
  }
2112
2110
  .e-dropdown-popup.e-font-family ul .e-item:nth-child(8) {
2113
- font-family: "Courier New";
2111
+ font-family: "Courier";
2114
2112
  }
2115
2113
  .e-dropdown-popup.e-font-family ul .e-item:nth-child(9) {
2116
- font-family: "Din Condensed";
2114
+ font-family: "Courier New";
2117
2115
  }
2118
2116
  .e-dropdown-popup.e-font-family ul .e-item:nth-child(10) {
2119
- font-family: "Georgia";
2117
+ font-family: "Din Condensed";
2120
2118
  }
2121
2119
  .e-dropdown-popup.e-font-family ul .e-item:nth-child(11) {
2122
- font-family: "Helvetica";
2120
+ font-family: "Georgia";
2123
2121
  }
2124
2122
  .e-dropdown-popup.e-font-family ul .e-item:nth-child(12) {
2125
- font-family: "Helvetica New";
2123
+ font-family: "Helvetica";
2126
2124
  }
2127
2125
  .e-dropdown-popup.e-font-family ul .e-item:nth-child(13) {
2128
- font-family: "Roboto";
2126
+ font-family: "Helvetica New";
2129
2127
  }
2130
2128
  .e-dropdown-popup.e-font-family ul .e-item:nth-child(14) {
2131
- font-family: "Tahoma";
2129
+ font-family: "Roboto";
2132
2130
  }
2133
2131
  .e-dropdown-popup.e-font-family ul .e-item:nth-child(15) {
2134
- font-family: "Times New Roman";
2132
+ font-family: "Tahoma";
2135
2133
  }
2136
2134
  .e-dropdown-popup.e-font-family ul .e-item:nth-child(16) {
2135
+ font-family: "Times New Roman";
2136
+ }
2137
+ .e-dropdown-popup.e-font-family ul .e-item:nth-child(17) {
2137
2138
  font-family: "Verdana";
2138
2139
  }
2139
2140
  .e-dropdown-popup.e-aggregate-list {
@@ -3007,6 +3008,15 @@
3007
3008
  .e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-header-cell.e-prev-highlight, .e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-header-cell.e-highlight, .e-spreadsheet .e-sheet-panel.e-rtl .e-select-all-cell.e-prev-highlight-right {
3008
3009
  border-left-color: #767676;
3009
3010
  }
3011
+ .e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-header-cell.e-hide-start.e-prev-highlight, .e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-header-cell.e-hide-start.e-highlight {
3012
+ border-left-color: transparent;
3013
+ }
3014
+ .e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-header-cell.e-hide-start.e-prev-highlight::after, .e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-header-cell.e-hide-start.e-highlight::after {
3015
+ border-left-color: #767676;
3016
+ }
3017
+ .e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-header-cell.e-hide-end.e-highlight::before, .e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-header-cell.e-highlight + th.e-header-cell.e-hide-end::before {
3018
+ border-right-color: #767676;
3019
+ }
3010
3020
  .e-spreadsheet .e-copy-indicator div.e-top,
3011
3021
  .e-spreadsheet .e-range-indicator div.e-top,
3012
3022
  .e-spreadsheet .e-formularef-indicator div.e-top {
package/styles/spreadsheet/bootstrap.css CHANGED
@@ -689,9 +689,6 @@
689
689
  display: inline-table;
690
690
  padding-top: 3px;
691
691
  }
692
- .e-spreadsheet .e-unprotectworksheet-dlg.e-dialog {
693
- left: 0 !important; /* stylelint-disable-line declaration-no-important */
694
- }
695
692
  .e-spreadsheet .e-unprotectworksheet-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
696
693
  font-size: 18px;
697
694
  line-height: 21px;
@@ -708,9 +705,6 @@
708
705
  .e-spreadsheet .e-unprotectworksheet-dlg.e-dialog .e-dlg-content .e-unprotectsheetpwd-content .e-input {
709
706
  margin-top: 10px;
710
707
  }
711
- .e-spreadsheet .e-reenterpwd-dlg.e-dialog {
712
- left: 0 !important; /* stylelint-disable-line declaration-no-important */
713
- }
714
708
  .e-spreadsheet .e-reenterpwd-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
715
709
  font-size: 18px;
716
710
  line-height: 21px;
@@ -1684,6 +1678,19 @@
1684
1678
  .e-spreadsheet .e-sheet-panel.e-rtl .e-frozen-row {
1685
1679
  right: 0;
1686
1680
  }
1681
+ .e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-table th.e-header-cell.e-hide-start {
1682
+ border-left-color: transparent;
1683
+ }
1684
+ .e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-table th.e-header-cell.e-hide-start::after {
1685
+ border-left: 1px solid #e6e6e6;
1686
+ border-right: none;
1687
+ left: 0.5px;
1688
+ }
1689
+ .e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-table th.e-hide-end.e-header-cell::before {
1690
+ border-left: none;
1691
+ border-right: 1px solid #e6e6e6;
1692
+ right: 0.5px;
1693
+ }
1687
1694
  .e-spreadsheet .e-sheet-panel .e-frozen-columns .e-selectall-container {
1688
1695
  position: relative;
1689
1696
  }
@@ -1981,9 +1988,6 @@
1981
1988
  .e-spreadsheet .e-find-dlg.e-dialog .e-footer-content {
1982
1989
  text-align: left;
1983
1990
  }
1984
- .e-spreadsheet .e-protectworkbook-dlg.e-dialog {
1985
- left: 0 !important; /* stylelint-disable-line declaration-no-important */
1986
- }
1987
1991
  .e-spreadsheet .e-protectworkbook-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
1988
1992
  font-size: 18px;
1989
1993
  line-height: 31px;
@@ -2001,9 +2005,6 @@
2001
2005
  line-height: 24px;
2002
2006
  margin-bottom: 4px;
2003
2007
  }
2004
- .e-spreadsheet .e-unprotectworkbook-dlg.e-dialog {
2005
- left: 0 !important; /* stylelint-disable-line declaration-no-important */
2006
- }
2007
2008
  .e-spreadsheet .e-unprotectworkbook-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
2008
2009
  font-size: 18px;
2009
2010
  line-height: 21px;
@@ -2020,9 +2021,6 @@
2020
2021
  .e-spreadsheet .e-unprotectworkbook-dlg.e-dialog .e-dlg-content .e-unprotectpwd-content .e-input {
2021
2022
  margin-top: 10px;
2022
2023
  }
2023
- .e-spreadsheet .e-importprotectworkbook-dlg.e-dialog {
2024
- left: 0 !important; /* stylelint-disable-line declaration-no-important */
2025
- }
2026
2024
  .e-spreadsheet .e-importprotectworkbook-dlg.e-dialog .e-dlg-header-content .e-dlg-header {
2027
2025
  font-size: 18px;
2028
2026
  line-height: 21px;
@@ -2132,33 +2130,36 @@
2132
2130
  font-family: "Calibri";
2133
2131
  }
2134
2132
  .e-dropdown-popup.e-font-family ul .e-item:nth-child(7) {
2135
- font-family: "Courier";
2133
+ font-family: "Comic Sans MS";
2136
2134
  }
2137
2135
  .e-dropdown-popup.e-font-family ul .e-item:nth-child(8) {
2138
- font-family: "Courier New";
2136
+ font-family: "Courier";
2139
2137
  }
2140
2138
  .e-dropdown-popup.e-font-family ul .e-item:nth-child(9) {
2141
- font-family: "Din Condensed";
2139
+ font-family: "Courier New";
2142
2140
  }
2143
2141
  .e-dropdown-popup.e-font-family ul .e-item:nth-child(10) {
2144
- font-family: "Georgia";
2142
+ font-family: "Din Condensed";
2145
2143
  }
2146
2144
  .e-dropdown-popup.e-font-family ul .e-item:nth-child(11) {
2147
- font-family: "Helvetica";
2145
+ font-family: "Georgia";
2148
2146
  }
2149
2147
  .e-dropdown-popup.e-font-family ul .e-item:nth-child(12) {
2150
- font-family: "Helvetica New";
2148
+ font-family: "Helvetica";
2151
2149
  }
2152
2150
  .e-dropdown-popup.e-font-family ul .e-item:nth-child(13) {
2153
- font-family: "Roboto";
2151
+ font-family: "Helvetica New";
2154
2152
  }
2155
2153
  .e-dropdown-popup.e-font-family ul .e-item:nth-child(14) {
2156
- font-family: "Tahoma";
2154
+ font-family: "Roboto";
2157
2155
  }
2158
2156
  .e-dropdown-popup.e-font-family ul .e-item:nth-child(15) {
2159
- font-family: "Times New Roman";
2157
+ font-family: "Tahoma";
2160
2158
  }
2161
2159
  .e-dropdown-popup.e-font-family ul .e-item:nth-child(16) {
2160
+ font-family: "Times New Roman";
2161
+ }
2162
+ .e-dropdown-popup.e-font-family ul .e-item:nth-child(17) {
2162
2163
  font-family: "Verdana";
2163
2164
  }
2164
2165
  .e-dropdown-popup.e-aggregate-list {
@@ -3046,6 +3047,15 @@
3046
3047
  .e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-header-cell.e-prev-highlight, .e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-header-cell.e-highlight, .e-spreadsheet .e-sheet-panel.e-rtl .e-select-all-cell.e-prev-highlight-right {
3047
3048
  border-left-color: #ccc;
3048
3049
  }
3050
+ .e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-header-cell.e-hide-start.e-prev-highlight, .e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-header-cell.e-hide-start.e-highlight {
3051
+ border-left-color: transparent;
3052
+ }
3053
+ .e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-header-cell.e-hide-start.e-prev-highlight::after, .e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-header-cell.e-hide-start.e-highlight::after {
3054
+ border-left-color: #ccc;
3055
+ }
3056
+ .e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-header-cell.e-hide-end.e-highlight::before, .e-spreadsheet .e-sheet-panel.e-rtl .e-column-header .e-header-cell.e-highlight + th.e-header-cell.e-hide-end::before {
3057
+ border-right-color: #ccc;
3058
+ }
3049
3059
  .e-spreadsheet .e-copy-indicator div.e-top,
3050
3060
  .e-spreadsheet .e-range-indicator div.e-top,
3051
3061
  .e-spreadsheet .e-formularef-indicator div.e-top {