@syncfusion/ej2-angular-grids 21.2.10 → 22.1.34

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 (120) hide show
  1. package/README.md +54 -121
  2. package/esm2020/src/grid/aggregate-columns.directive.mjs +1 -1
  3. package/esm2020/src/grid/grid.component.mjs +3 -3
  4. package/esm2020/src/pager/pager.component.mjs +4 -4
  5. package/fesm2015/syncfusion-ej2-angular-grids.mjs +5 -5
  6. package/fesm2015/syncfusion-ej2-angular-grids.mjs.map +1 -1
  7. package/fesm2020/syncfusion-ej2-angular-grids.mjs +5 -5
  8. package/fesm2020/syncfusion-ej2-angular-grids.mjs.map +1 -1
  9. package/license +10 -0
  10. package/package.json +19 -8
  11. package/schematics/utils/lib-details.ts +2 -2
  12. package/src/grid/aggregate-columns.directive.d.ts +1 -0
  13. package/src/grid/grid.component.d.ts +1 -3
  14. package/src/pager/pager.component.d.ts +1 -5
  15. package/styles/bootstrap-dark.css +55 -26
  16. package/styles/bootstrap.css +56 -27
  17. package/styles/bootstrap4.css +51 -22
  18. package/styles/bootstrap5-dark.css +64 -37
  19. package/styles/bootstrap5.css +64 -37
  20. package/styles/excel-filter/_bootstrap-dark-definition.scss +1 -0
  21. package/styles/excel-filter/_bootstrap-definition.scss +1 -0
  22. package/styles/excel-filter/_bootstrap4-definition.scss +1 -0
  23. package/styles/excel-filter/_bootstrap5-definition.scss +1 -0
  24. package/styles/excel-filter/_fabric-dark-definition.scss +1 -0
  25. package/styles/excel-filter/_fabric-definition.scss +1 -0
  26. package/styles/excel-filter/_fluent-definition.scss +1 -0
  27. package/styles/excel-filter/_fusionnew-definition.scss +1 -0
  28. package/styles/excel-filter/_highcontrast-definition.scss +1 -0
  29. package/styles/excel-filter/_highcontrast-light-definition.scss +1 -0
  30. package/styles/excel-filter/_layout.scss +84 -3
  31. package/styles/excel-filter/_material-dark-definition.scss +1 -0
  32. package/styles/excel-filter/_material-definition.scss +1 -0
  33. package/styles/excel-filter/_material3-dark-definition.scss +1 -0
  34. package/styles/excel-filter/_material3-definition.scss +73 -0
  35. package/styles/excel-filter/_tailwind-definition.scss +1 -0
  36. package/styles/excel-filter/_theme.scss +3 -0
  37. package/styles/excel-filter/icons/_material3-dark.scss +1 -0
  38. package/styles/excel-filter/material3-dark.css +668 -0
  39. package/styles/excel-filter/material3-dark.scss +18 -0
  40. package/styles/excel-filter/material3.css +724 -0
  41. package/styles/excel-filter/material3.scss +18 -0
  42. package/styles/fabric-dark.css +45 -16
  43. package/styles/fabric.css +54 -25
  44. package/styles/fluent-dark.css +48 -20
  45. package/styles/fluent.css +48 -20
  46. package/styles/grid/_bootstrap-dark-definition.scss +34 -18
  47. package/styles/grid/_bootstrap-definition.scss +36 -20
  48. package/styles/grid/_bootstrap4-definition.scss +31 -14
  49. package/styles/grid/_bootstrap5-definition.scss +42 -26
  50. package/styles/grid/_fabric-dark-definition.scss +26 -10
  51. package/styles/grid/_fabric-definition.scss +35 -19
  52. package/styles/grid/_fluent-definition.scss +28 -12
  53. package/styles/grid/_fusionnew-definition.scss +16 -0
  54. package/styles/grid/_highcontrast-definition.scss +24 -8
  55. package/styles/grid/_highcontrast-light-definition.scss +26 -10
  56. package/styles/grid/_layout.scss +394 -42
  57. package/styles/grid/_material-dark-definition.scss +24 -8
  58. package/styles/grid/_material-definition.scss +36 -20
  59. package/styles/grid/_material3-dark-definition.scss +1 -0
  60. package/styles/grid/_material3-definition.scss +629 -0
  61. package/styles/grid/_tailwind-definition.scss +26 -10
  62. package/styles/grid/_theme.scss +125 -16
  63. package/styles/grid/bootstrap-dark.css +55 -26
  64. package/styles/grid/bootstrap.css +56 -27
  65. package/styles/grid/bootstrap4.css +51 -22
  66. package/styles/grid/bootstrap5-dark.css +64 -37
  67. package/styles/grid/bootstrap5.css +64 -37
  68. package/styles/grid/fabric-dark.css +45 -16
  69. package/styles/grid/fabric.css +54 -25
  70. package/styles/grid/fluent-dark.css +48 -20
  71. package/styles/grid/fluent.css +48 -20
  72. package/styles/grid/highcontrast-light.css +43 -14
  73. package/styles/grid/highcontrast.css +40 -11
  74. package/styles/grid/icons/_material3-dark.scss +1 -0
  75. package/styles/grid/icons/_material3.scss +7 -4
  76. package/styles/grid/material-dark.css +45 -16
  77. package/styles/grid/material.css +57 -28
  78. package/styles/grid/material3-dark.css +4528 -0
  79. package/styles/grid/material3-dark.scss +22 -0
  80. package/styles/grid/material3.css +4584 -0
  81. package/styles/grid/material3.scss +22 -0
  82. package/styles/grid/tailwind-dark.css +46 -18
  83. package/styles/grid/tailwind.css +46 -18
  84. package/styles/highcontrast-light.css +43 -14
  85. package/styles/highcontrast.css +40 -11
  86. package/styles/material-dark.css +45 -16
  87. package/styles/material.css +57 -28
  88. package/styles/material3-dark.css +5000 -0
  89. package/styles/material3-dark.scss +4 -0
  90. package/styles/material3.css +5056 -0
  91. package/styles/material3.scss +4 -0
  92. package/styles/tailwind-dark.css +46 -18
  93. package/styles/tailwind.css +46 -18
  94. package/schematics/collection.json +0 -20
  95. package/schematics/generators/grid-default/index.d.ts +0 -3
  96. package/schematics/generators/grid-default/index.js +0 -8
  97. package/schematics/generators/grid-default/sample-details.d.ts +0 -5
  98. package/schematics/generators/grid-default/sample-details.js +0 -7
  99. package/schematics/generators/grid-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -5
  100. package/schematics/generators/grid-default/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -11
  101. package/schematics/generators/grid-default/schema.d.ts +0 -3
  102. package/schematics/generators/grid-default/schema.js +0 -2
  103. package/schematics/generators/grid-default/schema.json +0 -125
  104. package/schematics/generators/grid-feature/index.d.ts +0 -3
  105. package/schematics/generators/grid-feature/index.js +0 -8
  106. package/schematics/generators/grid-feature/sample-details.d.ts +0 -5
  107. package/schematics/generators/grid-feature/sample-details.js +0 -7
  108. package/schematics/generators/grid-feature/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.css +0 -5
  109. package/schematics/generators/grid-feature/samples/__path__/__name@dasherize@if-flat__/__name@dasherize__.component.html +0 -11
  110. package/schematics/generators/grid-feature/schema.d.ts +0 -3
  111. package/schematics/generators/grid-feature/schema.js +0 -2
  112. package/schematics/generators/grid-feature/schema.json +0 -125
  113. package/schematics/ng-add/index.d.ts +0 -3
  114. package/schematics/ng-add/index.js +0 -9
  115. package/schematics/ng-add/schema.d.ts +0 -13
  116. package/schematics/ng-add/schema.js +0 -2
  117. package/schematics/ng-add/schema.json +0 -34
  118. package/schematics/tsconfig.json +0 -25
  119. package/schematics/utils/lib-details.d.ts +0 -4
  120. package/schematics/utils/lib-details.js +0 -6
@@ -0,0 +1,4 @@
1
+
2
+ @import 'ej2-base/styles/material3-definition.scss';
3
+ @import 'excel-filter/material3.scss';
4
+ @import 'grid/material3.scss';
@@ -1106,7 +1106,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1106
1106
  .e-bigger .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
1107
1107
  .e-grid.e-bigger.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber {
1108
1108
  margin: 0 6px 0 5px;
1109
- margin-left: 32px;
1109
+ margin-left: 0;
1110
1110
  }
1111
1111
  .e-bigger .e-grid .e-rowcell,
1112
1112
  .e-bigger .e-grid .e-summarycell,
@@ -1195,7 +1195,11 @@ li.e-separator.e-menu-item.e-excel-separator {
1195
1195
  .e-bigger .e-grid.e-bigger .e-columnmenu,
1196
1196
  .e-grid.e-bigger.e-bigger .e-columnmenu {
1197
1197
  bottom: 13px;
1198
- margin: -14px -15px;
1198
+ margin: -13px -18px -13px 4px;
1199
+ }
1200
+ .e-bigger .e-grid.e-device .e-columnmenu,
1201
+ .e-grid.e-bigger.e-device .e-columnmenu {
1202
+ margin: -18px -15px;
1199
1203
  }
1200
1204
  .e-bigger .e-grid .e-columnmenu,
1201
1205
  .e-grid.e-bigger .e-columnmenu {
@@ -1227,7 +1231,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1227
1231
  .e-bigger .e-grid .e-groupheadercell span,
1228
1232
  .e-grid.e-bigger .e-groupheadercell span {
1229
1233
  height: 24px;
1230
- line-height: 24px;
1234
+ line-height: 22px;
1231
1235
  padding: 0 0 0 8px;
1232
1236
  }
1233
1237
  .e-bigger .e-grid .e-groupheadercell .e-ungroupbutton,
@@ -1304,7 +1308,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1304
1308
  }
1305
1309
  .e-bigger .e-grid.e-device .e-groupheadercell .e-ungroupbutton,
1306
1310
  .e-grid.e-bigger.e-device .e-groupheadercell .e-ungroupbutton {
1307
- line-height: 37px;
1311
+ line-height: 33px;
1308
1312
  }
1309
1313
  .e-bigger .e-grid.e-device .e-normaledit .e-rowcell,
1310
1314
  .e-grid.e-bigger.e-device .e-normaledit .e-rowcell {
@@ -1341,16 +1345,16 @@ li.e-separator.e-menu-item.e-excel-separator {
1341
1345
  .e-grid.e-bigger .e-groupsort,
1342
1346
  .e-grid.e-bigger span.e-ungroupbutton,
1343
1347
  .e-grid.e-bigger .e-toggleungroup {
1344
- margin-left: -8px;
1348
+ margin-left: -6px;
1345
1349
  margin-top: 0;
1346
1350
  }
1347
1351
  .e-bigger .e-grid span.e-ungroupbutton.e-icons,
1348
1352
  .e-grid.e-bigger span.e-ungroupbutton.e-icons {
1349
1353
  font-size: 16px;
1350
1354
  margin-left: 0;
1355
+ padding-top: 0;
1351
1356
  margin-top: 0;
1352
1357
  margin-right: 0;
1353
- padding-top: 0;
1354
1358
  }
1355
1359
  .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
1356
1360
  .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
@@ -1494,7 +1498,6 @@ li.e-separator.e-menu-item.e-excel-separator {
1494
1498
  -ms-user-select: none;
1495
1499
  user-select: none;
1496
1500
  }
1497
-
1498
1501
  .e-grid {
1499
1502
  border-radius: 4px;
1500
1503
  border-style: none solid solid;
@@ -1662,7 +1665,6 @@ li.e-separator.e-menu-item.e-excel-separator {
1662
1665
  padding-right: 16px;
1663
1666
  }
1664
1667
  .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-right .e-search-wrapper .e-search-icon {
1665
- font-size: 18px;
1666
1668
  font-size: 16px;
1667
1669
  margin-top: 4px;
1668
1670
  }
@@ -1895,6 +1897,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1895
1897
  border-collapse: separate;
1896
1898
  table-layout: fixed;
1897
1899
  width: 100%;
1900
+ border-spacing: 0.25px;
1898
1901
  }
1899
1902
  .e-grid .e-tableborder {
1900
1903
  border-right: 1px solid;
@@ -2533,12 +2536,22 @@ li.e-separator.e-menu-item.e-excel-separator {
2533
2536
  font-size: 14px;
2534
2537
  padding: 4px;
2535
2538
  }
2536
- .e-grid .e-lastsummarycell {
2539
+ .e-grid .e-footerpadding .e-lastsummarycell {
2540
+ border-left: none;
2537
2541
  border-right: 1px solid;
2538
2542
  }
2543
+ .e-grid.e-rtl .e-footerpadding tr.e-summaryrow td.e-lastsummarycell:last-child {
2544
+ border-right: none;
2545
+ border-left: 1px solid #4b5563;
2546
+ }
2539
2547
  .e-grid .e-footerpadding {
2548
+ padding-left: 0;
2540
2549
  padding-right: 14px;
2541
2550
  }
2551
+ .e-grid.e-rtl .e-footerpadding {
2552
+ padding-left: 14px;
2553
+ padding-right: 0;
2554
+ }
2542
2555
  .e-grid .e-gridpopup span {
2543
2556
  border: 1px solid transparent;
2544
2557
  cursor: pointer;
@@ -2655,6 +2668,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2655
2668
  .e-grid td.e-active {
2656
2669
  font-weight: 400;
2657
2670
  }
2671
+ .e-grid:not(.e-row-responsive) .e-gridcontent tr.e-row:first-child td.e-cellselectionbackground,
2658
2672
  .e-grid td.e-cellselectionbackground {
2659
2673
  font-weight: 400;
2660
2674
  }
@@ -2752,7 +2766,10 @@ li.e-separator.e-menu-item.e-excel-separator {
2752
2766
  line-height: 26px;
2753
2767
  }
2754
2768
  .e-grid.e-device .e-groupheadercell .e-ungroupbutton {
2755
- line-height: 28px;
2769
+ line-height: 20px;
2770
+ }
2771
+ .e-grid.e-device .e-groupheadercell .e-groupsort {
2772
+ margin-top: 0;
2756
2773
  }
2757
2774
  .e-grid .e-groupheadercell .e-cancel {
2758
2775
  padding-right: 14px;
@@ -2764,14 +2781,14 @@ li.e-separator.e-menu-item.e-excel-separator {
2764
2781
  .e-grid .e-ungroupbutton,
2765
2782
  .e-grid .e-toggleungroup {
2766
2783
  font-size: 14px;
2767
- margin-left: -8px;
2784
+ margin-left: -7px;
2768
2785
  }
2769
2786
  .e-grid .e-groupsort {
2770
2787
  margin-right: 0;
2771
2788
  margin-top: -2px;
2772
2789
  }
2773
2790
  .e-grid span.e-ungroupbutton.e-icons {
2774
- margin-left: -9px;
2791
+ margin-left: -8px;
2775
2792
  margin-top: -2px;
2776
2793
  padding-top: 4px;
2777
2794
  padding-right: 8px;
@@ -3166,7 +3183,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3166
3183
  .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
3167
3184
  .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv .e-sortnumber {
3168
3185
  float: left;
3169
- margin: 0 4px 0 32px;
3186
+ margin: 0 4px 0 4px;
3170
3187
  }
3171
3188
  .e-grid.e-rtl .e-headercell .e-headercelldiv,
3172
3189
  .e-grid.e-rtl .e-headercell .e-headercelldiv.e-headerchkcelldiv, .e-grid.e-rtl .e-detailheadercell .e-headercelldiv,
@@ -3178,7 +3195,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3178
3195
  .e-grid.e-rtl .e-headercell .e-headercelldiv.e-headerchkcelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell .e-headercelldiv .e-sortnumber,
3179
3196
  .e-grid.e-rtl .e-detailheadercell .e-headercelldiv.e-headerchkcelldiv .e-sortnumber {
3180
3197
  float: left;
3181
- margin: 0 4px 0 5px;
3198
+ margin: 0 4px 0 -18px;
3182
3199
  }
3183
3200
  .e-grid.e-rtl .e-headercell .e-filterbarcell input, .e-grid.e-rtl .e-detailheadercell .e-filterbarcell input {
3184
3201
  border-width: 0;
@@ -3264,7 +3281,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3264
3281
  border-top: 2px solid;
3265
3282
  }
3266
3283
  .e-grid.e-rtl .e-groupheadercell span.e-grouptext {
3267
- margin-left: -8px;
3284
+ margin-left: -7px;
3268
3285
  margin-right: 0;
3269
3286
  }
3270
3287
  .e-grid.e-rtl .e-groupheadercell span {
@@ -3368,7 +3385,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3368
3385
  }
3369
3386
  .e-grid.e-rtl span.e-ungroupbutton.e-icons {
3370
3387
  margin-left: 0;
3371
- margin-right: -9px;
3388
+ margin-right: -8px;
3372
3389
  padding-top: 4px;
3373
3390
  }
3374
3391
  .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
@@ -3696,10 +3713,18 @@ li.e-separator.e-menu-item.e-excel-separator {
3696
3713
  .e-bigger.e-grid .e-ccdlg span.e-ccsearch-icon.e-cc-cancel {
3697
3714
  font-size: 16px;
3698
3715
  }
3716
+ .e-bigger .e-grid .e-columnmenu,
3717
+ .e-bigger.e-grid .e-columnmenu {
3718
+ margin: -13px -18px -13px 4px;
3719
+ }
3699
3720
  .e-bigger .e-grid.e-rtl .e-columnmenu,
3700
3721
  .e-bigger.e-grid.e-rtl .e-columnmenu {
3701
3722
  margin: -13px 6px -13px -16px;
3702
3723
  }
3724
+ .e-bigger .e-grid.e-rtl.e-device .e-columnmenu,
3725
+ .e-bigger.e-grid.e-rtl.e-device .e-columnmenu {
3726
+ margin: -18px 6px -13px -16px;
3727
+ }
3703
3728
  .e-bigger .e-grid.e-rtl .e-groupheadercell span,
3704
3729
  .e-bigger.e-grid.e-rtl .e-groupheadercell span {
3705
3730
  padding: 0 0 0 8px;
@@ -4012,9 +4037,9 @@ li.e-separator.e-menu-item.e-excel-separator {
4012
4037
  }
4013
4038
  .e-bigger .e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-dlg-custom-header,
4014
4039
  .e-bigger.e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-dlg-custom-header {
4015
- font-weight: 500;
4016
4040
  padding-top: 2px;
4017
4041
  width: 100%;
4042
+ font-weight: 500;
4018
4043
  }
4019
4044
  .e-bigger .e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-filter-clear-btn,
4020
4045
  .e-bigger.e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-filter-clear-btn {
@@ -4327,6 +4352,8 @@ li.e-separator.e-menu-item.e-excel-separator {
4327
4352
  }
4328
4353
  .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
4329
4354
  .e-grid .e-gridcontent .e-rowcell.e-dragborder,
4355
+ .e-grid .e-gridcontent .e-groupcaption.e-dragborder,
4356
+ .e-grid .e-gridcontent .e-summarycell.e-dragborder,
4330
4357
  .e-grid .e-gridcontent .e-rowdragdrop.e-dragborder, .e-grid .e-gridheader thead tr th.e-firstrowdragborder, .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder, .e-grid.e-rtl .e-gridcontent .e-rowcell.e-dragborder, .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
4331
4358
  box-shadow: 0 2px 0 0 #22d3ee;
4332
4359
  position: relative;
@@ -4403,7 +4430,8 @@ li.e-separator.e-menu-item.e-excel-separator {
4403
4430
  .e-grid .e-summaryrow .e-summarycell,
4404
4431
  .e-grid .e-summaryrow .e-templatecell,
4405
4432
  .e-grid .e-summarycontent .e-indentcell,
4406
- .e-grid .e-indentcell.e-detailindentcelltop {
4433
+ .e-grid .e-indentcell.e-detailindentcelltop,
4434
+ .e-grid .e-groupfooterrow.e-summaryrow .e-indentcell.e-indentcelltop {
4407
4435
  background-color: #232e3e;
4408
4436
  border-color: #4b5563;
4409
4437
  color: #9ca3af;
@@ -1106,7 +1106,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1106
1106
  .e-bigger .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
1107
1107
  .e-grid.e-bigger.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv .e-sortnumber {
1108
1108
  margin: 0 6px 0 5px;
1109
- margin-left: 32px;
1109
+ margin-left: 0;
1110
1110
  }
1111
1111
  .e-bigger .e-grid .e-rowcell,
1112
1112
  .e-bigger .e-grid .e-summarycell,
@@ -1195,7 +1195,11 @@ li.e-separator.e-menu-item.e-excel-separator {
1195
1195
  .e-bigger .e-grid.e-bigger .e-columnmenu,
1196
1196
  .e-grid.e-bigger.e-bigger .e-columnmenu {
1197
1197
  bottom: 13px;
1198
- margin: -14px -15px;
1198
+ margin: -13px -18px -13px 4px;
1199
+ }
1200
+ .e-bigger .e-grid.e-device .e-columnmenu,
1201
+ .e-grid.e-bigger.e-device .e-columnmenu {
1202
+ margin: -18px -15px;
1199
1203
  }
1200
1204
  .e-bigger .e-grid .e-columnmenu,
1201
1205
  .e-grid.e-bigger .e-columnmenu {
@@ -1227,7 +1231,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1227
1231
  .e-bigger .e-grid .e-groupheadercell span,
1228
1232
  .e-grid.e-bigger .e-groupheadercell span {
1229
1233
  height: 24px;
1230
- line-height: 24px;
1234
+ line-height: 22px;
1231
1235
  padding: 0 0 0 8px;
1232
1236
  }
1233
1237
  .e-bigger .e-grid .e-groupheadercell .e-ungroupbutton,
@@ -1304,7 +1308,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1304
1308
  }
1305
1309
  .e-bigger .e-grid.e-device .e-groupheadercell .e-ungroupbutton,
1306
1310
  .e-grid.e-bigger.e-device .e-groupheadercell .e-ungroupbutton {
1307
- line-height: 37px;
1311
+ line-height: 33px;
1308
1312
  }
1309
1313
  .e-bigger .e-grid.e-device .e-normaledit .e-rowcell,
1310
1314
  .e-grid.e-bigger.e-device .e-normaledit .e-rowcell {
@@ -1341,16 +1345,16 @@ li.e-separator.e-menu-item.e-excel-separator {
1341
1345
  .e-grid.e-bigger .e-groupsort,
1342
1346
  .e-grid.e-bigger span.e-ungroupbutton,
1343
1347
  .e-grid.e-bigger .e-toggleungroup {
1344
- margin-left: -8px;
1348
+ margin-left: -6px;
1345
1349
  margin-top: 0;
1346
1350
  }
1347
1351
  .e-bigger .e-grid span.e-ungroupbutton.e-icons,
1348
1352
  .e-grid.e-bigger span.e-ungroupbutton.e-icons {
1349
1353
  font-size: 16px;
1350
1354
  margin-left: 0;
1355
+ padding-top: 0;
1351
1356
  margin-top: 0;
1352
1357
  margin-right: 0;
1353
- padding-top: 0;
1354
1358
  }
1355
1359
  .e-bigger .e-grid.e-device span.e-ungroupbutton.e-icons,
1356
1360
  .e-grid.e-bigger.e-device span.e-ungroupbutton.e-icons {
@@ -1494,7 +1498,6 @@ li.e-separator.e-menu-item.e-excel-separator {
1494
1498
  -ms-user-select: none;
1495
1499
  user-select: none;
1496
1500
  }
1497
-
1498
1501
  .e-grid {
1499
1502
  border-radius: 4px;
1500
1503
  border-style: none solid solid;
@@ -1662,7 +1665,6 @@ li.e-separator.e-menu-item.e-excel-separator {
1662
1665
  padding-right: 16px;
1663
1666
  }
1664
1667
  .e-grid .e-res-toolbar .e-toolbar-items .e-toolbar-right .e-search-wrapper .e-search-icon {
1665
- font-size: 18px;
1666
1668
  font-size: 16px;
1667
1669
  margin-top: 4px;
1668
1670
  }
@@ -1895,6 +1897,7 @@ li.e-separator.e-menu-item.e-excel-separator {
1895
1897
  border-collapse: separate;
1896
1898
  table-layout: fixed;
1897
1899
  width: 100%;
1900
+ border-spacing: 0.25px;
1898
1901
  }
1899
1902
  .e-grid .e-tableborder {
1900
1903
  border-right: 1px solid;
@@ -2533,12 +2536,22 @@ li.e-separator.e-menu-item.e-excel-separator {
2533
2536
  font-size: 14px;
2534
2537
  padding: 4px;
2535
2538
  }
2536
- .e-grid .e-lastsummarycell {
2539
+ .e-grid .e-footerpadding .e-lastsummarycell {
2540
+ border-left: none;
2537
2541
  border-right: 1px solid;
2538
2542
  }
2543
+ .e-grid.e-rtl .e-footerpadding tr.e-summaryrow td.e-lastsummarycell:last-child {
2544
+ border-right: none;
2545
+ border-left: 1px solid #e5e7eb;
2546
+ }
2539
2547
  .e-grid .e-footerpadding {
2548
+ padding-left: 0;
2540
2549
  padding-right: 14px;
2541
2550
  }
2551
+ .e-grid.e-rtl .e-footerpadding {
2552
+ padding-left: 14px;
2553
+ padding-right: 0;
2554
+ }
2542
2555
  .e-grid .e-gridpopup span {
2543
2556
  border: 1px solid transparent;
2544
2557
  cursor: pointer;
@@ -2655,6 +2668,7 @@ li.e-separator.e-menu-item.e-excel-separator {
2655
2668
  .e-grid td.e-active {
2656
2669
  font-weight: 400;
2657
2670
  }
2671
+ .e-grid:not(.e-row-responsive) .e-gridcontent tr.e-row:first-child td.e-cellselectionbackground,
2658
2672
  .e-grid td.e-cellselectionbackground {
2659
2673
  font-weight: 400;
2660
2674
  }
@@ -2752,7 +2766,10 @@ li.e-separator.e-menu-item.e-excel-separator {
2752
2766
  line-height: 26px;
2753
2767
  }
2754
2768
  .e-grid.e-device .e-groupheadercell .e-ungroupbutton {
2755
- line-height: 28px;
2769
+ line-height: 20px;
2770
+ }
2771
+ .e-grid.e-device .e-groupheadercell .e-groupsort {
2772
+ margin-top: 0;
2756
2773
  }
2757
2774
  .e-grid .e-groupheadercell .e-cancel {
2758
2775
  padding-right: 14px;
@@ -2764,14 +2781,14 @@ li.e-separator.e-menu-item.e-excel-separator {
2764
2781
  .e-grid .e-ungroupbutton,
2765
2782
  .e-grid .e-toggleungroup {
2766
2783
  font-size: 14px;
2767
- margin-left: -8px;
2784
+ margin-left: -7px;
2768
2785
  }
2769
2786
  .e-grid .e-groupsort {
2770
2787
  margin-right: 0;
2771
2788
  margin-top: -2px;
2772
2789
  }
2773
2790
  .e-grid span.e-ungroupbutton.e-icons {
2774
- margin-left: -9px;
2791
+ margin-left: -8px;
2775
2792
  margin-top: -2px;
2776
2793
  padding-top: 4px;
2777
2794
  padding-right: 8px;
@@ -3166,7 +3183,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3166
3183
  .e-grid.e-rtl .e-headercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv .e-sortnumber,
3167
3184
  .e-grid.e-rtl .e-detailheadercell.e-fltr-icon .e-headercelldiv.e-headerchkcelldiv .e-sortnumber {
3168
3185
  float: left;
3169
- margin: 0 4px 0 32px;
3186
+ margin: 0 4px 0 4px;
3170
3187
  }
3171
3188
  .e-grid.e-rtl .e-headercell .e-headercelldiv,
3172
3189
  .e-grid.e-rtl .e-headercell .e-headercelldiv.e-headerchkcelldiv, .e-grid.e-rtl .e-detailheadercell .e-headercelldiv,
@@ -3178,7 +3195,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3178
3195
  .e-grid.e-rtl .e-headercell .e-headercelldiv.e-headerchkcelldiv .e-sortnumber, .e-grid.e-rtl .e-detailheadercell .e-headercelldiv .e-sortnumber,
3179
3196
  .e-grid.e-rtl .e-detailheadercell .e-headercelldiv.e-headerchkcelldiv .e-sortnumber {
3180
3197
  float: left;
3181
- margin: 0 4px 0 5px;
3198
+ margin: 0 4px 0 -18px;
3182
3199
  }
3183
3200
  .e-grid.e-rtl .e-headercell .e-filterbarcell input, .e-grid.e-rtl .e-detailheadercell .e-filterbarcell input {
3184
3201
  border-width: 0;
@@ -3264,7 +3281,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3264
3281
  border-top: 2px solid;
3265
3282
  }
3266
3283
  .e-grid.e-rtl .e-groupheadercell span.e-grouptext {
3267
- margin-left: -8px;
3284
+ margin-left: -7px;
3268
3285
  margin-right: 0;
3269
3286
  }
3270
3287
  .e-grid.e-rtl .e-groupheadercell span {
@@ -3368,7 +3385,7 @@ li.e-separator.e-menu-item.e-excel-separator {
3368
3385
  }
3369
3386
  .e-grid.e-rtl span.e-ungroupbutton.e-icons {
3370
3387
  margin-left: 0;
3371
- margin-right: -9px;
3388
+ margin-right: -8px;
3372
3389
  padding-top: 4px;
3373
3390
  }
3374
3391
  .e-grid.e-rtl.e-default.e-bothlines .e-headercell, .e-grid.e-rtl.e-default.e-bothlines .e-detailheadercell {
@@ -3696,10 +3713,18 @@ li.e-separator.e-menu-item.e-excel-separator {
3696
3713
  .e-bigger.e-grid .e-ccdlg span.e-ccsearch-icon.e-cc-cancel {
3697
3714
  font-size: 16px;
3698
3715
  }
3716
+ .e-bigger .e-grid .e-columnmenu,
3717
+ .e-bigger.e-grid .e-columnmenu {
3718
+ margin: -13px -18px -13px 4px;
3719
+ }
3699
3720
  .e-bigger .e-grid.e-rtl .e-columnmenu,
3700
3721
  .e-bigger.e-grid.e-rtl .e-columnmenu {
3701
3722
  margin: -13px 6px -13px -16px;
3702
3723
  }
3724
+ .e-bigger .e-grid.e-rtl.e-device .e-columnmenu,
3725
+ .e-bigger.e-grid.e-rtl.e-device .e-columnmenu {
3726
+ margin: -18px 6px -13px -16px;
3727
+ }
3703
3728
  .e-bigger .e-grid.e-rtl .e-groupheadercell span,
3704
3729
  .e-bigger.e-grid.e-rtl .e-groupheadercell span {
3705
3730
  padding: 0 0 0 8px;
@@ -4012,9 +4037,9 @@ li.e-separator.e-menu-item.e-excel-separator {
4012
4037
  }
4013
4038
  .e-bigger .e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-dlg-custom-header,
4014
4039
  .e-bigger.e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-dlg-custom-header {
4015
- font-weight: 500;
4016
4040
  padding-top: 2px;
4017
4041
  width: 100%;
4042
+ font-weight: 500;
4018
4043
  }
4019
4044
  .e-bigger .e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-filter-clear-btn,
4020
4045
  .e-bigger.e-responsive-dialog .e-dlg-header-content .e-dlg-header .e-res-custom-element .e-res-filter-clear-btn {
@@ -4327,6 +4352,8 @@ li.e-separator.e-menu-item.e-excel-separator {
4327
4352
  }
4328
4353
  .e-grid .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder,
4329
4354
  .e-grid .e-gridcontent .e-rowcell.e-dragborder,
4355
+ .e-grid .e-gridcontent .e-groupcaption.e-dragborder,
4356
+ .e-grid .e-gridcontent .e-summarycell.e-dragborder,
4330
4357
  .e-grid .e-gridcontent .e-rowdragdrop.e-dragborder, .e-grid .e-gridheader thead tr th.e-firstrowdragborder, .e-grid.e-rtl .e-gridcontent tr.e-row:first-child .e-rowcell.e-dragborder, .e-grid.e-rtl .e-gridcontent .e-rowcell.e-dragborder, .e-grid.e-rtl .e-gridcontent .e-rowdragdrop.e-dragborder {
4331
4358
  box-shadow: 0 2px 0 0 #4f46e5;
4332
4359
  position: relative;
@@ -4403,7 +4430,8 @@ li.e-separator.e-menu-item.e-excel-separator {
4403
4430
  .e-grid .e-summaryrow .e-summarycell,
4404
4431
  .e-grid .e-summaryrow .e-templatecell,
4405
4432
  .e-grid .e-summarycontent .e-indentcell,
4406
- .e-grid .e-indentcell.e-detailindentcelltop {
4433
+ .e-grid .e-indentcell.e-detailindentcelltop,
4434
+ .e-grid .e-groupfooterrow.e-summaryrow .e-indentcell.e-indentcelltop {
4407
4435
  background-color: #f9fafb;
4408
4436
  border-color: #e5e7eb;
4409
4437
  color: #6b7280;
@@ -1,20 +0,0 @@
1
- {
2
- "$schema": "./node_modules/@angular-devkit/schematics/collection-schema.json",
3
- "schematics": {
4
- "ng-add": {
5
- "description": "Adds Essential JS 2 specific Angular package to an application",
6
- "factory": "./ng-add",
7
- "schema": "./ng-add/schema.json"
8
- },
9
- "grid-default": {
10
- "description": "Create an Angular component with EJ2 grid",
11
- "factory": "./generators/grid-default",
12
- "schema": "./generators/grid-default/schema.json"
13
- },
14
- "grid-feature": {
15
- "description": "Create an Angular component with EJ2 grid with paging, filtering, grouping, sorting feature",
16
- "factory": "./generators/grid-feature",
17
- "schema": "./generators/grid-feature/schema.json"
18
- }
19
- }
20
- }
@@ -1,3 +0,0 @@
1
- import { Rule } from '@angular-devkit/schematics';
2
- import { Schema } from './schema';
3
- export default function (options: Schema): Rule;
@@ -1,8 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- const schematics_1 = require("@syncfusion/ej2-angular-base/schematics");
4
- const sampleDetails = require("./sample-details");
5
- function default_1(options) {
6
- return schematics_1.componentBuilder(options, sampleDetails);
7
- }
8
- exports.default = default_1;
@@ -1,5 +0,0 @@
1
- export declare const componentName: string;
2
- export declare const sampleName: string;
3
- export declare const diModules: string;
4
- export declare const packageName: string;
5
- export declare const libModules: string;
@@ -1,7 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.componentName = 'grid';
4
- exports.sampleName = 'default';
5
- exports.diModules = null;
6
- exports.packageName = '@syncfusion/ej2-angular-grids';
7
- exports.libModules = 'GridModule';
@@ -1,5 +0,0 @@
1
-
2
- .control-section {
3
- overflow: auto;
4
- padding-bottom: 10px;
5
- }
@@ -1,11 +0,0 @@
1
- <div class="control-section">
2
- <ejs-grid [dataSource]='data' height='350'>
3
- <e-columns>
4
- <e-column field='OrderID' headerText='Order ID' width='120' textAlign='Right'></e-column>
5
- <e-column field='CustomerID' headerText='Customer Name' width='150'></e-column>
6
- <e-column field='OrderDate' headerText='Order Date' width='130' format="yMd" textAlign='Right'></e-column>
7
- <e-column field='Freight' headerText='Freight' width='120' format='C2' textAlign='Right'></e-column>
8
- <e-column field='ShipCountry' headerText='Ship Country' width='150'></e-column>
9
- </e-columns>
10
- </ejs-grid>
11
- </div>
@@ -1,3 +0,0 @@
1
- import { Schema as ComponentSchema } from '@schematics/angular/component/schema';
2
- export interface Schema extends ComponentSchema {
3
- }
@@ -1,2 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
@@ -1,125 +0,0 @@
1
- {
2
- "$schema": "http://json-schema.org/schema",
3
- "$id": "EJ2SchemaTemplateID",
4
- "title": "grid-default",
5
- "type": "object",
6
- "properties": {
7
- "path": {
8
- "type": "string",
9
- "format": "path",
10
- "description": "The path to create the component.",
11
- "visible": false
12
- },
13
- "project": {
14
- "type": "string",
15
- "description": "The name of the project.",
16
- "$default": {
17
- "$source": "projectName"
18
- }
19
- },
20
- "name": {
21
- "type": "string",
22
- "description": "The name of the component.",
23
- "$default": {
24
- "$source": "argv",
25
- "index": 0
26
- }
27
- },
28
- "inlineStyle": {
29
- "description": "Specifies if the style will be in the ts file.",
30
- "type": "boolean",
31
- "default": false,
32
- "alias": "s"
33
- },
34
- "inlineTemplate": {
35
- "description": "Specifies if the template will be in the ts file.",
36
- "type": "boolean",
37
- "default": false,
38
- "alias": "t"
39
- },
40
- "viewEncapsulation": {
41
- "description": "Specifies the view encapsulation strategy.",
42
- "enum": [
43
- "Emulated",
44
- "Native",
45
- "None",
46
- "ShadowDom"
47
- ],
48
- "type": "string",
49
- "alias": "v"
50
- },
51
- "changeDetection": {
52
- "description": "Specifies the change detection strategy.",
53
- "enum": [
54
- "Default",
55
- "OnPush"
56
- ],
57
- "type": "string",
58
- "default": "Default",
59
- "alias": "c"
60
- },
61
- "prefix": {
62
- "type": "string",
63
- "description": "The prefix to apply to generated selectors.",
64
- "alias": "p",
65
- "oneOf": [
66
- {
67
- "maxLength": 0
68
- },
69
- {
70
- "minLength": 1,
71
- "format": "html-selector"
72
- }
73
- ]
74
- },
75
- "styleext": {
76
- "description": "The file extension to be used for style files.",
77
- "type": "string",
78
- "default": "css"
79
- },
80
- "spec": {
81
- "type": "boolean",
82
- "description": "Specifies if a spec file is generated.",
83
- "default": true
84
- },
85
- "flat": {
86
- "type": "boolean",
87
- "description": "Flag to indicate if a dir is created.",
88
- "default": false
89
- },
90
- "skipImport": {
91
- "type": "boolean",
92
- "description": "Flag to skip the module import.",
93
- "default": false
94
- },
95
- "selector": {
96
- "type": "string",
97
- "format": "html-selector",
98
- "description": "The selector to use for the component."
99
- },
100
- "module": {
101
- "type": "string",
102
- "description": "Allows specification of the declaring module.",
103
- "alias": "m"
104
- },
105
- "export": {
106
- "type": "boolean",
107
- "default": false,
108
- "description": "Specifies if declaring module exports the component."
109
- },
110
- "entryComponent": {
111
- "type": "boolean",
112
- "default": false,
113
- "description": "Specifies if the component is an entry component of declaring module."
114
- },
115
- "lintFix": {
116
- "type": "boolean",
117
- "default": false,
118
- "description": "Specifies whether to apply lint fixes after generating the component."
119
- }
120
- },
121
- "required": [
122
- "name"
123
- ],
124
- "id": "grid-default"
125
- }
@@ -1,3 +0,0 @@
1
- import { Rule } from '@angular-devkit/schematics';
2
- import { Schema } from './schema';
3
- export default function (options: Schema): Rule;
@@ -1,8 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- const schematics_1 = require("@syncfusion/ej2-angular-base/schematics");
4
- const sampleDetails = require("./sample-details");
5
- function default_1(options) {
6
- return schematics_1.componentBuilder(options, sampleDetails);
7
- }
8
- exports.default = default_1;
@@ -1,5 +0,0 @@
1
- export declare const componentName: string;
2
- export declare const sampleName: string;
3
- export declare const diModules: string;
4
- export declare const packageName: string;
5
- export declare const libModules: string;