@skyux/ag-grid 7.0.0-beta.0 → 7.0.0-beta.10

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 (11) hide show
  1. package/css/sky-ag-grid.css +23 -26
  2. package/documentation.json +561 -374
  3. package/esm2020/lib/modules/ag-grid/ag-grid-wrapper.component.mjs +59 -5
  4. package/esm2020/lib/modules/ag-grid/cell-renderers/cell-renderer-currency/cell-renderer-currency.component.mjs +4 -5
  5. package/esm2020/lib/modules/shared/sky-ag-grid-resources.module.mjs +1 -4
  6. package/fesm2015/skyux-ag-grid.mjs +61 -11
  7. package/fesm2015/skyux-ag-grid.mjs.map +1 -1
  8. package/fesm2020/skyux-ag-grid.mjs +58 -11
  9. package/fesm2020/skyux-ag-grid.mjs.map +1 -1
  10. package/lib/modules/ag-grid/ag-grid-wrapper.component.d.ts +6 -3
  11. package/package.json +12 -12
package/css/sky-ag-grid.css CHANGED
@@ -3207,23 +3207,20 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
3207
3207
  cursor: pointer;
3208
3208
  }
3209
3209
 
3210
- .sky-ag-grid.sky-ag-grid-top-scrollbar .ag-root > .ag-header {
3211
- order: 1;
3212
- }
3213
- .sky-ag-grid.sky-ag-grid-top-scrollbar .ag-root > .ag-body-horizontal-scroll {
3214
- order: 2;
3215
- }
3216
- .sky-ag-grid.sky-ag-grid-top-scrollbar .ag-root > .ag-floating-top {
3217
- order: 3;
3218
- }
3219
- .sky-ag-grid.sky-ag-grid-top-scrollbar .ag-root > .ag-body-viewport {
3220
- order: 4;
3210
+ .sky-ag-grid.sky-ag-grid-top-scrollbar .ag-root > .ag-body-viewport .ag-center-cols-viewport {
3211
+ /* Prevent a double scrollbar. */
3212
+ scrollbar-width: none;
3221
3213
  }
3222
- .sky-ag-grid.sky-ag-grid-top-scrollbar .ag-root > .ag-floating-bottom {
3223
- order: 5;
3214
+ .sky-ag-grid.sky-ag-grid-top-scrollbar .ag-root > .ag-body-viewport .ag-center-cols-viewport::-webkit-scrollbar {
3215
+ display: none;
3224
3216
  }
3225
- .sky-ag-grid.sky-ag-grid-top-scrollbar .ag-root > .ag-overlay {
3226
- order: 6;
3217
+ .sky-ag-grid.sky-ag-grid-top-scrollbar .ag-root .ag-body-horizontal-scroll.ag-scrollbar-invisible {
3218
+ /* Value is overridden in SkyAgGridWrapperComponent to match the calculated value AG Grid uses. */
3219
+ --sky-ag-body-horizontal-scroll-width: 15px;
3220
+ position: relative;
3221
+ z-index: 1;
3222
+ bottom: revert;
3223
+ margin-bottom: calc(var(--sky-ag-body-horizontal-scroll-width) * -1);
3227
3224
  }
3228
3225
 
3229
3226
  ag-grid-angular:not(.sky-ag-grid-editable) {
@@ -8143,7 +8140,7 @@ ag-grid-angular:not(.sky-ag-grid-editable) .ag-cell:not(.ag-cell-wrap-text) .ag-
8143
8140
  }
8144
8141
  ag-grid-angular:not(.sky-ag-grid-editable) .ag-cell.ag-cell-wrap-text span.ag-cell-value {
8145
8142
  display: block;
8146
- min-height: 36px;
8143
+ min-height: ag-param(row-height)-2px;
8147
8144
  line-height: 1.428571429;
8148
8145
  padding-top: 7px;
8149
8146
  padding-bottom: 7px;
@@ -13090,7 +13087,7 @@ ag-grid-angular.sky-ag-grid-editable .ag-cell:not(.ag-cell-wrap-text) .ag-cell-w
13090
13087
  }
13091
13088
  ag-grid-angular.sky-ag-grid-editable .ag-cell.ag-cell-wrap-text span.ag-cell-value {
13092
13089
  display: block;
13093
- min-height: 36px;
13090
+ min-height: ag-param(row-height)-2px;
13094
13091
  line-height: 1.428571429;
13095
13092
  padding-top: 7px;
13096
13093
  padding-bottom: 7px;
@@ -13136,11 +13133,11 @@ ag-grid-angular.sky-ag-grid-editable .ag-picker-field-wrapper {
13136
13133
  border-radius: 0;
13137
13134
  }
13138
13135
  ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus {
13139
- line-height: 34px;
13136
+ line-height: ag-param(row-height)-4;
13140
13137
  }
13141
13138
  ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-inline-editing,
13142
13139
  ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editing:not(.sky-ag-grid-cell-lookup) {
13143
- height: 37px;
13140
+ height: ag-param(row-height)-1;
13144
13141
  box-shadow: 0 0 8px rgba(0, 180, 241, 0.6);
13145
13142
  border: 1px solid #00b4f1;
13146
13143
  outline: none;
@@ -18037,7 +18034,7 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
18037
18034
  }
18038
18035
  .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-cell.ag-cell-wrap-text span.ag-cell-value {
18039
18036
  display: block;
18040
- min-height: 58px;
18037
+ min-height: ag-param(row-height)-2px;
18041
18038
  line-height: 1.5;
18042
18039
  padding-top: 16px;
18043
18040
  padding-bottom: 16px;
@@ -22968,7 +22965,7 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
22968
22965
  }
22969
22966
  .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-cell.ag-cell-wrap-text span.ag-cell-value {
22970
22967
  display: block;
22971
- min-height: 58px;
22968
+ min-height: ag-param(row-height)-2px;
22972
22969
  line-height: 1.5;
22973
22970
  padding-top: 16px;
22974
22971
  padding-bottom: 16px;
@@ -22995,11 +22992,11 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
22995
22992
  z-index: 1;
22996
22993
  }
22997
22994
  .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell.ag-cell-focus {
22998
- line-height: 56px;
22995
+ line-height: ag-param(row-height)-4;
22999
22996
  z-index: 1;
23000
22997
  }
23001
22998
  .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell.ag-cell-focus.ag-cell-inline-editing, .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell.ag-cell-focus.ag-cell-popup-editing {
23002
- height: 59px;
22999
+ height: ag-param(row-height)-1;
23003
23000
  padding-left: 0;
23004
23001
  padding-right: 0;
23005
23002
  border: 2px solid #1870B8;
@@ -27901,7 +27898,7 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
27901
27898
  }
27902
27899
  .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-cell.ag-cell-wrap-text span.ag-cell-value {
27903
27900
  display: block;
27904
- min-height: 58px;
27901
+ min-height: ag-param(row-height)-2px;
27905
27902
  line-height: 1.5;
27906
27903
  padding-top: 16px;
27907
27904
  padding-bottom: 16px;
@@ -27925,7 +27922,7 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
27925
27922
  }
27926
27923
  .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-cell.ag-cell-wrap-text span.ag-cell-value {
27927
27924
  display: block;
27928
- min-height: 58px;
27925
+ min-height: ag-param(row-height)-2px;
27929
27926
  line-height: 1.5;
27930
27927
  padding-top: 16px;
27931
27928
  padding-bottom: 16px;
@@ -32822,7 +32819,7 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
32822
32819
  }
32823
32820
  .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-cell.ag-cell-wrap-text span.ag-cell-value {
32824
32821
  display: block;
32825
- min-height: 58px;
32822
+ min-height: ag-param(row-height)-2px;
32826
32823
  line-height: 1.5;
32827
32824
  padding-top: 16px;
32828
32825
  padding-bottom: 16px;