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

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 +687 -124
  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,7 @@ 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%;
631
607
  }
632
608
 
633
609
  .ag-cell-value, .ag-group-value {
@@ -643,23 +619,28 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
643
619
  .ag-cell-wrapper {
644
620
  display: flex;
645
621
  align-items: center;
646
- height: 100%;
647
622
  }
648
623
  .ag-cell-wrapper.ag-row-group {
649
624
  align-items: flex-start;
650
625
  }
651
626
 
652
- .ag-full-width-row .ag-cell-wrapper.ag-row-group {
653
- align-items: center;
627
+ .ag-sparkline-wrapper {
628
+ position: absolute;
629
+ height: 100%;
630
+ width: 100%;
631
+ left: 0;
632
+ top: 0;
654
633
  }
655
634
 
656
- .ag-cell-normal-height {
635
+ .ag-full-width-row .ag-cell-wrapper.ag-row-group {
657
636
  height: 100%;
637
+ align-items: center;
658
638
  }
659
639
 
660
640
  .ag-cell-inline-editing {
661
641
  z-index: 1;
662
642
  }
643
+ .ag-cell-inline-editing .ag-cell-wrapper,
663
644
  .ag-cell-inline-editing .ag-cell-edit-wrapper,
664
645
  .ag-cell-inline-editing .ag-cell-editor,
665
646
  .ag-cell-inline-editing .ag-cell-editor .ag-wrapper,
@@ -920,6 +901,7 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
920
901
  .ag-resizer {
921
902
  position: absolute;
922
903
  pointer-events: none;
904
+ user-select: none;
923
905
  z-index: 1;
924
906
  }
925
907
  .ag-resizer.ag-resizer-topLeft {
@@ -990,6 +972,12 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
990
972
  z-index: 99999;
991
973
  }
992
974
 
975
+ .ag-tooltip-custom {
976
+ position: absolute;
977
+ pointer-events: none;
978
+ z-index: 99999;
979
+ }
980
+
993
981
  /**
994
982
  ****************************
995
983
  * Animations
@@ -1139,7 +1127,8 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
1139
1127
  }
1140
1128
 
1141
1129
  .ag-column-select-column,
1142
- .ag-column-select-column-group {
1130
+ .ag-column-select-column-group,
1131
+ .ag-select-agg-func-item {
1143
1132
  position: relative;
1144
1133
  align-items: center;
1145
1134
  display: flex;
@@ -1150,7 +1139,8 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
1150
1139
  height: 100%;
1151
1140
  }
1152
1141
  .ag-column-select-column > *,
1153
- .ag-column-select-column-group > * {
1142
+ .ag-column-select-column-group > *,
1143
+ .ag-select-agg-func-item > * {
1154
1144
  flex: none;
1155
1145
  }
1156
1146
 
@@ -1335,12 +1325,6 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
1335
1325
  flex-direction: column;
1336
1326
  }
1337
1327
 
1338
- .ag-charts-font-size-color {
1339
- display: flex;
1340
- align-self: stretch;
1341
- justify-content: space-between;
1342
- }
1343
-
1344
1328
  .ag-column-group-icons {
1345
1329
  display: block;
1346
1330
  }
@@ -2922,6 +2906,40 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
2922
2906
  transform: rotate(180deg);
2923
2907
  }
2924
2908
 
2909
+ .ag-layout-print.ag-body-viewport {
2910
+ flex: none;
2911
+ }
2912
+ .ag-layout-print.ag-root-wrapper {
2913
+ display: inline-flex;
2914
+ }
2915
+ .ag-layout-print .ag-center-cols-clipper {
2916
+ min-width: 100%;
2917
+ }
2918
+ .ag-layout-print .ag-body-horizontal-scroll {
2919
+ display: none;
2920
+ }
2921
+ .ag-layout-print.ag-force-vertical-scroll {
2922
+ overflow-y: visible !important;
2923
+ }
2924
+
2925
+ @media print {
2926
+ .ag-root-wrapper.ag-layout-print,
2927
+ .ag-root-wrapper.ag-layout-print .ag-root-wrapper-body,
2928
+ .ag-root-wrapper.ag-layout-print .ag-root,
2929
+ .ag-root-wrapper.ag-layout-print .ag-body-viewport,
2930
+ .ag-root-wrapper.ag-layout-print .ag-center-cols-container,
2931
+ .ag-root-wrapper.ag-layout-print .ag-center-cols-viewport,
2932
+ .ag-root-wrapper.ag-layout-print .ag-center-cols-clipper,
2933
+ .ag-root-wrapper.ag-layout-print .ag-body-horizontal-scroll-viewport,
2934
+ .ag-root-wrapper.ag-layout-print .ag-virtual-list-viewport {
2935
+ height: auto !important;
2936
+ overflow: hidden !important;
2937
+ display: block !important;
2938
+ }
2939
+ .ag-root-wrapper.ag-layout-print .ag-row {
2940
+ page-break-inside: avoid;
2941
+ }
2942
+ }
2925
2943
  .ag-body .ag-body-viewport {
2926
2944
  -webkit-overflow-scrolling: touch;
2927
2945
  }
@@ -3126,16 +3144,17 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
3126
3144
  user-select: none;
3127
3145
  }
3128
3146
 
3147
+ .ag-chart-data-wrapper {
3148
+ height: 100%;
3149
+ overflow-y: auto;
3150
+ }
3151
+
3129
3152
  .ag-chart-data-section,
3130
3153
  .ag-chart-format-section {
3131
3154
  display: flex;
3132
3155
  margin: 0;
3133
3156
  }
3134
3157
 
3135
- .ag-charts-font-panel-controls {
3136
- justify-content: space-between;
3137
- }
3138
-
3139
3158
  .ag-chart-empty-text {
3140
3159
  display: flex;
3141
3160
  top: 0;
@@ -3155,6 +3174,16 @@ ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia {
3155
3174
  pointer-events: all;
3156
3175
  }
3157
3176
 
3177
+ .ag-charts-font-size-color {
3178
+ display: flex;
3179
+ align-self: stretch;
3180
+ justify-content: space-between;
3181
+ }
3182
+
3183
+ .ag-charts-data-group-item {
3184
+ position: relative;
3185
+ }
3186
+
3158
3187
  .ag-date-time-list-page-title-bar {
3159
3188
  display: flex;
3160
3189
  }
@@ -3420,6 +3449,17 @@ ag-grid-angular:not(.sky-ag-grid-editable) textarea[class^=ag-]:focus {
3420
3449
  border-color: #00b4f1;
3421
3450
  border-color: var(--ag-input-focus-border-color, #00b4f1);
3422
3451
  }
3452
+ ag-grid-angular:not(.sky-ag-grid-editable) input[class^=ag-]:not([type]):invalid,
3453
+ ag-grid-angular:not(.sky-ag-grid-editable) input[class^=ag-][type=text]:invalid,
3454
+ ag-grid-angular:not(.sky-ag-grid-editable) input[class^=ag-][type=number]:invalid,
3455
+ ag-grid-angular:not(.sky-ag-grid-editable) input[class^=ag-][type=tel]:invalid,
3456
+ ag-grid-angular:not(.sky-ag-grid-editable) input[class^=ag-][type=date]:invalid,
3457
+ ag-grid-angular:not(.sky-ag-grid-editable) input[class^=ag-][type=datetime-local]:invalid,
3458
+ ag-grid-angular:not(.sky-ag-grid-editable) textarea[class^=ag-]:invalid {
3459
+ border-width: 2px;
3460
+ border-style: solid;
3461
+ border-color: var(--ag-input-border-color-invalid);
3462
+ }
3423
3463
  ag-grid-angular:not(.sky-ag-grid-editable) input[class^=ag-][type=number] {
3424
3464
  -moz-appearance: textfield;
3425
3465
  }
@@ -3556,7 +3596,7 @@ ag-grid-angular:not(.sky-ag-grid-editable) .ag-rtl .ag-row-drag, ag-grid-angular
3556
3596
  }
3557
3597
 
3558
3598
  ag-grid-angular:not(.sky-ag-grid-editable) .ag-cell-wrapper > *:not(.ag-cell-value):not(.ag-group-value) {
3559
- height: 36px;
3599
+ height: min(var(--ag-row-height, 36px), 36px);
3560
3600
  display: flex;
3561
3601
  align-items: center;
3562
3602
  flex: none;
@@ -3784,6 +3824,12 @@ ag-grid-angular:not(.sky-ag-grid-editable) .ag-tooltip {
3784
3824
  ag-grid-angular:not(.sky-ag-grid-editable) .ag-tooltip.ag-tooltip-hiding {
3785
3825
  opacity: 0;
3786
3826
  }
3827
+ ag-grid-angular:not(.sky-ag-grid-editable) .ag-tooltip-custom {
3828
+ transition: opacity 1s;
3829
+ }
3830
+ ag-grid-angular:not(.sky-ag-grid-editable) .ag-tooltip-custom.ag-tooltip-hiding {
3831
+ opacity: 0;
3832
+ }
3787
3833
  ag-grid-angular:not(.sky-ag-grid-editable) .ag-ltr .ag-column-select-indent-1 {
3788
3834
  padding-left: 16px;
3789
3835
  }
@@ -3877,11 +3923,11 @@ ag-grid-angular:not(.sky-ag-grid-editable) .ag-keyboard-focus .ag-column-select-
3877
3923
  border-color: var(--ag-input-focus-border-color, #00b4f1);
3878
3924
  }
3879
3925
  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;
3926
+ margin-right: 8px;
3881
3927
  }
3882
3928
 
3883
3929
  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;
3930
+ margin-left: 8px;
3885
3931
  }
3886
3932
 
3887
3933
  ag-grid-angular:not(.sky-ag-grid-editable) .ag-keyboard-focus .ag-column-select-virtual-list-item:focus {
@@ -3923,7 +3969,7 @@ ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-select-virtual-list-viewpo
3923
3969
  padding: 3px 0px;
3924
3970
  }
3925
3971
  ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-select-virtual-list-item {
3926
- margin: 0 6px;
3972
+ padding: 0 6px;
3927
3973
  }
3928
3974
  ag-grid-angular:not(.sky-ag-grid-editable) .ag-rtl {
3929
3975
  text-align: right;
@@ -6384,12 +6430,12 @@ ag-grid-angular:not(.sky-ag-grid-editable) .ag-row-odd {
6384
6430
  background-color: #ffffff;
6385
6431
  background-color: var(--ag-odd-row-background-color, #ffffff);
6386
6432
  }
6387
- ag-grid-angular:not(.sky-ag-grid-editable) .ag-horizontal-left-spacer:not(.ag-scroller-corner) {
6433
+ 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
6434
  border-right: solid 1px;
6389
6435
  border-right-color: #cdcfd2;
6390
6436
  border-right-color: var(--ag-border-color, #cdcfd2);
6391
6437
  }
6392
- ag-grid-angular:not(.sky-ag-grid-editable) .ag-horizontal-right-spacer:not(.ag-scroller-corner) {
6438
+ 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
6439
  border-left: solid 1px;
6394
6440
  border-left-color: #cdcfd2;
6395
6441
  border-left-color: var(--ag-border-color, #cdcfd2);
@@ -6416,7 +6462,7 @@ ag-grid-angular:not(.sky-ag-grid-editable) .ag-rtl .ag-right-aligned-cell .ag-ce
6416
6462
 
6417
6463
  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
6464
  border: 1px solid transparent;
6419
- line-height: 36px;
6465
+ line-height: min(var(--ag-row-height, 36px), 36px);
6420
6466
  padding-left: 11px;
6421
6467
  padding-right: 11px;
6422
6468
  -webkit-font-smoothing: subpixel-antialiased;
@@ -6780,6 +6826,15 @@ ag-grid-angular:not(.sky-ag-grid-editable) .ag-filter-separator {
6780
6826
  border-top-color: #cdcfd2;
6781
6827
  border-top-color: var(--ag-border-color, #cdcfd2);
6782
6828
  }
6829
+ ag-grid-angular:not(.sky-ag-grid-editable) .ag-menu:not(.ag-tabs) .ag-filter-select {
6830
+ min-width: 167px;
6831
+ }
6832
+ ag-grid-angular:not(.sky-ag-grid-editable) .ag-tabs .ag-filter-select {
6833
+ min-width: 206px;
6834
+ }
6835
+ ag-grid-angular:not(.sky-ag-grid-editable) .ag-filter-select .ag-picker-field-wrapper {
6836
+ width: 0;
6837
+ }
6783
6838
  ag-grid-angular:not(.sky-ag-grid-editable) .ag-filter-condition-operator {
6784
6839
  height: 17px;
6785
6840
  }
@@ -7253,6 +7308,21 @@ ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-select-header-icon {
7253
7308
  color: #686c73;
7254
7309
  color: var(--ag-secondary-foreground-color, #686c73);
7255
7310
  }
7311
+ ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-select-list .ag-list-item-hovered::after {
7312
+ content: "";
7313
+ position: absolute;
7314
+ left: 0;
7315
+ right: 0;
7316
+ height: 1px;
7317
+ background-color: #00b4f1;
7318
+ background-color: var(--ag-range-selection-border-color, #00b4f1);
7319
+ }
7320
+ ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-select-list .ag-item-highlight-top::after {
7321
+ top: 0;
7322
+ }
7323
+ ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-select-list .ag-item-highlight-bottom::after {
7324
+ bottom: 0;
7325
+ }
7256
7326
  ag-grid-angular:not(.sky-ag-grid-editable) .ag-header {
7257
7327
  background-color: #ffffff;
7258
7328
  background-color: var(--ag-header-background-color, #ffffff);
@@ -7479,6 +7549,24 @@ ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-drop-cell {
7479
7549
  border-radius: 16px;
7480
7550
  height: 16px;
7481
7551
  padding: 0 2px;
7552
+ border: 1px solid transparent;
7553
+ }
7554
+ ag-grid-angular:not(.sky-ag-grid-editable) .ag-keyboard-focus .ag-column-drop-cell:focus {
7555
+ outline: none;
7556
+ }
7557
+ ag-grid-angular:not(.sky-ag-grid-editable) .ag-keyboard-focus .ag-column-drop-cell:focus::after {
7558
+ content: "";
7559
+ position: absolute;
7560
+ background-color: transparent;
7561
+ pointer-events: none;
7562
+ top: 2px;
7563
+ left: 2px;
7564
+ display: block;
7565
+ width: calc(100% - 4px);
7566
+ height: calc(100% - 4px);
7567
+ border: 1px solid;
7568
+ border-color: #00b4f1;
7569
+ border-color: var(--ag-input-focus-border-color, #00b4f1);
7482
7570
  }
7483
7571
  ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-drop-cell-text {
7484
7572
  margin: 0 4px;
@@ -7589,13 +7677,29 @@ ag-grid-angular:not(.sky-ag-grid-editable) .ag-select-agg-func-popup {
7589
7677
  }
7590
7678
  ag-grid-angular:not(.sky-ag-grid-editable) .ag-select-agg-func-virtual-list-item {
7591
7679
  cursor: default;
7592
- line-height: 20px;
7593
7680
  padding-left: 8px;
7594
7681
  }
7595
7682
  ag-grid-angular:not(.sky-ag-grid-editable) .ag-select-agg-func-virtual-list-item:hover {
7596
7683
  background-color: #f1eef6;
7597
7684
  background-color: var(--ag-selected-row-background-color, #f1eef6);
7598
7685
  }
7686
+ ag-grid-angular:not(.sky-ag-grid-editable) .ag-keyboard-focus .ag-select-agg-func-virtual-list-item:focus {
7687
+ outline: none;
7688
+ }
7689
+ ag-grid-angular:not(.sky-ag-grid-editable) .ag-keyboard-focus .ag-select-agg-func-virtual-list-item:focus::after {
7690
+ content: "";
7691
+ position: absolute;
7692
+ background-color: transparent;
7693
+ pointer-events: none;
7694
+ top: 1px;
7695
+ left: 1px;
7696
+ display: block;
7697
+ width: calc(100% - 2px);
7698
+ height: calc(100% - 2px);
7699
+ border: 1px solid;
7700
+ border-color: #00b4f1;
7701
+ border-color: var(--ag-input-focus-border-color, #00b4f1);
7702
+ }
7599
7703
  ag-grid-angular:not(.sky-ag-grid-editable) .ag-chart-menu {
7600
7704
  border-radius: 0px;
7601
7705
  background: #fbfbfb;
@@ -7672,11 +7776,25 @@ ag-grid-angular:not(.sky-ag-grid-editable) .ag-charts-settings-group-container {
7672
7776
  padding: 4px;
7673
7777
  }
7674
7778
  ag-grid-angular:not(.sky-ag-grid-editable) .ag-charts-data-group-container {
7675
- padding: 6px 6px;
7676
- padding-bottom: 2px;
7779
+ padding: 3px 6px;
7677
7780
  }
7678
- ag-grid-angular:not(.sky-ag-grid-editable) .ag-charts-data-group-container > * {
7679
- margin-bottom: 4px;
7781
+ 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) {
7782
+ height: 20px;
7783
+ }
7784
+ ag-grid-angular:not(.sky-ag-grid-editable) .ag-charts-data-group-container .ag-list-item-hovered::after {
7785
+ content: "";
7786
+ position: absolute;
7787
+ left: 0;
7788
+ right: 0;
7789
+ height: 1px;
7790
+ background-color: #00b4f1;
7791
+ background-color: var(--ag-range-selection-border-color, #00b4f1);
7792
+ }
7793
+ ag-grid-angular:not(.sky-ag-grid-editable) .ag-charts-data-group-container .ag-item-highlight-top::after {
7794
+ top: 0;
7795
+ }
7796
+ ag-grid-angular:not(.sky-ag-grid-editable) .ag-charts-data-group-container .ag-item-highlight-bottom::after {
7797
+ bottom: 0;
7680
7798
  }
7681
7799
  ag-grid-angular:not(.sky-ag-grid-editable) .ag-charts-format-top-level-group-container {
7682
7800
  margin-left: 8px;
@@ -8267,6 +8385,17 @@ ag-grid-angular.sky-ag-grid-editable textarea[class^=ag-]:focus {
8267
8385
  border-color: #00b4f1;
8268
8386
  border-color: var(--ag-input-focus-border-color, #00b4f1);
8269
8387
  }
8388
+ ag-grid-angular.sky-ag-grid-editable input[class^=ag-]:not([type]):invalid,
8389
+ ag-grid-angular.sky-ag-grid-editable input[class^=ag-][type=text]:invalid,
8390
+ ag-grid-angular.sky-ag-grid-editable input[class^=ag-][type=number]:invalid,
8391
+ ag-grid-angular.sky-ag-grid-editable input[class^=ag-][type=tel]:invalid,
8392
+ ag-grid-angular.sky-ag-grid-editable input[class^=ag-][type=date]:invalid,
8393
+ ag-grid-angular.sky-ag-grid-editable input[class^=ag-][type=datetime-local]:invalid,
8394
+ ag-grid-angular.sky-ag-grid-editable textarea[class^=ag-]:invalid {
8395
+ border-width: 2px;
8396
+ border-style: solid;
8397
+ border-color: var(--ag-input-border-color-invalid);
8398
+ }
8270
8399
  ag-grid-angular.sky-ag-grid-editable input[class^=ag-][type=number] {
8271
8400
  -moz-appearance: textfield;
8272
8401
  }
@@ -8401,7 +8530,7 @@ ag-grid-angular.sky-ag-grid-editable .ag-rtl .ag-row-drag, ag-grid-angular.sky-a
8401
8530
  }
8402
8531
 
8403
8532
  ag-grid-angular.sky-ag-grid-editable .ag-cell-wrapper > *:not(.ag-cell-value):not(.ag-group-value) {
8404
- height: 36px;
8533
+ height: min(var(--ag-row-height, 36px), 36px);
8405
8534
  display: flex;
8406
8535
  align-items: center;
8407
8536
  flex: none;
@@ -8629,6 +8758,12 @@ ag-grid-angular.sky-ag-grid-editable .ag-tooltip {
8629
8758
  ag-grid-angular.sky-ag-grid-editable .ag-tooltip.ag-tooltip-hiding {
8630
8759
  opacity: 0;
8631
8760
  }
8761
+ ag-grid-angular.sky-ag-grid-editable .ag-tooltip-custom {
8762
+ transition: opacity 1s;
8763
+ }
8764
+ ag-grid-angular.sky-ag-grid-editable .ag-tooltip-custom.ag-tooltip-hiding {
8765
+ opacity: 0;
8766
+ }
8632
8767
  ag-grid-angular.sky-ag-grid-editable .ag-ltr .ag-column-select-indent-1 {
8633
8768
  padding-left: 16px;
8634
8769
  }
@@ -8722,11 +8857,11 @@ ag-grid-angular.sky-ag-grid-editable .ag-keyboard-focus .ag-column-select-header
8722
8857
  border-color: var(--ag-input-focus-border-color, #00b4f1);
8723
8858
  }
8724
8859
  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;
8860
+ margin-right: 8px;
8726
8861
  }
8727
8862
 
8728
8863
  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;
8864
+ margin-left: 8px;
8730
8865
  }
8731
8866
 
8732
8867
  ag-grid-angular.sky-ag-grid-editable .ag-keyboard-focus .ag-column-select-virtual-list-item:focus {
@@ -8768,7 +8903,7 @@ ag-grid-angular.sky-ag-grid-editable .ag-column-select-virtual-list-viewport {
8768
8903
  padding: 3px 0px;
8769
8904
  }
8770
8905
  ag-grid-angular.sky-ag-grid-editable .ag-column-select-virtual-list-item {
8771
- margin: 0 6px;
8906
+ padding: 0 6px;
8772
8907
  }
8773
8908
  ag-grid-angular.sky-ag-grid-editable .ag-rtl {
8774
8909
  text-align: right;
@@ -11228,12 +11363,12 @@ ag-grid-angular.sky-ag-grid-editable .ag-row-highlight-below::after {
11228
11363
  ag-grid-angular.sky-ag-grid-editable .ag-row-odd {
11229
11364
  background-color: var(--ag-odd-row-background-color);
11230
11365
  }
11231
- ag-grid-angular.sky-ag-grid-editable .ag-horizontal-left-spacer:not(.ag-scroller-corner) {
11366
+ ag-grid-angular.sky-ag-grid-editable .ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-left-spacer:not(.ag-scroller-corner) {
11232
11367
  border-right: solid 1px;
11233
11368
  border-right-color: #cdcfd2;
11234
11369
  border-right-color: var(--ag-border-color, #cdcfd2);
11235
11370
  }
11236
- ag-grid-angular.sky-ag-grid-editable .ag-horizontal-right-spacer:not(.ag-scroller-corner) {
11371
+ ag-grid-angular.sky-ag-grid-editable .ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-right-spacer:not(.ag-scroller-corner) {
11237
11372
  border-left: solid 1px;
11238
11373
  border-left-color: #cdcfd2;
11239
11374
  border-left-color: var(--ag-border-color, #cdcfd2);
@@ -11256,7 +11391,7 @@ ag-grid-angular.sky-ag-grid-editable .ag-rtl .ag-right-aligned-cell .ag-cell-val
11256
11391
 
11257
11392
  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
11393
  border: 1px solid transparent;
11259
- line-height: 36px;
11394
+ line-height: min(var(--ag-row-height, 36px), 36px);
11260
11395
  padding-left: 10px;
11261
11396
  padding-right: 10px;
11262
11397
  -webkit-font-smoothing: subpixel-antialiased;
@@ -11619,6 +11754,15 @@ ag-grid-angular.sky-ag-grid-editable .ag-filter-separator {
11619
11754
  border-top-color: #cdcfd2;
11620
11755
  border-top-color: var(--ag-border-color, #cdcfd2);
11621
11756
  }
11757
+ ag-grid-angular.sky-ag-grid-editable .ag-menu:not(.ag-tabs) .ag-filter-select {
11758
+ min-width: 167px;
11759
+ }
11760
+ ag-grid-angular.sky-ag-grid-editable .ag-tabs .ag-filter-select {
11761
+ min-width: 206px;
11762
+ }
11763
+ ag-grid-angular.sky-ag-grid-editable .ag-filter-select .ag-picker-field-wrapper {
11764
+ width: 0;
11765
+ }
11622
11766
  ag-grid-angular.sky-ag-grid-editable .ag-filter-condition-operator {
11623
11767
  height: 17px;
11624
11768
  }
@@ -12092,6 +12236,21 @@ ag-grid-angular.sky-ag-grid-editable .ag-column-select-header-icon {
12092
12236
  color: #686c73;
12093
12237
  color: var(--ag-secondary-foreground-color, #686c73);
12094
12238
  }
12239
+ ag-grid-angular.sky-ag-grid-editable .ag-column-select-list .ag-list-item-hovered::after {
12240
+ content: "";
12241
+ position: absolute;
12242
+ left: 0;
12243
+ right: 0;
12244
+ height: 1px;
12245
+ background-color: #00b4f1;
12246
+ background-color: var(--ag-range-selection-border-color, #00b4f1);
12247
+ }
12248
+ ag-grid-angular.sky-ag-grid-editable .ag-column-select-list .ag-item-highlight-top::after {
12249
+ top: 0;
12250
+ }
12251
+ ag-grid-angular.sky-ag-grid-editable .ag-column-select-list .ag-item-highlight-bottom::after {
12252
+ bottom: 0;
12253
+ }
12095
12254
  ag-grid-angular.sky-ag-grid-editable .ag-header {
12096
12255
  background-color: #ffffff;
12097
12256
  background-color: var(--ag-header-background-color, #ffffff);
@@ -12318,6 +12477,24 @@ ag-grid-angular.sky-ag-grid-editable .ag-column-drop-cell {
12318
12477
  border-radius: 16px;
12319
12478
  height: 16px;
12320
12479
  padding: 0 2px;
12480
+ border: 1px solid transparent;
12481
+ }
12482
+ ag-grid-angular.sky-ag-grid-editable .ag-keyboard-focus .ag-column-drop-cell:focus {
12483
+ outline: none;
12484
+ }
12485
+ ag-grid-angular.sky-ag-grid-editable .ag-keyboard-focus .ag-column-drop-cell:focus::after {
12486
+ content: "";
12487
+ position: absolute;
12488
+ background-color: transparent;
12489
+ pointer-events: none;
12490
+ top: 2px;
12491
+ left: 2px;
12492
+ display: block;
12493
+ width: calc(100% - 4px);
12494
+ height: calc(100% - 4px);
12495
+ border: 1px solid;
12496
+ border-color: #00b4f1;
12497
+ border-color: var(--ag-input-focus-border-color, #00b4f1);
12321
12498
  }
12322
12499
  ag-grid-angular.sky-ag-grid-editable .ag-column-drop-cell-text {
12323
12500
  margin: 0 4px;
@@ -12428,13 +12605,29 @@ ag-grid-angular.sky-ag-grid-editable .ag-select-agg-func-popup {
12428
12605
  }
12429
12606
  ag-grid-angular.sky-ag-grid-editable .ag-select-agg-func-virtual-list-item {
12430
12607
  cursor: default;
12431
- line-height: 20px;
12432
12608
  padding-left: 8px;
12433
12609
  }
12434
12610
  ag-grid-angular.sky-ag-grid-editable .ag-select-agg-func-virtual-list-item:hover {
12435
12611
  background-color: #c8c8c9;
12436
12612
  background-color: var(--ag-selected-row-background-color, #c8c8c9);
12437
12613
  }
12614
+ ag-grid-angular.sky-ag-grid-editable .ag-keyboard-focus .ag-select-agg-func-virtual-list-item:focus {
12615
+ outline: none;
12616
+ }
12617
+ ag-grid-angular.sky-ag-grid-editable .ag-keyboard-focus .ag-select-agg-func-virtual-list-item:focus::after {
12618
+ content: "";
12619
+ position: absolute;
12620
+ background-color: transparent;
12621
+ pointer-events: none;
12622
+ top: 1px;
12623
+ left: 1px;
12624
+ display: block;
12625
+ width: calc(100% - 2px);
12626
+ height: calc(100% - 2px);
12627
+ border: 1px solid;
12628
+ border-color: #00b4f1;
12629
+ border-color: var(--ag-input-focus-border-color, #00b4f1);
12630
+ }
12438
12631
  ag-grid-angular.sky-ag-grid-editable .ag-chart-menu {
12439
12632
  border-radius: 0px;
12440
12633
  background: #fff;
@@ -12511,11 +12704,25 @@ ag-grid-angular.sky-ag-grid-editable .ag-charts-settings-group-container {
12511
12704
  padding: 4px;
12512
12705
  }
12513
12706
  ag-grid-angular.sky-ag-grid-editable .ag-charts-data-group-container {
12514
- padding: 6px 6px;
12515
- padding-bottom: 2px;
12707
+ padding: 3px 6px;
12516
12708
  }
12517
- ag-grid-angular.sky-ag-grid-editable .ag-charts-data-group-container > * {
12518
- margin-bottom: 4px;
12709
+ ag-grid-angular.sky-ag-grid-editable .ag-charts-data-group-container .ag-charts-data-group-item:not(.ag-charts-format-sub-level-group) {
12710
+ height: 20px;
12711
+ }
12712
+ ag-grid-angular.sky-ag-grid-editable .ag-charts-data-group-container .ag-list-item-hovered::after {
12713
+ content: "";
12714
+ position: absolute;
12715
+ left: 0;
12716
+ right: 0;
12717
+ height: 1px;
12718
+ background-color: #00b4f1;
12719
+ background-color: var(--ag-range-selection-border-color, #00b4f1);
12720
+ }
12721
+ ag-grid-angular.sky-ag-grid-editable .ag-charts-data-group-container .ag-item-highlight-top::after {
12722
+ top: 0;
12723
+ }
12724
+ ag-grid-angular.sky-ag-grid-editable .ag-charts-data-group-container .ag-item-highlight-bottom::after {
12725
+ bottom: 0;
12519
12726
  }
12520
12727
  ag-grid-angular.sky-ag-grid-editable .ag-charts-format-top-level-group-container {
12521
12728
  margin-left: 8px;
@@ -13154,6 +13361,17 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
13154
13361
  border-color: #1870B8;
13155
13362
  border-color: var(--ag-input-focus-border-color, #1870B8);
13156
13363
  }
13364
+ .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) input[class^=ag-]:not([type]):invalid,
13365
+ .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) input[class^=ag-][type=text]:invalid,
13366
+ .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) input[class^=ag-][type=number]:invalid,
13367
+ .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) input[class^=ag-][type=tel]:invalid,
13368
+ .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) input[class^=ag-][type=date]:invalid,
13369
+ .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) input[class^=ag-][type=datetime-local]:invalid,
13370
+ .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) textarea[class^=ag-]:invalid {
13371
+ border-width: 2px;
13372
+ border-style: solid;
13373
+ border-color: var(--ag-input-border-color-invalid);
13374
+ }
13157
13375
  .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) input[class^=ag-][type=number] {
13158
13376
  -moz-appearance: textfield;
13159
13377
  }
@@ -13288,7 +13506,7 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
13288
13506
  }
13289
13507
 
13290
13508
  .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;
13509
+ height: min(var(--ag-row-height, 58px), 58px);
13292
13510
  display: flex;
13293
13511
  align-items: center;
13294
13512
  flex: none;
@@ -13516,6 +13734,12 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
13516
13734
  .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-tooltip.ag-tooltip-hiding {
13517
13735
  opacity: 0;
13518
13736
  }
13737
+ .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-tooltip-custom {
13738
+ transition: opacity 1s;
13739
+ }
13740
+ .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-tooltip-custom.ag-tooltip-hiding {
13741
+ opacity: 0;
13742
+ }
13519
13743
  .sky-theme-modern:not(.the-editing-theme) .ag-ltr ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-select-indent-1 {
13520
13744
  padding-left: 16px;
13521
13745
  }
@@ -13609,11 +13833,11 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
13609
13833
  border-color: var(--ag-input-focus-border-color, #1870B8);
13610
13834
  }
13611
13835
  .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;
13836
+ margin-right: 8px;
13613
13837
  }
13614
13838
 
13615
13839
  .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;
13840
+ margin-left: 8px;
13617
13841
  }
13618
13842
 
13619
13843
  .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 +13879,7 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
13655
13879
  padding: 3px 0px;
13656
13880
  }
13657
13881
  .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;
13882
+ padding: 0 6px;
13659
13883
  }
13660
13884
  .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-rtl {
13661
13885
  text-align: right;
@@ -16115,12 +16339,12 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
16115
16339
  .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-row-odd {
16116
16340
  background-color: var(--ag-odd-row-background-color);
16117
16341
  }
16118
- .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-horizontal-left-spacer:not(.ag-scroller-corner) {
16342
+ .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
16343
  border-right: solid 1px;
16120
16344
  border-right-color: #d2d2d2;
16121
16345
  border-right-color: var(--ag-border-color, #d2d2d2);
16122
16346
  }
16123
- .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-horizontal-right-spacer:not(.ag-scroller-corner) {
16347
+ .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
16348
  border-left: solid 1px;
16125
16349
  border-left-color: #d2d2d2;
16126
16350
  border-left-color: var(--ag-border-color, #d2d2d2);
@@ -16143,7 +16367,7 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
16143
16367
 
16144
16368
  .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
16369
  border: 1px solid transparent;
16146
- line-height: 58px;
16370
+ line-height: min(var(--ag-row-height, 58px), 58px);
16147
16371
  padding-left: 11px;
16148
16372
  padding-right: 11px;
16149
16373
  -webkit-font-smoothing: subpixel-antialiased;
@@ -16506,8 +16730,17 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
16506
16730
  border-top-color: #d2d2d2;
16507
16731
  border-top-color: var(--ag-border-color, #d2d2d2);
16508
16732
  }
16509
- .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-filter-condition-operator {
16510
- height: 17px;
16733
+ .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-menu:not(.ag-tabs) .ag-filter-select {
16734
+ min-width: 167px;
16735
+ }
16736
+ .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-tabs .ag-filter-select {
16737
+ min-width: 206px;
16738
+ }
16739
+ .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-filter-select .ag-picker-field-wrapper {
16740
+ width: 0;
16741
+ }
16742
+ .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-filter-condition-operator {
16743
+ height: 17px;
16511
16744
  }
16512
16745
  .sky-theme-modern:not(.the-editing-theme) .ag-ltr ag-grid-angular:not(.sky-ag-grid-editable) .ag-filter-condition-operator-or {
16513
16746
  margin-left: 8px;
@@ -16979,6 +17212,21 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
16979
17212
  color: #686c73;
16980
17213
  color: var(--ag-secondary-foreground-color, #686c73);
16981
17214
  }
17215
+ .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-select-list .ag-list-item-hovered::after {
17216
+ content: "";
17217
+ position: absolute;
17218
+ left: 0;
17219
+ right: 0;
17220
+ height: 1px;
17221
+ background-color: #1870B8;
17222
+ background-color: var(--ag-range-selection-border-color, #1870B8);
17223
+ }
17224
+ .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-select-list .ag-item-highlight-top::after {
17225
+ top: 0;
17226
+ }
17227
+ .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-select-list .ag-item-highlight-bottom::after {
17228
+ bottom: 0;
17229
+ }
16982
17230
  .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-header {
16983
17231
  background-color: #fcfcfc;
16984
17232
  background-color: var(--ag-header-background-color, #fcfcfc);
@@ -17185,6 +17433,24 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
17185
17433
  border-radius: 16px;
17186
17434
  height: 16px;
17187
17435
  padding: 0 2px;
17436
+ border: 1px solid transparent;
17437
+ }
17438
+ .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-keyboard-focus .ag-column-drop-cell:focus {
17439
+ outline: none;
17440
+ }
17441
+ .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-keyboard-focus .ag-column-drop-cell:focus::after {
17442
+ content: "";
17443
+ position: absolute;
17444
+ background-color: transparent;
17445
+ pointer-events: none;
17446
+ top: 2px;
17447
+ left: 2px;
17448
+ display: block;
17449
+ width: calc(100% - 4px);
17450
+ height: calc(100% - 4px);
17451
+ border: 1px solid;
17452
+ border-color: #1870B8;
17453
+ border-color: var(--ag-input-focus-border-color, #1870B8);
17188
17454
  }
17189
17455
  .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-column-drop-cell-text {
17190
17456
  margin: 0 4px;
@@ -17295,13 +17561,29 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
17295
17561
  }
17296
17562
  .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-select-agg-func-virtual-list-item {
17297
17563
  cursor: default;
17298
- line-height: 20px;
17299
17564
  padding-left: 8px;
17300
17565
  }
17301
17566
  .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-select-agg-func-virtual-list-item:hover {
17302
17567
  background-color: #f1eef6;
17303
17568
  background-color: var(--ag-selected-row-background-color, #f1eef6);
17304
17569
  }
17570
+ .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 {
17571
+ outline: none;
17572
+ }
17573
+ .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 {
17574
+ content: "";
17575
+ position: absolute;
17576
+ background-color: transparent;
17577
+ pointer-events: none;
17578
+ top: 1px;
17579
+ left: 1px;
17580
+ display: block;
17581
+ width: calc(100% - 2px);
17582
+ height: calc(100% - 2px);
17583
+ border: 1px solid;
17584
+ border-color: #1870B8;
17585
+ border-color: var(--ag-input-focus-border-color, #1870B8);
17586
+ }
17305
17587
  .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-chart-menu {
17306
17588
  border-radius: 0px;
17307
17589
  background: #fff;
@@ -17378,11 +17660,25 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
17378
17660
  padding: 4px;
17379
17661
  }
17380
17662
  .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;
17663
+ padding: 3px 6px;
17383
17664
  }
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;
17665
+ .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) {
17666
+ height: 20px;
17667
+ }
17668
+ .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 {
17669
+ content: "";
17670
+ position: absolute;
17671
+ left: 0;
17672
+ right: 0;
17673
+ height: 1px;
17674
+ background-color: #1870B8;
17675
+ background-color: var(--ag-range-selection-border-color, #1870B8);
17676
+ }
17677
+ .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 {
17678
+ top: 0;
17679
+ }
17680
+ .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 {
17681
+ bottom: 0;
17386
17682
  }
17387
17683
  .sky-theme-modern:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-charts-format-top-level-group-container {
17388
17684
  margin-left: 8px;
@@ -17978,6 +18274,17 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
17978
18274
  border-color: #1870B8;
17979
18275
  border-color: var(--ag-input-focus-border-color, #1870B8);
17980
18276
  }
18277
+ .sky-theme-modern ag-grid-angular.sky-ag-grid-editable input[class^=ag-]:not([type]):invalid,
18278
+ .sky-theme-modern ag-grid-angular.sky-ag-grid-editable input[class^=ag-][type=text]:invalid,
18279
+ .sky-theme-modern ag-grid-angular.sky-ag-grid-editable input[class^=ag-][type=number]:invalid,
18280
+ .sky-theme-modern ag-grid-angular.sky-ag-grid-editable input[class^=ag-][type=tel]:invalid,
18281
+ .sky-theme-modern ag-grid-angular.sky-ag-grid-editable input[class^=ag-][type=date]:invalid,
18282
+ .sky-theme-modern ag-grid-angular.sky-ag-grid-editable input[class^=ag-][type=datetime-local]:invalid,
18283
+ .sky-theme-modern ag-grid-angular.sky-ag-grid-editable textarea[class^=ag-]:invalid {
18284
+ border-width: 2px;
18285
+ border-style: solid;
18286
+ border-color: var(--ag-input-border-color-invalid);
18287
+ }
17981
18288
  .sky-theme-modern ag-grid-angular.sky-ag-grid-editable input[class^=ag-][type=number] {
17982
18289
  -moz-appearance: textfield;
17983
18290
  }
@@ -18112,7 +18419,7 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
18112
18419
  }
18113
18420
 
18114
18421
  .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-cell-wrapper > *:not(.ag-cell-value):not(.ag-group-value) {
18115
- height: 58px;
18422
+ height: min(var(--ag-row-height, 58px), 58px);
18116
18423
  display: flex;
18117
18424
  align-items: center;
18118
18425
  flex: none;
@@ -18340,6 +18647,12 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
18340
18647
  .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-tooltip.ag-tooltip-hiding {
18341
18648
  opacity: 0;
18342
18649
  }
18650
+ .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-tooltip-custom {
18651
+ transition: opacity 1s;
18652
+ }
18653
+ .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-tooltip-custom.ag-tooltip-hiding {
18654
+ opacity: 0;
18655
+ }
18343
18656
  .sky-theme-modern .ag-ltr ag-grid-angular.sky-ag-grid-editable .ag-column-select-indent-1 {
18344
18657
  padding-left: 16px;
18345
18658
  }
@@ -18433,11 +18746,11 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
18433
18746
  border-color: var(--ag-input-focus-border-color, #1870B8);
18434
18747
  }
18435
18748
  .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;
18749
+ margin-right: 8px;
18437
18750
  }
18438
18751
 
18439
18752
  .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;
18753
+ margin-left: 8px;
18441
18754
  }
18442
18755
 
18443
18756
  .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-keyboard-focus .ag-column-select-virtual-list-item:focus {
@@ -18479,7 +18792,7 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
18479
18792
  padding: 3px 0px;
18480
18793
  }
18481
18794
  .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-column-select-virtual-list-item {
18482
- margin: 0 6px;
18795
+ padding: 0 6px;
18483
18796
  }
18484
18797
  .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-rtl {
18485
18798
  text-align: right;
@@ -20939,12 +21252,12 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
20939
21252
  .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-row-odd {
20940
21253
  background-color: var(--ag-odd-row-background-color);
20941
21254
  }
20942
- .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-horizontal-left-spacer:not(.ag-scroller-corner) {
21255
+ .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
21256
  border-right: solid 1px;
20944
21257
  border-right-color: #d2d2d2;
20945
21258
  border-right-color: var(--ag-border-color, #d2d2d2);
20946
21259
  }
20947
- .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-horizontal-right-spacer:not(.ag-scroller-corner) {
21260
+ .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
21261
  border-left: solid 1px;
20949
21262
  border-left-color: #d2d2d2;
20950
21263
  border-left-color: var(--ag-border-color, #d2d2d2);
@@ -20967,7 +21280,7 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
20967
21280
 
20968
21281
  .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
21282
  border: 1px solid transparent;
20970
- line-height: 58px;
21283
+ line-height: min(var(--ag-row-height, 58px), 58px);
20971
21284
  padding-left: 11px;
20972
21285
  padding-right: 11px;
20973
21286
  -webkit-font-smoothing: subpixel-antialiased;
@@ -21330,6 +21643,15 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
21330
21643
  border-top-color: #d2d2d2;
21331
21644
  border-top-color: var(--ag-border-color, #d2d2d2);
21332
21645
  }
21646
+ .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-menu:not(.ag-tabs) .ag-filter-select {
21647
+ min-width: 167px;
21648
+ }
21649
+ .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-tabs .ag-filter-select {
21650
+ min-width: 206px;
21651
+ }
21652
+ .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-filter-select .ag-picker-field-wrapper {
21653
+ width: 0;
21654
+ }
21333
21655
  .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-filter-condition-operator {
21334
21656
  height: 17px;
21335
21657
  }
@@ -21803,6 +22125,21 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
21803
22125
  color: #686c73;
21804
22126
  color: var(--ag-secondary-foreground-color, #686c73);
21805
22127
  }
22128
+ .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-column-select-list .ag-list-item-hovered::after {
22129
+ content: "";
22130
+ position: absolute;
22131
+ left: 0;
22132
+ right: 0;
22133
+ height: 1px;
22134
+ background-color: #1870B8;
22135
+ background-color: var(--ag-range-selection-border-color, #1870B8);
22136
+ }
22137
+ .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-column-select-list .ag-item-highlight-top::after {
22138
+ top: 0;
22139
+ }
22140
+ .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-column-select-list .ag-item-highlight-bottom::after {
22141
+ bottom: 0;
22142
+ }
21806
22143
  .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-header {
21807
22144
  background-color: #fcfcfc;
21808
22145
  background-color: var(--ag-header-background-color, #fcfcfc);
@@ -22009,6 +22346,24 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
22009
22346
  border-radius: 16px;
22010
22347
  height: 16px;
22011
22348
  padding: 0 2px;
22349
+ border: 1px solid transparent;
22350
+ }
22351
+ .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-keyboard-focus .ag-column-drop-cell:focus {
22352
+ outline: none;
22353
+ }
22354
+ .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-keyboard-focus .ag-column-drop-cell:focus::after {
22355
+ content: "";
22356
+ position: absolute;
22357
+ background-color: transparent;
22358
+ pointer-events: none;
22359
+ top: 2px;
22360
+ left: 2px;
22361
+ display: block;
22362
+ width: calc(100% - 4px);
22363
+ height: calc(100% - 4px);
22364
+ border: 1px solid;
22365
+ border-color: #1870B8;
22366
+ border-color: var(--ag-input-focus-border-color, #1870B8);
22012
22367
  }
22013
22368
  .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-column-drop-cell-text {
22014
22369
  margin: 0 4px;
@@ -22119,13 +22474,29 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
22119
22474
  }
22120
22475
  .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-select-agg-func-virtual-list-item {
22121
22476
  cursor: default;
22122
- line-height: 20px;
22123
22477
  padding-left: 8px;
22124
22478
  }
22125
22479
  .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-select-agg-func-virtual-list-item:hover {
22126
22480
  background-color: #c8c8c9;
22127
22481
  background-color: var(--ag-selected-row-background-color, #c8c8c9);
22128
22482
  }
22483
+ .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-keyboard-focus .ag-select-agg-func-virtual-list-item:focus {
22484
+ outline: none;
22485
+ }
22486
+ .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-keyboard-focus .ag-select-agg-func-virtual-list-item:focus::after {
22487
+ content: "";
22488
+ position: absolute;
22489
+ background-color: transparent;
22490
+ pointer-events: none;
22491
+ top: 1px;
22492
+ left: 1px;
22493
+ display: block;
22494
+ width: calc(100% - 2px);
22495
+ height: calc(100% - 2px);
22496
+ border: 1px solid;
22497
+ border-color: #1870B8;
22498
+ border-color: var(--ag-input-focus-border-color, #1870B8);
22499
+ }
22129
22500
  .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-chart-menu {
22130
22501
  border-radius: 0px;
22131
22502
  background: #fff;
@@ -22202,11 +22573,25 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
22202
22573
  padding: 4px;
22203
22574
  }
22204
22575
  .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-charts-data-group-container {
22205
- padding: 6px 6px;
22206
- padding-bottom: 2px;
22576
+ padding: 3px 6px;
22207
22577
  }
22208
- .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-charts-data-group-container > * {
22209
- margin-bottom: 4px;
22578
+ .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) {
22579
+ height: 20px;
22580
+ }
22581
+ .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-charts-data-group-container .ag-list-item-hovered::after {
22582
+ content: "";
22583
+ position: absolute;
22584
+ left: 0;
22585
+ right: 0;
22586
+ height: 1px;
22587
+ background-color: #1870B8;
22588
+ background-color: var(--ag-range-selection-border-color, #1870B8);
22589
+ }
22590
+ .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-charts-data-group-container .ag-item-highlight-top::after {
22591
+ top: 0;
22592
+ }
22593
+ .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-charts-data-group-container .ag-item-highlight-bottom::after {
22594
+ bottom: 0;
22210
22595
  }
22211
22596
  .sky-theme-modern ag-grid-angular.sky-ag-grid-editable .ag-charts-format-top-level-group-container {
22212
22597
  margin-left: 8px;
@@ -22837,6 +23222,17 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
22837
23222
  border-color: #009cd1;
22838
23223
  border-color: var(--ag-input-focus-border-color, #009cd1);
22839
23224
  }
23225
+ .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,
23226
+ .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,
23227
+ .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,
23228
+ .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,
23229
+ .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,
23230
+ .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,
23231
+ .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) textarea[class^=ag-]:invalid {
23232
+ border-width: 2px;
23233
+ border-style: solid;
23234
+ border-color: var(--ag-input-border-color-invalid);
23235
+ }
22840
23236
  .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
23237
  -moz-appearance: textfield;
22842
23238
  }
@@ -22971,7 +23367,7 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
22971
23367
  }
22972
23368
 
22973
23369
  .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;
23370
+ height: min(var(--ag-row-height, 58px), 58px);
22975
23371
  display: flex;
22976
23372
  align-items: center;
22977
23373
  flex: none;
@@ -23199,6 +23595,12 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
23199
23595
  .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
23596
  opacity: 0;
23201
23597
  }
23598
+ .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-tooltip-custom {
23599
+ transition: opacity 1s;
23600
+ }
23601
+ .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 {
23602
+ opacity: 0;
23603
+ }
23202
23604
  .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
23605
  padding-left: 16px;
23204
23606
  }
@@ -23292,11 +23694,11 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
23292
23694
  border-color: var(--ag-input-focus-border-color, #009cd1);
23293
23695
  }
23294
23696
  .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;
23697
+ margin-right: 8px;
23296
23698
  }
23297
23699
 
23298
23700
  .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;
23701
+ margin-left: 8px;
23300
23702
  }
23301
23703
 
23302
23704
  .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 +23740,7 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
23338
23740
  padding: 3px 0px;
23339
23741
  }
23340
23742
  .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;
23743
+ padding: 0 6px;
23342
23744
  }
23343
23745
  .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-rtl {
23344
23746
  text-align: right;
@@ -25798,12 +26200,12 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
25798
26200
  .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-row-odd {
25799
26201
  background-color: var(--ag-odd-row-background-color);
25800
26202
  }
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) {
26203
+ .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
26204
  border-right: solid 1px;
25803
26205
  border-right-color: #686c73;
25804
26206
  border-right-color: var(--ag-border-color, #686c73);
25805
26207
  }
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) {
26208
+ .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
26209
  border-left: solid 1px;
25808
26210
  border-left-color: #686c73;
25809
26211
  border-left-color: var(--ag-border-color, #686c73);
@@ -25826,7 +26228,7 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
25826
26228
 
25827
26229
  .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
26230
  border: 1px solid transparent;
25829
- line-height: 58px;
26231
+ line-height: min(var(--ag-row-height, 58px), 58px);
25830
26232
  padding-left: 11px;
25831
26233
  padding-right: 11px;
25832
26234
  -webkit-font-smoothing: subpixel-antialiased;
@@ -26189,6 +26591,15 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
26189
26591
  border-top-color: #686c73;
26190
26592
  border-top-color: var(--ag-border-color, #686c73);
26191
26593
  }
26594
+ .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 {
26595
+ min-width: 167px;
26596
+ }
26597
+ .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-tabs .ag-filter-select {
26598
+ min-width: 206px;
26599
+ }
26600
+ .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 {
26601
+ width: 0;
26602
+ }
26192
26603
  .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-filter-condition-operator {
26193
26604
  height: 17px;
26194
26605
  }
@@ -26662,6 +27073,21 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
26662
27073
  color: #c0c2c5;
26663
27074
  color: var(--ag-secondary-foreground-color, #c0c2c5);
26664
27075
  }
27076
+ .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 {
27077
+ content: "";
27078
+ position: absolute;
27079
+ left: 0;
27080
+ right: 0;
27081
+ height: 1px;
27082
+ background-color: #009cd1;
27083
+ background-color: var(--ag-range-selection-border-color, #009cd1);
27084
+ }
27085
+ .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 {
27086
+ top: 0;
27087
+ }
27088
+ .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 {
27089
+ bottom: 0;
27090
+ }
26665
27091
  .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-header {
26666
27092
  background-color: #121212;
26667
27093
  background-color: var(--ag-header-background-color, #121212);
@@ -26868,6 +27294,24 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
26868
27294
  border-radius: 16px;
26869
27295
  height: 16px;
26870
27296
  padding: 0 2px;
27297
+ border: 1px solid transparent;
27298
+ }
27299
+ .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 {
27300
+ outline: none;
27301
+ }
27302
+ .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 {
27303
+ content: "";
27304
+ position: absolute;
27305
+ background-color: transparent;
27306
+ pointer-events: none;
27307
+ top: 2px;
27308
+ left: 2px;
27309
+ display: block;
27310
+ width: calc(100% - 4px);
27311
+ height: calc(100% - 4px);
27312
+ border: 1px solid;
27313
+ border-color: #009cd1;
27314
+ border-color: var(--ag-input-focus-border-color, #009cd1);
26871
27315
  }
26872
27316
  .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
27317
  margin: 0 4px;
@@ -26978,13 +27422,29 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
26978
27422
  }
26979
27423
  .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
27424
  cursor: default;
26981
- line-height: 20px;
26982
27425
  padding-left: 8px;
26983
27426
  }
26984
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:hover {
26985
27428
  background-color: #4c4d4d;
26986
27429
  background-color: var(--ag-selected-row-background-color, #4c4d4d);
26987
27430
  }
27431
+ .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 {
27432
+ outline: none;
27433
+ }
27434
+ .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 {
27435
+ content: "";
27436
+ position: absolute;
27437
+ background-color: transparent;
27438
+ pointer-events: none;
27439
+ top: 1px;
27440
+ left: 1px;
27441
+ display: block;
27442
+ width: calc(100% - 2px);
27443
+ height: calc(100% - 2px);
27444
+ border: 1px solid;
27445
+ border-color: #009cd1;
27446
+ border-color: var(--ag-input-focus-border-color, #009cd1);
27447
+ }
26988
27448
  .sky-theme-modern.sky-theme-mode-dark:not(.the-editing-theme) ag-grid-angular:not(.sky-ag-grid-editable) .ag-chart-menu {
26989
27449
  border-radius: 0px;
26990
27450
  background: #121212;
@@ -27061,11 +27521,25 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
27061
27521
  padding: 4px;
27062
27522
  }
27063
27523
  .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;
27524
+ padding: 3px 6px;
27066
27525
  }
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;
27526
+ .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) {
27527
+ height: 20px;
27528
+ }
27529
+ .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 {
27530
+ content: "";
27531
+ position: absolute;
27532
+ left: 0;
27533
+ right: 0;
27534
+ height: 1px;
27535
+ background-color: #009cd1;
27536
+ background-color: var(--ag-range-selection-border-color, #009cd1);
27537
+ }
27538
+ .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 {
27539
+ top: 0;
27540
+ }
27541
+ .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 {
27542
+ bottom: 0;
27069
27543
  }
27070
27544
  .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
27545
  margin-left: 8px;
@@ -27666,6 +28140,17 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
27666
28140
  border-color: #009cd1;
27667
28141
  border-color: var(--ag-input-focus-border-color, #009cd1);
27668
28142
  }
28143
+ .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable input[class^=ag-]:not([type]):invalid,
28144
+ .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable input[class^=ag-][type=text]:invalid,
28145
+ .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable input[class^=ag-][type=number]:invalid,
28146
+ .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable input[class^=ag-][type=tel]:invalid,
28147
+ .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable input[class^=ag-][type=date]:invalid,
28148
+ .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable input[class^=ag-][type=datetime-local]:invalid,
28149
+ .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable textarea[class^=ag-]:invalid {
28150
+ border-width: 2px;
28151
+ border-style: solid;
28152
+ border-color: var(--ag-input-border-color-invalid);
28153
+ }
27669
28154
  .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable input[class^=ag-][type=number] {
27670
28155
  -moz-appearance: textfield;
27671
28156
  }
@@ -27800,7 +28285,7 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
27800
28285
  }
27801
28286
 
27802
28287
  .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;
28288
+ height: min(var(--ag-row-height, 58px), 58px);
27804
28289
  display: flex;
27805
28290
  align-items: center;
27806
28291
  flex: none;
@@ -28028,6 +28513,12 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
28028
28513
  .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-tooltip.ag-tooltip-hiding {
28029
28514
  opacity: 0;
28030
28515
  }
28516
+ .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-tooltip-custom {
28517
+ transition: opacity 1s;
28518
+ }
28519
+ .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-tooltip-custom.ag-tooltip-hiding {
28520
+ opacity: 0;
28521
+ }
28031
28522
  .sky-theme-modern.sky-theme-mode-dark .ag-ltr ag-grid-angular.sky-ag-grid-editable .ag-column-select-indent-1 {
28032
28523
  padding-left: 16px;
28033
28524
  }
@@ -28121,11 +28612,11 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
28121
28612
  border-color: var(--ag-input-focus-border-color, #009cd1);
28122
28613
  }
28123
28614
  .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;
28615
+ margin-right: 8px;
28125
28616
  }
28126
28617
 
28127
28618
  .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;
28619
+ margin-left: 8px;
28129
28620
  }
28130
28621
 
28131
28622
  .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 +28658,7 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
28167
28658
  padding: 3px 0px;
28168
28659
  }
28169
28660
  .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-column-select-virtual-list-item {
28170
- margin: 0 6px;
28661
+ padding: 0 6px;
28171
28662
  }
28172
28663
  .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-rtl {
28173
28664
  text-align: right;
@@ -30627,12 +31118,12 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
30627
31118
  .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-row-odd {
30628
31119
  background-color: var(--ag-odd-row-background-color);
30629
31120
  }
30630
- .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-horizontal-left-spacer:not(.ag-scroller-corner) {
31121
+ .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
31122
  border-right: solid 1px;
30632
31123
  border-right-color: #686c73;
30633
31124
  border-right-color: var(--ag-border-color, #686c73);
30634
31125
  }
30635
- .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-horizontal-right-spacer:not(.ag-scroller-corner) {
31126
+ .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
31127
  border-left: solid 1px;
30637
31128
  border-left-color: #686c73;
30638
31129
  border-left-color: var(--ag-border-color, #686c73);
@@ -30655,7 +31146,7 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
30655
31146
 
30656
31147
  .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
31148
  border: 1px solid transparent;
30658
- line-height: 58px;
31149
+ line-height: min(var(--ag-row-height, 58px), 58px);
30659
31150
  padding-left: 11px;
30660
31151
  padding-right: 11px;
30661
31152
  -webkit-font-smoothing: subpixel-antialiased;
@@ -31018,6 +31509,15 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
31018
31509
  border-top-color: #686c73;
31019
31510
  border-top-color: var(--ag-border-color, #686c73);
31020
31511
  }
31512
+ .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-menu:not(.ag-tabs) .ag-filter-select {
31513
+ min-width: 167px;
31514
+ }
31515
+ .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-tabs .ag-filter-select {
31516
+ min-width: 206px;
31517
+ }
31518
+ .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-filter-select .ag-picker-field-wrapper {
31519
+ width: 0;
31520
+ }
31021
31521
  .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-filter-condition-operator {
31022
31522
  height: 17px;
31023
31523
  }
@@ -31491,6 +31991,21 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
31491
31991
  color: #c0c2c5;
31492
31992
  color: var(--ag-secondary-foreground-color, #c0c2c5);
31493
31993
  }
31994
+ .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-column-select-list .ag-list-item-hovered::after {
31995
+ content: "";
31996
+ position: absolute;
31997
+ left: 0;
31998
+ right: 0;
31999
+ height: 1px;
32000
+ background-color: #009cd1;
32001
+ background-color: var(--ag-range-selection-border-color, #009cd1);
32002
+ }
32003
+ .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-column-select-list .ag-item-highlight-top::after {
32004
+ top: 0;
32005
+ }
32006
+ .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-column-select-list .ag-item-highlight-bottom::after {
32007
+ bottom: 0;
32008
+ }
31494
32009
  .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-header {
31495
32010
  background-color: #121212;
31496
32011
  background-color: var(--ag-header-background-color, #121212);
@@ -31697,6 +32212,24 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
31697
32212
  border-radius: 16px;
31698
32213
  height: 16px;
31699
32214
  padding: 0 2px;
32215
+ border: 1px solid transparent;
32216
+ }
32217
+ .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-keyboard-focus .ag-column-drop-cell:focus {
32218
+ outline: none;
32219
+ }
32220
+ .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-keyboard-focus .ag-column-drop-cell:focus::after {
32221
+ content: "";
32222
+ position: absolute;
32223
+ background-color: transparent;
32224
+ pointer-events: none;
32225
+ top: 2px;
32226
+ left: 2px;
32227
+ display: block;
32228
+ width: calc(100% - 4px);
32229
+ height: calc(100% - 4px);
32230
+ border: 1px solid;
32231
+ border-color: #009cd1;
32232
+ border-color: var(--ag-input-focus-border-color, #009cd1);
31700
32233
  }
31701
32234
  .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-column-drop-cell-text {
31702
32235
  margin: 0 4px;
@@ -31807,13 +32340,29 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
31807
32340
  }
31808
32341
  .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-select-agg-func-virtual-list-item {
31809
32342
  cursor: default;
31810
- line-height: 20px;
31811
32343
  padding-left: 8px;
31812
32344
  }
31813
32345
  .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-select-agg-func-virtual-list-item:hover {
31814
32346
  background-color: #4c4d4d;
31815
32347
  background-color: var(--ag-selected-row-background-color, #4c4d4d);
31816
32348
  }
32349
+ .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 {
32350
+ outline: none;
32351
+ }
32352
+ .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 {
32353
+ content: "";
32354
+ position: absolute;
32355
+ background-color: transparent;
32356
+ pointer-events: none;
32357
+ top: 1px;
32358
+ left: 1px;
32359
+ display: block;
32360
+ width: calc(100% - 2px);
32361
+ height: calc(100% - 2px);
32362
+ border: 1px solid;
32363
+ border-color: #009cd1;
32364
+ border-color: var(--ag-input-focus-border-color, #009cd1);
32365
+ }
31817
32366
  .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-chart-menu {
31818
32367
  border-radius: 0px;
31819
32368
  background: #121212;
@@ -31890,11 +32439,25 @@ ag-grid-angular.sky-ag-grid-editable .ag-row .ag-cell-focus.ag-cell-popup-editin
31890
32439
  padding: 4px;
31891
32440
  }
31892
32441
  .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;
32442
+ padding: 3px 6px;
31895
32443
  }
31896
- .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-charts-data-group-container > * {
31897
- margin-bottom: 4px;
32444
+ .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) {
32445
+ height: 20px;
32446
+ }
32447
+ .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-charts-data-group-container .ag-list-item-hovered::after {
32448
+ content: "";
32449
+ position: absolute;
32450
+ left: 0;
32451
+ right: 0;
32452
+ height: 1px;
32453
+ background-color: #009cd1;
32454
+ background-color: var(--ag-range-selection-border-color, #009cd1);
32455
+ }
32456
+ .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-charts-data-group-container .ag-item-highlight-top::after {
32457
+ top: 0;
32458
+ }
32459
+ .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-charts-data-group-container .ag-item-highlight-bottom::after {
32460
+ bottom: 0;
31898
32461
  }
31899
32462
  .sky-theme-modern.sky-theme-mode-dark ag-grid-angular.sky-ag-grid-editable .ag-charts-format-top-level-group-container {
31900
32463
  margin-left: 8px;