@skyux/ag-grid 11.0.0-alpha.9 → 11.0.0-beta.1

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 (53) hide show
  1. package/css/sky-ag-grid.css +210 -41
  2. package/documentation.json +1158 -1148
  3. package/esm2022/lib/modules/ag-grid/ag-grid-adapter.service.mjs +4 -8
  4. package/esm2022/lib/modules/ag-grid/ag-grid-data-manager-adapter.directive.mjs +72 -6
  5. package/esm2022/lib/modules/ag-grid/ag-grid-row-delete.component.mjs +3 -3
  6. package/esm2022/lib/modules/ag-grid/ag-grid-row-delete.directive.mjs +3 -3
  7. package/esm2022/lib/modules/ag-grid/ag-grid-wrapper.component.mjs +52 -9
  8. package/esm2022/lib/modules/ag-grid/ag-grid.module.mjs +4 -4
  9. package/esm2022/lib/modules/ag-grid/ag-grid.service.mjs +20 -6
  10. package/esm2022/lib/modules/ag-grid/cell-editors/cell-editor-autocomplete/cell-editor-autocomplete.component.mjs +3 -3
  11. package/esm2022/lib/modules/ag-grid/cell-editors/cell-editor-autocomplete/cell-editor-autocomplete.module.mjs +4 -4
  12. package/esm2022/lib/modules/ag-grid/cell-editors/cell-editor-currency/cell-editor-currency.component.mjs +3 -3
  13. package/esm2022/lib/modules/ag-grid/cell-editors/cell-editor-currency/cell-editor-currency.module.mjs +4 -4
  14. package/esm2022/lib/modules/ag-grid/cell-editors/cell-editor-datepicker/cell-editor-datepicker.component.mjs +3 -3
  15. package/esm2022/lib/modules/ag-grid/cell-editors/cell-editor-datepicker/cell-editor-datepicker.module.mjs +4 -4
  16. package/esm2022/lib/modules/ag-grid/cell-editors/cell-editor-lookup/cell-editor-lookup.component.mjs +3 -3
  17. package/esm2022/lib/modules/ag-grid/cell-editors/cell-editor-lookup/cell-editor-lookup.module.mjs +5 -9
  18. package/esm2022/lib/modules/ag-grid/cell-editors/cell-editor-number/cell-editor-number.component.mjs +3 -3
  19. package/esm2022/lib/modules/ag-grid/cell-editors/cell-editor-number/cell-editor-number.module.mjs +4 -4
  20. package/esm2022/lib/modules/ag-grid/cell-editors/cell-editor-text/cell-editor-text.component.mjs +3 -3
  21. package/esm2022/lib/modules/ag-grid/cell-editors/cell-editor-text/cell-editor-text.module.mjs +4 -4
  22. package/esm2022/lib/modules/ag-grid/cell-renderers/cell-renderer-currency/cell-renderer-currency-validator.component.mjs +3 -3
  23. package/esm2022/lib/modules/ag-grid/cell-renderers/cell-renderer-currency/cell-renderer-currency.component.mjs +3 -3
  24. package/esm2022/lib/modules/ag-grid/cell-renderers/cell-renderer-currency/cell-renderer-currency.module.mjs +6 -10
  25. package/esm2022/lib/modules/ag-grid/cell-renderers/cell-renderer-lookup/cell-renderer-lookup.component.mjs +3 -3
  26. package/esm2022/lib/modules/ag-grid/cell-renderers/cell-renderer-lookup/cell-renderer-lookup.module.mjs +6 -7
  27. package/esm2022/lib/modules/ag-grid/cell-renderers/cell-renderer-row-selector/cell-renderer-row-selector.component.mjs +43 -48
  28. package/esm2022/lib/modules/ag-grid/cell-renderers/cell-renderer-row-selector/cell-renderer-row-selector.module.mjs +6 -17
  29. package/esm2022/lib/modules/ag-grid/cell-renderers/cell-renderer-template/cell-renderer-template.component.mjs +3 -3
  30. package/esm2022/lib/modules/ag-grid/cell-renderers/cell-renderer-validator-tooltip/cell-renderer-validator-tooltip.component.mjs +3 -3
  31. package/esm2022/lib/modules/ag-grid/cell-renderers/cell-renderer-validator-tooltip/cell-renderer-validator-tooltip.module.mjs +4 -4
  32. package/esm2022/lib/modules/ag-grid/cell-validator/ag-grid-cell-validator-tooltip.component.mjs +5 -5
  33. package/esm2022/lib/modules/ag-grid/cell-validator/ag-grid-cell-validator.module.mjs +6 -7
  34. package/esm2022/lib/modules/ag-grid/header/header-group.component.mjs +3 -3
  35. package/esm2022/lib/modules/ag-grid/header/header.component.mjs +16 -9
  36. package/esm2022/lib/modules/ag-grid/loading/loading.component.mjs +3 -3
  37. package/esm2022/lib/modules/ag-grid/types/cell-class.mjs +2 -1
  38. package/esm2022/lib/modules/ag-grid/types/header-group-info.mjs +3 -3
  39. package/esm2022/lib/modules/ag-grid/types/header-info.mjs +3 -3
  40. package/esm2022/lib/modules/shared/sky-ag-grid-resources.module.mjs +6 -5
  41. package/fesm2022/skyux-ag-grid.mjs +409 -303
  42. package/fesm2022/skyux-ag-grid.mjs.map +1 -1
  43. package/lib/modules/ag-grid/ag-grid-adapter.service.d.ts +0 -1
  44. package/lib/modules/ag-grid/ag-grid-data-manager-adapter.directive.d.ts +3 -2
  45. package/lib/modules/ag-grid/cell-editors/cell-editor-lookup/cell-editor-lookup.module.d.ts +5 -6
  46. package/lib/modules/ag-grid/cell-renderers/cell-renderer-currency/cell-renderer-currency.module.d.ts +5 -6
  47. package/lib/modules/ag-grid/cell-renderers/cell-renderer-lookup/cell-renderer-lookup.module.d.ts +2 -3
  48. package/lib/modules/ag-grid/cell-renderers/cell-renderer-row-selector/cell-renderer-row-selector.component.d.ts +2 -2
  49. package/lib/modules/ag-grid/cell-renderers/cell-renderer-row-selector/cell-renderer-row-selector.module.d.ts +1 -2
  50. package/lib/modules/ag-grid/cell-validator/ag-grid-cell-validator.module.d.ts +3 -4
  51. package/lib/modules/ag-grid/header/header.component.d.ts +2 -1
  52. package/lib/modules/ag-grid/types/cell-class.d.ts +1 -0
  53. package/package.json +18 -18
package/css/sky-ag-grid.css CHANGED
@@ -1141,6 +1141,10 @@
1141
1141
  background-color: var(--ag-background-color);
1142
1142
  }
1143
1143
 
1144
+ .ag-sticky-bottom {
1145
+ border-top: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width);
1146
+ }
1147
+
1144
1148
  .ag-root-wrapper,
1145
1149
  .ag-popup {
1146
1150
  --ag-indentation-level: 0;
@@ -1347,18 +1351,30 @@ ag-grid-aurelia {
1347
1351
  }
1348
1352
 
1349
1353
  .ag-body-viewport,
1350
- .ag-center-cols-viewport {
1354
+ .ag-center-cols-viewport,
1355
+ .ag-header-viewport,
1356
+ .ag-floating-top-viewport,
1357
+ .ag-floating-bottom-viewport,
1358
+ .ag-sticky-top-viewport,
1359
+ .ag-sticky-bottom-viewport {
1360
+ overflow-x: auto;
1351
1361
  -ms-overflow-style: none !important;
1352
1362
  scrollbar-width: none !important;
1353
1363
  }
1354
1364
 
1355
1365
  .ag-body-viewport::-webkit-scrollbar,
1356
- .ag-center-cols-viewport::-webkit-scrollbar {
1366
+ .ag-center-cols-viewport::-webkit-scrollbar,
1367
+ .ag-header-viewport::-webkit-scrollbar,
1368
+ .ag-floating-top-viewport::-webkit-scrollbar,
1369
+ .ag-floating-bottom-viewport::-webkit-scrollbar,
1370
+ .ag-sticky-top-viewport::-webkit-scrollbar,
1371
+ .ag-sticky-bottom-viewport::-webkit-scrollbar {
1357
1372
  display: none !important;
1358
1373
  }
1359
1374
 
1360
1375
  .ag-body-viewport {
1361
1376
  display: flex;
1377
+ overflow-x: hidden;
1362
1378
  }
1363
1379
 
1364
1380
  .ag-body-viewport.ag-layout-normal {
@@ -1366,10 +1382,14 @@ ag-grid-aurelia {
1366
1382
  -webkit-overflow-scrolling: touch;
1367
1383
  }
1368
1384
 
1385
+ .ag-sticky-top-container,
1386
+ .ag-sticky-bottom-container {
1387
+ min-height: 1px;
1388
+ }
1389
+
1369
1390
  .ag-center-cols-viewport {
1370
1391
  min-height: 100%;
1371
1392
  width: 100%;
1372
- overflow-x: auto;
1373
1393
  }
1374
1394
 
1375
1395
  .ag-body-horizontal-scroll-viewport {
@@ -1590,6 +1610,7 @@ ag-grid-aurelia {
1590
1610
  align-items: center;
1591
1611
  position: absolute;
1592
1612
  height: 100%;
1613
+ overflow: hidden;
1593
1614
  }
1594
1615
 
1595
1616
  .ag-header-cell.ag-header-active .ag-header-cell-menu-button,
@@ -1624,7 +1645,6 @@ ag-grid-aurelia {
1624
1645
  .ag-header-group-text {
1625
1646
  overflow: hidden;
1626
1647
  text-overflow: ellipsis;
1627
- white-space: nowrap;
1628
1648
  }
1629
1649
 
1630
1650
  .ag-header-cell-text {
@@ -1633,6 +1653,10 @@ ag-grid-aurelia {
1633
1653
  word-break: break-word;
1634
1654
  }
1635
1655
 
1656
+ .ag-header-group-cell .ag-header-cell-comp-wrapper {
1657
+ display: flex;
1658
+ }
1659
+
1636
1660
  .ag-header-cell:not(.ag-header-cell-auto-height) .ag-header-cell-comp-wrapper {
1637
1661
  height: 100%;
1638
1662
  display: flex;
@@ -2128,6 +2152,12 @@ ag-grid-aurelia {
2128
2152
  position: absolute;
2129
2153
  display: flex;
2130
2154
  width: 100%;
2155
+ overflow: hidden;
2156
+ height: 0px;
2157
+ }
2158
+
2159
+ .ag-sticky-bottom {
2160
+ box-sizing: content-box !important;
2131
2161
  }
2132
2162
 
2133
2163
  .ag-pinned-left-sticky-top,
@@ -2572,6 +2602,10 @@ ag-grid-aurelia {
2572
2602
  align-items: center;
2573
2603
  height: 100%;
2574
2604
  width: 100%;
2605
+ }
2606
+
2607
+ .ag-header-group-cell-label,
2608
+ .ag-cell-label-container {
2575
2609
  padding: 5px 0px;
2576
2610
  }
2577
2611
 
@@ -3902,16 +3936,6 @@ button[class^=ag-]:focus {
3902
3936
  border-bottom: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width);
3903
3937
  }
3904
3938
 
3905
- .ag-sticky-bottom::after {
3906
- content: "";
3907
- position: absolute;
3908
- top: 0;
3909
- left: 0;
3910
- width: 100%;
3911
- height: 1px;
3912
- border-top: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width);
3913
- }
3914
-
3915
3939
  .ag-row-highlight-above::after,
3916
3940
  .ag-row-highlight-below::after {
3917
3941
  content: "";
@@ -4085,10 +4109,6 @@ button[class^=ag-]:focus {
4085
4109
  padding: var(--ag-grid-size);
4086
4110
  }
4087
4111
 
4088
- .ag-overlay-no-rows-wrapper.ag-layout-auto-height {
4089
- padding-top: 30px;
4090
- }
4091
-
4092
4112
  .ag-skeleton-container {
4093
4113
  width: 100%;
4094
4114
  height: 100%;
@@ -5410,7 +5430,6 @@ button.ag-side-button-button:focus {
5410
5430
  .ag-chart {
5411
5431
  position: relative;
5412
5432
  display: flex;
5413
- overflow: hidden;
5414
5433
  width: 100%;
5415
5434
  height: 100%;
5416
5435
  }
@@ -5419,13 +5438,11 @@ button.ag-side-button-button:focus {
5419
5438
  position: relative;
5420
5439
  display: flex;
5421
5440
  flex: 1 1 auto;
5422
- overflow: hidden;
5423
5441
  }
5424
5442
 
5425
5443
  .ag-chart-canvas-wrapper {
5426
5444
  position: relative;
5427
5445
  flex: 1 1 auto;
5428
- overflow: hidden;
5429
5446
  }
5430
5447
 
5431
5448
  .ag-chart-menu {
@@ -7195,16 +7212,6 @@ button.ag-side-button-button:focus {
7195
7212
  min-height: 150px;
7196
7213
  }
7197
7214
 
7198
- .ag-theme-alpine .ag-overlay-no-rows-wrapper.ag-layout-auto-height,
7199
- .ag-theme-alpine-dark .ag-overlay-no-rows-wrapper.ag-layout-auto-height,
7200
- .ag-theme-sky-data-entry-grid-modern-dark-compact .ag-overlay-no-rows-wrapper.ag-layout-auto-height,
7201
- .ag-theme-sky-data-entry-grid-modern-dark .ag-overlay-no-rows-wrapper.ag-layout-auto-height,
7202
- .ag-theme-sky-data-grid-modern-dark-compact .ag-overlay-no-rows-wrapper.ag-layout-auto-height,
7203
- .ag-theme-sky-data-grid-modern-dark .ag-overlay-no-rows-wrapper.ag-layout-auto-height,
7204
- .ag-theme-alpine-auto-dark .ag-overlay-no-rows-wrapper.ag-layout-auto-height {
7205
- padding-top: 60px;
7206
- }
7207
-
7208
7215
  .ag-theme-alpine .ag-date-time-list-page-entry-is-current,
7209
7216
  .ag-theme-alpine-dark .ag-date-time-list-page-entry-is-current,
7210
7217
  .ag-theme-sky-data-entry-grid-modern-dark-compact .ag-date-time-list-page-entry-is-current,
@@ -7985,6 +7992,48 @@ button.ag-side-button-button:focus {
7985
7992
  .ag-theme-sky-data-entry-grid-modern-dark-compact .ag-root-wrapper .ag-root input[class^=ag-][type=range] {
7986
7993
  cursor: pointer;
7987
7994
  }
7995
+ .ag-theme-sky-data-grid-default .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox],
7996
+ .ag-theme-sky-data-entry-grid-default .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox],
7997
+ .ag-theme-sky-data-grid-modern-light .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox],
7998
+ .ag-theme-sky-data-entry-grid-modern-light .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox],
7999
+ .ag-theme-sky-data-grid-modern-dark .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox],
8000
+ .ag-theme-sky-data-entry-grid-modern-dark .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox],
8001
+ .ag-theme-sky-data-grid-modern-light-compact .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox],
8002
+ .ag-theme-sky-data-entry-grid-modern-light-compact .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox],
8003
+ .ag-theme-sky-data-grid-modern-dark-compact .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox],
8004
+ .ag-theme-sky-data-entry-grid-modern-dark-compact .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox] {
8005
+ appearance: none;
8006
+ display: inline-flex;
8007
+ width: var(--sky-switch-size);
8008
+ height: var(--sky-switch-size);
8009
+ }
8010
+ .ag-theme-sky-data-grid-default .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox]:disabled,
8011
+ .ag-theme-sky-data-entry-grid-default .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox]:disabled,
8012
+ .ag-theme-sky-data-grid-modern-light .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox]:disabled,
8013
+ .ag-theme-sky-data-entry-grid-modern-light .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox]:disabled,
8014
+ .ag-theme-sky-data-grid-modern-dark .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox]:disabled,
8015
+ .ag-theme-sky-data-entry-grid-modern-dark .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox]:disabled,
8016
+ .ag-theme-sky-data-grid-modern-light-compact .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox]:disabled,
8017
+ .ag-theme-sky-data-entry-grid-modern-light-compact .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox]:disabled,
8018
+ .ag-theme-sky-data-grid-modern-dark-compact .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox]:disabled,
8019
+ .ag-theme-sky-data-entry-grid-modern-dark-compact .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox]:disabled {
8020
+ background-color: var(--sky-background-color-disabled);
8021
+ cursor: default;
8022
+ }
8023
+ .ag-theme-sky-data-grid-default .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox]:checked:before,
8024
+ .ag-theme-sky-data-entry-grid-default .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox]:checked:before,
8025
+ .ag-theme-sky-data-grid-modern-light .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox]:checked:before,
8026
+ .ag-theme-sky-data-entry-grid-modern-light .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox]:checked:before,
8027
+ .ag-theme-sky-data-grid-modern-dark .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox]:checked:before,
8028
+ .ag-theme-sky-data-entry-grid-modern-dark .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox]:checked:before,
8029
+ .ag-theme-sky-data-grid-modern-light-compact .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox]:checked:before,
8030
+ .ag-theme-sky-data-entry-grid-modern-light-compact .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox]:checked:before,
8031
+ .ag-theme-sky-data-grid-modern-dark-compact .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox]:checked:before,
8032
+ .ag-theme-sky-data-entry-grid-modern-dark-compact .ag-root-wrapper .ag-root input.ag-checkbox-input[type=checkbox]:checked:before {
8033
+ background-color: currentColor;
8034
+ content: " ";
8035
+ display: inline-block;
8036
+ }
7988
8037
  .ag-theme-sky-data-grid-default .ag-header-cell-sortable .ag-header-cell-label,
7989
8038
  .ag-theme-sky-data-entry-grid-default .ag-header-cell-sortable .ag-header-cell-label,
7990
8039
  .ag-theme-sky-data-grid-modern-light .ag-header-cell-sortable .ag-header-cell-label,
@@ -8009,18 +8058,34 @@ button.ag-side-button-button:focus {
8009
8058
  .ag-theme-sky-data-entry-grid-modern-dark-compact .ag-scrollbar-invisible.sky-viewkeeper-fixed {
8010
8059
  box-shadow: none;
8011
8060
  }
8012
- .ag-theme-sky-data-grid-default .ag-sticky-bottom::after,
8013
- .ag-theme-sky-data-entry-grid-default .ag-sticky-bottom::after,
8014
- .ag-theme-sky-data-grid-modern-light .ag-sticky-bottom::after,
8015
- .ag-theme-sky-data-entry-grid-modern-light .ag-sticky-bottom::after,
8016
- .ag-theme-sky-data-grid-modern-dark .ag-sticky-bottom::after,
8017
- .ag-theme-sky-data-entry-grid-modern-dark .ag-sticky-bottom::after,
8018
- .ag-theme-sky-data-grid-modern-light-compact .ag-sticky-bottom::after,
8019
- .ag-theme-sky-data-entry-grid-modern-light-compact .ag-sticky-bottom::after,
8020
- .ag-theme-sky-data-grid-modern-dark-compact .ag-sticky-bottom::after,
8021
- .ag-theme-sky-data-entry-grid-modern-dark-compact .ag-sticky-bottom::after {
8061
+ .ag-theme-sky-data-grid-default .ag-sticky-bottom,
8062
+ .ag-theme-sky-data-entry-grid-default .ag-sticky-bottom,
8063
+ .ag-theme-sky-data-grid-modern-light .ag-sticky-bottom,
8064
+ .ag-theme-sky-data-entry-grid-modern-light .ag-sticky-bottom,
8065
+ .ag-theme-sky-data-grid-modern-dark .ag-sticky-bottom,
8066
+ .ag-theme-sky-data-entry-grid-modern-dark .ag-sticky-bottom,
8067
+ .ag-theme-sky-data-grid-modern-light-compact .ag-sticky-bottom,
8068
+ .ag-theme-sky-data-entry-grid-modern-light-compact .ag-sticky-bottom,
8069
+ .ag-theme-sky-data-grid-modern-dark-compact .ag-sticky-bottom,
8070
+ .ag-theme-sky-data-entry-grid-modern-dark-compact .ag-sticky-bottom {
8071
+ background-color: transparent;
8022
8072
  border-color: transparent;
8023
8073
  }
8074
+ .ag-theme-sky-data-grid-default .ag-cell.ag-cell-focus a:focus-visible:not(:active),
8075
+ .ag-theme-sky-data-entry-grid-default .ag-cell.ag-cell-focus a:focus-visible:not(:active),
8076
+ .ag-theme-sky-data-grid-modern-light .ag-cell.ag-cell-focus a:focus-visible:not(:active),
8077
+ .ag-theme-sky-data-entry-grid-modern-light .ag-cell.ag-cell-focus a:focus-visible:not(:active),
8078
+ .ag-theme-sky-data-grid-modern-dark .ag-cell.ag-cell-focus a:focus-visible:not(:active),
8079
+ .ag-theme-sky-data-entry-grid-modern-dark .ag-cell.ag-cell-focus a:focus-visible:not(:active),
8080
+ .ag-theme-sky-data-grid-modern-light-compact .ag-cell.ag-cell-focus a:focus-visible:not(:active),
8081
+ .ag-theme-sky-data-entry-grid-modern-light-compact .ag-cell.ag-cell-focus a:focus-visible:not(:active),
8082
+ .ag-theme-sky-data-grid-modern-dark-compact .ag-cell.ag-cell-focus a:focus-visible:not(:active),
8083
+ .ag-theme-sky-data-entry-grid-modern-dark-compact .ag-cell.ag-cell-focus a:focus-visible:not(:active) {
8084
+ margin-inline-start: 2px;
8085
+ outline-width: 2px;
8086
+ outline-style: solid;
8087
+ outline-offset: 0;
8088
+ }
8024
8089
 
8025
8090
  .ag-theme-sky-data-grid-default,
8026
8091
  .ag-theme-sky-data-grid-modern-light,
@@ -8142,6 +8207,14 @@ button.ag-side-button-button:focus {
8142
8207
  border-left-width: 0;
8143
8208
  border-right-width: 0;
8144
8209
  }
8210
+ .ag-theme-sky-data-entry-grid-default .ag-cell.ag-cell-focus.ag-cell-inline-editing.sky-ag-grid-cell-template,
8211
+ .ag-theme-sky-data-entry-grid-modern-light .ag-cell.ag-cell-focus.ag-cell-inline-editing.sky-ag-grid-cell-template,
8212
+ .ag-theme-sky-data-entry-grid-modern-dark .ag-cell.ag-cell-focus.ag-cell-inline-editing.sky-ag-grid-cell-template,
8213
+ .ag-theme-sky-data-entry-grid-modern-light-compact .ag-cell.ag-cell-focus.ag-cell-inline-editing.sky-ag-grid-cell-template,
8214
+ .ag-theme-sky-data-entry-grid-modern-dark-compact .ag-cell.ag-cell-focus.ag-cell-inline-editing.sky-ag-grid-cell-template {
8215
+ padding-left: calc(var(--ag-cell-horizontal-padding) - 1px + var(--ag-row-group-indent-size) * var(--ag-indentation-level));
8216
+ padding-right: calc(var(--ag-cell-horizontal-padding) - 1px);
8217
+ }
8145
8218
  .ag-theme-sky-data-entry-grid-default .ag-cell.ag-cell-focus.ag-cell-inline-editing, .ag-theme-sky-data-entry-grid-default .ag-cell.ag-cell-focus.ag-cell-popup-editing,
8146
8219
  .ag-theme-sky-data-entry-grid-modern-light .ag-cell.ag-cell-focus.ag-cell-inline-editing,
8147
8220
  .ag-theme-sky-data-entry-grid-modern-light .ag-cell.ag-cell-focus.ag-cell-popup-editing,
@@ -8361,6 +8434,34 @@ sky-ag-grid-wrapper + sky-infinite-scroll .sky-infinite-scroll {
8361
8434
  .ag-theme-sky-data-entry-grid-default .ag-header .ag-header-cell .ag-header-cell-label-sortable:hover {
8362
8435
  color: var(--sky-text-color-default);
8363
8436
  }
8437
+ .ag-theme-sky-data-grid-default input.ag-checkbox-input[type=checkbox],
8438
+ .ag-theme-sky-data-entry-grid-default input.ag-checkbox-input[type=checkbox] {
8439
+ border: 1px solid #cdcfd2;
8440
+ border-radius: 3px;
8441
+ color: var(--sky-text-color-default);
8442
+ }
8443
+ .ag-theme-sky-data-grid-default input.ag-checkbox-input[type=checkbox]:disabled,
8444
+ .ag-theme-sky-data-entry-grid-default input.ag-checkbox-input[type=checkbox]:disabled {
8445
+ border-color: var(--sky-background-color-disabled);
8446
+ border-width: 2px;
8447
+ }
8448
+ .ag-theme-sky-data-grid-default input.ag-checkbox-input[type=checkbox]:checked:not(:disabled),
8449
+ .ag-theme-sky-data-entry-grid-default input.ag-checkbox-input[type=checkbox]:checked:not(:disabled) {
8450
+ background-color: var(--sky-background-color-input-selected);
8451
+ border-color: var(--sky-highlight-color-info);
8452
+ border-width: 2px;
8453
+ }
8454
+ .ag-theme-sky-data-grid-default input.ag-checkbox-input[type=checkbox]:focus:not(:disabled),
8455
+ .ag-theme-sky-data-entry-grid-default input.ag-checkbox-input[type=checkbox]:focus:not(:disabled) {
8456
+ border-color: var(--sky-text-color-default);
8457
+ border-width: 2px;
8458
+ }
8459
+ .ag-theme-sky-data-grid-default input.ag-checkbox-input[type=checkbox]:checked:before,
8460
+ .ag-theme-sky-data-entry-grid-default input.ag-checkbox-input[type=checkbox]:checked:before {
8461
+ width: 1em;
8462
+ height: 1em;
8463
+ clip-path: polygon(49.372% 71.425%, 32.182% 52.751%, 32.182% 52.751%, 31.26% 52.724%, 29.741% 53.568%, 27.799% 55.088%, 25.607% 57.088%, 23.34% 59.373%, 21.171% 61.747%, 19.275% 64.015%, 17.824% 65.982%, 16.993% 67.452%, 16.956% 68.229%, 46.535% 100%, 46.535% 100%, 47.14% 100.571%, 47.802% 101.016%, 48.507% 101.333%, 49.24% 101.523%, 49.988% 101.587%, 50.736% 101.523%, 51.469% 101.333%, 52.174% 101.016%, 52.836% 100.571%, 53.44% 100%, 100% 49.061%, 100% 49.061%, 99.916% 48.228%, 99.021% 46.804%, 97.5% 44.958%, 95.536% 42.861%, 93.314% 40.682%, 91.017% 38.59%, 88.83% 36.755%, 86.935% 35.345%, 85.519% 34.532%, 84.763% 34.484%, 49.372% 71.425%);
8464
+ }
8364
8465
 
8365
8466
  .ag-theme-sky-data-grid-modern-light .ag-header .ag-header-cell .ag-header-cell-label-sortable,
8366
8467
  .ag-theme-sky-data-grid-modern-dark .ag-header .ag-header-cell .ag-header-cell-label-sortable,
@@ -10961,6 +11062,74 @@ sky-ag-grid-wrapper + sky-infinite-scroll .sky-infinite-scroll {
10961
11062
  var(--sky-text-color-action-primary);
10962
11063
  border-right-width: 3px;
10963
11064
  }
11065
+ .ag-theme-sky-data-grid-modern-light input.ag-checkbox-input[type=checkbox],
11066
+ .ag-theme-sky-data-grid-modern-dark input.ag-checkbox-input[type=checkbox],
11067
+ .ag-theme-sky-data-entry-grid-modern-light input.ag-checkbox-input[type=checkbox],
11068
+ .ag-theme-sky-data-entry-grid-modern-dark input.ag-checkbox-input[type=checkbox],
11069
+ .ag-theme-sky-data-grid-modern-light-compact input.ag-checkbox-input[type=checkbox],
11070
+ .ag-theme-sky-data-grid-modern-dark-compact input.ag-checkbox-input[type=checkbox],
11071
+ .ag-theme-sky-data-entry-grid-modern-light-compact input.ag-checkbox-input[type=checkbox],
11072
+ .ag-theme-sky-data-entry-grid-modern-dark-compact input.ag-checkbox-input[type=checkbox] {
11073
+ color: var(--sky-text-color-action-primary);
11074
+ border: 1px solid var(--sky-border-color-neutral-medium-dark);
11075
+ border-radius: 6px;
11076
+ }
11077
+ .ag-theme-sky-data-grid-modern-light input.ag-checkbox-input[type=checkbox]:disabled,
11078
+ .ag-theme-sky-data-grid-modern-dark input.ag-checkbox-input[type=checkbox]:disabled,
11079
+ .ag-theme-sky-data-entry-grid-modern-light input.ag-checkbox-input[type=checkbox]:disabled,
11080
+ .ag-theme-sky-data-entry-grid-modern-dark input.ag-checkbox-input[type=checkbox]:disabled,
11081
+ .ag-theme-sky-data-grid-modern-light-compact input.ag-checkbox-input[type=checkbox]:disabled,
11082
+ .ag-theme-sky-data-grid-modern-dark-compact input.ag-checkbox-input[type=checkbox]:disabled,
11083
+ .ag-theme-sky-data-entry-grid-modern-light-compact input.ag-checkbox-input[type=checkbox]:disabled,
11084
+ .ag-theme-sky-data-entry-grid-modern-dark-compact input.ag-checkbox-input[type=checkbox]:disabled {
11085
+ color: var(--sky-text-color-default);
11086
+ }
11087
+ .ag-theme-sky-data-grid-modern-light input.ag-checkbox-input[type=checkbox]:checked:not(:disabled),
11088
+ .ag-theme-sky-data-grid-modern-dark input.ag-checkbox-input[type=checkbox]:checked:not(:disabled),
11089
+ .ag-theme-sky-data-entry-grid-modern-light input.ag-checkbox-input[type=checkbox]:checked:not(:disabled),
11090
+ .ag-theme-sky-data-entry-grid-modern-dark input.ag-checkbox-input[type=checkbox]:checked:not(:disabled),
11091
+ .ag-theme-sky-data-grid-modern-light-compact input.ag-checkbox-input[type=checkbox]:checked:not(:disabled),
11092
+ .ag-theme-sky-data-grid-modern-dark-compact input.ag-checkbox-input[type=checkbox]:checked:not(:disabled),
11093
+ .ag-theme-sky-data-entry-grid-modern-light-compact input.ag-checkbox-input[type=checkbox]:checked:not(:disabled),
11094
+ .ag-theme-sky-data-entry-grid-modern-dark-compact input.ag-checkbox-input[type=checkbox]:checked:not(:disabled) {
11095
+ background-color: var(--sky-background-color-input-selected);
11096
+ border-color: var(--sky-text-color-action-primary);
11097
+ }
11098
+ .ag-theme-sky-data-grid-modern-light input.ag-checkbox-input[type=checkbox]:focus:not(:disabled),
11099
+ .ag-theme-sky-data-grid-modern-dark input.ag-checkbox-input[type=checkbox]:focus:not(:disabled),
11100
+ .ag-theme-sky-data-entry-grid-modern-light input.ag-checkbox-input[type=checkbox]:focus:not(:disabled),
11101
+ .ag-theme-sky-data-entry-grid-modern-dark input.ag-checkbox-input[type=checkbox]:focus:not(:disabled),
11102
+ .ag-theme-sky-data-grid-modern-light-compact input.ag-checkbox-input[type=checkbox]:focus:not(:disabled),
11103
+ .ag-theme-sky-data-grid-modern-dark-compact input.ag-checkbox-input[type=checkbox]:focus:not(:disabled),
11104
+ .ag-theme-sky-data-entry-grid-modern-light-compact input.ag-checkbox-input[type=checkbox]:focus:not(:disabled),
11105
+ .ag-theme-sky-data-entry-grid-modern-dark-compact input.ag-checkbox-input[type=checkbox]:focus:not(:disabled) {
11106
+ border-color: var(--sky-text-color-action-primary);
11107
+ border-width: 2px;
11108
+ box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.3);
11109
+ }
11110
+ .ag-theme-sky-data-grid-modern-light input.ag-checkbox-input[type=checkbox]:focus:not(:disabled):before,
11111
+ .ag-theme-sky-data-grid-modern-dark input.ag-checkbox-input[type=checkbox]:focus:not(:disabled):before,
11112
+ .ag-theme-sky-data-entry-grid-modern-light input.ag-checkbox-input[type=checkbox]:focus:not(:disabled):before,
11113
+ .ag-theme-sky-data-entry-grid-modern-dark input.ag-checkbox-input[type=checkbox]:focus:not(:disabled):before,
11114
+ .ag-theme-sky-data-grid-modern-light-compact input.ag-checkbox-input[type=checkbox]:focus:not(:disabled):before,
11115
+ .ag-theme-sky-data-grid-modern-dark-compact input.ag-checkbox-input[type=checkbox]:focus:not(:disabled):before,
11116
+ .ag-theme-sky-data-entry-grid-modern-light-compact input.ag-checkbox-input[type=checkbox]:focus:not(:disabled):before,
11117
+ .ag-theme-sky-data-entry-grid-modern-dark-compact input.ag-checkbox-input[type=checkbox]:focus:not(:disabled):before {
11118
+ margin: 1px;
11119
+ }
11120
+ .ag-theme-sky-data-grid-modern-light input.ag-checkbox-input[type=checkbox]:checked:before,
11121
+ .ag-theme-sky-data-grid-modern-dark input.ag-checkbox-input[type=checkbox]:checked:before,
11122
+ .ag-theme-sky-data-entry-grid-modern-light input.ag-checkbox-input[type=checkbox]:checked:before,
11123
+ .ag-theme-sky-data-entry-grid-modern-dark input.ag-checkbox-input[type=checkbox]:checked:before,
11124
+ .ag-theme-sky-data-grid-modern-light-compact input.ag-checkbox-input[type=checkbox]:checked:before,
11125
+ .ag-theme-sky-data-grid-modern-dark-compact input.ag-checkbox-input[type=checkbox]:checked:before,
11126
+ .ag-theme-sky-data-entry-grid-modern-light-compact input.ag-checkbox-input[type=checkbox]:checked:before,
11127
+ .ag-theme-sky-data-entry-grid-modern-dark-compact input.ag-checkbox-input[type=checkbox]:checked:before {
11128
+ margin: 2px;
11129
+ width: 1em;
11130
+ height: 1em;
11131
+ clip-path: polygon(42.065% 88.662%, 42.065% 88.662%, 93.002% 33.64%, 93.617% 33.094%, 94.286% 32.67%, 94.996% 32.37%, 95.733% 32.193%, 96.483% 32.138%, 97.232% 32.207%, 97.966% 32.397%, 98.672% 32.71%, 99.335% 33.146%, 99.941% 33.704%, 99.941% 33.704%, 100.457% 34.359%, 100.86% 35.075%, 101.15% 35.837%, 101.327% 36.63%, 101.39% 37.439%, 101.339% 38.249%, 101.175% 39.046%, 100.897% 39.812%, 100.506% 40.535%, 100% 41.198%, 100% 41.198%, 45.563% 100%, 44.951% 100.563%, 44.28% 101.001%, 43.566% 101.313%, 42.822% 101.501%, 42.065% 101.564%, 41.307% 101.501%, 40.564% 101.313%, 39.849% 101.001%, 39.179% 100.563%, 38.566% 100%, 38.566% 100%, 16.296% 75.945%, 15.791% 75.281%, 15.399% 74.559%, 15.121% 73.792%, 14.957% 72.996%, 14.906% 72.186%, 14.969% 71.376%, 15.146% 70.583%, 15.436% 69.821%, 15.839% 69.105%, 16.356% 68.45%, 16.356% 68.45%, 16.962% 67.892%, 17.625% 67.457%, 18.33% 67.144%, 19.064% 66.953%, 19.814% 66.885%, 20.564% 66.939%, 21.301% 67.117%, 22.011% 67.417%, 22.68% 67.84%, 23.294% 68.386%, 23.294% 68.386%);
11132
+ }
10964
11133
 
10965
11134
  .ag-theme-sky-data-grid-modern-light,
10966
11135
  .ag-theme-sky-data-grid-modern-light-compact {