@skyux/ag-grid 6.0.0-beta.3 → 6.0.0-beta.6

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 (41) hide show
  1. package/css/sky-ag-grid.css +693 -126
  2. package/documentation.json +321 -334
  3. package/esm2020/lib/modules/ag-grid/ag-grid-adapter.service.mjs +3 -3
  4. package/esm2020/lib/modules/ag-grid/ag-grid-data-manager-adapter.directive.mjs +3 -3
  5. package/esm2020/lib/modules/ag-grid/ag-grid-row-delete.component.mjs +3 -3
  6. package/esm2020/lib/modules/ag-grid/ag-grid-row-delete.directive.mjs +8 -14
  7. package/esm2020/lib/modules/ag-grid/ag-grid-wrapper.component.mjs +3 -3
  8. package/esm2020/lib/modules/ag-grid/ag-grid.module.mjs +5 -5
  9. package/esm2020/lib/modules/ag-grid/ag-grid.service.mjs +41 -19
  10. package/esm2020/lib/modules/ag-grid/cell-editors/cell-editor-autocomplete/cell-editor-autocomplete.component.mjs +3 -3
  11. package/esm2020/lib/modules/ag-grid/cell-editors/cell-editor-autocomplete/cell-editor-autocomplete.module.mjs +4 -4
  12. package/esm2020/lib/modules/ag-grid/cell-editors/cell-editor-currency/cell-editor-currency.component.mjs +3 -3
  13. package/esm2020/lib/modules/ag-grid/cell-editors/cell-editor-currency/cell-editor-currency.module.mjs +4 -4
  14. package/esm2020/lib/modules/ag-grid/cell-editors/cell-editor-datepicker/cell-editor-datepicker.component.mjs +3 -3
  15. package/esm2020/lib/modules/ag-grid/cell-editors/cell-editor-datepicker/cell-editor-datepicker.module.mjs +4 -4
  16. package/esm2020/lib/modules/ag-grid/cell-editors/cell-editor-lookup/cell-editor-lookup.component.mjs +3 -3
  17. package/esm2020/lib/modules/ag-grid/cell-editors/cell-editor-lookup/cell-editor-lookup.module.mjs +4 -4
  18. package/esm2020/lib/modules/ag-grid/cell-editors/cell-editor-number/cell-editor-number.component.mjs +4 -4
  19. package/esm2020/lib/modules/ag-grid/cell-editors/cell-editor-number/cell-editor-number.module.mjs +4 -4
  20. package/esm2020/lib/modules/ag-grid/cell-editors/cell-editor-text/cell-editor-text.component.mjs +3 -3
  21. package/esm2020/lib/modules/ag-grid/cell-editors/cell-editor-text/cell-editor-text.module.mjs +4 -4
  22. package/esm2020/lib/modules/ag-grid/cell-renderers/cell-renderer-currency/cell-renderer-currency-validator.component.mjs +3 -3
  23. package/esm2020/lib/modules/ag-grid/cell-renderers/cell-renderer-currency/cell-renderer-currency.component.mjs +3 -3
  24. package/esm2020/lib/modules/ag-grid/cell-renderers/cell-renderer-currency/cell-renderer-currency.module.mjs +4 -4
  25. package/esm2020/lib/modules/ag-grid/cell-renderers/cell-renderer-lookup/cell-renderer-lookup.component.mjs +4 -6
  26. package/esm2020/lib/modules/ag-grid/cell-renderers/cell-renderer-lookup/cell-renderer-lookup.module.mjs +4 -4
  27. package/esm2020/lib/modules/ag-grid/cell-renderers/cell-renderer-row-selector/cell-renderer-row-selector.component.mjs +3 -3
  28. package/esm2020/lib/modules/ag-grid/cell-renderers/cell-renderer-row-selector/cell-renderer-row-selector.module.mjs +4 -4
  29. package/esm2020/lib/modules/ag-grid/cell-renderers/cell-renderer-validator-tooltip/cell-renderer-validator-tooltip.component.mjs +3 -3
  30. package/esm2020/lib/modules/ag-grid/cell-renderers/cell-renderer-validator-tooltip/cell-renderer-validator-tooltip.module.mjs +4 -4
  31. package/esm2020/lib/modules/ag-grid/cell-validator/ag-grid-cell-validator-tooltip.component.mjs +3 -3
  32. package/esm2020/lib/modules/ag-grid/cell-validator/ag-grid-cell-validator.module.mjs +4 -4
  33. package/esm2020/lib/modules/shared/sky-ag-grid-resources.module.mjs +4 -4
  34. package/fesm2015/skyux-ag-grid.mjs +141 -132
  35. package/fesm2015/skyux-ag-grid.mjs.map +1 -1
  36. package/fesm2020/skyux-ag-grid.mjs +146 -131
  37. package/fesm2020/skyux-ag-grid.mjs.map +1 -1
  38. package/lib/modules/ag-grid/ag-grid-row-delete.directive.d.ts +2 -3
  39. package/lib/modules/ag-grid/ag-grid.service.d.ts +1 -0
  40. package/lib/modules/ag-grid/cell-renderers/cell-renderer-lookup/cell-renderer-lookup.component.d.ts +0 -1
  41. package/package.json +17 -17
@@ -16,7 +16,6 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
16
16
  }
17
17
 
18
18
  .ag-drag-handle {
19
- cursor: move;
20
19
  cursor: grab;
21
20
  }
22
21
 
@@ -163,28 +162,6 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
163
162
  flex: 1 1 auto;
164
163
  }
165
164
 
166
- .ag-body-viewport.ag-layout-print {
167
- flex: none;
168
- }
169
-
170
- @media print {
171
- .ag-root-wrapper.ag-layout-print,
172
- .ag-root-wrapper.ag-layout-print .ag-root-wrapper-body,
173
- .ag-root-wrapper.ag-layout-print .ag-root,
174
- .ag-root-wrapper.ag-layout-print .ag-body-viewport,
175
- .ag-root-wrapper.ag-layout-print .ag-center-cols-container,
176
- .ag-root-wrapper.ag-layout-print .ag-center-cols-viewport,
177
- .ag-root-wrapper.ag-layout-print .ag-center-cols-clipper,
178
- .ag-root-wrapper.ag-layout-print .ag-body-horizontal-scroll-viewport,
179
- .ag-root-wrapper.ag-layout-print .ag-virtual-list-viewport {
180
- height: auto !important;
181
- overflow: hidden !important;
182
- display: block !important;
183
- }
184
- .ag-root-wrapper.ag-layout-print .ag-row {
185
- page-break-inside: avoid;
186
- }
187
- }
188
165
  .ag-body-viewport {
189
166
  display: flex;
190
167
  }
@@ -235,10 +212,6 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
235
212
  display: block;
236
213
  }
237
214
 
238
- .ag-layout-print .ag-center-cols-clipper {
239
- min-width: 100%;
240
- }
241
-
242
215
  .ag-pinned-right-cols-container {
243
216
  display: block;
244
217
  }
@@ -291,23 +264,20 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
291
264
  display: flex;
292
265
  position: relative;
293
266
  }
294
- .ag-body-horizontal-scroll.ag-invisible-scrollbar {
267
+ .ag-body-horizontal-scroll.ag-scrollbar-invisible {
295
268
  position: absolute;
296
269
  bottom: 0;
297
270
  left: 0;
298
271
  right: 0;
272
+ pointer-events: none;
299
273
  }
300
-
301
- .ag-layout-print .ag-body-horizontal-scroll {
302
- display: none;
274
+ .ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-scrollbar-scrolling, .ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-scrollbar-active {
275
+ pointer-events: all;
303
276
  }
304
277
 
305
278
  .ag-force-vertical-scroll {
306
279
  overflow-y: scroll !important;
307
280
  }
308
- .ag-force-vertical-scroll.ag-layout-print {
309
- overflow-y: visible !important;
310
- }
311
281
 
312
282
  .ag-horizontal-left-spacer, .ag-horizontal-right-spacer {
313
283
  height: 100%;
@@ -493,6 +463,7 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
493
463
  }
494
464
 
495
465
  .ag-column-drop-cell {
466
+ position: relative;
496
467
  display: flex;
497
468
  align-items: center;
498
469
  }
@@ -576,6 +547,10 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
576
547
  ****************************
577
548
  */
578
549
  .ag-row-animation .ag-row {
550
+ transition: transform 0.4s, top 0.4s, background-color 0.1s, opacity 0.2s;
551
+ }
552
+
553
+ .ag-row-animation .ag-row.ag-after-created {
579
554
  transition: transform 0.4s, top 0.4s, height 0.4s, background-color 0.1s, opacity 0.2s;
580
555
  }
581
556
 
@@ -628,6 +603,11 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
628
603
  display: inline-block;
629
604
  position: absolute;
630
605
  white-space: nowrap;
606
+ height: 100%;
607
+ }
608
+
609
+ .ag-cell-value {
610
+ flex: 1 1 auto;
631
611
  }
632
612
 
633
613
  .ag-cell-value, .ag-group-value {
@@ -643,23 +623,28 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
643
623
  .ag-cell-wrapper {
644
624
  display: flex;
645
625
  align-items: center;
646
- height: 100%;
647
626
  }
648
627
  .ag-cell-wrapper.ag-row-group {
649
628
  align-items: flex-start;
650
629
  }
651
630
 
652
- .ag-full-width-row .ag-cell-wrapper.ag-row-group {
653
- align-items: center;
631
+ .ag-sparkline-wrapper {
632
+ position: absolute;
633
+ height: 100%;
634
+ width: 100%;
635
+ left: 0;
636
+ top: 0;
654
637
  }
655
638
 
656
- .ag-cell-normal-height {
639
+ .ag-full-width-row .ag-cell-wrapper.ag-row-group {
657
640
  height: 100%;
641
+ align-items: center;
658
642
  }
659
643
 
660
644
  .ag-cell-inline-editing {
661
645
  z-index: 1;
662
646
  }
647
+ .ag-cell-inline-editing .ag-cell-wrapper,
663
648
  .ag-cell-inline-editing .ag-cell-edit-wrapper,
664
649
  .ag-cell-inline-editing .ag-cell-editor,
665
650
  .ag-cell-inline-editing .ag-cell-editor .ag-wrapper,
@@ -920,6 +905,7 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
920
905
  .ag-resizer {
921
906
  position: absolute;
922
907
  pointer-events: none;
908
+ user-select: none;
923
909
  z-index: 1;
924
910
  }
925
911
  .ag-resizer.ag-resizer-topLeft {
@@ -990,6 +976,12 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
990
976
  z-index: 99999;
991
977
  }
992
978
 
979
+ .ag-tooltip-custom {
980
+ position: absolute;
981
+ pointer-events: none;
982
+ z-index: 99999;
983
+ }
984
+
993
985
  /**
994
986
  ****************************
995
987
  * Animations
@@ -1139,7 +1131,8 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
1139
1131
  }
1140
1132
 
1141
1133
  .ag-column-select-column,
1142
- .ag-column-select-column-group {
1134
+ .ag-column-select-column-group,
1135
+ .ag-select-agg-func-item {
1143
1136
  position: relative;
1144
1137
  align-items: center;
1145
1138
  display: flex;
@@ -1150,7 +1143,8 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
1150
1143
  height: 100%;
1151
1144
  }
1152
1145
  .ag-column-select-column > *,
1153
- .ag-column-select-column-group > * {
1146
+ .ag-column-select-column-group > *,
1147
+ .ag-select-agg-func-item > * {
1154
1148
  flex: none;
1155
1149
  }
1156
1150
 
@@ -1335,12 +1329,6 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
1335
1329
  flex-direction: column;
1336
1330
  }
1337
1331
 
1338
- .ag-charts-font-size-color {
1339
- display: flex;
1340
- align-self: stretch;
1341
- justify-content: space-between;
1342
- }
1343
-
1344
1332
  .ag-column-group-icons {
1345
1333
  display: block;
1346
1334
  }
@@ -2922,6 +2910,40 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
2922
2910
  transform: rotate(180deg);
2923
2911
  }
2924
2912
 
2913
+ .ag-layout-print.ag-body-viewport {
2914
+ flex: none;
2915
+ }
2916
+ .ag-layout-print.ag-root-wrapper {
2917
+ display: inline-flex;
2918
+ }
2919
+ .ag-layout-print .ag-center-cols-clipper {
2920
+ min-width: 100%;
2921
+ }
2922
+ .ag-layout-print .ag-body-horizontal-scroll {
2923
+ display: none;
2924
+ }
2925
+ .ag-layout-print.ag-force-vertical-scroll {
2926
+ overflow-y: visible !important;
2927
+ }
2928
+
2929
+ @media print {
2930
+ .ag-root-wrapper.ag-layout-print,
2931
+ .ag-root-wrapper.ag-layout-print .ag-root-wrapper-body,
2932
+ .ag-root-wrapper.ag-layout-print .ag-root,
2933
+ .ag-root-wrapper.ag-layout-print .ag-body-viewport,
2934
+ .ag-root-wrapper.ag-layout-print .ag-center-cols-container,
2935
+ .ag-root-wrapper.ag-layout-print .ag-center-cols-viewport,
2936
+ .ag-root-wrapper.ag-layout-print .ag-center-cols-clipper,
2937
+ .ag-root-wrapper.ag-layout-print .ag-body-horizontal-scroll-viewport,
2938
+ .ag-root-wrapper.ag-layout-print .ag-virtual-list-viewport {
2939
+ height: auto !important;
2940
+ overflow: hidden !important;
2941
+ display: block !important;
2942
+ }
2943
+ .ag-root-wrapper.ag-layout-print .ag-row {
2944
+ page-break-inside: avoid;
2945
+ }
2946
+ }
2925
2947
  .ag-body .ag-body-viewport {
2926
2948
  -webkit-overflow-scrolling: touch;
2927
2949
  }
@@ -3126,16 +3148,17 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
3126
3148
  user-select: none;
3127
3149
  }
3128
3150
 
3151
+ .ag-chart-data-wrapper {
3152
+ height: 100%;
3153
+ overflow-y: auto;
3154
+ }
3155
+
3129
3156
  .ag-chart-data-section,
3130
3157
  .ag-chart-format-section {
3131
3158
  display: flex;
3132
3159
  margin: 0;
3133
3160
  }
3134
3161
 
3135
- .ag-charts-font-panel-controls {
3136
- justify-content: space-between;
3137
- }
3138
-
3139
3162
  .ag-chart-empty-text {
3140
3163
  display: flex;
3141
3164
  top: 0;
@@ -3155,6 +3178,16 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
3155
3178
  pointer-events: all;
3156
3179
  }
3157
3180
 
3181
+ .ag-charts-font-size-color {
3182
+ display: flex;
3183
+ align-self: stretch;
3184
+ justify-content: space-between;
3185
+ }
3186
+
3187
+ .ag-charts-data-group-item {
3188
+ position: relative;
3189
+ }
3190
+
3158
3191
  .ag-date-time-list-page-title-bar {
3159
3192
  display: flex;
3160
3193
  }
@@ -3420,6 +3453,17 @@ ag-grid-angular:not(.sky-ag-grid-editable) textarea[class^=ag-]:focus {
3420
3453
  border-color: #00b4f1;
3421
3454
  border-color: var(--ag-input-focus-border-color, #00b4f1);
3422
3455
  }
3456
+ ag-grid-angular:not(.sky-ag-grid-editable) input[class^=ag-]:not([type]):invalid,
3457
+ ag-grid-angular:not(.sky-ag-grid-editable) input[class^=ag-][type=text]:invalid,
3458
+ ag-grid-angular:not(.sky-ag-grid-editable) input[class^=ag-][type=number]:invalid,
3459
+ ag-grid-angular:not(.sky-ag-grid-editable) input[class^=ag-][type=tel]:invalid,
3460
+ ag-grid-angular:not(.sky-ag-grid-editable) input[class^=ag-][type=date]:invalid,
3461
+ ag-grid-angular:not(.sky-ag-grid-editable) input[class^=ag-][type=datetime-local]:invalid,
3462
+ ag-grid-angular:not(.sky-ag-grid-editable) textarea[class^=ag-]:invalid {
3463
+ border-width: 2px;
3464
+ border-style: solid;
3465
+ border-color: var(--ag-input-border-color-invalid);
3466
+ }
3423
3467
  ag-grid-angular:not(.sky-ag-grid-editable) input[class^=ag-][type=number] {
3424
3468
  -moz-appearance: textfield;
3425
3469
  }
@@ -3556,7 +3600,7 @@ ag-grid-angular:not(.sky-ag-grid-editable) .ag-rtl .ag-row-drag, ag-grid-angular
3556
3600
  }
3557
3601
 
3558
3602
  ag-grid-angular:not(.sky-ag-grid-editable) .ag-cell-wrapper > *:not(.ag-cell-value):not(.ag-group-value) {
3559
- height: 36px;
3603
+ height: min(var(--ag-line-height, 36px), 36px);
3560
3604
  display: flex;
3561
3605
  align-items: center;
3562
3606
  flex: none;
@@ -3784,6 +3828,12 @@ ag-grid-angular:not(.sky-ag-grid-editable) .ag-tooltip {
3784
3828
  ag-grid-angular:not(.sky-ag-grid-editable) .ag-tooltip.ag-tooltip-hiding {
3785
3829
  opacity: 0;
3786
3830
  }
3831
+ ag-grid-angular:not(.sky-ag-grid-editable) .ag-tooltip-custom {
3832
+ transition: opacity 1s;
3833
+ }
3834
+ ag-grid-angular:not(.sky-ag-grid-editable) .ag-tooltip-custom.ag-tooltip-hiding {
3835
+ opacity: 0;
3836
+ }
3787
3837
  ag-grid-angular:not(.sky-ag-grid-editable) .ag-ltr .ag-column-select-indent-1 {
3788
3838
  padding-left: 16px;
3789
3839
  }
@@ -3877,11 +3927,11 @@ ag-grid-angular:not(.sky-ag-grid-editable) .ag-keyboard-focus .ag-column-select-
3877
3927
  border-color: var(--ag-input-focus-border-color, #00b4f1);
3878
3928
  }
3879
3929
  ag-grid-angular:not(.sky-ag-grid-editable) .ag-ltr .ag-column-group-icons:not(:last-child), ag-grid-angular:not(.sky-ag-grid-editable) .ag-ltr .ag-column-select-header-icon:not(:last-child), ag-grid-angular:not(.sky-ag-grid-editable) .ag-ltr .ag-column-select-header-checkbox:not(:last-child), ag-grid-angular:not(.sky-ag-grid-editable) .ag-ltr .ag-column-select-header-filter-wrapper:not(:last-child), ag-grid-angular:not(.sky-ag-grid-editable) .ag-ltr .ag-column-select-checkbox:not(:last-child), ag-grid-angular:not(.sky-ag-grid-editable) .ag-ltr .ag-column-select-column-drag-handle:not(:last-child), ag-grid-angular:not(.sky-ag-grid-editable) .ag-ltr .ag-column-select-column-group-drag-handle:not(:last-child), ag-grid-angular:not(.sky-ag-grid-editable) .ag-ltr .ag-column-select-column-label:not(:last-child) {
3880
- margin-right: 6px;
3930
+ margin-right: 8px;
3881
3931
  }
3882
3932
 
3883
3933
  ag-grid-angular:not(.sky-ag-grid-editable) .ag-rtl .ag-column-group-icons:not(:last-child), ag-grid-angular:not(.sky-ag-grid-editable) .ag-rtl .ag-column-select-header-icon:not(:last-child), ag-grid-angular:not(.sky-ag-grid-editable) .ag-rtl .ag-column-select-header-checkbox:not(:last-child), ag-grid-angular:not(.sky-ag-grid-editable) .ag-rtl .ag-column-select-header-filter-wrapper:not(:last-child), ag-grid-angular:not(.sky-ag-grid-editable) .ag-rtl .ag-column-select-checkbox:not(:last-child), ag-grid-angular:not(.sky-ag-grid-editable) .ag-rtl .ag-column-select-column-drag-handle:not(:last-child), ag-grid-angular:not(.sky-ag-grid-editable) .ag-rtl .ag-column-select-column-group-drag-handle:not(:last-child), ag-grid-angular:not(.sky-ag-grid-editable) .ag-rtl .ag-column-select-column-label:not(:last-child) {
3884
- margin-left: 6px;
3934
+ margin-left: 8px;
3885
3935
  }
3886
3936
 
3887
3937
  ag-grid-angular:not(.sky-ag-grid-editable) .ag-keyboard-focus .ag-column-select-virtual-list-item:focus {
@@ -3923,7 +3973,7 @@ ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-select-virtual-list-viewpo
3923
3973
  padding: 3px 0px;
3924
3974
  }
3925
3975
  ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-select-virtual-list-item {
3926
- margin: 0 6px;
3976
+ padding: 0 6px;
3927
3977
  }
3928
3978
  ag-grid-angular:not(.sky-ag-grid-editable) .ag-rtl {
3929
3979
  text-align: right;
@@ -6384,12 +6434,12 @@ ag-grid-angular:not(.sky-ag-grid-editable) .ag-row-odd {
6384
6434
  background-color: #ffffff;
6385
6435
  background-color: var(--ag-odd-row-background-color, #ffffff);
6386
6436
  }
6387
- ag-grid-angular:not(.sky-ag-grid-editable) .ag-horizontal-left-spacer:not(.ag-scroller-corner) {
6437
+ ag-grid-angular:not(.sky-ag-grid-editable) .ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-left-spacer:not(.ag-scroller-corner) {
6388
6438
  border-right: solid 1px;
6389
6439
  border-right-color: #cdcfd2;
6390
6440
  border-right-color: var(--ag-border-color, #cdcfd2);
6391
6441
  }
6392
- ag-grid-angular:not(.sky-ag-grid-editable) .ag-horizontal-right-spacer:not(.ag-scroller-corner) {
6442
+ ag-grid-angular:not(.sky-ag-grid-editable) .ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-right-spacer:not(.ag-scroller-corner) {
6393
6443
  border-left: solid 1px;
6394
6444
  border-left-color: #cdcfd2;
6395
6445
  border-left-color: var(--ag-border-color, #cdcfd2);
@@ -6416,7 +6466,7 @@ ag-grid-angular:not(.sky-ag-grid-editable) .ag-rtl .ag-right-aligned-cell .ag-ce
6416
6466
 
6417
6467
  ag-grid-angular:not(.sky-ag-grid-editable) .ag-cell, ag-grid-angular:not(.sky-ag-grid-editable) .ag-full-width-row .ag-cell-wrapper.ag-row-group {
6418
6468
  border: 1px solid transparent;
6419
- line-height: 36px;
6469
+ line-height: min(var(--ag-line-height, 36px), 36px);
6420
6470
  padding-left: 11px;
6421
6471
  padding-right: 11px;
6422
6472
  -webkit-font-smoothing: subpixel-antialiased;
@@ -6780,6 +6830,15 @@ ag-grid-angular:not(.sky-ag-grid-editable) .ag-filter-separator {
6780
6830
  border-top-color: #cdcfd2;
6781
6831
  border-top-color: var(--ag-border-color, #cdcfd2);
6782
6832
  }
6833
+ ag-grid-angular:not(.sky-ag-grid-editable) .ag-menu:not(.ag-tabs) .ag-filter-select {
6834
+ min-width: 167px;
6835
+ }
6836
+ ag-grid-angular:not(.sky-ag-grid-editable) .ag-tabs .ag-filter-select {
6837
+ min-width: 206px;
6838
+ }
6839
+ ag-grid-angular:not(.sky-ag-grid-editable) .ag-filter-select .ag-picker-field-wrapper {
6840
+ width: 0;
6841
+ }
6783
6842
  ag-grid-angular:not(.sky-ag-grid-editable) .ag-filter-condition-operator {
6784
6843
  height: 17px;
6785
6844
  }
@@ -7253,6 +7312,21 @@ ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-select-header-icon {
7253
7312
  color: #686c73;
7254
7313
  color: var(--ag-secondary-foreground-color, #686c73);
7255
7314
  }
7315
+ ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-select-list .ag-list-item-hovered::after {
7316
+ content: "";
7317
+ position: absolute;
7318
+ left: 0;
7319
+ right: 0;
7320
+ height: 1px;
7321
+ background-color: #00b4f1;
7322
+ background-color: var(--ag-range-selection-border-color, #00b4f1);
7323
+ }
7324
+ ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-select-list .ag-item-highlight-top::after {
7325
+ top: 0;
7326
+ }
7327
+ ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-select-list .ag-item-highlight-bottom::after {
7328
+ bottom: 0;
7329
+ }
7256
7330
  ag-grid-angular:not(.sky-ag-grid-editable) .ag-header {
7257
7331
  background-color: #ffffff;
7258
7332
  background-color: var(--ag-header-background-color, #ffffff);
@@ -7479,6 +7553,24 @@ ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-drop-cell {
7479
7553
  border-radius: 16px;
7480
7554
  height: 16px;
7481
7555
  padding: 0 2px;
7556
+ border: 1px solid transparent;
7557
+ }
7558
+ ag-grid-angular:not(.sky-ag-grid-editable) .ag-keyboard-focus .ag-column-drop-cell:focus {
7559
+ outline: none;
7560
+ }
7561
+ ag-grid-angular:not(.sky-ag-grid-editable) .ag-keyboard-focus .ag-column-drop-cell:focus::after {
7562
+ content: "";
7563
+ position: absolute;
7564
+ background-color: transparent;
7565
+ pointer-events: none;
7566
+ top: 2px;
7567
+ left: 2px;
7568
+ display: block;
7569
+ width: calc(100% - 4px);
7570
+ height: calc(100% - 4px);
7571
+ border: 1px solid;
7572
+ border-color: #00b4f1;
7573
+ border-color: var(--ag-input-focus-border-color, #00b4f1);
7482
7574
  }
7483
7575
  ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-drop-cell-text {
7484
7576
  margin: 0 4px;
@@ -7589,13 +7681,29 @@ ag-grid-angular:not(.sky-ag-grid-editable) .ag-select-agg-func-popup {
7589
7681
  }
7590
7682
  ag-grid-angular:not(.sky-ag-grid-editable) .ag-select-agg-func-virtual-list-item {
7591
7683
  cursor: default;
7592
- line-height: 20px;
7593
7684
  padding-left: 8px;
7594
7685
  }
7595
7686
  ag-grid-angular:not(.sky-ag-grid-editable) .ag-select-agg-func-virtual-list-item:hover {
7596
7687
  background-color: #f1eef6;
7597
7688
  background-color: var(--ag-selected-row-background-color, #f1eef6);
7598
7689
  }
7690
+ ag-grid-angular:not(.sky-ag-grid-editable) .ag-keyboard-focus .ag-select-agg-func-virtual-list-item:focus {
7691
+ outline: none;
7692
+ }
7693
+ ag-grid-angular:not(.sky-ag-grid-editable) .ag-keyboard-focus .ag-select-agg-func-virtual-list-item:focus::after {
7694
+ content: "";
7695
+ position: absolute;
7696
+ background-color: transparent;
7697
+ pointer-events: none;
7698
+ top: 1px;
7699
+ left: 1px;
7700
+ display: block;
7701
+ width: calc(100% - 2px);
7702
+ height: calc(100% - 2px);
7703
+ border: 1px solid;
7704
+ border-color: #00b4f1;
7705
+ border-color: var(--ag-input-focus-border-color, #00b4f1);
7706
+ }
7599
7707
  ag-grid-angular:not(.sky-ag-grid-editable) .ag-chart-menu {
7600
7708
  border-radius: 0px;
7601
7709
  background: #fbfbfb;
@@ -7672,11 +7780,25 @@ ag-grid-angular:not(.sky-ag-grid-editable) .ag-charts-settings-group-container {
7672
7780
  padding: 4px;
7673
7781
  }
7674
7782
  ag-grid-angular:not(.sky-ag-grid-editable) .ag-charts-data-group-container {
7675
- padding: 6px 6px;
7676
- padding-bottom: 2px;
7783
+ padding: 3px 6px;
7677
7784
  }
7678
- ag-grid-angular:not(.sky-ag-grid-editable) .ag-charts-data-group-container > * {
7679
- margin-bottom: 4px;
7785
+ ag-grid-angular:not(.sky-ag-grid-editable) .ag-charts-data-group-container .ag-charts-data-group-item:not(.ag-charts-format-sub-level-group) {
7786
+ height: 20px;
7787
+ }
7788
+ ag-grid-angular:not(.sky-ag-grid-editable) .ag-charts-data-group-container .ag-list-item-hovered::after {
7789
+ content: "";
7790
+ position: absolute;
7791
+ left: 0;
7792
+ right: 0;
7793
+ height: 1px;
7794
+ background-color: #00b4f1;
7795
+ background-color: var(--ag-range-selection-border-color, #00b4f1);
7796
+ }
7797
+ ag-grid-angular:not(.sky-ag-grid-editable) .ag-charts-data-group-container .ag-item-highlight-top::after {
7798
+ top: 0;
7799
+ }
7800
+ ag-grid-angular:not(.sky-ag-grid-editable) .ag-charts-data-group-container .ag-item-highlight-bottom::after {
7801
+ bottom: 0;
7680
7802
  }
7681
7803
  ag-grid-angular:not(.sky-ag-grid-editable) .ag-charts-format-top-level-group-container {
7682
7804
  margin-left: 8px;
@@ -8267,6 +8389,17 @@ ag-grid-angular.sky-ag-grid-editable textarea[class^=ag-]:focus {
8267
8389
  border-color: #00b4f1;
8268
8390
  border-color: var(--ag-input-focus-border-color, #00b4f1);
8269
8391
  }
8392
+ ag-grid-angular.sky-ag-grid-editable input[class^=ag-]:not([type]):invalid,
8393
+ ag-grid-angular.sky-ag-grid-editable input[class^=ag-][type=text]:invalid,
8394
+ ag-grid-angular.sky-ag-grid-editable input[class^=ag-][type=number]:invalid,
8395
+ ag-grid-angular.sky-ag-grid-editable input[class^=ag-][type=tel]:invalid,
8396
+ ag-grid-angular.sky-ag-grid-editable input[class^=ag-][type=date]:invalid,
8397
+ ag-grid-angular.sky-ag-grid-editable input[class^=ag-][type=datetime-local]:invalid,
8398
+ ag-grid-angular.sky-ag-grid-editable textarea[class^=ag-]:invalid {
8399
+ border-width: 2px;
8400
+ border-style: solid;
8401
+ border-color: var(--ag-input-border-color-invalid);
8402
+ }
8270
8403
  ag-grid-angular.sky-ag-grid-editable input[class^=ag-][type=number] {
8271
8404
  -moz-appearance: textfield;
8272
8405
  }
@@ -8401,7 +8534,7 @@ ag-grid-angular.sky-ag-grid-editable .ag-rtl .ag-row-drag, ag-grid-angular.sky-a
8401
8534
  }
8402
8535
 
8403
8536
  ag-grid-angular.sky-ag-grid-editable .ag-cell-wrapper > *:not(.ag-cell-value):not(.ag-group-value) {
8404
- height: 36px;
8537
+ height: min(var(--ag-line-height, 36px), 36px);
8405
8538
  display: flex;
8406
8539
  align-items: center;
8407
8540
  flex: none;
@@ -8629,6 +8762,12 @@ ag-grid-angular.sky-ag-grid-editable .ag-tooltip {
8629
8762
  ag-grid-angular.sky-ag-grid-editable .ag-tooltip.ag-tooltip-hiding {
8630
8763
  opacity: 0;
8631
8764
  }
8765
+ ag-grid-angular.sky-ag-grid-editable .ag-tooltip-custom {
8766
+ transition: opacity 1s;
8767
+ }
8768
+ ag-grid-angular.sky-ag-grid-editable .ag-tooltip-custom.ag-tooltip-hiding {
8769
+ opacity: 0;
8770
+ }
8632
8771
  ag-grid-angular.sky-ag-grid-editable .ag-ltr .ag-column-select-indent-1 {
8633
8772
  padding-left: 16px;
8634
8773
  }
@@ -8722,11 +8861,11 @@ ag-grid-angular.sky-ag-grid-editable .ag-keyboard-focus .ag-column-select-header
8722
8861
  border-color: var(--ag-input-focus-border-color, #00b4f1);
8723
8862
  }
8724
8863
  ag-grid-angular.sky-ag-grid-editable .ag-ltr .ag-column-group-icons:not(:last-child), ag-grid-angular.sky-ag-grid-editable .ag-ltr .ag-column-select-header-icon:not(:last-child), ag-grid-angular.sky-ag-grid-editable .ag-ltr .ag-column-select-header-checkbox:not(:last-child), ag-grid-angular.sky-ag-grid-editable .ag-ltr .ag-column-select-header-filter-wrapper:not(:last-child), ag-grid-angular.sky-ag-grid-editable .ag-ltr .ag-column-select-checkbox:not(:last-child), ag-grid-angular.sky-ag-grid-editable .ag-ltr .ag-column-select-column-drag-handle:not(:last-child), ag-grid-angular.sky-ag-grid-editable .ag-ltr .ag-column-select-column-group-drag-handle:not(:last-child), ag-grid-angular.sky-ag-grid-editable .ag-ltr .ag-column-select-column-label:not(:last-child) {
8725
- margin-right: 6px;
8864
+ margin-right: 8px;
8726
8865
  }
8727
8866
 
8728
8867
  ag-grid-angular.sky-ag-grid-editable .ag-rtl .ag-column-group-icons:not(:last-child), ag-grid-angular.sky-ag-grid-editable .ag-rtl .ag-column-select-header-icon:not(:last-child), ag-grid-angular.sky-ag-grid-editable .ag-rtl .ag-column-select-header-checkbox:not(:last-child), ag-grid-angular.sky-ag-grid-editable .ag-rtl .ag-column-select-header-filter-wrapper:not(:last-child), ag-grid-angular.sky-ag-grid-editable .ag-rtl .ag-column-select-checkbox:not(:last-child), ag-grid-angular.sky-ag-grid-editable .ag-rtl .ag-column-select-column-drag-handle:not(:last-child), ag-grid-angular.sky-ag-grid-editable .ag-rtl .ag-column-select-column-group-drag-handle:not(:last-child), ag-grid-angular.sky-ag-grid-editable .ag-rtl .ag-column-select-column-label:not(:last-child) {
8729
- margin-left: 6px;
8868
+ margin-left: 8px;
8730
8869
  }
8731
8870
 
8732
8871
  ag-grid-angular.sky-ag-grid-editable .ag-keyboard-focus .ag-column-select-virtual-list-item:focus {
@@ -8768,7 +8907,7 @@ ag-grid-angular.sky-ag-grid-editable .ag-column-select-virtual-list-viewport {
8768
8907
  padding: 3px 0px;
8769
8908
  }
8770
8909
  ag-grid-angular.sky-ag-grid-editable .ag-column-select-virtual-list-item {
8771
- margin: 0 6px;
8910
+ padding: 0 6px;
8772
8911
  }
8773
8912
  ag-grid-angular.sky-ag-grid-editable .ag-rtl {
8774
8913
  text-align: right;
@@ -11228,12 +11367,12 @@ ag-grid-angular.sky-ag-grid-editable .ag-row-highlight-below::after {
11228
11367
  ag-grid-angular.sky-ag-grid-editable .ag-row-odd {
11229
11368
  background-color: var(--ag-odd-row-background-color);
11230
11369
  }
11231
- ag-grid-angular.sky-ag-grid-editable .ag-horizontal-left-spacer:not(.ag-scroller-corner) {
11370
+ ag-grid-angular.sky-ag-grid-editable .ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-left-spacer:not(.ag-scroller-corner) {
11232
11371
  border-right: solid 1px;
11233
11372
  border-right-color: #cdcfd2;
11234
11373
  border-right-color: var(--ag-border-color, #cdcfd2);
11235
11374
  }
11236
- ag-grid-angular.sky-ag-grid-editable .ag-horizontal-right-spacer:not(.ag-scroller-corner) {
11375
+ ag-grid-angular.sky-ag-grid-editable .ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-right-spacer:not(.ag-scroller-corner) {
11237
11376
  border-left: solid 1px;
11238
11377
  border-left-color: #cdcfd2;
11239
11378
  border-left-color: var(--ag-border-color, #cdcfd2);
@@ -11256,7 +11395,7 @@ ag-grid-angular.sky-ag-grid-editable .ag-rtl .ag-right-aligned-cell .ag-cell-val
11256
11395
 
11257
11396
  ag-grid-angular.sky-ag-grid-editable .ag-cell, ag-grid-angular.sky-ag-grid-editable .ag-full-width-row .ag-cell-wrapper.ag-row-group {
11258
11397
  border: 1px solid transparent;
11259
- line-height: 36px;
11398
+ line-height: min(var(--ag-line-height, 36px), 36px);
11260
11399
  padding-left: 10px;
11261
11400
  padding-right: 10px;
11262
11401
  -webkit-font-smoothing: subpixel-antialiased;
@@ -11619,6 +11758,15 @@ ag-grid-angular.sky-ag-grid-editable .ag-filter-separator {
11619
11758
  border-top-color: #cdcfd2;
11620
11759
  border-top-color: var(--ag-border-color, #cdcfd2);
11621
11760
  }
11761
+ ag-grid-angular.sky-ag-grid-editable .ag-menu:not(.ag-tabs) .ag-filter-select {
11762
+ min-width: 167px;
11763
+ }
11764
+ ag-grid-angular.sky-ag-grid-editable .ag-tabs .ag-filter-select {
11765
+ min-width: 206px;
11766
+ }
11767
+ ag-grid-angular.sky-ag-grid-editable .ag-filter-select .ag-picker-field-wrapper {
11768
+ width: 0;
11769
+ }
11622
11770
  ag-grid-angular.sky-ag-grid-editable .ag-filter-condition-operator {
11623
11771
  height: 17px;
11624
11772
  }
@@ -12092,6 +12240,21 @@ ag-grid-angular.sky-ag-grid-editable .ag-column-select-header-icon {
12092
12240
  color: #686c73;
12093
12241
  color: var(--ag-secondary-foreground-color, #686c73);
12094
12242
  }
12243
+ ag-grid-angular.sky-ag-grid-editable .ag-column-select-list .ag-list-item-hovered::after {
12244
+ content: "";
12245
+ position: absolute;
12246
+ left: 0;
12247
+ right: 0;
12248
+ height: 1px;
12249
+ background-color: #00b4f1;
12250
+ background-color: var(--ag-range-selection-border-color, #00b4f1);
12251
+ }
12252
+ ag-grid-angular.sky-ag-grid-editable .ag-column-select-list .ag-item-highlight-top::after {
12253
+ top: 0;
12254
+ }
12255
+ ag-grid-angular.sky-ag-grid-editable .ag-column-select-list .ag-item-highlight-bottom::after {
12256
+ bottom: 0;
12257
+ }
12095
12258
  ag-grid-angular.sky-ag-grid-editable .ag-header {
12096
12259
  background-color: #ffffff;
12097
12260
  background-color: var(--ag-header-background-color, #ffffff);
@@ -12318,6 +12481,24 @@ ag-grid-angular.sky-ag-grid-editable .ag-column-drop-cell {
12318
12481
  border-radius: 16px;
12319
12482
  height: 16px;
12320
12483
  padding: 0 2px;
12484
+ border: 1px solid transparent;
12485
+ }
12486
+ ag-grid-angular.sky-ag-grid-editable .ag-keyboard-focus .ag-column-drop-cell:focus {
12487
+ outline: none;
12488
+ }
12489
+ ag-grid-angular.sky-ag-grid-editable .ag-keyboard-focus .ag-column-drop-cell:focus::after {
12490
+ content: "";
12491
+ position: absolute;
12492
+ background-color: transparent;
12493
+ pointer-events: none;
12494
+ top: 2px;
12495
+ left: 2px;
12496
+ display: block;
12497
+ width: calc(100% - 4px);
12498
+ height: calc(100% - 4px);
12499
+ border: 1px solid;
12500
+ border-color: #00b4f1;
12501
+ border-color: var(--ag-input-focus-border-color, #00b4f1);
12321
12502
  }
12322
12503
  ag-grid-angular.sky-ag-grid-editable .ag-column-drop-cell-text {
12323
12504
  margin: 0 4px;
@@ -12428,13 +12609,29 @@ ag-grid-angular.sky-ag-grid-editable .ag-select-agg-func-popup {
12428
12609
  }
12429
12610
  ag-grid-angular.sky-ag-grid-editable .ag-select-agg-func-virtual-list-item {
12430
12611
  cursor: default;
12431
- line-height: 20px;
12432
12612
  padding-left: 8px;
12433
12613
  }
12434
12614
  ag-grid-angular.sky-ag-grid-editable .ag-select-agg-func-virtual-list-item:hover {
12435
12615
  background-color: #c8c8c9;
12436
12616
  background-color: var(--ag-selected-row-background-color, #c8c8c9);
12437
12617
  }
12618
+ ag-grid-angular.sky-ag-grid-editable .ag-keyboard-focus .ag-select-agg-func-virtual-list-item:focus {
12619
+ outline: none;
12620
+ }
12621
+ ag-grid-angular.sky-ag-grid-editable .ag-keyboard-focus .ag-select-agg-func-virtual-list-item:focus::after {
12622
+ content: "";
12623
+ position: absolute;
12624
+ background-color: transparent;
12625
+ pointer-events: none;
12626
+ top: 1px;
12627
+ left: 1px;
12628
+ display: block;
12629
+ width: calc(100% - 2px);
12630
+ height: calc(100% - 2px);
12631
+ border: 1px solid;
12632
+ border-color: #00b4f1;
12633
+ border-color: var(--ag-input-focus-border-color, #00b4f1);
12634
+ }
12438
12635
  ag-grid-angular.sky-ag-grid-editable .ag-chart-menu {
12439
12636
  border-radius: 0px;
12440
12637
  background: #fff;
@@ -12511,11 +12708,25 @@ ag-grid-angular.sky-ag-grid-editable .ag-charts-settings-group-container {
12511
12708
  padding: 4px;
12512
12709
  }
12513
12710
  ag-grid-angular.sky-ag-grid-editable .ag-charts-data-group-container {
12514
- padding: 6px 6px;
12515
- padding-bottom: 2px;
12711
+ padding: 3px 6px;
12516
12712
  }
12517
- ag-grid-angular.sky-ag-grid-editable .ag-charts-data-group-container > * {
12518
- margin-bottom: 4px;
12713
+ ag-grid-angular.sky-ag-grid-editable .ag-charts-data-group-container .ag-charts-data-group-item:not(.ag-charts-format-sub-level-group) {
12714
+ height: 20px;
12715
+ }
12716
+ ag-grid-angular.sky-ag-grid-editable .ag-charts-data-group-container .ag-list-item-hovered::after {
12717
+ content: "";
12718
+ position: absolute;
12719
+ left: 0;
12720
+ right: 0;
12721
+ height: 1px;
12722
+ background-color: #00b4f1;
12723
+ background-color: var(--ag-range-selection-border-color, #00b4f1);
12724
+ }
12725
+ ag-grid-angular.sky-ag-grid-editable .ag-charts-data-group-container .ag-item-highlight-top::after {
12726
+ top: 0;
12727
+ }
12728
+ ag-grid-angular.sky-ag-grid-editable .ag-charts-data-group-container .ag-item-highlight-bottom::after {
12729
+ bottom: 0;
12519
12730
  }
12520
12731
  ag-grid-angular.sky-ag-grid-editable .ag-charts-format-top-level-group-container {
12521
12732
  margin-left: 8px;
@@ -13154,6 +13365,17 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
13154
13365
  border-color: #1870B8;
13155
13366
  border-color: var(--ag-input-focus-border-color, #1870B8);
13156
13367
  }
13368
+ .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) input[class^=ag-]:not([type]):invalid,
13369
+ .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) input[class^=ag-][type=text]:invalid,
13370
+ .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) input[class^=ag-][type=number]:invalid,
13371
+ .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) input[class^=ag-][type=tel]:invalid,
13372
+ .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) input[class^=ag-][type=date]:invalid,
13373
+ .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) input[class^=ag-][type=datetime-local]:invalid,
13374
+ .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) textarea[class^=ag-]:invalid {
13375
+ border-width: 2px;
13376
+ border-style: solid;
13377
+ border-color: var(--ag-input-border-color-invalid);
13378
+ }
13157
13379
  .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) input[class^=ag-][type=number] {
13158
13380
  -moz-appearance: textfield;
13159
13381
  }
@@ -13288,7 +13510,7 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
13288
13510
  }
13289
13511
 
13290
13512
  .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-cell-wrapper > *:not(.ag-cell-value):not(.ag-group-value) {
13291
- height: 58px;
13513
+ height: min(var(--ag-line-height, 58px), 58px);
13292
13514
  display: flex;
13293
13515
  align-items: center;
13294
13516
  flex: none;
@@ -13516,6 +13738,12 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
13516
13738
  .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-tooltip.ag-tooltip-hiding {
13517
13739
  opacity: 0;
13518
13740
  }
13741
+ .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-tooltip-custom {
13742
+ transition: opacity 1s;
13743
+ }
13744
+ .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-tooltip-custom.ag-tooltip-hiding {
13745
+ opacity: 0;
13746
+ }
13519
13747
  .sky-theme-modern:not(.the-editing-theme) .ag-ltr ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-select-indent-1 {
13520
13748
  padding-left: 16px;
13521
13749
  }
@@ -13609,11 +13837,11 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
13609
13837
  border-color: var(--ag-input-focus-border-color, #1870B8);
13610
13838
  }
13611
13839
  .sky-theme-modern:not(.the-editing-theme) .ag-ltr ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-group-icons:not(:last-child), .sky-theme-modern:not(.the-editing-theme) .ag-ltr ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-select-header-icon:not(:last-child), .sky-theme-modern:not(.the-editing-theme) .ag-ltr ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-select-header-checkbox:not(:last-child), .sky-theme-modern:not(.the-editing-theme) .ag-ltr ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-select-header-filter-wrapper:not(:last-child), .sky-theme-modern:not(.the-editing-theme) .ag-ltr ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-select-checkbox:not(:last-child), .sky-theme-modern:not(.the-editing-theme) .ag-ltr ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-select-column-drag-handle:not(:last-child), .sky-theme-modern:not(.the-editing-theme) .ag-ltr ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-select-column-group-drag-handle:not(:last-child), .sky-theme-modern:not(.the-editing-theme) .ag-ltr ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-select-column-label:not(:last-child) {
13612
- margin-right: 6px;
13840
+ margin-right: 8px;
13613
13841
  }
13614
13842
 
13615
13843
  .sky-theme-modern:not(.the-editing-theme) .ag-rtl ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-group-icons:not(:last-child), .sky-theme-modern:not(.the-editing-theme) .ag-rtl ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-select-header-icon:not(:last-child), .sky-theme-modern:not(.the-editing-theme) .ag-rtl ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-select-header-checkbox:not(:last-child), .sky-theme-modern:not(.the-editing-theme) .ag-rtl ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-select-header-filter-wrapper:not(:last-child), .sky-theme-modern:not(.the-editing-theme) .ag-rtl ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-select-checkbox:not(:last-child), .sky-theme-modern:not(.the-editing-theme) .ag-rtl ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-select-column-drag-handle:not(:last-child), .sky-theme-modern:not(.the-editing-theme) .ag-rtl ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-select-column-group-drag-handle:not(:last-child), .sky-theme-modern:not(.the-editing-theme) .ag-rtl ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-select-column-label:not(:last-child) {
13616
- margin-left: 6px;
13844
+ margin-left: 8px;
13617
13845
  }
13618
13846
 
13619
13847
  .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-keyboard-focus .ag-column-select-virtual-list-item:focus {
@@ -13655,7 +13883,7 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
13655
13883
  padding: 3px 0px;
13656
13884
  }
13657
13885
  .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-select-virtual-list-item {
13658
- margin: 0 6px;
13886
+ padding: 0 6px;
13659
13887
  }
13660
13888
  .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-rtl {
13661
13889
  text-align: right;
@@ -16115,12 +16343,12 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
16115
16343
  .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-row-odd {
16116
16344
  background-color: var(--ag-odd-row-background-color);
16117
16345
  }
16118
- .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-horizontal-left-spacer:not(.ag-scroller-corner) {
16346
+ .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-left-spacer:not(.ag-scroller-corner) {
16119
16347
  border-right: solid 1px;
16120
16348
  border-right-color: #d2d2d2;
16121
16349
  border-right-color: var(--ag-border-color, #d2d2d2);
16122
16350
  }
16123
- .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-horizontal-right-spacer:not(.ag-scroller-corner) {
16351
+ .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-right-spacer:not(.ag-scroller-corner) {
16124
16352
  border-left: solid 1px;
16125
16353
  border-left-color: #d2d2d2;
16126
16354
  border-left-color: var(--ag-border-color, #d2d2d2);
@@ -16143,7 +16371,7 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
16143
16371
 
16144
16372
  .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-cell, .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-full-width-row .ag-cell-wrapper.ag-row-group {
16145
16373
  border: 1px solid transparent;
16146
- line-height: 58px;
16374
+ line-height: min(var(--ag-line-height, 58px), 58px);
16147
16375
  padding-left: 11px;
16148
16376
  padding-right: 11px;
16149
16377
  -webkit-font-smoothing: subpixel-antialiased;
@@ -16506,6 +16734,15 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
16506
16734
  border-top-color: #d2d2d2;
16507
16735
  border-top-color: var(--ag-border-color, #d2d2d2);
16508
16736
  }
16737
+ .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-menu:not(.ag-tabs) .ag-filter-select {
16738
+ min-width: 167px;
16739
+ }
16740
+ .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-tabs .ag-filter-select {
16741
+ min-width: 206px;
16742
+ }
16743
+ .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-filter-select .ag-picker-field-wrapper {
16744
+ width: 0;
16745
+ }
16509
16746
  .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-filter-condition-operator {
16510
16747
  height: 17px;
16511
16748
  }
@@ -16974,10 +17211,25 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
16974
17211
  border-top-color: #d2d2d2;
16975
17212
  border-top-color: var(--ag-secondary-border-color, var(--ag-border-color, #d2d2d2));
16976
17213
  }
16977
- .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-group-icons,
16978
- .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-select-header-icon {
16979
- color: #686c73;
16980
- color: var(--ag-secondary-foreground-color, #686c73);
17214
+ .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-group-icons,
17215
+ .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-select-header-icon {
17216
+ color: #686c73;
17217
+ color: var(--ag-secondary-foreground-color, #686c73);
17218
+ }
17219
+ .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-select-list .ag-list-item-hovered::after {
17220
+ content: "";
17221
+ position: absolute;
17222
+ left: 0;
17223
+ right: 0;
17224
+ height: 1px;
17225
+ background-color: #1870B8;
17226
+ background-color: var(--ag-range-selection-border-color, #1870B8);
17227
+ }
17228
+ .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-select-list .ag-item-highlight-top::after {
17229
+ top: 0;
17230
+ }
17231
+ .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-select-list .ag-item-highlight-bottom::after {
17232
+ bottom: 0;
16981
17233
  }
16982
17234
  .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-header {
16983
17235
  background-color: #fcfcfc;
@@ -17185,6 +17437,24 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
17185
17437
  border-radius: 16px;
17186
17438
  height: 16px;
17187
17439
  padding: 0 2px;
17440
+ border: 1px solid transparent;
17441
+ }
17442
+ .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-keyboard-focus .ag-column-drop-cell:focus {
17443
+ outline: none;
17444
+ }
17445
+ .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-keyboard-focus .ag-column-drop-cell:focus::after {
17446
+ content: "";
17447
+ position: absolute;
17448
+ background-color: transparent;
17449
+ pointer-events: none;
17450
+ top: 2px;
17451
+ left: 2px;
17452
+ display: block;
17453
+ width: calc(100% - 4px);
17454
+ height: calc(100% - 4px);
17455
+ border: 1px solid;
17456
+ border-color: #1870B8;
17457
+ border-color: var(--ag-input-focus-border-color, #1870B8);
17188
17458
  }
17189
17459
  .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-drop-cell-text {
17190
17460
  margin: 0 4px;
@@ -17295,13 +17565,29 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
17295
17565
  }
17296
17566
  .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-select-agg-func-virtual-list-item {
17297
17567
  cursor: default;
17298
- line-height: 20px;
17299
17568
  padding-left: 8px;
17300
17569
  }
17301
17570
  .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-select-agg-func-virtual-list-item:hover {
17302
17571
  background-color: #f1eef6;
17303
17572
  background-color: var(--ag-selected-row-background-color, #f1eef6);
17304
17573
  }
17574
+ .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-keyboard-focus .ag-select-agg-func-virtual-list-item:focus {
17575
+ outline: none;
17576
+ }
17577
+ .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-keyboard-focus .ag-select-agg-func-virtual-list-item:focus::after {
17578
+ content: "";
17579
+ position: absolute;
17580
+ background-color: transparent;
17581
+ pointer-events: none;
17582
+ top: 1px;
17583
+ left: 1px;
17584
+ display: block;
17585
+ width: calc(100% - 2px);
17586
+ height: calc(100% - 2px);
17587
+ border: 1px solid;
17588
+ border-color: #1870B8;
17589
+ border-color: var(--ag-input-focus-border-color, #1870B8);
17590
+ }
17305
17591
  .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-chart-menu {
17306
17592
  border-radius: 0px;
17307
17593
  background: #fff;
@@ -17378,11 +17664,25 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
17378
17664
  padding: 4px;
17379
17665
  }
17380
17666
  .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-charts-data-group-container {
17381
- padding: 6px 6px;
17382
- padding-bottom: 2px;
17667
+ padding: 3px 6px;
17383
17668
  }
17384
- .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-charts-data-group-container > * {
17385
- margin-bottom: 4px;
17669
+ .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-charts-data-group-container .ag-charts-data-group-item:not(.ag-charts-format-sub-level-group) {
17670
+ height: 20px;
17671
+ }
17672
+ .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-charts-data-group-container .ag-list-item-hovered::after {
17673
+ content: "";
17674
+ position: absolute;
17675
+ left: 0;
17676
+ right: 0;
17677
+ height: 1px;
17678
+ background-color: #1870B8;
17679
+ background-color: var(--ag-range-selection-border-color, #1870B8);
17680
+ }
17681
+ .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-charts-data-group-container .ag-item-highlight-top::after {
17682
+ top: 0;
17683
+ }
17684
+ .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-charts-data-group-container .ag-item-highlight-bottom::after {
17685
+ bottom: 0;
17386
17686
  }
17387
17687
  .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-charts-format-top-level-group-container {
17388
17688
  margin-left: 8px;
@@ -17978,6 +18278,17 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
17978
18278
  border-color: #1870B8;
17979
18279
  border-color: var(--ag-input-focus-border-color, #1870B8);
17980
18280
  }
18281
+ .sky-theme-modern ag-grid-angular.sky-ag-grid-editable input[class^=ag-]:not([type]):invalid,
18282
+ .sky-theme-modern ag-grid-angular.sky-ag-grid-editable input[class^=ag-][type=text]:invalid,
18283
+ .sky-theme-modern ag-grid-angular.sky-ag-grid-editable input[class^=ag-][type=number]:invalid,
18284
+ .sky-theme-modern ag-grid-angular.sky-ag-grid-editable input[class^=ag-][type=tel]:invalid,
18285
+ .sky-theme-modern ag-grid-angular.sky-ag-grid-editable input[class^=ag-][type=date]:invalid,
18286
+ .sky-theme-modern ag-grid-angular.sky-ag-grid-editable input[class^=ag-][type=datetime-local]:invalid,
18287
+ .sky-theme-modern ag-grid-angular.sky-ag-grid-editable textarea[class^=ag-]:invalid {
18288
+ border-width: 2px;
18289
+ border-style: solid;
18290
+ border-color: var(--ag-input-border-color-invalid);
18291
+ }
17981
18292
  .sky-theme-modern ag-grid-angular.sky-ag-grid-editable input[class^=ag-][type=number] {
17982
18293
  -moz-appearance: textfield;
17983
18294
  }
@@ -18112,7 +18423,7 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
18112
18423
  }
18113
18424
 
18114
18425
  .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-cell-wrapper > *:not(.ag-cell-value):not(.ag-group-value) {
18115
- height: 58px;
18426
+ height: min(var(--ag-line-height, 58px), 58px);
18116
18427
  display: flex;
18117
18428
  align-items: center;
18118
18429
  flex: none;
@@ -18340,6 +18651,12 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
18340
18651
  .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-tooltip.ag-tooltip-hiding {
18341
18652
  opacity: 0;
18342
18653
  }
18654
+ .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-tooltip-custom {
18655
+ transition: opacity 1s;
18656
+ }
18657
+ .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-tooltip-custom.ag-tooltip-hiding {
18658
+ opacity: 0;
18659
+ }
18343
18660
  .sky-theme-modern .ag-ltr ag-grid-angular.sky-ag-grid-editable .ag-column-select-indent-1 {
18344
18661
  padding-left: 16px;
18345
18662
  }
@@ -18433,11 +18750,11 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
18433
18750
  border-color: var(--ag-input-focus-border-color, #1870B8);
18434
18751
  }
18435
18752
  .sky-theme-modern .ag-ltr ag-grid-angular.sky-ag-grid-editable .ag-column-group-icons:not(:last-child), .sky-theme-modern .ag-ltr ag-grid-angular.sky-ag-grid-editable .ag-column-select-header-icon:not(:last-child), .sky-theme-modern .ag-ltr ag-grid-angular.sky-ag-grid-editable .ag-column-select-header-checkbox:not(:last-child), .sky-theme-modern .ag-ltr ag-grid-angular.sky-ag-grid-editable .ag-column-select-header-filter-wrapper:not(:last-child), .sky-theme-modern .ag-ltr ag-grid-angular.sky-ag-grid-editable .ag-column-select-checkbox:not(:last-child), .sky-theme-modern .ag-ltr ag-grid-angular.sky-ag-grid-editable .ag-column-select-column-drag-handle:not(:last-child), .sky-theme-modern .ag-ltr ag-grid-angular.sky-ag-grid-editable .ag-column-select-column-group-drag-handle:not(:last-child), .sky-theme-modern .ag-ltr ag-grid-angular.sky-ag-grid-editable .ag-column-select-column-label:not(:last-child) {
18436
- margin-right: 6px;
18753
+ margin-right: 8px;
18437
18754
  }
18438
18755
 
18439
18756
  .sky-theme-modern .ag-rtl ag-grid-angular.sky-ag-grid-editable .ag-column-group-icons:not(:last-child), .sky-theme-modern .ag-rtl ag-grid-angular.sky-ag-grid-editable .ag-column-select-header-icon:not(:last-child), .sky-theme-modern .ag-rtl ag-grid-angular.sky-ag-grid-editable .ag-column-select-header-checkbox:not(:last-child), .sky-theme-modern .ag-rtl ag-grid-angular.sky-ag-grid-editable .ag-column-select-header-filter-wrapper:not(:last-child), .sky-theme-modern .ag-rtl ag-grid-angular.sky-ag-grid-editable .ag-column-select-checkbox:not(:last-child), .sky-theme-modern .ag-rtl ag-grid-angular.sky-ag-grid-editable .ag-column-select-column-drag-handle:not(:last-child), .sky-theme-modern .ag-rtl ag-grid-angular.sky-ag-grid-editable .ag-column-select-column-group-drag-handle:not(:last-child), .sky-theme-modern .ag-rtl ag-grid-angular.sky-ag-grid-editable .ag-column-select-column-label:not(:last-child) {
18440
- margin-left: 6px;
18757
+ margin-left: 8px;
18441
18758
  }
18442
18759
 
18443
18760
  .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-keyboard-focus .ag-column-select-virtual-list-item:focus {
@@ -18479,7 +18796,7 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
18479
18796
  padding: 3px 0px;
18480
18797
  }
18481
18798
  .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-column-select-virtual-list-item {
18482
- margin: 0 6px;
18799
+ padding: 0 6px;
18483
18800
  }
18484
18801
  .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-rtl {
18485
18802
  text-align: right;
@@ -20939,12 +21256,12 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
20939
21256
  .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-row-odd {
20940
21257
  background-color: var(--ag-odd-row-background-color);
20941
21258
  }
20942
- .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-horizontal-left-spacer:not(.ag-scroller-corner) {
21259
+ .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-left-spacer:not(.ag-scroller-corner) {
20943
21260
  border-right: solid 1px;
20944
21261
  border-right-color: #d2d2d2;
20945
21262
  border-right-color: var(--ag-border-color, #d2d2d2);
20946
21263
  }
20947
- .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-horizontal-right-spacer:not(.ag-scroller-corner) {
21264
+ .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-right-spacer:not(.ag-scroller-corner) {
20948
21265
  border-left: solid 1px;
20949
21266
  border-left-color: #d2d2d2;
20950
21267
  border-left-color: var(--ag-border-color, #d2d2d2);
@@ -20967,7 +21284,7 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
20967
21284
 
20968
21285
  .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-cell, .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-full-width-row .ag-cell-wrapper.ag-row-group {
20969
21286
  border: 1px solid transparent;
20970
- line-height: 58px;
21287
+ line-height: min(var(--ag-line-height, 58px), 58px);
20971
21288
  padding-left: 11px;
20972
21289
  padding-right: 11px;
20973
21290
  -webkit-font-smoothing: subpixel-antialiased;
@@ -21330,6 +21647,15 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
21330
21647
  border-top-color: #d2d2d2;
21331
21648
  border-top-color: var(--ag-border-color, #d2d2d2);
21332
21649
  }
21650
+ .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-menu:not(.ag-tabs) .ag-filter-select {
21651
+ min-width: 167px;
21652
+ }
21653
+ .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-tabs .ag-filter-select {
21654
+ min-width: 206px;
21655
+ }
21656
+ .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-filter-select .ag-picker-field-wrapper {
21657
+ width: 0;
21658
+ }
21333
21659
  .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-filter-condition-operator {
21334
21660
  height: 17px;
21335
21661
  }
@@ -21803,6 +22129,21 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
21803
22129
  color: #686c73;
21804
22130
  color: var(--ag-secondary-foreground-color, #686c73);
21805
22131
  }
22132
+ .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-column-select-list .ag-list-item-hovered::after {
22133
+ content: "";
22134
+ position: absolute;
22135
+ left: 0;
22136
+ right: 0;
22137
+ height: 1px;
22138
+ background-color: #1870B8;
22139
+ background-color: var(--ag-range-selection-border-color, #1870B8);
22140
+ }
22141
+ .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-column-select-list .ag-item-highlight-top::after {
22142
+ top: 0;
22143
+ }
22144
+ .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-column-select-list .ag-item-highlight-bottom::after {
22145
+ bottom: 0;
22146
+ }
21806
22147
  .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-header {
21807
22148
  background-color: #fcfcfc;
21808
22149
  background-color: var(--ag-header-background-color, #fcfcfc);
@@ -22009,6 +22350,24 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
22009
22350
  border-radius: 16px;
22010
22351
  height: 16px;
22011
22352
  padding: 0 2px;
22353
+ border: 1px solid transparent;
22354
+ }
22355
+ .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-keyboard-focus .ag-column-drop-cell:focus {
22356
+ outline: none;
22357
+ }
22358
+ .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-keyboard-focus .ag-column-drop-cell:focus::after {
22359
+ content: "";
22360
+ position: absolute;
22361
+ background-color: transparent;
22362
+ pointer-events: none;
22363
+ top: 2px;
22364
+ left: 2px;
22365
+ display: block;
22366
+ width: calc(100% - 4px);
22367
+ height: calc(100% - 4px);
22368
+ border: 1px solid;
22369
+ border-color: #1870B8;
22370
+ border-color: var(--ag-input-focus-border-color, #1870B8);
22012
22371
  }
22013
22372
  .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-column-drop-cell-text {
22014
22373
  margin: 0 4px;
@@ -22119,13 +22478,29 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
22119
22478
  }
22120
22479
  .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-select-agg-func-virtual-list-item {
22121
22480
  cursor: default;
22122
- line-height: 20px;
22123
22481
  padding-left: 8px;
22124
22482
  }
22125
22483
  .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-select-agg-func-virtual-list-item:hover {
22126
22484
  background-color: #c8c8c9;
22127
22485
  background-color: var(--ag-selected-row-background-color, #c8c8c9);
22128
22486
  }
22487
+ .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-keyboard-focus .ag-select-agg-func-virtual-list-item:focus {
22488
+ outline: none;
22489
+ }
22490
+ .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-keyboard-focus .ag-select-agg-func-virtual-list-item:focus::after {
22491
+ content: "";
22492
+ position: absolute;
22493
+ background-color: transparent;
22494
+ pointer-events: none;
22495
+ top: 1px;
22496
+ left: 1px;
22497
+ display: block;
22498
+ width: calc(100% - 2px);
22499
+ height: calc(100% - 2px);
22500
+ border: 1px solid;
22501
+ border-color: #1870B8;
22502
+ border-color: var(--ag-input-focus-border-color, #1870B8);
22503
+ }
22129
22504
  .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-chart-menu {
22130
22505
  border-radius: 0px;
22131
22506
  background: #fff;
@@ -22202,11 +22577,25 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
22202
22577
  padding: 4px;
22203
22578
  }
22204
22579
  .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-charts-data-group-container {
22205
- padding: 6px 6px;
22206
- padding-bottom: 2px;
22580
+ padding: 3px 6px;
22207
22581
  }
22208
- .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-charts-data-group-container > * {
22209
- margin-bottom: 4px;
22582
+ .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-charts-data-group-container .ag-charts-data-group-item:not(.ag-charts-format-sub-level-group) {
22583
+ height: 20px;
22584
+ }
22585
+ .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-charts-data-group-container .ag-list-item-hovered::after {
22586
+ content: "";
22587
+ position: absolute;
22588
+ left: 0;
22589
+ right: 0;
22590
+ height: 1px;
22591
+ background-color: #1870B8;
22592
+ background-color: var(--ag-range-selection-border-color, #1870B8);
22593
+ }
22594
+ .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-charts-data-group-container .ag-item-highlight-top::after {
22595
+ top: 0;
22596
+ }
22597
+ .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-charts-data-group-container .ag-item-highlight-bottom::after {
22598
+ bottom: 0;
22210
22599
  }
22211
22600
  .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-charts-format-top-level-group-container {
22212
22601
  margin-left: 8px;
@@ -22837,6 +23226,17 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
22837
23226
  border-color: #009cd1;
22838
23227
  border-color: var(--ag-input-focus-border-color, #009cd1);
22839
23228
  }
23229
+ .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) input[class^=ag-]:not([type]):invalid,
23230
+ .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) input[class^=ag-][type=text]:invalid,
23231
+ .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) input[class^=ag-][type=number]:invalid,
23232
+ .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) input[class^=ag-][type=tel]:invalid,
23233
+ .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) input[class^=ag-][type=date]:invalid,
23234
+ .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) input[class^=ag-][type=datetime-local]:invalid,
23235
+ .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) textarea[class^=ag-]:invalid {
23236
+ border-width: 2px;
23237
+ border-style: solid;
23238
+ border-color: var(--ag-input-border-color-invalid);
23239
+ }
22840
23240
  .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) input[class^=ag-][type=number] {
22841
23241
  -moz-appearance: textfield;
22842
23242
  }
@@ -22971,7 +23371,7 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
22971
23371
  }
22972
23372
 
22973
23373
  .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-cell-wrapper > *:not(.ag-cell-value):not(.ag-group-value) {
22974
- height: 58px;
23374
+ height: min(var(--ag-line-height, 58px), 58px);
22975
23375
  display: flex;
22976
23376
  align-items: center;
22977
23377
  flex: none;
@@ -23199,6 +23599,12 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
23199
23599
  .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-tooltip.ag-tooltip-hiding {
23200
23600
  opacity: 0;
23201
23601
  }
23602
+ .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-tooltip-custom {
23603
+ transition: opacity 1s;
23604
+ }
23605
+ .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-tooltip-custom.ag-tooltip-hiding {
23606
+ opacity: 0;
23607
+ }
23202
23608
  .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) .ag-ltr ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-select-indent-1 {
23203
23609
  padding-left: 16px;
23204
23610
  }
@@ -23292,11 +23698,11 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
23292
23698
  border-color: var(--ag-input-focus-border-color, #009cd1);
23293
23699
  }
23294
23700
  .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) .ag-ltr ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-group-icons:not(:last-child), .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) .ag-ltr ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-select-header-icon:not(:last-child), .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) .ag-ltr ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-select-header-checkbox:not(:last-child), .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) .ag-ltr ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-select-header-filter-wrapper:not(:last-child), .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) .ag-ltr ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-select-checkbox:not(:last-child), .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) .ag-ltr ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-select-column-drag-handle:not(:last-child), .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) .ag-ltr ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-select-column-group-drag-handle:not(:last-child), .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) .ag-ltr ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-select-column-label:not(:last-child) {
23295
- margin-right: 6px;
23701
+ margin-right: 8px;
23296
23702
  }
23297
23703
 
23298
23704
  .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) .ag-rtl ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-group-icons:not(:last-child), .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) .ag-rtl ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-select-header-icon:not(:last-child), .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) .ag-rtl ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-select-header-checkbox:not(:last-child), .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) .ag-rtl ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-select-header-filter-wrapper:not(:last-child), .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) .ag-rtl ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-select-checkbox:not(:last-child), .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) .ag-rtl ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-select-column-drag-handle:not(:last-child), .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) .ag-rtl ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-select-column-group-drag-handle:not(:last-child), .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) .ag-rtl ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-select-column-label:not(:last-child) {
23299
- margin-left: 6px;
23705
+ margin-left: 8px;
23300
23706
  }
23301
23707
 
23302
23708
  .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-keyboard-focus .ag-column-select-virtual-list-item:focus {
@@ -23338,7 +23744,7 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
23338
23744
  padding: 3px 0px;
23339
23745
  }
23340
23746
  .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-select-virtual-list-item {
23341
- margin: 0 6px;
23747
+ padding: 0 6px;
23342
23748
  }
23343
23749
  .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-rtl {
23344
23750
  text-align: right;
@@ -25798,12 +26204,12 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
25798
26204
  .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-row-odd {
25799
26205
  background-color: var(--ag-odd-row-background-color);
25800
26206
  }
25801
- .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-horizontal-left-spacer:not(.ag-scroller-corner) {
26207
+ .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-left-spacer:not(.ag-scroller-corner) {
25802
26208
  border-right: solid 1px;
25803
26209
  border-right-color: #686c73;
25804
26210
  border-right-color: var(--ag-border-color, #686c73);
25805
26211
  }
25806
- .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-horizontal-right-spacer:not(.ag-scroller-corner) {
26212
+ .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-right-spacer:not(.ag-scroller-corner) {
25807
26213
  border-left: solid 1px;
25808
26214
  border-left-color: #686c73;
25809
26215
  border-left-color: var(--ag-border-color, #686c73);
@@ -25826,7 +26232,7 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
25826
26232
 
25827
26233
  .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-cell, .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-full-width-row .ag-cell-wrapper.ag-row-group {
25828
26234
  border: 1px solid transparent;
25829
- line-height: 58px;
26235
+ line-height: min(var(--ag-line-height, 58px), 58px);
25830
26236
  padding-left: 11px;
25831
26237
  padding-right: 11px;
25832
26238
  -webkit-font-smoothing: subpixel-antialiased;
@@ -26189,6 +26595,15 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
26189
26595
  border-top-color: #686c73;
26190
26596
  border-top-color: var(--ag-border-color, #686c73);
26191
26597
  }
26598
+ .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-menu:not(.ag-tabs) .ag-filter-select {
26599
+ min-width: 167px;
26600
+ }
26601
+ .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-tabs .ag-filter-select {
26602
+ min-width: 206px;
26603
+ }
26604
+ .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-filter-select .ag-picker-field-wrapper {
26605
+ width: 0;
26606
+ }
26192
26607
  .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-filter-condition-operator {
26193
26608
  height: 17px;
26194
26609
  }
@@ -26662,6 +27077,21 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
26662
27077
  color: #c0c2c5;
26663
27078
  color: var(--ag-secondary-foreground-color, #c0c2c5);
26664
27079
  }
27080
+ .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-select-list .ag-list-item-hovered::after {
27081
+ content: "";
27082
+ position: absolute;
27083
+ left: 0;
27084
+ right: 0;
27085
+ height: 1px;
27086
+ background-color: #009cd1;
27087
+ background-color: var(--ag-range-selection-border-color, #009cd1);
27088
+ }
27089
+ .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-select-list .ag-item-highlight-top::after {
27090
+ top: 0;
27091
+ }
27092
+ .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-select-list .ag-item-highlight-bottom::after {
27093
+ bottom: 0;
27094
+ }
26665
27095
  .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-header {
26666
27096
  background-color: #121212;
26667
27097
  background-color: var(--ag-header-background-color, #121212);
@@ -26868,6 +27298,24 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
26868
27298
  border-radius: 16px;
26869
27299
  height: 16px;
26870
27300
  padding: 0 2px;
27301
+ border: 1px solid transparent;
27302
+ }
27303
+ .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-keyboard-focus .ag-column-drop-cell:focus {
27304
+ outline: none;
27305
+ }
27306
+ .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-keyboard-focus .ag-column-drop-cell:focus::after {
27307
+ content: "";
27308
+ position: absolute;
27309
+ background-color: transparent;
27310
+ pointer-events: none;
27311
+ top: 2px;
27312
+ left: 2px;
27313
+ display: block;
27314
+ width: calc(100% - 4px);
27315
+ height: calc(100% - 4px);
27316
+ border: 1px solid;
27317
+ border-color: #009cd1;
27318
+ border-color: var(--ag-input-focus-border-color, #009cd1);
26871
27319
  }
26872
27320
  .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-drop-cell-text {
26873
27321
  margin: 0 4px;
@@ -26978,13 +27426,29 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
26978
27426
  }
26979
27427
  .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-select-agg-func-virtual-list-item {
26980
27428
  cursor: default;
26981
- line-height: 20px;
26982
27429
  padding-left: 8px;
26983
27430
  }
26984
27431
  .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-select-agg-func-virtual-list-item:hover {
26985
27432
  background-color: #4c4d4d;
26986
27433
  background-color: var(--ag-selected-row-background-color, #4c4d4d);
26987
27434
  }
27435
+ .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-keyboard-focus .ag-select-agg-func-virtual-list-item:focus {
27436
+ outline: none;
27437
+ }
27438
+ .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-keyboard-focus .ag-select-agg-func-virtual-list-item:focus::after {
27439
+ content: "";
27440
+ position: absolute;
27441
+ background-color: transparent;
27442
+ pointer-events: none;
27443
+ top: 1px;
27444
+ left: 1px;
27445
+ display: block;
27446
+ width: calc(100% - 2px);
27447
+ height: calc(100% - 2px);
27448
+ border: 1px solid;
27449
+ border-color: #009cd1;
27450
+ border-color: var(--ag-input-focus-border-color, #009cd1);
27451
+ }
26988
27452
  .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-chart-menu {
26989
27453
  border-radius: 0px;
26990
27454
  background: #121212;
@@ -27061,11 +27525,25 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
27061
27525
  padding: 4px;
27062
27526
  }
27063
27527
  .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-charts-data-group-container {
27064
- padding: 6px 6px;
27065
- padding-bottom: 2px;
27528
+ padding: 3px 6px;
27066
27529
  }
27067
- .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-charts-data-group-container > * {
27068
- margin-bottom: 4px;
27530
+ .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-charts-data-group-container .ag-charts-data-group-item:not(.ag-charts-format-sub-level-group) {
27531
+ height: 20px;
27532
+ }
27533
+ .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-charts-data-group-container .ag-list-item-hovered::after {
27534
+ content: "";
27535
+ position: absolute;
27536
+ left: 0;
27537
+ right: 0;
27538
+ height: 1px;
27539
+ background-color: #009cd1;
27540
+ background-color: var(--ag-range-selection-border-color, #009cd1);
27541
+ }
27542
+ .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-charts-data-group-container .ag-item-highlight-top::after {
27543
+ top: 0;
27544
+ }
27545
+ .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-charts-data-group-container .ag-item-highlight-bottom::after {
27546
+ bottom: 0;
27069
27547
  }
27070
27548
  .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-charts-format-top-level-group-container {
27071
27549
  margin-left: 8px;
@@ -27666,6 +28144,17 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
27666
28144
  border-color: #009cd1;
27667
28145
  border-color: var(--ag-input-focus-border-color, #009cd1);
27668
28146
  }
28147
+ .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable input[class^=ag-]:not([type]):invalid,
28148
+ .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable input[class^=ag-][type=text]:invalid,
28149
+ .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable input[class^=ag-][type=number]:invalid,
28150
+ .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable input[class^=ag-][type=tel]:invalid,
28151
+ .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable input[class^=ag-][type=date]:invalid,
28152
+ .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable input[class^=ag-][type=datetime-local]:invalid,
28153
+ .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable textarea[class^=ag-]:invalid {
28154
+ border-width: 2px;
28155
+ border-style: solid;
28156
+ border-color: var(--ag-input-border-color-invalid);
28157
+ }
27669
28158
  .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable input[class^=ag-][type=number] {
27670
28159
  -moz-appearance: textfield;
27671
28160
  }
@@ -27800,7 +28289,7 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
27800
28289
  }
27801
28290
 
27802
28291
  .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-cell-wrapper > *:not(.ag-cell-value):not(.ag-group-value) {
27803
- height: 58px;
28292
+ height: min(var(--ag-line-height, 58px), 58px);
27804
28293
  display: flex;
27805
28294
  align-items: center;
27806
28295
  flex: none;
@@ -28028,6 +28517,12 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
28028
28517
  .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-tooltip.ag-tooltip-hiding {
28029
28518
  opacity: 0;
28030
28519
  }
28520
+ .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-tooltip-custom {
28521
+ transition: opacity 1s;
28522
+ }
28523
+ .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-tooltip-custom.ag-tooltip-hiding {
28524
+ opacity: 0;
28525
+ }
28031
28526
  .sky-theme-modern.sky-theme-mode-dark .ag-ltr ag-grid-angular.sky-ag-grid-editable .ag-column-select-indent-1 {
28032
28527
  padding-left: 16px;
28033
28528
  }
@@ -28121,11 +28616,11 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
28121
28616
  border-color: var(--ag-input-focus-border-color, #009cd1);
28122
28617
  }
28123
28618
  .sky-theme-modern.sky-theme-mode-dark .ag-ltr ag-grid-angular.sky-ag-grid-editable .ag-column-group-icons:not(:last-child), .sky-theme-modern.sky-theme-mode-dark .ag-ltr ag-grid-angular.sky-ag-grid-editable .ag-column-select-header-icon:not(:last-child), .sky-theme-modern.sky-theme-mode-dark .ag-ltr ag-grid-angular.sky-ag-grid-editable .ag-column-select-header-checkbox:not(:last-child), .sky-theme-modern.sky-theme-mode-dark .ag-ltr ag-grid-angular.sky-ag-grid-editable .ag-column-select-header-filter-wrapper:not(:last-child), .sky-theme-modern.sky-theme-mode-dark .ag-ltr ag-grid-angular.sky-ag-grid-editable .ag-column-select-checkbox:not(:last-child), .sky-theme-modern.sky-theme-mode-dark .ag-ltr ag-grid-angular.sky-ag-grid-editable .ag-column-select-column-drag-handle:not(:last-child), .sky-theme-modern.sky-theme-mode-dark .ag-ltr ag-grid-angular.sky-ag-grid-editable .ag-column-select-column-group-drag-handle:not(:last-child), .sky-theme-modern.sky-theme-mode-dark .ag-ltr ag-grid-angular.sky-ag-grid-editable .ag-column-select-column-label:not(:last-child) {
28124
- margin-right: 6px;
28619
+ margin-right: 8px;
28125
28620
  }
28126
28621
 
28127
28622
  .sky-theme-modern.sky-theme-mode-dark .ag-rtl ag-grid-angular.sky-ag-grid-editable .ag-column-group-icons:not(:last-child), .sky-theme-modern.sky-theme-mode-dark .ag-rtl ag-grid-angular.sky-ag-grid-editable .ag-column-select-header-icon:not(:last-child), .sky-theme-modern.sky-theme-mode-dark .ag-rtl ag-grid-angular.sky-ag-grid-editable .ag-column-select-header-checkbox:not(:last-child), .sky-theme-modern.sky-theme-mode-dark .ag-rtl ag-grid-angular.sky-ag-grid-editable .ag-column-select-header-filter-wrapper:not(:last-child), .sky-theme-modern.sky-theme-mode-dark .ag-rtl ag-grid-angular.sky-ag-grid-editable .ag-column-select-checkbox:not(:last-child), .sky-theme-modern.sky-theme-mode-dark .ag-rtl ag-grid-angular.sky-ag-grid-editable .ag-column-select-column-drag-handle:not(:last-child), .sky-theme-modern.sky-theme-mode-dark .ag-rtl ag-grid-angular.sky-ag-grid-editable .ag-column-select-column-group-drag-handle:not(:last-child), .sky-theme-modern.sky-theme-mode-dark .ag-rtl ag-grid-angular.sky-ag-grid-editable .ag-column-select-column-label:not(:last-child) {
28128
- margin-left: 6px;
28623
+ margin-left: 8px;
28129
28624
  }
28130
28625
 
28131
28626
  .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-keyboard-focus .ag-column-select-virtual-list-item:focus {
@@ -28167,7 +28662,7 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
28167
28662
  padding: 3px 0px;
28168
28663
  }
28169
28664
  .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-column-select-virtual-list-item {
28170
- margin: 0 6px;
28665
+ padding: 0 6px;
28171
28666
  }
28172
28667
  .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-rtl {
28173
28668
  text-align: right;
@@ -30627,12 +31122,12 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
30627
31122
  .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-row-odd {
30628
31123
  background-color: var(--ag-odd-row-background-color);
30629
31124
  }
30630
- .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-horizontal-left-spacer:not(.ag-scroller-corner) {
31125
+ .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-left-spacer:not(.ag-scroller-corner) {
30631
31126
  border-right: solid 1px;
30632
31127
  border-right-color: #686c73;
30633
31128
  border-right-color: var(--ag-border-color, #686c73);
30634
31129
  }
30635
- .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-horizontal-right-spacer:not(.ag-scroller-corner) {
31130
+ .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-right-spacer:not(.ag-scroller-corner) {
30636
31131
  border-left: solid 1px;
30637
31132
  border-left-color: #686c73;
30638
31133
  border-left-color: var(--ag-border-color, #686c73);
@@ -30655,7 +31150,7 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
30655
31150
 
30656
31151
  .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-cell, .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-full-width-row .ag-cell-wrapper.ag-row-group {
30657
31152
  border: 1px solid transparent;
30658
- line-height: 58px;
31153
+ line-height: min(var(--ag-line-height, 58px), 58px);
30659
31154
  padding-left: 11px;
30660
31155
  padding-right: 11px;
30661
31156
  -webkit-font-smoothing: subpixel-antialiased;
@@ -31018,6 +31513,15 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
31018
31513
  border-top-color: #686c73;
31019
31514
  border-top-color: var(--ag-border-color, #686c73);
31020
31515
  }
31516
+ .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-menu:not(.ag-tabs) .ag-filter-select {
31517
+ min-width: 167px;
31518
+ }
31519
+ .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-tabs .ag-filter-select {
31520
+ min-width: 206px;
31521
+ }
31522
+ .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-filter-select .ag-picker-field-wrapper {
31523
+ width: 0;
31524
+ }
31021
31525
  .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-filter-condition-operator {
31022
31526
  height: 17px;
31023
31527
  }
@@ -31491,6 +31995,21 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
31491
31995
  color: #c0c2c5;
31492
31996
  color: var(--ag-secondary-foreground-color, #c0c2c5);
31493
31997
  }
31998
+ .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-column-select-list .ag-list-item-hovered::after {
31999
+ content: "";
32000
+ position: absolute;
32001
+ left: 0;
32002
+ right: 0;
32003
+ height: 1px;
32004
+ background-color: #009cd1;
32005
+ background-color: var(--ag-range-selection-border-color, #009cd1);
32006
+ }
32007
+ .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-column-select-list .ag-item-highlight-top::after {
32008
+ top: 0;
32009
+ }
32010
+ .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-column-select-list .ag-item-highlight-bottom::after {
32011
+ bottom: 0;
32012
+ }
31494
32013
  .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-header {
31495
32014
  background-color: #121212;
31496
32015
  background-color: var(--ag-header-background-color, #121212);
@@ -31697,6 +32216,24 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
31697
32216
  border-radius: 16px;
31698
32217
  height: 16px;
31699
32218
  padding: 0 2px;
32219
+ border: 1px solid transparent;
32220
+ }
32221
+ .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-keyboard-focus .ag-column-drop-cell:focus {
32222
+ outline: none;
32223
+ }
32224
+ .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-keyboard-focus .ag-column-drop-cell:focus::after {
32225
+ content: "";
32226
+ position: absolute;
32227
+ background-color: transparent;
32228
+ pointer-events: none;
32229
+ top: 2px;
32230
+ left: 2px;
32231
+ display: block;
32232
+ width: calc(100% - 4px);
32233
+ height: calc(100% - 4px);
32234
+ border: 1px solid;
32235
+ border-color: #009cd1;
32236
+ border-color: var(--ag-input-focus-border-color, #009cd1);
31700
32237
  }
31701
32238
  .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-column-drop-cell-text {
31702
32239
  margin: 0 4px;
@@ -31807,13 +32344,29 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
31807
32344
  }
31808
32345
  .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-select-agg-func-virtual-list-item {
31809
32346
  cursor: default;
31810
- line-height: 20px;
31811
32347
  padding-left: 8px;
31812
32348
  }
31813
32349
  .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-select-agg-func-virtual-list-item:hover {
31814
32350
  background-color: #4c4d4d;
31815
32351
  background-color: var(--ag-selected-row-background-color, #4c4d4d);
31816
32352
  }
32353
+ .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-keyboard-focus .ag-select-agg-func-virtual-list-item:focus {
32354
+ outline: none;
32355
+ }
32356
+ .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-keyboard-focus .ag-select-agg-func-virtual-list-item:focus::after {
32357
+ content: "";
32358
+ position: absolute;
32359
+ background-color: transparent;
32360
+ pointer-events: none;
32361
+ top: 1px;
32362
+ left: 1px;
32363
+ display: block;
32364
+ width: calc(100% - 2px);
32365
+ height: calc(100% - 2px);
32366
+ border: 1px solid;
32367
+ border-color: #009cd1;
32368
+ border-color: var(--ag-input-focus-border-color, #009cd1);
32369
+ }
31817
32370
  .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-chart-menu {
31818
32371
  border-radius: 0px;
31819
32372
  background: #121212;
@@ -31890,11 +32443,25 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
31890
32443
  padding: 4px;
31891
32444
  }
31892
32445
  .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-charts-data-group-container {
31893
- padding: 6px 6px;
31894
- padding-bottom: 2px;
32446
+ padding: 3px 6px;
31895
32447
  }
31896
- .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-charts-data-group-container > * {
31897
- margin-bottom: 4px;
32448
+ .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-charts-data-group-container .ag-charts-data-group-item:not(.ag-charts-format-sub-level-group) {
32449
+ height: 20px;
32450
+ }
32451
+ .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-charts-data-group-container .ag-list-item-hovered::after {
32452
+ content: "";
32453
+ position: absolute;
32454
+ left: 0;
32455
+ right: 0;
32456
+ height: 1px;
32457
+ background-color: #009cd1;
32458
+ background-color: var(--ag-range-selection-border-color, #009cd1);
32459
+ }
32460
+ .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-charts-data-group-container .ag-item-highlight-top::after {
32461
+ top: 0;
32462
+ }
32463
+ .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-charts-data-group-container .ag-item-highlight-bottom::after {
32464
+ bottom: 0;
31898
32465
  }
31899
32466
  .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-charts-format-top-level-group-container {
31900
32467
  margin-left: 8px;