cypress-ag-grid 3.3.2 → 3.3.5

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.
package/app/ag-grid.css CHANGED
@@ -1,4 +1,46 @@
1
- body {
1
+ .ag-filter-panel-buttons {
2
+ display: flex;
3
+ justify-content: flex-end;
4
+ overflow: hidden;
5
+ padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding) 0;
6
+ flex-wrap: wrap;
7
+ gap: var(--ag-widget-vertical-spacing) var(--ag-widget-horizontal-spacing);
8
+ }
9
+
10
+ .ag-filter-panel-buttons-button {
11
+ line-height: 1.5;
12
+ }
13
+
14
+ .ag-filter-panel .ag-standard-button.ag-filter-panel-buttons-apply-button {
15
+ color: var(--ag-filter-panel-apply-button-color);
16
+ background-color: var(--ag-filter-panel-apply-button-background-color);
17
+ }
18
+
19
+ .ag-filter-panel>*:where(:last-child) {
20
+ padding-bottom: var(--ag-widget-container-vertical-padding);
21
+ }
22
+
23
+ .ag-row.ag-row-pinned-source {
24
+ color: var(--ag-pinned-source-row-text-color);
25
+ background-color: var(--ag-pinned-source-row-background-color);
26
+ font-weight: var(--ag-pinned-source-row-font-weight);
27
+ }
28
+
29
+ .ag-row.ag-row-pinned {
30
+ color: var(--ag-pinned-row-text-color);
31
+ background-color: var(--ag-pinned-row-background-color);
32
+ font-weight: var(--ag-pinned-row-font-weight);
33
+ }
34
+
35
+ .ag-floating-top-viewport {
36
+ border-bottom: var(--ag-pinned-row-border);
37
+ }
38
+
39
+ .ag-floating-bottom-viewport {
40
+ border-top: var(--ag-pinned-row-border);
41
+ }
42
+
43
+ .ag-measurement-container {
2
44
  --ag-legacy-styles-loaded: "true";
3
45
  }
4
46
 
@@ -17,10 +59,12 @@ body {
17
59
  height: var(--ag-icon-size);
18
60
  position: relative;
19
61
  }
62
+
20
63
  .ag-icon::before {
21
64
  content: "";
22
65
  font-family: inherit;
23
66
  }
67
+
24
68
  .ag-icon::after {
25
69
  background: transparent var(--ag-icon-image, none) center/contain no-repeat;
26
70
  display: var(--ag-icon-image-display);
@@ -81,6 +125,40 @@ body {
81
125
  opacity: var(--ag-icon-image-opacity-asc, var(--ag-icon-image-opacity, 0.9));
82
126
  }
83
127
 
128
+ .ag-icon-aasc {
129
+ font-family: var(--ag-icon-font-family-aasc, var(--ag-icon-font-family));
130
+ font-weight: var(--ag-icon-font-weight-aasc, var(--ag-icon-font-weight));
131
+ color: var(--ag-icon-font-color-aasc, var(--ag-icon-font-color));
132
+ }
133
+
134
+ .ag-icon-aasc::before {
135
+ content: var(--ag-icon-font-code-aasc, "\f13c");
136
+ display: var(--ag-icon-font-display-aasc, var(--ag-icon-font-display));
137
+ }
138
+
139
+ .ag-icon-aasc::after {
140
+ background-image: var(--ag-icon-image-aasc, var(--ag-icon-image));
141
+ display: var(--ag-icon-image-display-aasc, var(--ag-icon-image-display));
142
+ opacity: var(--ag-icon-image-opacity-aasc, var(--ag-icon-image-opacity, 0.9));
143
+ }
144
+
145
+ .ag-icon-adesc {
146
+ font-family: var(--ag-icon-font-family-adesc, var(--ag-icon-font-family));
147
+ font-weight: var(--ag-icon-font-weight-adesc, var(--ag-icon-font-weight));
148
+ color: var(--ag-icon-font-color-adesc, var(--ag-icon-font-color));
149
+ }
150
+
151
+ .ag-icon-adesc::before {
152
+ content: var(--ag-icon-font-code-adesc, "\f13d");
153
+ display: var(--ag-icon-font-display-adesc, var(--ag-icon-font-display));
154
+ }
155
+
156
+ .ag-icon-adesc::after {
157
+ background-image: var(--ag-icon-image-adesc, var(--ag-icon-image));
158
+ display: var(--ag-icon-image-display-adesc, var(--ag-icon-image-display));
159
+ opacity: var(--ag-icon-image-opacity-adesc, var(--ag-icon-image-opacity, 0.9));
160
+ }
161
+
84
162
  .ag-icon-cancel {
85
163
  font-family: var(--ag-icon-font-family-cancel, var(--ag-icon-font-family));
86
164
  font-weight: var(--ag-icon-font-weight-cancel, var(--ag-icon-font-weight));
@@ -999,6 +1077,176 @@ body {
999
1077
  opacity: var(--ag-icon-image-opacity-settings, var(--ag-icon-image-opacity, 0.9));
1000
1078
  }
1001
1079
 
1080
+ .ag-icon-column-arrow {
1081
+ font-family: var(--ag-icon-font-family-column-arrow, var(--ag-icon-font-family));
1082
+ font-weight: var(--ag-icon-font-weight-column-arrow, var(--ag-icon-font-weight));
1083
+ color: var(--ag-icon-font-color-column-arrow, var(--ag-icon-font-color));
1084
+ }
1085
+
1086
+ .ag-icon-column-arrow::before {
1087
+ content: var(--ag-icon-font-code-column-arrow, "\f13a");
1088
+ display: var(--ag-icon-font-display-column-arrow, var(--ag-icon-font-display));
1089
+ }
1090
+
1091
+ .ag-icon-column-arrow::after {
1092
+ background-image: var(--ag-icon-image-column-arrow, var(--ag-icon-image));
1093
+ display: var(--ag-icon-image-display-column-arrow, var(--ag-icon-image-display));
1094
+ opacity: var(--ag-icon-image-opacity-column-arrow, var(--ag-icon-image-opacity, 0.9));
1095
+ }
1096
+
1097
+ .ag-icon-un-pin {
1098
+ font-family: var(--ag-icon-font-family-un-pin, var(--ag-icon-font-family));
1099
+ font-weight: var(--ag-icon-font-weight-un-pin, var(--ag-icon-font-weight));
1100
+ color: var(--ag-icon-font-color-un-pin, var(--ag-icon-font-color));
1101
+ }
1102
+
1103
+ .ag-icon-un-pin::before {
1104
+ content: var(--ag-icon-font-code-un-pin, "\f13b");
1105
+ display: var(--ag-icon-font-display-un-pin, var(--ag-icon-font-display));
1106
+ }
1107
+
1108
+ .ag-icon-un-pin::after {
1109
+ background-image: var(--ag-icon-image-un-pin, var(--ag-icon-image));
1110
+ display: var(--ag-icon-image-display-un-pin, var(--ag-icon-image-display));
1111
+ opacity: var(--ag-icon-image-opacity-un-pin, var(--ag-icon-image-opacity, 0.9));
1112
+ }
1113
+
1114
+ .ag-icon-pinned-bottom {
1115
+ font-family: var(--ag-icon-font-family-pinned-bottom, var(--ag-icon-font-family));
1116
+ font-weight: var(--ag-icon-font-weight-pinned-bottom, var(--ag-icon-font-weight));
1117
+ color: var(--ag-icon-font-color-pinned-bottom, var(--ag-icon-font-color));
1118
+ }
1119
+
1120
+ .ag-icon-pinned-bottom::before {
1121
+ content: var(--ag-icon-font-code-pinned-bottom, "\f13e");
1122
+ display: var(--ag-icon-font-display-pinned-bottom, var(--ag-icon-font-display));
1123
+ }
1124
+
1125
+ .ag-icon-pinned-bottom::after {
1126
+ background-image: var(--ag-icon-image-pinned-bottom, var(--ag-icon-image));
1127
+ display: var(--ag-icon-image-display-pinned-bottom, var(--ag-icon-image-display));
1128
+ opacity: var(--ag-icon-image-opacity-pinned-bottom, var(--ag-icon-image-opacity, 0.9));
1129
+ }
1130
+
1131
+ .ag-icon-pinned-top {
1132
+ font-family: var(--ag-icon-font-family-pinned-top, var(--ag-icon-font-family));
1133
+ font-weight: var(--ag-icon-font-weight-pinned-top, var(--ag-icon-font-weight));
1134
+ color: var(--ag-icon-font-color-pinned-top, var(--ag-icon-font-color));
1135
+ }
1136
+
1137
+ .ag-icon-pinned-top::before {
1138
+ content: var(--ag-icon-font-code-pinned-top, "\f13f");
1139
+ display: var(--ag-icon-font-display-pinned-top, var(--ag-icon-font-display));
1140
+ }
1141
+
1142
+ .ag-icon-pinned-top::after {
1143
+ background-image: var(--ag-icon-image-pinned-top, var(--ag-icon-image));
1144
+ display: var(--ag-icon-image-display-pinned-top, var(--ag-icon-image-display));
1145
+ opacity: var(--ag-icon-image-opacity-pinned-top, var(--ag-icon-image-opacity, 0.9));
1146
+ }
1147
+
1148
+ .ag-icon-chevron-up {
1149
+ font-family: var(--ag-icon-font-family-chevron-up, var(--ag-icon-font-family));
1150
+ font-weight: var(--ag-icon-font-weight-chevron-up, var(--ag-icon-font-weight));
1151
+ color: var(--ag-icon-font-color-chevron-up, var(--ag-icon-font-color));
1152
+ }
1153
+
1154
+ .ag-icon-chevron-up::before {
1155
+ content: var(--ag-icon-font-code-chevron-up, "\f140");
1156
+ display: var(--ag-icon-font-display-chevron-up, var(--ag-icon-font-display));
1157
+ }
1158
+
1159
+ .ag-icon-chevron-up::after {
1160
+ background-image: var(--ag-icon-image-chevron-up, var(--ag-icon-image));
1161
+ display: var(--ag-icon-image-display-chevron-up, var(--ag-icon-image-display));
1162
+ opacity: var(--ag-icon-image-opacity-chevron-up, var(--ag-icon-image-opacity, 0.9));
1163
+ }
1164
+
1165
+ .ag-icon-chevron-down {
1166
+ font-family: var(--ag-icon-font-family-chevron-down, var(--ag-icon-font-family));
1167
+ font-weight: var(--ag-icon-font-weight-chevron-down, var(--ag-icon-font-weight));
1168
+ color: var(--ag-icon-font-color-chevron-down, var(--ag-icon-font-color));
1169
+ }
1170
+
1171
+ .ag-icon-chevron-down::before {
1172
+ content: var(--ag-icon-font-code-chevron-down, "\f141");
1173
+ display: var(--ag-icon-font-display-chevron-down, var(--ag-icon-font-display));
1174
+ }
1175
+
1176
+ .ag-icon-chevron-down::after {
1177
+ background-image: var(--ag-icon-image-chevron-down, var(--ag-icon-image));
1178
+ display: var(--ag-icon-image-display-chevron-down, var(--ag-icon-image-display));
1179
+ opacity: var(--ag-icon-image-opacity-chevron-down, var(--ag-icon-image-opacity, 0.9));
1180
+ }
1181
+
1182
+ .ag-icon-chevron-left {
1183
+ font-family: var(--ag-icon-font-family-chevron-left, var(--ag-icon-font-family));
1184
+ font-weight: var(--ag-icon-font-weight-chevron-left, var(--ag-icon-font-weight));
1185
+ color: var(--ag-icon-font-color-chevron-left, var(--ag-icon-font-color));
1186
+ }
1187
+
1188
+ .ag-icon-chevron-left::before {
1189
+ content: var(--ag-icon-font-code-chevron-left, "\f142");
1190
+ display: var(--ag-icon-font-display-chevron-left, var(--ag-icon-font-display));
1191
+ }
1192
+
1193
+ .ag-icon-chevron-left::after {
1194
+ background-image: var(--ag-icon-image-chevron-left, var(--ag-icon-image));
1195
+ display: var(--ag-icon-image-display-chevron-left, var(--ag-icon-image-display));
1196
+ opacity: var(--ag-icon-image-opacity-chevron-left, var(--ag-icon-image-opacity, 0.9));
1197
+ }
1198
+
1199
+ .ag-icon-chevron-right {
1200
+ font-family: var(--ag-icon-font-family-chevron-right, var(--ag-icon-font-family));
1201
+ font-weight: var(--ag-icon-font-weight-chevron-right, var(--ag-icon-font-weight));
1202
+ color: var(--ag-icon-font-color-chevron-right, var(--ag-icon-font-color));
1203
+ }
1204
+
1205
+ .ag-icon-chevron-right::before {
1206
+ content: var(--ag-icon-font-code-chevron-right, "\f143");
1207
+ display: var(--ag-icon-font-display-chevron-right, var(--ag-icon-font-display));
1208
+ }
1209
+
1210
+ .ag-icon-chevron-right::after {
1211
+ background-image: var(--ag-icon-image-chevron-right, var(--ag-icon-image));
1212
+ display: var(--ag-icon-image-display-chevron-right, var(--ag-icon-image-display));
1213
+ opacity: var(--ag-icon-image-opacity-chevron-right, var(--ag-icon-image-opacity, 0.9));
1214
+ }
1215
+
1216
+ .ag-icon-filter-add {
1217
+ font-family: var(--ag-icon-font-family-filter-add, var(--ag-icon-font-family));
1218
+ font-weight: var(--ag-icon-font-weight-filter-add, var(--ag-icon-font-weight));
1219
+ color: var(--ag-icon-font-color-filter-add, var(--ag-icon-font-color));
1220
+ }
1221
+
1222
+ .ag-icon-filter-add::before {
1223
+ content: var(--ag-icon-font-code-filter-add, "\f144");
1224
+ display: var(--ag-icon-font-display-filter-add, var(--ag-icon-font-display));
1225
+ }
1226
+
1227
+ .ag-icon-filter-add::after {
1228
+ background-image: var(--ag-icon-image-filter-add, var(--ag-icon-image));
1229
+ display: var(--ag-icon-image-display-filter-add, var(--ag-icon-image-display));
1230
+ opacity: var(--ag-icon-image-opacity-filter-add, var(--ag-icon-image-opacity, 0.9));
1231
+ }
1232
+
1233
+ .ag-icon-edit {
1234
+ font-family: var(--ag-icon-font-family-edit, var(--ag-icon-font-family));
1235
+ font-weight: var(--ag-icon-font-weight-edit, var(--ag-icon-font-weight));
1236
+ color: var(--ag-icon-font-color-edit, var(--ag-icon-font-color));
1237
+ }
1238
+
1239
+ .ag-icon-edit::before {
1240
+ content: var(--ag-icon-font-code-edit, "\f145");
1241
+ display: var(--ag-icon-font-display-edit, var(--ag-icon-font-display));
1242
+ }
1243
+
1244
+ .ag-icon-edit::after {
1245
+ background-image: var(--ag-icon-image-edit, var(--ag-icon-image));
1246
+ display: var(--ag-icon-image-display-edit, var(--ag-icon-image-display));
1247
+ opacity: var(--ag-icon-image-opacity-edit, var(--ag-icon-image-opacity, 0.9));
1248
+ }
1249
+
1002
1250
  .ag-icon-row-drag::before {
1003
1251
  content: var(--ag-icon-font-code-grip);
1004
1252
  }
@@ -1020,12 +1268,18 @@ body {
1020
1268
  --ag-background-color: #fff;
1021
1269
  --ag-header-background-color: transparent;
1022
1270
  --ag-tooltip-background-color: transparent;
1271
+ --ag-tooltip-error-background-color: color-mix(in srgb,
1272
+ var(--ag-background-color),
1273
+ var(--ag-invalid-color) 10%);
1274
+ --ag-tooltip-error-text-color: var(--ag-invalid-color);
1275
+ --ag-tooltip-error-border-color: color-mix(in srgb, var(--ag-background-color), var(--ag-invalid-color) 25%);
1023
1276
  --ag-subheader-background-color: transparent;
1024
1277
  --ag-subheader-toolbar-background-color: transparent;
1025
1278
  --ag-control-panel-background-color: transparent;
1026
1279
  --ag-side-button-selected-background-color: var(--ag-control-panel-background-color);
1027
1280
  --ag-selected-row-background-color: #bbb;
1028
- --ag-odd-row-background-color: var(--ag-background-color);
1281
+ --ag-data-background-color: var(--ag-background-color);
1282
+ --ag-odd-row-background-color: var(--ag-data-background-color);
1029
1283
  --ag-modal-overlay-background-color: rgba(255, 255, 255, 0.66);
1030
1284
  --ag-menu-background-color: var(--ag-background-color);
1031
1285
  --ag-menu-border-color: var(--ag-border-color);
@@ -1034,12 +1288,19 @@ body {
1034
1288
  --ag-row-hover-color: transparent;
1035
1289
  --ag-column-hover-color: transparent;
1036
1290
  --ag-range-selection-border-color: var(--ag-foreground-color);
1291
+ --ag-row-drag-indicator-color: var(--ag-range-selection-border-color);
1292
+ --ag-row-drag-indicator-width: 2px;
1293
+ --ag-column-drag-indicator-color: var(--ag-range-selection-border-color);
1294
+ --ag-column-drag-indicator-width: 2px;
1037
1295
  --ag-range-selection-border-style: solid;
1038
1296
  --ag-range-selection-background-color: rgba(0, 0, 0, 0.2);
1039
1297
  --ag-range-selection-background-color-2: var(--ag-range-selection-background-color);
1040
1298
  --ag-range-selection-background-color-3: var(--ag-range-selection-background-color);
1041
1299
  --ag-range-selection-background-color-4: var(--ag-range-selection-background-color);
1042
1300
  --ag-range-selection-highlight-color: var(--ag-range-selection-border-color);
1301
+ --ag-range-header-highlight-color: color-mix(in srgb,
1302
+ var(--ag-header-background-color),
1303
+ var(--ag-foreground-color) 8%);
1043
1304
  --ag-selected-tab-underline-color: var(--ag-range-selection-border-color);
1044
1305
  --ag-selected-tab-underline-width: 0;
1045
1306
  --ag-selected-tab-underline-transition-speed: 0s;
@@ -1066,6 +1327,9 @@ body {
1066
1327
  --ag-input-border-color: var(--ag-secondary-border-color);
1067
1328
  --ag-borders-input-invalid: solid 2px;
1068
1329
  --ag-input-border-color-invalid: var(--ag-invalid-color);
1330
+ --ag-full-row-invalid-background-color: color-mix(in srgb,
1331
+ var(--ag-background-color),
1332
+ var(--ag-invalid-color) 25%);
1069
1333
  --ag-borders-side-button: var(--ag-borders);
1070
1334
  --ag-border-radius: 0px;
1071
1335
  --ag-wrapper-border-radius: var(--ag-border-radius);
@@ -1096,6 +1360,7 @@ body {
1096
1360
  --ag-toggle-button-height: var(--ag-icon-size);
1097
1361
  --ag-toggle-button-width: calc(var(--ag-toggle-button-height) * 2);
1098
1362
  --ag-input-focus-box-shadow: none;
1363
+ --ag-input-error-focus-box-shadow: none;
1099
1364
  --ag-input-focus-border-color: none;
1100
1365
  --ag-minichart-selected-chart-color: var(--ag-checkbox-checked-color);
1101
1366
  --ag-minichart-selected-page-color: var(--ag-checkbox-checked-color);
@@ -1112,11 +1377,13 @@ body {
1112
1377
  --ag-cell-widget-spacing: var(--ag-cell-horizontal-padding);
1113
1378
  --ag-row-height: calc(var(--ag-grid-size) * 6 + 1px);
1114
1379
  --ag-header-height: var(--ag-row-height);
1380
+ --ag-pagination-panel-height: var(--ag-header-height);
1115
1381
  --ag-list-item-height: calc(var(--ag-grid-size) * 5);
1116
1382
  --ag-column-select-indent-size: calc(var(--ag-grid-size) + var(--ag-icon-size));
1117
1383
  --ag-set-filter-indent-size: calc(var(--ag-grid-size) + var(--ag-icon-size));
1118
1384
  --ag-advanced-filter-builder-indent-size: calc(var(--ag-grid-size) * 2 + var(--ag-icon-size));
1119
1385
  --ag-row-group-indent-size: calc(var(--ag-cell-widget-spacing) + var(--ag-icon-size));
1386
+ --ag-row-numbers-selected-color: #bbb;
1120
1387
  --ag-filter-tool-panel-group-indent: 16px;
1121
1388
  --ag-tab-min-width: 220px;
1122
1389
  --ag-chart-menu-panel-width: var(--ag-tab-min-width);
@@ -1131,15 +1398,30 @@ body {
1131
1398
  --ag-advanced-filter-column-pill-color: #a6e194;
1132
1399
  --ag-advanced-filter-option-pill-color: #f3c08b;
1133
1400
  --ag-advanced-filter-value-pill-color: #85c0e4;
1401
+ --ag-find-match-color: var(--ag-foreground-color);
1402
+ --ag-find-active-match-color: var(--ag-foreground-color);
1403
+ --ag-find-match-background-color: #ffff00;
1404
+ --ag-find-active-match-background-color: #ffa500;
1405
+ --ag-cell-batch-edit-background-color: rgb(220 181 139 / 16%);
1406
+ --ag-cell-batch-edit-text-color: #422f00;
1407
+ --ag-row-batch-edit-background-color: var(--ag-cell-batch-edit-background-color);
1408
+ --ag-row-batch-edit-text-color: var(--ag-cell-batch-edit-text-color);
1409
+ --ag-filter-panel-apply-button-color: var(--ag-foreground-color);
1410
+ --ag-filter-panel-apply-button-background-color: var(--ag-background-color);
1411
+ --ag-filter-panel-card-subtle-color: var(--ag-foreground-color);
1412
+ --ag-filter-panel-card-subtle-hover-color: var(--ag-foreground-color);
1134
1413
  }
1135
1414
 
1136
1415
  .ag-root-wrapper,
1137
- .ag-sticky-top,
1138
- .ag-sticky-bottom,
1139
1416
  .ag-dnd-ghost {
1140
1417
  background-color: var(--ag-background-color);
1141
1418
  }
1142
1419
 
1420
+ .ag-sticky-top,
1421
+ .ag-sticky-bottom {
1422
+ background-color: var(--ag-data-background-color);
1423
+ }
1424
+
1143
1425
  .ag-sticky-bottom {
1144
1426
  border-top: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width);
1145
1427
  }
@@ -1260,11 +1542,13 @@ ag-grid-aurelia {
1260
1542
  padding-left: 6px;
1261
1543
  padding-right: 2px;
1262
1544
  }
1545
+
1263
1546
  to {
1264
1547
  padding-left: 2px;
1265
1548
  padding-right: 6px;
1266
1549
  }
1267
1550
  }
1551
+
1268
1552
  .ag-root-wrapper {
1269
1553
  cursor: default;
1270
1554
  position: relative;
@@ -1273,6 +1557,7 @@ ag-grid-aurelia {
1273
1557
  overflow: hidden;
1274
1558
  white-space: normal;
1275
1559
  }
1560
+
1276
1561
  .ag-root-wrapper.ag-layout-normal {
1277
1562
  height: 100%;
1278
1563
  }
@@ -1285,6 +1570,7 @@ ag-grid-aurelia {
1285
1570
  transition: opacity 1s ease-out 3s;
1286
1571
  color: #9b9b9b;
1287
1572
  }
1573
+
1288
1574
  .ag-watermark::before {
1289
1575
  content: "";
1290
1576
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjA5IiBoZWlnaHQ9IjM2IiB2aWV3Qm94PSIwIDAgMjA5IDM2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTkyLjk5MyAyMy42NTgyVjE1LjcxMTdIMTc5LjQ1MkwxNzEuNTA1IDIzLjY1ODJIMTkyLjk5M1oiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTIwOC4yNSAzLjk1MDgxSDE5MS4yNzZMMTgzLjI2NiAxMS44OTczSDIwOC4yNVYzLjk1MDgxWiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTYzLjYyMiAzMS42MDQ4TDE2Ny42OTEgMjcuNTM2MUgxODEuNDIzVjM1LjQ4MjdIMTYzLjYyMlYzMS42MDQ4WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTY2LjYxIDE5Ljc4MDNIMTc1LjM4M0wxODMuMzkzIDExLjgzMzdIMTY2LjYxVjE5Ljc4MDNaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xNTcuMDExIDMxLjYwNDdIMTYzLjYyMkwxNzEuNTA1IDIzLjY1ODJIMTU3LjAxMVYzMS42MDQ3WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTkxLjI3NiAzLjk1MDgxTDE4Ny4yMDggOC4wMTk0MUgxNjEuMjdWMC4wNzI4NzZIMTkxLjI3NlYzLjk1MDgxWiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMjAuODM5MSAzMC4yMDYxSDguMzc4OTJMNi4yMTc0NSAzNS41NDYySDAuNzUwMjQ0TDEyLjI1NjggOC41OTE1NUgxNy4wMjQ3TDI4LjUzMTMgMzUuNTQ2MkgyMy4wMDA1TDIwLjgzOTEgMzAuMjA2MVpNMTkuMTIyNyAyNS45NDY4TDE0LjYwOSAxNC45NDg4TDEwLjA5NTQgMjUuOTQ2OEgxOS4xMjI3WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTA0LjQzNyAxOC41MDg5QzEwNi4wMjYgMTYuMTU2NyAxMTAuMDMxIDE1LjkwMjQgMTExLjY4NCAxNS45MDI0VjIwLjQ3OTZDMTA5LjY1IDIwLjQ3OTYgMTA3LjYxNSAyMC41NDMyIDEwNi40MDcgMjEuNDMzMkMxMDUuMiAyMi4zMjMyIDEwNC41NjQgMjMuNTMxMSAxMDQuNTY0IDI0Ljk5MzJWMzUuNTQ2Mkg5OS42MDUxVjE1LjkwMjRIMTA0LjM3M0wxMDQuNDM3IDE4LjUwODlaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xMTkuMzc2IDE1LjkwMjRIMTE0LjQxOFYzNS41NDYySDExOS4zNzZWMTUuOTAyNFoiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTExOS4zNzYgNy4xMjkzOUgxMTQuNDE4VjEyLjk3OEgxMTkuMzc2VjcuMTI5MzlaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xNDMuOTc5IDcuMTI5MzlWMzUuNTQ2MkgxMzkuMjExTDEzOS4wODQgMzIuNTU4M0MxMzguMzg0IDMzLjU3NTUgMTM3LjQ5NCAzNC40MDE5IDEzNi40MTQgMzUuMDM3NkMxMzUuMzMzIDM1LjYwOTggMTMzLjk5OCAzNS45Mjc2IDEzMi40NzIgMzUuOTI3NkMxMzEuMTM3IDM1LjkyNzYgMTI5Ljg2NiAzNS42NzMzIDEyOC43ODUgMzUuMjI4M0MxMjcuNjQxIDM0LjcxOTcgMTI2LjYyMyAzNC4wODQgMTI1Ljc5NyAzMy4xOTRDMTI0Ljk3MSAzMi4zMDQgMTI0LjI3MSAzMS4yMjMzIDEyMy44MjYgMzAuMDE1NEMxMjMuMzE4IDI4LjgwNzUgMTIzLjEyNyAyNy40MDkgMTIzLjEyNyAyNS44ODMyQzEyMy4xMjcgMjQuMzU3NSAxMjMuMzgxIDIyLjk1ODkgMTIzLjgyNiAyMS42ODc0QzEyNC4zMzUgMjAuNDE2IDEyNC45NzEgMTkuMzM1MyAxMjUuNzk3IDE4LjQ0NTNDMTI2LjYyMyAxNy41NTUyIDEyNy42NDEgMTYuODU2IDEyOC43ODUgMTYuMzQ3NEMxMjkuOTI5IDE1LjgzODggMTMxLjEzNyAxNS41ODQ1IDEzMi40NzIgMTUuNTg0NUMxMzMuOTk4IDE1LjU4NDUgMTM1LjI2OSAxNS44Mzg4IDEzNi4zNSAxNi40MTA5QzEzNy40MzEgMTYuOTgzMSAxMzguMzIxIDE3Ljc0NTkgMTM5LjAyIDE4LjgyNjdWNy4xOTI5NUgxNDMuOTc5VjcuMTI5MzlaTTEzMy41NTMgMzEuNjY4M0MxMzUuMjA2IDMxLjY2ODMgMTM2LjQ3NyAzMS4wOTYyIDEzNy40OTQgMzAuMDE1NEMxMzguNTExIDI4LjkzNDcgMTM5LjAyIDI3LjQ3MjUgMTM5LjAyIDI1LjY5MjVDMTM5LjAyIDIzLjkxMjUgMTM4LjUxMSAyMi41MTM5IDEzNy40OTQgMjEuMzY5NkMxMzYuNDc3IDIwLjI4ODggMTM1LjIwNiAxOS43MTY3IDEzMy41NTMgMTkuNzE2N0MxMzEuOTYzIDE5LjcxNjcgMTMwLjYyOCAyMC4yODg4IDEyOS42NzUgMjEuMzY5NkMxMjguNjU4IDIyLjQ1MDMgMTI4LjE0OSAyMy45MTI1IDEyOC4xNDkgMjUuNjkyNUMxMjguMTQ5IDI3LjQ3MjUgMTI4LjY1OCAyOC44NzExIDEyOS42NzUgMjkuOTUxOEMxMzAuNjkyIDMxLjA5NjEgMTMxLjk2MyAzMS42NjgzIDEzMy41NTMgMzEuNjY4M1oiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTU3LjIwMjQgMjAuMzUyNUg0NC45MzNWMjQuNjExOEg1MS45MjU5QzUxLjczNTIgMjYuNzczMyA1MC45MDg4IDI4LjQyNjEgNDkuNTEwMiAyOS43NjExQzQ4LjExMTYgMzEuMDMyNiA0Ni4zMzE1IDMxLjY2ODMgNDQuMDQyOSAzMS42NjgzQzQyLjc3MTUgMzEuNjY4MyA0MS41NjM2IDMxLjQxNCA0MC41NDY1IDMwLjk2OUMzOS40NjU3IDMwLjUyNCAzOC41NzU3IDI5Ljg4ODMgMzcuODEyOSAyOC45OTgzQzM3LjA1IDI4LjE3MTggMzYuNDc3OCAyNy4xNTQ3IDM2LjAzMjggMjUuOTQ2OEMzNS41ODc4IDI0LjczODkgMzUuMzk3MSAyMy40Njc1IDM1LjM5NzEgMjIuMDA1M0MzNS4zOTcxIDIwLjU0MzIgMzUuNTg3OCAxOS4yNzE3IDM2LjAzMjggMTguMDYzOEMzNi40MTQzIDE2Ljg1NiAzNy4wNSAxNS45MDI0IDM3LjgxMjkgMTUuMDEyNEMzOC41NzU3IDE0LjE4NTkgMzkuNDY1NyAxMy41NTAyIDQwLjU0NjUgMTMuMDQxNkM0MS42MjcyIDEyLjU5NjYgNDIuNzcxNSAxMi4zNDIzIDQ0LjEwNjUgMTIuMzQyM0M0Ni43NzY2IDEyLjM0MjMgNDguODEwOSAxMi45NzggNTAuMjA5NSAxNC4yNDk1TDUzLjUxNTIgMTAuOTQzOEM1MS4wMzU5IDkuMDM2NTkgNDcuODU3MyA4LjAxOTQxIDQ0LjEwNjUgOC4wMTk0MUM0Mi4wMDg2IDguMDE5NDEgNDAuMTAxNSA4LjMzNzI5IDM4LjM4NSA5LjAzNjU5QzM2LjY2ODYgOS43MzU4OCAzNS4yMDY0IDEwLjYyNTkgMzMuOTk4NSAxMS44MzM3QzMyLjc5MDYgMTMuMDQxNiAzMS44MzcxIDE0LjUwMzggMzEuMjAxNCAxNi4yMjAzQzMwLjU2NTYgMTcuOTM2NyAzMC4yNDc4IDE5Ljg0MzggMzAuMjQ3OCAyMS44NzgyQzMwLjI0NzggMjMuOTEyNSAzMC41NjU2IDI1LjgxOTcgMzEuMjY0OSAyNy41MzYxQzMxLjk2NDIgMjkuMjUyNiAzMi44NTQyIDMwLjcxNDcgMzQuMDYyMSAzMS45MjI2QzM1LjI3IDMzLjEzMDUgMzYuNzMyMSAzNC4wODQxIDM4LjQ0ODYgMzQuNzE5OEM0MC4xNjUgMzUuNDE5MSA0Mi4wNzIyIDM1LjczNyA0NC4xMDY1IDM1LjczN0M0Ni4xNDA4IDM1LjczNyA0Ny45ODQ0IDM1LjQxOTEgNDkuNjM3MyAzNC43MTk4QzUxLjI5MDIgMzQuMDIwNSA1Mi42ODg4IDMzLjEzMDUgNTMuODMzMSAzMS45MjI2QzU0Ljk3NzQgMzAuNzE0NyA1NS44Njc0IDI5LjI1MjYgNTYuNTAzMSAyNy41MzYxQzU3LjEzODggMjUuODE5NyA1Ny40NTY3IDIzLjkxMjUgNTcuNDU2NyAyMS44NzgyVjIxLjA1MTdDNTcuMjY2IDIwLjkyNDYgNTcuMjAyNCAyMC42MDY3IDU3LjIwMjQgMjAuMzUyNVoiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTk1Ljk4MTUgMjAuMzUyNUg4My43MTIxVjI0LjYxMThIOTAuNzA1QzkwLjUxNDMgMjYuNzczMyA4OS42ODc5IDI4LjQyNjEgODguMjg5MyAyOS43NjExQzg2Ljg5MDcgMzEuMDMyNiA4NS4xMTA2IDMxLjY2ODMgODIuODIyIDMxLjY2ODNDODEuNTUwNiAzMS42NjgzIDgwLjM0MjcgMzEuNDE0IDc5LjMyNTYgMzAuOTY5Qzc4LjI0NDggMzAuNTI0IDc3LjM1NDggMjkuODg4MyA3Ni41OTIgMjguOTk4M0M3NS44MjkxIDI4LjE3MTggNzUuMjU3IDI3LjE1NDcgNzQuODExOSAyNS45NDY4Qzc0LjM2NjkgMjQuNzM4OSA3NC4xNzYyIDIzLjQ2NzUgNzQuMTc2MiAyMi4wMDUzQzc0LjE3NjIgMjAuNTQzMiA3NC4zNjY5IDE5LjI3MTcgNzQuODExOSAxOC4wNjM4Qzc1LjE5MzQgMTYuODU2IDc1LjgyOTEgMTUuOTAyNCA3Ni41OTIgMTUuMDEyNEM3Ny4zNTQ4IDE0LjE4NTkgNzguMjQ0OCAxMy41NTAyIDc5LjMyNTYgMTMuMDQxNkM4MC40MDYzIDEyLjU5NjYgODEuNTUwNiAxMi4zNDIzIDgyLjg4NTYgMTIuMzQyM0M4NS41NTU3IDEyLjM0MjMgODcuNTkgMTIuOTc4IDg4Ljk4ODYgMTQuMjQ5NUw5Mi4yOTQzIDEwLjk0MzhDODkuODE1IDkuMDM2NTkgODYuNjM2NCA4LjAxOTQxIDgyLjg4NTYgOC4wMTk0MUM4MC43ODc4IDguMDE5NDEgNzguODgwNiA4LjMzNzI5IDc3LjE2NDEgOS4wMzY1OUM3NS40NDc3IDkuNzM1ODggNzMuOTg1NSAxMC42MjU5IDcyLjc3NzYgMTEuODMzN0M3MS41Njk4IDEzLjA0MTYgNzAuNjE2MiAxNC41MDM4IDY5Ljk4MDUgMTYuMjIwM0M2OS4zNDQ3IDE3LjkzNjcgNjkuMDI2OSAxOS44NDM4IDY5LjAyNjkgMjEuODc4MkM2OS4wMjY5IDIzLjkxMjUgNjkuMzQ0NyAyNS44MTk3IDcwLjA0NCAyNy41MzYxQzcwLjc0MzMgMjkuMjUyNiA3MS42MzM0IDMwLjcxNDcgNzIuODQxMiAzMS45MjI2Qzc0LjA0OTEgMzMuMTMwNSA3NS41MTEyIDM0LjA4NDEgNzcuMjI3NyAzNC43MTk4Qzc4Ljk0NDEgMzUuNDE5MSA4MC44NTEzIDM1LjczNyA4Mi44ODU2IDM1LjczN0M4NC45MiAzNS43MzcgODYuNzYzNiAzNS40MTkxIDg4LjQxNjQgMzQuNzE5OEM5MC4wNjkzIDM0LjAyMDUgOTEuNDY3OSAzMy4xMzA1IDkyLjYxMjIgMzEuOTIyNkM5My43NTY1IDMwLjcxNDcgOTQuNjQ2NSAyOS4yNTI2IDk1LjI4MjIgMjcuNTM2MUM5NS45MTggMjUuODE5NyA5Ni4yMzU4IDIzLjkxMjUgOTYuMjM1OCAyMS44NzgyVjIxLjA1MTdDOTYuMDQ1MSAyMC45MjQ2IDk1Ljk4MTUgMjAuNjA2NyA5NS45ODE1IDIwLjM1MjVaIiBmaWxsPSIjOUI5QjlCIi8+Cjwvc3ZnPgo=);
@@ -1307,6 +1593,7 @@ ag-grid-aurelia {
1307
1593
  display: flex;
1308
1594
  flex-direction: row;
1309
1595
  }
1596
+
1310
1597
  .ag-root-wrapper-body.ag-layout-normal {
1311
1598
  flex: 1 1 auto;
1312
1599
  height: 0;
@@ -1318,11 +1605,14 @@ ag-grid-aurelia {
1318
1605
  display: flex;
1319
1606
  flex-direction: column;
1320
1607
  }
1321
- .ag-root.ag-layout-normal, .ag-root.ag-layout-auto-height {
1608
+
1609
+ .ag-root.ag-layout-normal,
1610
+ .ag-root.ag-layout-auto-height {
1322
1611
  overflow: hidden;
1323
1612
  flex: 1 1 auto;
1324
1613
  width: 0;
1325
1614
  }
1615
+
1326
1616
  .ag-root.ag-layout-normal {
1327
1617
  height: 100%;
1328
1618
  }
@@ -1355,6 +1645,7 @@ ag-grid-aurelia {
1355
1645
  -ms-overflow-style: none !important;
1356
1646
  scrollbar-width: none !important;
1357
1647
  }
1648
+
1358
1649
  .ag-body-viewport::-webkit-scrollbar,
1359
1650
  .ag-center-cols-viewport::-webkit-scrollbar,
1360
1651
  .ag-header-viewport::-webkit-scrollbar,
@@ -1369,16 +1660,34 @@ ag-grid-aurelia {
1369
1660
  display: flex;
1370
1661
  overflow-x: hidden;
1371
1662
  }
1663
+
1372
1664
  .ag-body-viewport.ag-layout-normal {
1373
1665
  overflow-y: auto;
1374
1666
  -webkit-overflow-scrolling: touch;
1375
1667
  }
1376
1668
 
1669
+ .ag-viewport {
1670
+ position: relative;
1671
+ }
1672
+
1673
+ .ag-spanning-container {
1674
+ position: absolute;
1675
+ top: 0;
1676
+ z-index: 1;
1677
+ }
1678
+
1377
1679
  .ag-sticky-top-container,
1378
- .ag-sticky-bottom-container {
1680
+ .ag-sticky-bottom-container,
1681
+ .ag-floating-top-container,
1682
+ .ag-floating-bottom-container {
1379
1683
  min-height: 1px;
1380
1684
  }
1381
1685
 
1686
+ .ag-sticky-top,
1687
+ .ag-sticky-bottom {
1688
+ z-index: 1;
1689
+ }
1690
+
1382
1691
  .ag-center-cols-viewport {
1383
1692
  min-height: 100%;
1384
1693
  width: 100%;
@@ -1416,7 +1725,11 @@ ag-grid-aurelia {
1416
1725
 
1417
1726
  .ag-header-container,
1418
1727
  .ag-floating-top-container,
1728
+ .ag-pinned-left-floating-top,
1729
+ .ag-pinned-right-floating-top,
1419
1730
  .ag-floating-bottom-container,
1731
+ .ag-pinned-left-floating-bottom,
1732
+ .ag-pinned-right-floating-bottom,
1420
1733
  .ag-sticky-top-container,
1421
1734
  .ag-sticky-bottom-container {
1422
1735
  height: 100%;
@@ -1448,6 +1761,7 @@ ag-grid-aurelia {
1448
1761
  top: 0px;
1449
1762
  pointer-events: none;
1450
1763
  }
1764
+
1451
1765
  .ag-ltr .ag-full-width-container,
1452
1766
  .ag-ltr .ag-floating-top-full-width-container,
1453
1767
  .ag-ltr .ag-floating-bottom-full-width-container,
@@ -1455,6 +1769,7 @@ ag-grid-aurelia {
1455
1769
  .ag-ltr .ag-sticky-bottom-full-width-container {
1456
1770
  left: 0;
1457
1771
  }
1772
+
1458
1773
  .ag-rtl .ag-full-width-container,
1459
1774
  .ag-rtl .ag-floating-top-full-width-container,
1460
1775
  .ag-rtl .ag-floating-bottom-full-width-container,
@@ -1494,18 +1809,22 @@ ag-grid-aurelia {
1494
1809
  display: flex;
1495
1810
  position: relative;
1496
1811
  }
1812
+
1497
1813
  .ag-body-horizontal-scroll.ag-scrollbar-invisible,
1498
1814
  .ag-body-vertical-scroll.ag-scrollbar-invisible {
1499
1815
  position: absolute;
1500
1816
  bottom: 0;
1501
1817
  }
1818
+
1502
1819
  .ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar,
1503
1820
  .ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar {
1504
1821
  opacity: 0;
1505
1822
  transition: opacity 400ms;
1506
1823
  visibility: hidden;
1507
1824
  }
1508
- .ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling, .ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active,
1825
+
1826
+ .ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling,
1827
+ .ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active,
1509
1828
  .ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling,
1510
1829
  .ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active {
1511
1830
  visibility: visible;
@@ -1515,6 +1834,7 @@ ag-grid-aurelia {
1515
1834
  .ag-body-horizontal-scroll {
1516
1835
  width: 100%;
1517
1836
  }
1837
+
1518
1838
  .ag-body-horizontal-scroll.ag-scrollbar-invisible {
1519
1839
  left: 0;
1520
1840
  right: 0;
@@ -1523,13 +1843,16 @@ ag-grid-aurelia {
1523
1843
  .ag-body-vertical-scroll {
1524
1844
  height: 100%;
1525
1845
  }
1846
+
1526
1847
  .ag-body-vertical-scroll.ag-scrollbar-invisible {
1527
1848
  top: 0;
1528
1849
  z-index: 10;
1529
1850
  }
1851
+
1530
1852
  .ag-ltr .ag-body-vertical-scroll.ag-scrollbar-invisible {
1531
1853
  right: 0;
1532
1854
  }
1855
+
1533
1856
  .ag-rtl .ag-body-vertical-scroll.ag-scrollbar-invisible {
1534
1857
  left: 0;
1535
1858
  }
@@ -1544,6 +1867,7 @@ ag-grid-aurelia {
1544
1867
  min-width: 0;
1545
1868
  overflow-x: scroll;
1546
1869
  }
1870
+
1547
1871
  .ag-horizontal-left-spacer.ag-scroller-corner,
1548
1872
  .ag-horizontal-right-spacer.ag-scroller-corner {
1549
1873
  overflow-x: hidden;
@@ -1557,7 +1881,8 @@ ag-grid-aurelia {
1557
1881
  position: relative;
1558
1882
  }
1559
1883
 
1560
- .ag-header-cell-sortable .ag-header-cell-label {
1884
+ .ag-header-cell-sortable .ag-header-cell-label,
1885
+ .ag-header-group-cell-selectable .ag-header-cell-comp-wrapper {
1561
1886
  cursor: pointer;
1562
1887
  }
1563
1888
 
@@ -1654,7 +1979,7 @@ ag-grid-aurelia {
1654
1979
  white-space: normal;
1655
1980
  }
1656
1981
 
1657
- .ag-header-cell-comp-wrapper-limited-height > div {
1982
+ .ag-header-cell-comp-wrapper-limited-height>div {
1658
1983
  overflow: hidden;
1659
1984
  }
1660
1985
 
@@ -1670,9 +1995,11 @@ ag-grid-aurelia {
1670
1995
  top: 0;
1671
1996
  cursor: ew-resize;
1672
1997
  }
1998
+
1673
1999
  .ag-ltr .ag-header-cell-resize {
1674
2000
  right: -3px;
1675
2001
  }
2002
+
1676
2003
  .ag-rtl .ag-header-cell-resize {
1677
2004
  left: -3px;
1678
2005
  }
@@ -1700,9 +2027,15 @@ ag-grid-aurelia {
1700
2027
  .ag-column-moving .ag-cell {
1701
2028
  transition: left 0.2s;
1702
2029
  }
2030
+
1703
2031
  .ag-column-moving .ag-header-cell {
1704
2032
  transition: left 0.2s;
1705
2033
  }
2034
+
2035
+ .ag-column-moving .ag-spanned-cell-wrapper {
2036
+ transition: left 0.2s;
2037
+ }
2038
+
1706
2039
  .ag-column-moving .ag-header-group-cell {
1707
2040
  transition: left 0.2s, width 0.2s;
1708
2041
  }
@@ -1792,7 +2125,8 @@ ag-grid-aurelia {
1792
2125
  flex-direction: column;
1793
2126
  overflow-x: auto;
1794
2127
  }
1795
- .ag-column-drop-vertical-list > * {
2128
+
2129
+ .ag-column-drop-vertical-list>* {
1796
2130
  flex: none;
1797
2131
  }
1798
2132
 
@@ -1827,8 +2161,9 @@ ag-grid-aurelia {
1827
2161
  display: flex;
1828
2162
  align-items: center;
1829
2163
  }
1830
- .ag-filter-toolpanel-header > *,
1831
- .ag-filter-toolpanel-search > * {
2164
+
2165
+ .ag-filter-toolpanel-header>*,
2166
+ .ag-filter-toolpanel-search>* {
1832
2167
  display: flex;
1833
2168
  align-items: center;
1834
2169
  }
@@ -1847,6 +2182,11 @@ ag-grid-aurelia {
1847
2182
  transition: transform 0.4s, top 0.4s, height 0.4s, opacity 0.2s;
1848
2183
  }
1849
2184
 
2185
+ .ag-row-animation.ag-prevent-animation .ag-row,
2186
+ .ag-row-animation.ag-prevent-animation .ag-row.ag-after-created {
2187
+ transition: none !important;
2188
+ }
2189
+
1850
2190
  .ag-row-no-animation .ag-row {
1851
2191
  transition: none;
1852
2192
  }
@@ -1898,31 +2238,41 @@ ag-grid-aurelia {
1898
2238
  flex: 1 1 auto;
1899
2239
  }
1900
2240
 
1901
- .ag-cell-value,
2241
+ .ag-cell-value:not(.ag-allow-overflow),
1902
2242
  .ag-group-value {
1903
2243
  overflow: hidden;
1904
2244
  text-overflow: ellipsis;
1905
2245
  }
1906
2246
 
1907
- .ag-cell-wrap-text {
1908
- white-space: normal;
1909
- word-break: break-word;
1910
- }
1911
-
1912
2247
  .ag-cell-wrapper {
1913
2248
  display: flex;
1914
2249
  align-items: center;
1915
2250
  }
2251
+
1916
2252
  .ag-cell-wrapper.ag-row-group {
1917
2253
  align-items: flex-start;
1918
2254
  }
1919
2255
 
2256
+ .ag-cell-wrap-text {
2257
+ white-space: normal;
2258
+ word-break: break-word;
2259
+ }
2260
+
2261
+ .ag-cell-wrap-text:not(.ag-cell-auto-height) .ag-cell-wrapper {
2262
+ align-items: normal;
2263
+ height: 100%;
2264
+ }
2265
+
2266
+ .ag-cell-wrap-text:not(.ag-cell-auto-height) .ag-cell-wrapper .ag-cell-value {
2267
+ height: 100%;
2268
+ }
2269
+
1920
2270
  .ag-sparkline-wrapper {
1921
2271
  position: absolute;
1922
2272
  height: 100%;
1923
2273
  width: 100%;
1924
- left: 0;
1925
2274
  top: 0;
2275
+ line-height: initial;
1926
2276
  }
1927
2277
 
1928
2278
  .ag-full-width-row .ag-cell-wrapper.ag-row-group {
@@ -1933,16 +2283,22 @@ ag-grid-aurelia {
1933
2283
  .ag-cell-inline-editing {
1934
2284
  z-index: 1;
1935
2285
  }
2286
+
1936
2287
  .ag-cell-inline-editing .ag-cell-wrapper,
1937
2288
  .ag-cell-inline-editing .ag-cell-edit-wrapper,
1938
2289
  .ag-cell-inline-editing .ag-cell-editor,
1939
2290
  .ag-cell-inline-editing .ag-cell-editor .ag-wrapper,
1940
- .ag-cell-inline-editing .ag-cell-editor input {
2291
+ .ag-cell-inline-editing .ag-cell-editor.ag-cell-editor.ag-cell-editor input {
1941
2292
  height: 100%;
2293
+ min-height: 100%;
1942
2294
  width: 100%;
1943
2295
  line-height: normal;
1944
2296
  }
1945
2297
 
2298
+ .ag-row.ag-row-editing-invalid .ag-cell-inline-editing {
2299
+ opacity: 0.8;
2300
+ }
2301
+
1946
2302
  .ag-cell .ag-icon {
1947
2303
  display: inline-block;
1948
2304
  vertical-align: middle;
@@ -1963,7 +2319,8 @@ ag-grid-aurelia {
1963
2319
  .ag-set-filter-group-icons {
1964
2320
  display: block;
1965
2321
  }
1966
- .ag-set-filter-group-icons > * {
2322
+
2323
+ .ag-set-filter-group-icons>* {
1967
2324
  cursor: pointer;
1968
2325
  }
1969
2326
 
@@ -1997,7 +2354,7 @@ ag-grid-aurelia {
1997
2354
  overflow: hidden;
1998
2355
  }
1999
2356
 
2000
- .ag-floating-filter-full-body > div {
2357
+ .ag-floating-filter-full-body>div {
2001
2358
  flex: 1 1 auto;
2002
2359
  }
2003
2360
 
@@ -2006,7 +2363,8 @@ ag-grid-aurelia {
2006
2363
  display: flex;
2007
2364
  width: 100%;
2008
2365
  }
2009
- .ag-floating-filter-input > * {
2366
+
2367
+ .ag-floating-filter-input>* {
2010
2368
  flex: 1 1 auto;
2011
2369
  }
2012
2370
 
@@ -2015,6 +2373,10 @@ ag-grid-aurelia {
2015
2373
  flex: none;
2016
2374
  }
2017
2375
 
2376
+ .ag-date-floating-filter-wrapper {
2377
+ display: flex;
2378
+ }
2379
+
2018
2380
  .ag-set-floating-filter-input input[disabled] {
2019
2381
  pointer-events: none;
2020
2382
  }
@@ -2052,7 +2414,9 @@ ag-grid-aurelia {
2052
2414
  text-align: center;
2053
2415
  }
2054
2416
 
2055
- .ag-overlay-loading-wrapper {
2417
+ .ag-overlay-loading-wrapper,
2418
+ .ag-overlay-exporting-wrapper,
2419
+ .ag-overlay-modal-wrapper {
2056
2420
  pointer-events: all;
2057
2421
  }
2058
2422
 
@@ -2078,28 +2442,7 @@ ag-grid-aurelia {
2078
2442
  width: 100%;
2079
2443
  }
2080
2444
 
2081
- .ag-floating-top {
2082
- overflow: hidden;
2083
- white-space: nowrap;
2084
- width: 100%;
2085
- position: relative;
2086
- display: flex;
2087
- }
2088
-
2089
- .ag-pinned-left-floating-top {
2090
- display: inline-block;
2091
- overflow: hidden;
2092
- position: relative;
2093
- min-width: 0px;
2094
- }
2095
-
2096
- .ag-pinned-right-floating-top {
2097
- display: inline-block;
2098
- overflow: hidden;
2099
- position: relative;
2100
- min-width: 0px;
2101
- }
2102
-
2445
+ .ag-floating-top,
2103
2446
  .ag-floating-bottom {
2104
2447
  overflow: hidden;
2105
2448
  white-space: nowrap;
@@ -2108,15 +2451,10 @@ ag-grid-aurelia {
2108
2451
  display: flex;
2109
2452
  }
2110
2453
 
2111
- .ag-pinned-left-floating-bottom {
2112
- display: inline-block;
2113
- overflow: hidden;
2114
- position: relative;
2115
- min-width: 0px;
2116
- }
2117
-
2454
+ .ag-pinned-left-floating-top,
2455
+ .ag-pinned-right-floating-top,
2456
+ .ag-pinned-left-floating-bottom,
2118
2457
  .ag-pinned-right-floating-bottom {
2119
- display: inline-block;
2120
2458
  overflow: hidden;
2121
2459
  position: relative;
2122
2460
  min-width: 0px;
@@ -2196,6 +2534,7 @@ ag-grid-aurelia {
2196
2534
  -ms-user-select: none;
2197
2535
  user-select: none;
2198
2536
  }
2537
+
2199
2538
  .ag-resizer.ag-resizer-topLeft {
2200
2539
  top: 0;
2201
2540
  left: 0;
@@ -2203,6 +2542,7 @@ ag-grid-aurelia {
2203
2542
  width: 5px;
2204
2543
  cursor: nwse-resize;
2205
2544
  }
2545
+
2206
2546
  .ag-resizer.ag-resizer-top {
2207
2547
  top: 0;
2208
2548
  left: 5px;
@@ -2210,6 +2550,7 @@ ag-grid-aurelia {
2210
2550
  height: 5px;
2211
2551
  cursor: ns-resize;
2212
2552
  }
2553
+
2213
2554
  .ag-resizer.ag-resizer-topRight {
2214
2555
  top: 0;
2215
2556
  right: 0;
@@ -2217,6 +2558,7 @@ ag-grid-aurelia {
2217
2558
  width: 5px;
2218
2559
  cursor: nesw-resize;
2219
2560
  }
2561
+
2220
2562
  .ag-resizer.ag-resizer-right {
2221
2563
  top: 5px;
2222
2564
  right: 0;
@@ -2224,6 +2566,7 @@ ag-grid-aurelia {
2224
2566
  width: 5px;
2225
2567
  cursor: ew-resize;
2226
2568
  }
2569
+
2227
2570
  .ag-resizer.ag-resizer-bottomRight {
2228
2571
  bottom: 0;
2229
2572
  right: 0;
@@ -2231,6 +2574,7 @@ ag-grid-aurelia {
2231
2574
  width: 5px;
2232
2575
  cursor: nwse-resize;
2233
2576
  }
2577
+
2234
2578
  .ag-resizer.ag-resizer-bottom {
2235
2579
  bottom: 0;
2236
2580
  left: 5px;
@@ -2238,6 +2582,7 @@ ag-grid-aurelia {
2238
2582
  height: 5px;
2239
2583
  cursor: ns-resize;
2240
2584
  }
2585
+
2241
2586
  .ag-resizer.ag-resizer-bottomLeft {
2242
2587
  bottom: 0;
2243
2588
  left: 0;
@@ -2245,6 +2590,7 @@ ag-grid-aurelia {
2245
2590
  width: 5px;
2246
2591
  cursor: nesw-resize;
2247
2592
  }
2593
+
2248
2594
  .ag-resizer.ag-resizer-left {
2249
2595
  left: 0;
2250
2596
  top: 5px;
@@ -2298,6 +2644,7 @@ ag-grid-aurelia {
2298
2644
  height: 265px;
2299
2645
  overflow: auto;
2300
2646
  }
2647
+
2301
2648
  .ag-menu-column-select-wrapper .ag-column-select {
2302
2649
  height: 100%;
2303
2650
  }
@@ -2341,6 +2688,11 @@ ag-grid-aurelia {
2341
2688
  flex: 1 1 auto;
2342
2689
  }
2343
2690
 
2691
+ .ag-context-menu-loading-icon {
2692
+ position: absolute;
2693
+ pointer-events: none;
2694
+ }
2695
+
2344
2696
  .ag-pill-container {
2345
2697
  display: flex;
2346
2698
  gap: 0.25rem;
@@ -2370,10 +2722,12 @@ ag-grid-aurelia {
2370
2722
  align-items: center;
2371
2723
  height: 100%;
2372
2724
  }
2725
+
2373
2726
  .ag-rich-select-value .ag-picker-field-display {
2374
2727
  overflow: hidden;
2375
2728
  text-overflow: ellipsis;
2376
2729
  }
2730
+
2377
2731
  .ag-rich-select-value .ag-picker-field-display.ag-display-as-placeholder {
2378
2732
  opacity: 0.5;
2379
2733
  }
@@ -2381,7 +2735,9 @@ ag-grid-aurelia {
2381
2735
  .ag-rich-select-list {
2382
2736
  position: relative;
2383
2737
  }
2384
- .ag-rich-select-list .ag-loading-text {
2738
+
2739
+ .ag-rich-select-list .ag-rich-select-loading {
2740
+ display: flex;
2385
2741
  min-height: 2rem;
2386
2742
  }
2387
2743
 
@@ -2397,12 +2753,14 @@ ag-grid-aurelia {
2397
2753
  .ag-rich-select-field-input {
2398
2754
  flex: 1 1 auto;
2399
2755
  }
2756
+
2400
2757
  .ag-rich-select-field-input .ag-input-field-input {
2401
2758
  padding: 0 !important;
2402
2759
  border: none !important;
2403
2760
  box-shadow: none !important;
2404
2761
  text-overflow: ellipsis;
2405
2762
  }
2763
+
2406
2764
  .ag-rich-select-field-input .ag-input-field-input::placeholder {
2407
2765
  opacity: 0.8;
2408
2766
  }
@@ -2411,7 +2769,8 @@ ag-grid-aurelia {
2411
2769
  align-items: center;
2412
2770
  display: flex;
2413
2771
  }
2414
- .ag-autocomplete > * {
2772
+
2773
+ .ag-autocomplete>* {
2415
2774
  flex: 1 1 auto;
2416
2775
  }
2417
2776
 
@@ -2484,9 +2843,10 @@ ag-grid-aurelia {
2484
2843
  flex-wrap: nowrap;
2485
2844
  height: 100%;
2486
2845
  }
2487
- .ag-column-select-column > *,
2488
- .ag-column-select-column-group > *,
2489
- .ag-select-agg-func-item > * {
2846
+
2847
+ .ag-column-select-column>*,
2848
+ .ag-column-select-column-group>*,
2849
+ .ag-select-agg-func-item>* {
2490
2850
  flex: none;
2491
2851
  }
2492
2852
 
@@ -2514,6 +2874,7 @@ ag-grid-aurelia {
2514
2874
  .ag-ltr .ag-side-bar-left .ag-tool-panel-horizontal-resize {
2515
2875
  right: -3px;
2516
2876
  }
2877
+
2517
2878
  .ag-rtl .ag-side-bar-left .ag-tool-panel-horizontal-resize {
2518
2879
  left: -3px;
2519
2880
  }
@@ -2521,6 +2882,7 @@ ag-grid-aurelia {
2521
2882
  .ag-ltr .ag-side-bar-right .ag-tool-panel-horizontal-resize {
2522
2883
  left: -3px;
2523
2884
  }
2885
+
2524
2886
  .ag-rtl .ag-side-bar-right .ag-tool-panel-horizontal-resize {
2525
2887
  right: -3px;
2526
2888
  }
@@ -2546,6 +2908,7 @@ ag-grid-aurelia {
2546
2908
  align-items: center;
2547
2909
  height: 100%;
2548
2910
  position: absolute;
2911
+ contain: paint;
2549
2912
  }
2550
2913
 
2551
2914
  .ag-header-group-cell-no-group.ag-header-span-height {
@@ -2569,6 +2932,7 @@ ag-grid-aurelia {
2569
2932
  .ag-right-aligned-header .ag-cell-label-container {
2570
2933
  flex-direction: row;
2571
2934
  }
2935
+
2572
2936
  .ag-right-aligned-header .ag-header-cell-text {
2573
2937
  text-align: end;
2574
2938
  }
@@ -2605,7 +2969,8 @@ ag-grid-aurelia {
2605
2969
  overflow: hidden;
2606
2970
  }
2607
2971
 
2608
- .ag-status-panel {
2972
+ .ag-status-panel,
2973
+ .ag-status-panel.ag-status-panel-aggregations .ag-status-name-value {
2609
2974
  display: inline-flex;
2610
2975
  }
2611
2976
 
@@ -2625,6 +2990,35 @@ ag-grid-aurelia {
2625
2990
  display: inline-flex;
2626
2991
  }
2627
2992
 
2993
+ .ag-row-number-cell {
2994
+ width: 100%;
2995
+ white-space: nowrap;
2996
+ overflow: hidden;
2997
+ user-select: none;
2998
+ }
2999
+
3000
+ .ag-ltr .ag-row-number-cell {
3001
+ text-align: right;
3002
+ }
3003
+
3004
+ .ag-rtl .ag-row-number-cell {
3005
+ text-align: left;
3006
+ }
3007
+
3008
+ .ag-row-numbers-resizer {
3009
+ position: absolute;
3010
+ bottom: -2px;
3011
+ left: 0;
3012
+ height: 4px;
3013
+ width: 100%;
3014
+ cursor: ns-resize;
3015
+ }
3016
+
3017
+ .ag-floating-bottom .ag-row-numbers-resizer {
3018
+ bottom: unset;
3019
+ top: -2px;
3020
+ }
3021
+
2628
3022
  .ag-icon {
2629
3023
  display: block;
2630
3024
  speak: none;
@@ -2677,7 +3071,8 @@ ag-grid-aurelia {
2677
3071
  .ag-column-group-icons {
2678
3072
  display: block;
2679
3073
  }
2680
- .ag-column-group-icons > * {
3074
+
3075
+ .ag-column-group-icons>* {
2681
3076
  cursor: pointer;
2682
3077
  }
2683
3078
 
@@ -2710,7 +3105,8 @@ ag-grid-aurelia {
2710
3105
  flex: 1 1 auto;
2711
3106
  }
2712
3107
 
2713
- .ag-floating-filter-input .ag-input-field-input[type=date] {
3108
+ .ag-floating-filter-input .ag-input-field-input[type=date],
3109
+ .ag-floating-filter-input .ag-input-field-input[type=datetime-local] {
2714
3110
  width: 1px;
2715
3111
  }
2716
3112
 
@@ -2740,6 +3136,7 @@ ag-grid-aurelia {
2740
3136
  .ag-slider-wrapper {
2741
3137
  display: flex;
2742
3138
  }
3139
+
2743
3140
  .ag-slider-wrapper .ag-input-field {
2744
3141
  flex: 1 1 auto;
2745
3142
  }
@@ -2768,7 +3165,8 @@ ag-grid-aurelia {
2768
3165
  .ag-label-align-right .ag-label {
2769
3166
  order: 1;
2770
3167
  }
2771
- .ag-label-align-right > * {
3168
+
3169
+ .ag-label-align-right>* {
2772
3170
  flex: none;
2773
3171
  }
2774
3172
 
@@ -2776,7 +3174,8 @@ ag-grid-aurelia {
2776
3174
  flex-direction: column;
2777
3175
  align-items: flex-start;
2778
3176
  }
2779
- .ag-label-align-top > * {
3177
+
3178
+ .ag-label-align-top>* {
2780
3179
  align-self: stretch;
2781
3180
  }
2782
3181
 
@@ -2831,7 +3230,7 @@ ag-grid-aurelia {
2831
3230
  }
2832
3231
 
2833
3232
  .ag-spectrum-alpha {
2834
- --ag-spectrum-alpha-background-checked: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="4" height="4"><rect x="0" y="0" width="4" height="4" fill="%23fff"/><path d="M0 0H2V4H4V2H0Z" fill="%23b2b2b2"/></svg>');
3233
+ --ag-spectrum-alpha-background-checked: url("data:image/svg+xml;utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 width=%224%22 height=%224%22><rect x=%220%22 y=%220%22 width=%224%22 height=%224%22 fill=%22%23fff%22/><path d=%22M0 0H2V4H4V2H0Z%22 fill=%22%23b2b2b2%22/></svg>");
2835
3234
  }
2836
3235
 
2837
3236
  .ag-spectrum-alpha-background {
@@ -2866,6 +3265,7 @@ ag-grid-aurelia {
2866
3265
  display: flex;
2867
3266
  flex-direction: column;
2868
3267
  }
3268
+
2869
3269
  .ag-pill-select .ag-column-drop {
2870
3270
  flex: unset;
2871
3271
  }
@@ -2873,6 +3273,7 @@ ag-grid-aurelia {
2873
3273
  .ag-ltr {
2874
3274
  direction: ltr;
2875
3275
  }
3276
+
2876
3277
  .ag-ltr .ag-body,
2877
3278
  .ag-ltr .ag-floating-top,
2878
3279
  .ag-ltr .ag-floating-bottom,
@@ -2887,6 +3288,7 @@ ag-grid-aurelia {
2887
3288
  .ag-rtl {
2888
3289
  direction: rtl;
2889
3290
  }
3291
+
2890
3292
  .ag-rtl .ag-body,
2891
3293
  .ag-rtl .ag-floating-top,
2892
3294
  .ag-rtl .ag-floating-bottom,
@@ -2897,6 +3299,7 @@ ag-grid-aurelia {
2897
3299
  .ag-rtl .ag-body-horizontal-scroll {
2898
3300
  flex-direction: row-reverse;
2899
3301
  }
3302
+
2900
3303
  .ag-rtl .ag-icon-contracted,
2901
3304
  .ag-rtl .ag-icon-expanded,
2902
3305
  .ag-rtl .ag-icon-tree-closed {
@@ -2913,6 +3316,7 @@ ag-grid-aurelia {
2913
3316
  overflow: hidden;
2914
3317
  visibility: hidden;
2915
3318
  }
3319
+
2916
3320
  .ag-measurement-container div {
2917
3321
  position: absolute;
2918
3322
  }
@@ -2921,15 +3325,19 @@ ag-grid-aurelia {
2921
3325
  display: block;
2922
3326
  height: unset;
2923
3327
  }
3328
+
2924
3329
  .ag-layout-print.ag-root-wrapper {
2925
3330
  display: inline-block;
2926
3331
  }
3332
+
2927
3333
  .ag-layout-print .ag-body-vertical-scroll {
2928
3334
  display: none;
2929
3335
  }
3336
+
2930
3337
  .ag-layout-print .ag-body-horizontal-scroll {
2931
3338
  display: none;
2932
3339
  }
3340
+
2933
3341
  .ag-layout-print.ag-force-vertical-scroll {
2934
3342
  overflow-y: visible !important;
2935
3343
  }
@@ -2938,6 +3346,7 @@ ag-grid-aurelia {
2938
3346
  .ag-root-wrapper.ag-layout-print {
2939
3347
  display: table;
2940
3348
  }
3349
+
2941
3350
  .ag-root-wrapper.ag-layout-print .ag-root-wrapper-body,
2942
3351
  .ag-root-wrapper.ag-layout-print .ag-root,
2943
3352
  .ag-root-wrapper.ag-layout-print .ag-body-viewport,
@@ -2949,11 +3358,13 @@ ag-grid-aurelia {
2949
3358
  overflow: hidden !important;
2950
3359
  display: block !important;
2951
3360
  }
3361
+
2952
3362
  .ag-root-wrapper.ag-layout-print .ag-row,
2953
3363
  .ag-root-wrapper.ag-layout-print .ag-cell {
2954
3364
  break-inside: avoid;
2955
3365
  }
2956
3366
  }
3367
+
2957
3368
  [class^=ag-],
2958
3369
  [class^=ag-]:focus,
2959
3370
  [class^=ag-]:after,
@@ -2993,6 +3404,7 @@ ag-grid-aurelia {
2993
3404
  .ag-ltr .ag-label-align-right .ag-label {
2994
3405
  margin-left: var(--ag-grid-size);
2995
3406
  }
3407
+
2996
3408
  .ag-rtl .ag-label-align-right .ag-label {
2997
3409
  margin-right: var(--ag-grid-size);
2998
3410
  }
@@ -3020,6 +3432,7 @@ textarea[class^=ag-] {
3020
3432
  font-family: inherit;
3021
3433
  border: var(--ag-borders-input) var(--ag-input-border-color);
3022
3434
  }
3435
+
3023
3436
  input[class^=ag-]:not([type]):disabled,
3024
3437
  input[class^=ag-][type=text]:disabled,
3025
3438
  input[class^=ag-][type=number]:disabled,
@@ -3031,6 +3444,7 @@ textarea[class^=ag-]:disabled {
3031
3444
  background-color: var(--ag-input-disabled-background-color);
3032
3445
  border-color: var(--ag-input-disabled-border-color);
3033
3446
  }
3447
+
3034
3448
  input[class^=ag-]:not([type]):focus,
3035
3449
  input[class^=ag-][type=text]:focus,
3036
3450
  input[class^=ag-][type=number]:focus,
@@ -3042,6 +3456,25 @@ textarea[class^=ag-]:focus {
3042
3456
  box-shadow: var(--ag-input-focus-box-shadow);
3043
3457
  border-color: var(--ag-input-focus-border-color);
3044
3458
  }
3459
+
3460
+ input[class^=ag-]:not([type]):focus.invalid,
3461
+ input[class^=ag-]:not([type]):focus:invalid,
3462
+ input[class^=ag-][type=text]:focus.invalid,
3463
+ input[class^=ag-][type=text]:focus:invalid,
3464
+ input[class^=ag-][type=number]:focus.invalid,
3465
+ input[class^=ag-][type=number]:focus:invalid,
3466
+ input[class^=ag-][type=tel]:focus.invalid,
3467
+ input[class^=ag-][type=tel]:focus:invalid,
3468
+ input[class^=ag-][type=date]:focus.invalid,
3469
+ input[class^=ag-][type=date]:focus:invalid,
3470
+ input[class^=ag-][type=datetime-local]:focus.invalid,
3471
+ input[class^=ag-][type=datetime-local]:focus:invalid,
3472
+ textarea[class^=ag-]:focus.invalid,
3473
+ textarea[class^=ag-]:focus:invalid {
3474
+ box-shadow: var(--ag-input-error-focus-box-shadow);
3475
+ border-color: var(--ag-invalid-color);
3476
+ }
3477
+
3045
3478
  input[class^=ag-]:not([type]):invalid,
3046
3479
  input[class^=ag-][type=text]:invalid,
3047
3480
  input[class^=ag-][type=number]:invalid,
@@ -3055,7 +3488,9 @@ textarea[class^=ag-]:invalid {
3055
3488
  input[class^=ag-][type=number]:not(.ag-number-field-input-stepper) {
3056
3489
  -moz-appearance: textfield;
3057
3490
  }
3058
- input[class^=ag-][type=number]:not(.ag-number-field-input-stepper)::-webkit-outer-spin-button, input[class^=ag-][type=number]:not(.ag-number-field-input-stepper)::-webkit-inner-spin-button {
3491
+
3492
+ input[class^=ag-][type=number]:not(.ag-number-field-input-stepper)::-webkit-outer-spin-button,
3493
+ input[class^=ag-][type=number]:not(.ag-number-field-input-stepper)::-webkit-inner-spin-button {
3059
3494
  -webkit-appearance: none;
3060
3495
  margin: 0;
3061
3496
  }
@@ -3069,6 +3504,13 @@ button[class^=ag-]:focus {
3069
3504
  box-shadow: var(--ag-input-focus-box-shadow);
3070
3505
  }
3071
3506
 
3507
+ input[class^=ag-][type=button]:focus:invalid,
3508
+ input[class^=ag-][type=button]:focus.invalid,
3509
+ button[class^=ag-]:focus:invalid,
3510
+ button[class^=ag-]:focus.invalid {
3511
+ box-shadow: var(--ag-input-error-focus-box-shadow);
3512
+ }
3513
+
3072
3514
  .ag-drag-handle {
3073
3515
  color: var(--ag-secondary-foreground-color);
3074
3516
  }
@@ -3081,6 +3523,7 @@ button[class^=ag-]:focus {
3081
3523
  .ag-virtual-list-item:focus-visible {
3082
3524
  outline: none;
3083
3525
  }
3526
+
3084
3527
  .ag-virtual-list-item:focus-visible::after {
3085
3528
  content: "";
3086
3529
  position: absolute;
@@ -3110,6 +3553,7 @@ button[class^=ag-]:focus {
3110
3553
  overflow: hidden;
3111
3554
  text-overflow: ellipsis;
3112
3555
  }
3556
+
3113
3557
  .ag-list-item.ag-active-item {
3114
3558
  background-color: var(--ag-row-hover-color);
3115
3559
  }
@@ -3121,12 +3565,15 @@ button[class^=ag-]:focus {
3121
3565
  user-select: none;
3122
3566
  cursor: default;
3123
3567
  }
3568
+
3124
3569
  .ag-ltr .ag-select-list-item {
3125
3570
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
3126
3571
  }
3572
+
3127
3573
  .ag-rtl .ag-select-list-item {
3128
3574
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
3129
3575
  }
3576
+
3130
3577
  .ag-select-list-item span {
3131
3578
  white-space: nowrap;
3132
3579
  text-overflow: ellipsis;
@@ -3139,12 +3586,14 @@ button[class^=ag-]:focus {
3139
3586
  .ag-group-contracted {
3140
3587
  color: var(--ag-secondary-foreground-color);
3141
3588
  }
3589
+
3142
3590
  .ag-ltr .ag-row-drag,
3143
3591
  .ag-ltr .ag-selection-checkbox,
3144
3592
  .ag-ltr .ag-group-expanded,
3145
3593
  .ag-ltr .ag-group-contracted {
3146
3594
  margin-right: var(--ag-cell-widget-spacing);
3147
3595
  }
3596
+
3148
3597
  .ag-rtl .ag-row-drag,
3149
3598
  .ag-rtl .ag-selection-checkbox,
3150
3599
  .ag-rtl .ag-group-expanded,
@@ -3152,12 +3601,15 @@ button[class^=ag-]:focus {
3152
3601
  margin-left: var(--ag-cell-widget-spacing);
3153
3602
  }
3154
3603
 
3155
- .ag-cell-wrapper > *:not(.ag-cell-value):not(.ag-group-value) {
3156
- --ag-internal-calculated-line-height: var(
3157
- --ag-line-height,
3158
- calc(var(--ag-row-height) - var(--ag-row-border-width))
3159
- );
3160
- --ag-internal-padded-row-height: calc(var(--ag-row-height) - var(--ag-row-border-width));
3604
+ .ag-drag-handle-disabled {
3605
+ opacity: 0.35;
3606
+ pointer-events: none;
3607
+ }
3608
+
3609
+ .ag-cell-wrapper>*:not(.ag-cell-value):not(.ag-group-value) {
3610
+ --ag-internal-calculated-line-height: var(--ag-line-height,
3611
+ calc(var(--ag-row-height) - var(--ag-row-border-width)));
3612
+ --ag-internal-padded-row-height: calc(var(--ag-row-height) - var(--ag-row-border-width) - 2px);
3161
3613
  height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height));
3162
3614
  display: flex;
3163
3615
  align-items: center;
@@ -3178,6 +3630,7 @@ button[class^=ag-]:focus {
3178
3630
  .ag-ltr .ag-group-child-count {
3179
3631
  margin-left: 2px;
3180
3632
  }
3633
+
3181
3634
  .ag-rtl .ag-group-child-count {
3182
3635
  margin-right: 2px;
3183
3636
  }
@@ -3204,9 +3657,11 @@ button[class^=ag-]:focus {
3204
3657
  .ag-label {
3205
3658
  white-space: nowrap;
3206
3659
  }
3660
+
3207
3661
  .ag-ltr .ag-label {
3208
3662
  margin-right: var(--ag-grid-size);
3209
3663
  }
3664
+
3210
3665
  .ag-rtl .ag-label {
3211
3666
  margin-left: var(--ag-grid-size);
3212
3667
  }
@@ -3219,6 +3674,7 @@ button[class^=ag-]:focus {
3219
3674
  color: var(--ag-disabled-foreground-color);
3220
3675
  pointer-events: none;
3221
3676
  }
3677
+
3222
3678
  .ag-angle-select[disabled] .ag-angle-select-field {
3223
3679
  opacity: 0.4;
3224
3680
  }
@@ -3227,6 +3683,7 @@ button[class^=ag-]:focus {
3227
3683
  .ag-ltr .ag-angle-select-field {
3228
3684
  margin-right: calc(var(--ag-grid-size) * 2);
3229
3685
  }
3686
+
3230
3687
  .ag-rtl .ag-slider-field,
3231
3688
  .ag-rtl .ag-angle-select-field {
3232
3689
  margin-left: calc(var(--ag-grid-size) * 2);
@@ -3258,17 +3715,29 @@ button[class^=ag-]:focus {
3258
3715
  border-radius: 5px;
3259
3716
  background-color: var(--ag-background-color);
3260
3717
  }
3718
+
3261
3719
  .ag-picker-field-wrapper:disabled {
3262
3720
  color: var(--ag-disabled-foreground-color);
3263
3721
  background-color: var(--ag-input-disabled-background-color);
3264
3722
  border-color: var(--ag-input-disabled-border-color);
3265
3723
  }
3266
- .ag-picker-field-wrapper.ag-picker-has-focus, .ag-picker-field-wrapper:focus-within {
3724
+
3725
+ .ag-picker-field-wrapper.ag-picker-has-focus,
3726
+ .ag-picker-field-wrapper:focus-within {
3267
3727
  outline: none;
3268
3728
  box-shadow: var(--ag-input-focus-box-shadow);
3269
3729
  border-color: var(--ag-input-focus-border-color);
3270
3730
  }
3271
3731
 
3732
+ .ag-picker-field-wrapper.ag-picker-has-focus.invalid,
3733
+ .ag-picker-field-wrapper:focus-within.invalid {
3734
+ box-shadow: var(--ag-input-error-focus-box-shadow);
3735
+ }
3736
+
3737
+ .ag-picker-field-wrapper.invalid {
3738
+ border: var(--ag-borders-input-invalid) var(--ag-input-border-color-invalid);
3739
+ }
3740
+
3272
3741
  .ag-picker-field-button {
3273
3742
  background-color: var(--ag-background-color);
3274
3743
  color: var(--ag-secondary-foreground-color);
@@ -3282,6 +3751,7 @@ button[class^=ag-]:focus {
3282
3751
  padding-left: var(--ag-grid-size);
3283
3752
  padding-right: var(--ag-grid-size);
3284
3753
  }
3754
+
3285
3755
  .ag-color-picker .ag-picker-field-display {
3286
3756
  display: flex;
3287
3757
  flex-direction: row;
@@ -3293,6 +3763,7 @@ button[class^=ag-]:focus {
3293
3763
  .ag-ltr .ag-color-picker-value {
3294
3764
  margin-right: var(--ag-grid-size);
3295
3765
  }
3766
+
3296
3767
  .ag-rtl .ag-color-picker-color,
3297
3768
  .ag-rtl .ag-color-picker-value {
3298
3769
  margin-left: var(--ag-grid-size);
@@ -3358,9 +3829,11 @@ button[class^=ag-]:focus {
3358
3829
  .ag-recent-color {
3359
3830
  margin: 0 3px;
3360
3831
  }
3832
+
3361
3833
  .ag-recent-color:first-child {
3362
3834
  margin-left: 0;
3363
3835
  }
3836
+
3364
3837
  .ag-recent-color:last-child {
3365
3838
  margin-right: 0;
3366
3839
  }
@@ -3374,15 +3847,19 @@ button[class^=ag-]:focus {
3374
3847
  .ag-ltr .ag-color-input input[class^=ag-][type=text].ag-input-field-input {
3375
3848
  padding-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
3376
3849
  }
3850
+
3377
3851
  .ag-rtl .ag-color-input input[class^=ag-][type=text].ag-input-field-input {
3378
3852
  padding-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
3379
3853
  }
3854
+
3380
3855
  .ag-color-input .ag-color-input-color {
3381
3856
  position: absolute;
3382
3857
  }
3858
+
3383
3859
  .ag-ltr .ag-color-input .ag-color-input-color {
3384
3860
  margin-left: var(--ag-grid-size);
3385
3861
  }
3862
+
3386
3863
  .ag-rtl .ag-color-input .ag-color-input-color {
3387
3864
  margin-right: var(--ag-grid-size);
3388
3865
  }
@@ -3412,6 +3889,10 @@ button[class^=ag-]:focus {
3412
3889
  transform: translateY(calc(var(--ag-grid-size) * 2));
3413
3890
  }
3414
3891
 
3892
+ .ag-dnd-ghost-not-allowed {
3893
+ border-color: color-mix(in srgb, var(--ag-background-color), var(--ag-invalid-color) 50%);
3894
+ }
3895
+
3415
3896
  .ag-dnd-ghost-icon {
3416
3897
  margin-right: var(--ag-grid-size);
3417
3898
  color: var(--ag-foreground-color);
@@ -3425,33 +3906,42 @@ button[class^=ag-]:focus {
3425
3906
  min-height: var(--ag-list-item-height);
3426
3907
  cursor: default;
3427
3908
  }
3909
+
3428
3910
  .ag-ltr .ag-select .ag-picker-field-wrapper {
3429
3911
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
3430
3912
  }
3913
+
3431
3914
  .ag-rtl .ag-select .ag-picker-field-wrapper {
3432
3915
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
3433
3916
  }
3917
+
3434
3918
  .ag-ltr .ag-select .ag-picker-field-wrapper {
3435
3919
  padding-right: var(--ag-grid-size);
3436
3920
  }
3921
+
3437
3922
  .ag-rtl .ag-select .ag-picker-field-wrapper {
3438
3923
  padding-left: var(--ag-grid-size);
3439
3924
  }
3925
+
3440
3926
  .ag-select.ag-disabled .ag-picker-field-wrapper:focus {
3441
3927
  box-shadow: none;
3442
3928
  }
3929
+
3443
3930
  .ag-select:not(.ag-cell-editor, .ag-label-align-top) {
3444
3931
  min-height: var(--ag-list-item-height);
3445
3932
  }
3933
+
3446
3934
  .ag-select .ag-picker-field-display {
3447
3935
  white-space: nowrap;
3448
3936
  overflow: hidden;
3449
3937
  text-overflow: ellipsis;
3450
3938
  }
3939
+
3451
3940
  .ag-select .ag-picker-field-icon {
3452
3941
  display: flex;
3453
3942
  align-items: center;
3454
3943
  }
3944
+
3455
3945
  .ag-select.ag-disabled {
3456
3946
  opacity: 0.5;
3457
3947
  }
@@ -3467,7 +3957,8 @@ button[class^=ag-]:focus {
3467
3957
  border-radius: var(--ag-border-radius);
3468
3958
  border: var(--ag-borders) var(--ag-border-color);
3469
3959
  }
3470
- .ag-rich-select-list .ag-loading-text {
3960
+
3961
+ .ag-rich-select-list .ag-rich-select-loading {
3471
3962
  padding: var(--ag-widget-vertical-spacing) var(--ag-widget-horizontal-spacing);
3472
3963
  }
3473
3964
 
@@ -3476,15 +3967,19 @@ button[class^=ag-]:focus {
3476
3967
  padding-top: 0;
3477
3968
  padding-bottom: 0;
3478
3969
  }
3970
+
3479
3971
  .ag-ltr .ag-rich-select-value {
3480
3972
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
3481
3973
  }
3974
+
3482
3975
  .ag-rtl .ag-rich-select-value {
3483
3976
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
3484
3977
  }
3978
+
3485
3979
  .ag-ltr .ag-rich-select-value {
3486
3980
  padding-right: var(--ag-grid-size);
3487
3981
  }
3982
+
3488
3983
  .ag-rtl .ag-rich-select-value {
3489
3984
  padding-left: var(--ag-grid-size);
3490
3985
  }
@@ -3492,6 +3987,7 @@ button[class^=ag-]:focus {
3492
3987
  .ag-ltr .ag-rich-select-field-input {
3493
3988
  left: calc(var(--ag-cell-horizontal-padding));
3494
3989
  }
3990
+
3495
3991
  .ag-rtl .ag-rich-select-field-input {
3496
3992
  right: calc(var(--ag-cell-horizontal-padding));
3497
3993
  }
@@ -3505,6 +4001,7 @@ button[class^=ag-]:focus {
3505
4001
  cursor: default;
3506
4002
  height: var(--ag-list-item-height);
3507
4003
  }
4004
+
3508
4005
  .ag-rich-select-virtual-list-item:focus-visible::after {
3509
4006
  content: none;
3510
4007
  }
@@ -3512,6 +4009,7 @@ button[class^=ag-]:focus {
3512
4009
  .ag-ltr .ag-rich-select-row {
3513
4010
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
3514
4011
  }
4012
+
3515
4013
  .ag-rtl .ag-rich-select-row {
3516
4014
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
3517
4015
  }
@@ -3543,9 +4041,11 @@ button[class^=ag-]:focus {
3543
4041
  cursor: default;
3544
4042
  height: var(--ag-list-item-height);
3545
4043
  }
4044
+
3546
4045
  .ag-autocomplete-virtual-list-item:focus-visible::after {
3547
4046
  content: none;
3548
4047
  }
4048
+
3549
4049
  .ag-autocomplete-virtual-list-item:hover {
3550
4050
  background-color: var(--ag-row-hover-color);
3551
4051
  }
@@ -3567,6 +4067,7 @@ button[class^=ag-]:focus {
3567
4067
  .ag-ltr .ag-pill .ag-pill-button {
3568
4068
  margin-left: var(--ag-grid-size);
3569
4069
  }
4070
+
3570
4071
  .ag-rtl .ag-pill .ag-pill-button {
3571
4072
  margin-right: var(--ag-grid-size);
3572
4073
  }
@@ -3606,6 +4107,7 @@ button[class^=ag-]:focus {
3606
4107
  .ag-ltr .ag-panel-title-bar-button {
3607
4108
  margin-left: var(--ag-grid-size);
3608
4109
  }
4110
+
3609
4111
  .ag-rtl .ag-panel-title-bar-button {
3610
4112
  margin-right: var(--ag-grid-size);
3611
4113
  }
@@ -3619,10 +4121,19 @@ button[class^=ag-]:focus {
3619
4121
  white-space: normal;
3620
4122
  }
3621
4123
 
4124
+ .ag-tooltip.ag-cell-editor-tooltip,
4125
+ .ag-tooltip.ag-cell-formula-tooltip {
4126
+ background-color: var(--ag-tooltip-error-background-color);
4127
+ color: var(--ag-tooltip-error-text-color);
4128
+ border: var(--ag-borders) var(--ag-tooltip-error-border-color);
4129
+ font-weight: 500;
4130
+ }
4131
+
3622
4132
  .ag-tooltip.ag-tooltip-animate,
3623
4133
  .ag-tooltip-custom.ag-tooltip-animate {
3624
4134
  transition: opacity 1s;
3625
4135
  }
4136
+
3626
4137
  .ag-tooltip.ag-tooltip-animate.ag-tooltip-hiding,
3627
4138
  .ag-tooltip-custom.ag-tooltip-animate.ag-tooltip-hiding {
3628
4139
  opacity: 0;
@@ -3632,6 +4143,7 @@ button[class^=ag-]:focus {
3632
4143
  .ag-ltr .ag-column-select-column-group {
3633
4144
  padding-left: calc(var(--ag-indentation-level) * var(--ag-column-select-indent-size));
3634
4145
  }
4146
+
3635
4147
  .ag-rtl .ag-column-select-column,
3636
4148
  .ag-rtl .ag-column-select-column-group {
3637
4149
  padding-right: calc(var(--ag-indentation-level) * var(--ag-column-select-indent-size));
@@ -3644,6 +4156,7 @@ button[class^=ag-]:focus {
3644
4156
  .ag-column-select-header-icon:focus-visible {
3645
4157
  outline: none;
3646
4158
  }
4159
+
3647
4160
  .ag-column-select-header-icon:focus-visible::after {
3648
4161
  content: "";
3649
4162
  position: absolute;
@@ -3668,6 +4181,7 @@ button[class^=ag-]:focus {
3668
4181
  .ag-ltr .ag-column-select-column-label:not(:last-child) {
3669
4182
  margin-right: var(--ag-widget-horizontal-spacing);
3670
4183
  }
4184
+
3671
4185
  .ag-rtl .ag-column-group-icons:not(:last-child),
3672
4186
  .ag-rtl .ag-column-select-header-icon:not(:last-child),
3673
4187
  .ag-rtl .ag-column-select-header-checkbox:not(:last-child),
@@ -3682,6 +4196,7 @@ button[class^=ag-]:focus {
3682
4196
  .ag-column-select-virtual-list-item:focus-visible {
3683
4197
  outline: none;
3684
4198
  }
4199
+
3685
4200
  .ag-column-select-virtual-list-item:focus-visible::after {
3686
4201
  content: "";
3687
4202
  position: absolute;
@@ -3710,6 +4225,7 @@ button[class^=ag-]:focus {
3710
4225
  .ag-ltr .ag-column-select-add-group-indent {
3711
4226
  margin-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
3712
4227
  }
4228
+
3713
4229
  .ag-rtl .ag-column-select-add-group-indent {
3714
4230
  margin-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
3715
4231
  }
@@ -3731,16 +4247,20 @@ button[class^=ag-]:focus {
3731
4247
  border-bottom: 0;
3732
4248
  min-height: unset;
3733
4249
  }
4250
+
3734
4251
  .ag-pill-select .ag-column-drop-list {
3735
4252
  padding: 0;
3736
4253
  }
4254
+
3737
4255
  .ag-pill-select .ag-select {
3738
4256
  padding-top: var(--ag-grid-size);
3739
4257
  }
4258
+
3740
4259
  .ag-pill-select .ag-picker-field-wrapper {
3741
4260
  background-color: transparent;
3742
4261
  border: 0;
3743
4262
  }
4263
+
3744
4264
  .ag-pill-select .ag-picker-field-display {
3745
4265
  cursor: pointer;
3746
4266
  }
@@ -3754,7 +4274,7 @@ button[class^=ag-]:focus {
3754
4274
  border: var(--ag-borders) var(--ag-border-color);
3755
4275
  }
3756
4276
 
3757
- .ag-row > .ag-cell-wrapper.ag-row-group {
4277
+ .ag-row>.ag-cell-wrapper.ag-row-group {
3758
4278
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * var(--ag-indentation-level));
3759
4279
  }
3760
4280
 
@@ -3764,9 +4284,15 @@ button[class^=ag-]:focus {
3764
4284
  padding-left: calc(var(--ag-indentation-level) * var(--ag-row-group-indent-size));
3765
4285
  }
3766
4286
 
4287
+ .ag-cell-wrapper>.ag-group-checkbox-spacing {
4288
+ width: var(--ag-icon-size);
4289
+ margin-right: var(--ag-cell-widget-spacing);
4290
+ }
4291
+
3767
4292
  .ag-ltr .ag-row-group-leaf-indent {
3768
4293
  margin-left: var(--ag-row-group-indent-size);
3769
4294
  }
4295
+
3770
4296
  .ag-rtl .ag-row-group-leaf-indent {
3771
4297
  margin-right: var(--ag-row-group-indent-size);
3772
4298
  }
@@ -3812,29 +4338,72 @@ button[class^=ag-]:focus {
3812
4338
  background-color: var(--ag-range-selection-highlight-color) !important;
3813
4339
  }
3814
4340
 
4341
+ .ag-row,
4342
+ .ag-spanned-row {
4343
+ color: var(--ag-data-color);
4344
+ }
4345
+
3815
4346
  .ag-row {
3816
4347
  height: var(--ag-row-height);
3817
- background-color: var(--ag-background-color);
3818
- color: var(--ag-data-color);
4348
+ background-color: var(--ag-data-background-color);
3819
4349
  border-bottom: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width);
3820
4350
  }
3821
4351
 
4352
+ .ag-row.ag-row-editing-invalid {
4353
+ background-color: var(--ag-full-row-invalid-background-color);
4354
+ }
4355
+
4356
+ .ag-spanned-cell-wrapper {
4357
+ background-color: var(--ag-data-background-color);
4358
+ position: absolute;
4359
+ }
4360
+
4361
+ .ag-spanned-cell-wrapper>.ag-spanned-cell {
4362
+ display: block;
4363
+ position: relative;
4364
+ }
4365
+
3822
4366
  .ag-row-highlight-above::after,
4367
+ .ag-row-highlight-inside::after,
3823
4368
  .ag-row-highlight-below::after {
3824
4369
  content: "";
3825
4370
  position: absolute;
3826
4371
  width: calc(100% - 1px);
3827
- height: 1px;
3828
- background-color: var(--ag-range-selection-border-color);
4372
+ height: var(--ag-row-drag-indicator-width);
4373
+ background-color: var(--ag-row-drag-indicator-color);
4374
+ border-radius: calc(var(--ag-row-drag-indicator-width) / 2);
3829
4375
  left: 1px;
4376
+ pointer-events: none;
3830
4377
  }
3831
4378
 
3832
4379
  .ag-row-highlight-above::after {
3833
- top: 0px;
4380
+ top: 0;
3834
4381
  }
3835
4382
 
3836
4383
  .ag-row-highlight-below::after {
3837
- bottom: 0px;
4384
+ bottom: 0;
4385
+ }
4386
+
4387
+ .ag-row-highlight-indent::after {
4388
+ display: block;
4389
+ width: auto;
4390
+ left: calc(2 * (var(--ag-cell-widget-spacing) + var(--ag-icon-size)) + var(--ag-cell-horizontal-padding) + var(--ag-row-highlight-level) * var(--ag-row-group-indent-size));
4391
+ right: 1px;
4392
+ }
4393
+
4394
+ .ag-row-highlight-inside::after {
4395
+ display: block;
4396
+ width: auto;
4397
+ height: auto;
4398
+ inset: 0;
4399
+ background-color: var(--ag-selected-row-background-color);
4400
+ border: 1px solid var(--ag-range-selection-border-color);
4401
+ }
4402
+
4403
+ .ag-body,
4404
+ .ag-floating-top,
4405
+ .ag-floating-bottom {
4406
+ background-color: var(--ag-data-background-color);
3838
4407
  }
3839
4408
 
3840
4409
  .ag-row-odd {
@@ -3844,6 +4413,7 @@ button[class^=ag-]:focus {
3844
4413
  .ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-left-spacer:not(.ag-scroller-corner) {
3845
4414
  border-right: var(--ag-borders-critical) var(--ag-border-color);
3846
4415
  }
4416
+
3847
4417
  .ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-right-spacer:not(.ag-scroller-corner) {
3848
4418
  border-left: var(--ag-borders-critical) var(--ag-border-color);
3849
4419
  }
@@ -3872,7 +4442,7 @@ button[class^=ag-]:focus {
3872
4442
  pointer-events: none;
3873
4443
  }
3874
4444
 
3875
- .ag-row-hover.ag-full-width-row.ag-row-group > * {
4445
+ .ag-row.ag-full-width-row.ag-row-group>* {
3876
4446
  position: relative;
3877
4447
  }
3878
4448
 
@@ -3885,9 +4455,14 @@ button[class^=ag-]:focus {
3885
4455
  background-color: var(--ag-column-hover-color);
3886
4456
  }
3887
4457
 
4458
+ .ag-header-range-highlight {
4459
+ background-color: var(--ag-range-header-highlight-color);
4460
+ }
4461
+
3888
4462
  .ag-ltr .ag-right-aligned-cell {
3889
4463
  text-align: right;
3890
4464
  }
4465
+
3891
4466
  .ag-rtl .ag-right-aligned-cell {
3892
4467
  text-align: left;
3893
4468
  }
@@ -3896,6 +4471,7 @@ button[class^=ag-]:focus {
3896
4471
  .ag-ltr .ag-right-aligned-cell .ag-group-value {
3897
4472
  margin-left: auto;
3898
4473
  }
4474
+
3899
4475
  .ag-rtl .ag-right-aligned-cell .ag-cell-value,
3900
4476
  .ag-rtl .ag-right-aligned-cell .ag-group-value {
3901
4477
  margin-right: auto;
@@ -3904,17 +4480,16 @@ button[class^=ag-]:focus {
3904
4480
  .ag-ltr .ag-right-aligned-cell .ag-skeleton-effect {
3905
4481
  margin-left: auto;
3906
4482
  }
4483
+
3907
4484
  .ag-rtl .ag-right-aligned-cell .ag-skeleton-effect {
3908
4485
  margin-right: auto;
3909
4486
  }
3910
4487
 
3911
4488
  .ag-cell,
3912
4489
  .ag-full-width-row .ag-cell-wrapper.ag-row-group {
3913
- --ag-internal-calculated-line-height: var(
3914
- --ag-line-height,
3915
- calc(var(--ag-row-height) - var(--ag-row-border-width))
3916
- );
3917
- --ag-internal-padded-row-height: calc(var(--ag-row-height) - var(--ag-row-border-width));
4490
+ --ag-internal-calculated-line-height: var(--ag-line-height,
4491
+ calc(var(--ag-row-height) - var(--ag-row-border-width)));
4492
+ --ag-internal-padded-row-height: calc(var(--ag-row-height) - var(--ag-row-border-width) - 2px);
3918
4493
  border: 1px solid transparent;
3919
4494
  line-height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height));
3920
4495
  padding-left: calc(var(--ag-cell-horizontal-padding) - 1px + var(--ag-row-group-indent-size) * var(--ag-indentation-level));
@@ -3922,7 +4497,7 @@ button[class^=ag-]:focus {
3922
4497
  -webkit-font-smoothing: subpixel-antialiased;
3923
4498
  }
3924
4499
 
3925
- .ag-row > .ag-cell-wrapper {
4500
+ .ag-row>.ag-cell-wrapper {
3926
4501
  padding-left: calc(var(--ag-cell-horizontal-padding) - 1px);
3927
4502
  padding-right: calc(var(--ag-cell-horizontal-padding) - 1px);
3928
4503
  }
@@ -3962,7 +4537,7 @@ button[class^=ag-]:focus {
3962
4537
 
3963
4538
  .ag-details-row {
3964
4539
  padding: calc(var(--ag-grid-size) * 5);
3965
- background-color: var(--ag-background-color);
4540
+ background-color: var(--ag-data-background-color);
3966
4541
  }
3967
4542
 
3968
4543
  .ag-layout-auto-height .ag-center-cols-viewport,
@@ -3972,16 +4547,20 @@ button[class^=ag-]:focus {
3972
4547
  min-height: 50px;
3973
4548
  }
3974
4549
 
3975
- .ag-overlay-loading-wrapper {
4550
+ .ag-overlay-loading-wrapper,
4551
+ .ag-overlay-exporting-wrapper,
4552
+ .ag-overlay-modal-wrapper {
3976
4553
  background-color: var(--ag-modal-overlay-background-color);
3977
4554
  }
3978
4555
 
3979
- .ag-overlay-loading-center {
4556
+ .ag-overlay-loading-center,
4557
+ .ag-overlay-exporting-center {
3980
4558
  border: var(--ag-borders) var(--ag-border-color);
3981
4559
  background: var(--ag-background-color);
3982
4560
  border-radius: var(--ag-card-radius);
3983
4561
  box-shadow: var(--ag-card-shadow);
3984
4562
  padding: var(--ag-grid-size);
4563
+ display: flex;
3985
4564
  }
3986
4565
 
3987
4566
  .ag-skeleton-container {
@@ -4002,21 +4581,26 @@ button[class^=ag-]:focus {
4002
4581
  0% {
4003
4582
  opacity: 1;
4004
4583
  }
4584
+
4005
4585
  50% {
4006
4586
  opacity: 0.4;
4007
4587
  }
4588
+
4008
4589
  100% {
4009
4590
  opacity: 1;
4010
4591
  }
4011
4592
  }
4593
+
4012
4594
  .ag-loading {
4013
4595
  display: flex;
4014
4596
  height: 100%;
4015
4597
  align-items: center;
4016
4598
  }
4599
+
4017
4600
  .ag-ltr .ag-loading {
4018
4601
  padding-left: var(--ag-cell-horizontal-padding);
4019
4602
  }
4603
+
4020
4604
  .ag-rtl .ag-loading {
4021
4605
  padding-right: var(--ag-cell-horizontal-padding);
4022
4606
  }
@@ -4024,6 +4608,7 @@ button[class^=ag-]:focus {
4024
4608
  .ag-ltr .ag-loading-icon {
4025
4609
  padding-right: var(--ag-cell-widget-spacing);
4026
4610
  }
4611
+
4027
4612
  .ag-rtl .ag-loading-icon {
4028
4613
  padding-left: var(--ag-cell-widget-spacing);
4029
4614
  }
@@ -4039,27 +4624,48 @@ button[class^=ag-]:focus {
4039
4624
  from {
4040
4625
  transform: rotate(0deg);
4041
4626
  }
4627
+
4042
4628
  to {
4043
4629
  transform: rotate(360deg);
4044
4630
  }
4045
4631
  }
4046
- .ag-floating-top {
4632
+
4633
+ .ag-floating-top:not(.ag-invisible) {
4047
4634
  border-bottom: var(--ag-borders-critical) var(--ag-border-color);
4048
4635
  }
4049
4636
 
4050
- .ag-floating-bottom {
4637
+ .ag-floating-bottom:not(.ag-invisible) {
4051
4638
  border-top: var(--ag-borders-critical) var(--ag-border-color);
4052
4639
  }
4053
4640
 
4641
+ .ag-find-cell {
4642
+ display: block;
4643
+ overflow: hidden;
4644
+ text-overflow: ellipsis;
4645
+ }
4646
+
4647
+ .ag-find-match {
4648
+ color: var(--ag-find-match-color);
4649
+ background-color: var(--ag-find-match-background-color);
4650
+ }
4651
+
4652
+ .ag-find-active-match {
4653
+ color: var(--ag-find-active-match-color);
4654
+ background-color: var(--ag-find-active-match-background-color);
4655
+ }
4656
+
4054
4657
  .ag-ltr .ag-cell {
4055
4658
  border-right: var(--ag-cell-horizontal-border);
4056
4659
  }
4660
+
4057
4661
  .ag-rtl .ag-cell {
4058
4662
  border-left: var(--ag-cell-horizontal-border);
4059
4663
  }
4664
+
4060
4665
  .ag-ltr .ag-cell {
4061
4666
  border-right-width: 1px;
4062
4667
  }
4668
+
4063
4669
  .ag-rtl .ag-cell {
4064
4670
  border-left-width: 1px;
4065
4671
  }
@@ -4073,34 +4679,43 @@ button[class^=ag-]:focus {
4073
4679
  }
4074
4680
 
4075
4681
  .ag-cell-range-selected:not(.ag-cell-focus),
4682
+ .ag-cell-range-selected.ag-cell-range-chart,
4076
4683
  .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing) {
4077
4684
  background-color: var(--ag-range-selection-background-color);
4078
4685
  }
4686
+
4079
4687
  .ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart,
4688
+ .ag-cell-range-selected.ag-cell-range-chart.ag-cell-range-chart,
4080
4689
  .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart {
4081
4690
  background-color: var(--ag-range-selection-chart-background-color) !important;
4082
4691
  }
4692
+
4083
4693
  .ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart.ag-cell-range-chart-category,
4694
+ .ag-cell-range-selected.ag-cell-range-chart.ag-cell-range-chart.ag-cell-range-chart-category,
4084
4695
  .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart.ag-cell-range-chart-category {
4085
4696
  background-color: var(--ag-range-selection-chart-category-background-color) !important;
4086
4697
  }
4087
4698
 
4088
4699
  .ag-cell-range-selected-1:not(.ag-cell-focus),
4700
+ .ag-cell-range-selected-1.ag-cell-range-chart,
4089
4701
  .ag-root:not(.ag-context-menu-open) .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-1:not(.ag-cell-inline-editing) {
4090
4702
  background-color: var(--ag-range-selection-background-color);
4091
4703
  }
4092
4704
 
4093
4705
  .ag-cell-range-selected-2:not(.ag-cell-focus),
4706
+ .ag-cell-range-selected-2.ag-cell-range-chart,
4094
4707
  .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-2 {
4095
4708
  background-color: var(--ag-range-selection-background-color-2);
4096
4709
  }
4097
4710
 
4098
4711
  .ag-cell-range-selected-3:not(.ag-cell-focus),
4712
+ .ag-cell-range-selected-3.ag-cell-range-chart,
4099
4713
  .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-3 {
4100
4714
  background-color: var(--ag-range-selection-background-color-3);
4101
4715
  }
4102
4716
 
4103
4717
  .ag-cell-range-selected-4:not(.ag-cell-focus),
4718
+ .ag-cell-range-selected-4.ag-cell-range-chart,
4104
4719
  .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-4 {
4105
4720
  background-color: var(--ag-range-selection-background-color-4);
4106
4721
  }
@@ -4109,14 +4724,17 @@ button[class^=ag-]:focus {
4109
4724
  border-top-color: var(--ag-range-selection-border-color);
4110
4725
  border-top-style: var(--ag-range-selection-border-style);
4111
4726
  }
4727
+
4112
4728
  .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right {
4113
4729
  border-right-color: var(--ag-range-selection-border-color);
4114
4730
  border-right-style: var(--ag-range-selection-border-style);
4115
4731
  }
4732
+
4116
4733
  .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom {
4117
4734
  border-bottom-color: var(--ag-range-selection-border-color);
4118
4735
  border-bottom-style: var(--ag-range-selection-border-style);
4119
4736
  }
4737
+
4120
4738
  .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left {
4121
4739
  border-left-color: var(--ag-range-selection-border-color);
4122
4740
  border-left-style: var(--ag-range-selection-border-style);
@@ -4148,6 +4766,7 @@ button[class^=ag-]:focus {
4148
4766
  .ag-ltr .ag-cell.ag-selection-fill-right.ag-cell-range-selected {
4149
4767
  border-right: 1px dashed var(--ag-range-selection-border-color) !important;
4150
4768
  }
4769
+
4151
4770
  .ag-rtl .ag-cell.ag-selection-fill-right,
4152
4771
  .ag-rtl .ag-cell.ag-selection-fill-right.ag-cell-range-selected {
4153
4772
  border-left: 1px dashed var(--ag-range-selection-border-color) !important;
@@ -4163,6 +4782,7 @@ button[class^=ag-]:focus {
4163
4782
  .ag-ltr .ag-cell.ag-selection-fill-left.ag-cell-range-selected {
4164
4783
  border-left: 1px dashed var(--ag-range-selection-border-color) !important;
4165
4784
  }
4785
+
4166
4786
  .ag-rtl .ag-cell.ag-selection-fill-left,
4167
4787
  .ag-rtl .ag-cell.ag-selection-fill-left.ag-cell-range-selected {
4168
4788
  border-right: 1px dashed var(--ag-range-selection-border-color) !important;
@@ -4176,17 +4796,19 @@ button[class^=ag-]:focus {
4176
4796
  bottom: -1px;
4177
4797
  background-color: var(--ag-range-selection-border-color);
4178
4798
  }
4799
+
4179
4800
  .ag-ltr .ag-fill-handle,
4180
4801
  .ag-ltr .ag-range-handle {
4181
4802
  right: -1px;
4182
4803
  }
4804
+
4183
4805
  .ag-rtl .ag-fill-handle,
4184
4806
  .ag-rtl .ag-range-handle {
4185
4807
  left: -1px;
4186
4808
  }
4187
4809
 
4188
4810
  .ag-fill-handle {
4189
- cursor: cell;
4811
+ cursor: crosshair;
4190
4812
  }
4191
4813
 
4192
4814
  .ag-range-handle {
@@ -4197,6 +4819,10 @@ button[class^=ag-]:focus {
4197
4819
  border-color: var(--ag-input-focus-border-color) !important;
4198
4820
  }
4199
4821
 
4822
+ .ag-cell-inline-editing.ag-cell-editing-error {
4823
+ border-color: var(--ag-invalid-color) !important;
4824
+ }
4825
+
4200
4826
  .ag-menu {
4201
4827
  border: var(--ag-borders) var(--ag-border-color);
4202
4828
  background: var(--ag-background-color);
@@ -4227,6 +4853,28 @@ button[class^=ag-]:focus {
4227
4853
  border-top: var(--ag-borders-critical) var(--ag-border-color);
4228
4854
  }
4229
4855
 
4856
+ .ag-menu-option {
4857
+ position: relative;
4858
+ }
4859
+
4860
+ .ag-menu-option:focus-visible {
4861
+ outline: none;
4862
+ }
4863
+
4864
+ .ag-menu-option:focus-visible::after {
4865
+ content: "";
4866
+ position: absolute;
4867
+ background-color: transparent;
4868
+ pointer-events: none;
4869
+ top: 1px;
4870
+ left: 1px;
4871
+ display: block;
4872
+ width: calc(100% - 2px);
4873
+ height: calc(100% - 2px);
4874
+ border: 1px solid;
4875
+ border-color: var(--ag-input-focus-border-color);
4876
+ }
4877
+
4230
4878
  .ag-menu-option-active,
4231
4879
  .ag-compact-menu-option-active {
4232
4880
  background-color: var(--ag-row-hover-color);
@@ -4247,10 +4895,12 @@ button[class^=ag-]:focus {
4247
4895
  .ag-compact-menu-option-icon {
4248
4896
  width: var(--ag-icon-size);
4249
4897
  }
4898
+
4250
4899
  .ag-ltr .ag-menu-option-icon,
4251
4900
  .ag-ltr .ag-compact-menu-option-icon {
4252
4901
  padding-left: calc(var(--ag-grid-size) * 2);
4253
4902
  }
4903
+
4254
4904
  .ag-rtl .ag-menu-option-icon,
4255
4905
  .ag-rtl .ag-compact-menu-option-icon {
4256
4906
  padding-right: calc(var(--ag-grid-size) * 2);
@@ -4266,6 +4916,7 @@ button[class^=ag-]:focus {
4266
4916
  .ag-ltr .ag-compact-menu-option-shortcut {
4267
4917
  padding-right: var(--ag-grid-size);
4268
4918
  }
4919
+
4269
4920
  .ag-rtl .ag-menu-option-shortcut,
4270
4921
  .ag-rtl .ag-compact-menu-option-shortcut {
4271
4922
  padding-left: var(--ag-grid-size);
@@ -4275,6 +4926,7 @@ button[class^=ag-]:focus {
4275
4926
  .ag-ltr .ag-compact-menu-option-popup-pointer {
4276
4927
  padding-right: var(--ag-grid-size);
4277
4928
  }
4929
+
4278
4930
  .ag-rtl .ag-menu-option-popup-pointer,
4279
4931
  .ag-rtl .ag-compact-menu-option-popup-pointer {
4280
4932
  padding-left: var(--ag-grid-size);
@@ -4287,6 +4939,7 @@ button[class^=ag-]:focus {
4287
4939
  .ag-tabs-header-wrapper {
4288
4940
  display: flex;
4289
4941
  }
4942
+
4290
4943
  .ag-tabs-header-wrapper .ag-tabs-header {
4291
4944
  flex: 1;
4292
4945
  }
@@ -4317,6 +4970,7 @@ button[class^=ag-]:focus {
4317
4970
  .ag-tab:focus-visible {
4318
4971
  outline: none;
4319
4972
  }
4973
+
4320
4974
  .ag-tab:focus-visible::after {
4321
4975
  content: "";
4322
4976
  position: absolute;
@@ -4354,6 +5008,7 @@ button[class^=ag-]:focus {
4354
5008
  .ag-ltr .ag-filter-condition-operator-or {
4355
5009
  margin-left: calc(var(--ag-grid-size) * 2);
4356
5010
  }
5011
+
4357
5012
  .ag-rtl .ag-filter-condition-operator-or {
4358
5013
  margin-right: calc(var(--ag-grid-size) * 2);
4359
5014
  }
@@ -4392,6 +5047,7 @@ button[class^=ag-]:focus {
4392
5047
  .ag-ltr .ag-set-filter-item {
4393
5048
  padding-left: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) * var(--ag-set-filter-indent-size));
4394
5049
  }
5050
+
4395
5051
  .ag-rtl .ag-set-filter-item {
4396
5052
  padding-right: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) * var(--ag-set-filter-indent-size));
4397
5053
  }
@@ -4399,6 +5055,7 @@ button[class^=ag-]:focus {
4399
5055
  .ag-ltr .ag-set-filter-add-group-indent {
4400
5056
  margin-left: calc(var(--ag-icon-size) + var(--ag-widget-container-horizontal-padding));
4401
5057
  }
5058
+
4402
5059
  .ag-rtl .ag-set-filter-add-group-indent {
4403
5060
  margin-right: calc(var(--ag-icon-size) + var(--ag-widget-container-horizontal-padding));
4404
5061
  }
@@ -4406,6 +5063,7 @@ button[class^=ag-]:focus {
4406
5063
  .ag-ltr .ag-set-filter-group-icons {
4407
5064
  margin-right: var(--ag-widget-container-horizontal-padding);
4408
5065
  }
5066
+
4409
5067
  .ag-rtl .ag-set-filter-group-icons {
4410
5068
  margin-left: var(--ag-widget-container-horizontal-padding);
4411
5069
  }
@@ -4417,6 +5075,7 @@ button[class^=ag-]:focus {
4417
5075
  .ag-filter-virtual-list-item:focus-visible {
4418
5076
  outline: none;
4419
5077
  }
5078
+
4420
5079
  .ag-filter-virtual-list-item:focus-visible::after {
4421
5080
  content: "";
4422
5081
  position: absolute;
@@ -4439,9 +5098,11 @@ button[class^=ag-]:focus {
4439
5098
  .ag-filter-apply-panel-button {
4440
5099
  line-height: 1.5;
4441
5100
  }
5101
+
4442
5102
  .ag-ltr .ag-filter-apply-panel-button {
4443
5103
  margin-left: calc(var(--ag-grid-size) * 2);
4444
5104
  }
5105
+
4445
5106
  .ag-rtl .ag-filter-apply-panel-button {
4446
5107
  margin-right: calc(var(--ag-grid-size) * 2);
4447
5108
  }
@@ -4452,15 +5113,17 @@ button[class^=ag-]:focus {
4452
5113
  overflow-y: auto;
4453
5114
  min-height: calc(var(--ag-list-item-height) + var(--ag-widget-container-vertical-padding) + var(--ag-widget-vertical-spacing));
4454
5115
  }
4455
- .ag-simple-filter-body-wrapper > * {
5116
+
5117
+ .ag-simple-filter-body-wrapper>* {
4456
5118
  margin-bottom: var(--ag-widget-vertical-spacing);
4457
5119
  }
5120
+
4458
5121
  .ag-simple-filter-body-wrapper .ag-resizer-wrapper {
4459
5122
  margin: 0;
4460
5123
  }
4461
5124
 
4462
5125
  .ag-menu:not(.ag-tabs) .ag-filter .ag-filter-body-wrapper,
4463
- .ag-menu:not(.ag-tabs) .ag-filter > *:not(.ag-filter-wrapper) {
5126
+ .ag-menu:not(.ag-tabs) .ag-filter>*:not(.ag-filter-wrapper) {
4464
5127
  min-width: calc(var(--ag-menu-min-width) - 2px);
4465
5128
  }
4466
5129
 
@@ -4481,13 +5144,15 @@ button[class^=ag-]:focus {
4481
5144
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
4482
5145
  padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
4483
5146
  }
4484
- .ag-group-filter-field-select-wrapper > * {
5147
+
5148
+ .ag-group-filter-field-select-wrapper>* {
4485
5149
  margin-bottom: var(--ag-widget-vertical-spacing);
4486
5150
  }
4487
5151
 
4488
5152
  .ag-multi-filter-group-title-bar:focus-visible {
4489
5153
  outline: none;
4490
5154
  }
5155
+
4491
5156
  .ag-multi-filter-group-title-bar:focus-visible::after {
4492
5157
  content: "";
4493
5158
  position: absolute;
@@ -4511,6 +5176,15 @@ button[class^=ag-]:focus {
4511
5176
  background-color: var(--ag-control-panel-background-color);
4512
5177
  }
4513
5178
 
5179
+ .ag-tool-panel-external {
5180
+ display: flex;
5181
+ flex-direction: row;
5182
+ }
5183
+
5184
+ :where(.ag-tool-panel-external) .ag-tool-panel-wrapper {
5185
+ flex-grow: 1;
5186
+ }
5187
+
4514
5188
  .ag-side-buttons {
4515
5189
  padding-top: calc(var(--ag-grid-size) * 4);
4516
5190
  width: calc(var(--ag-icon-size) + 4px);
@@ -4536,6 +5210,7 @@ button.ag-side-button-button {
4536
5210
  border-top: var(--ag-borders-side-button) var(--ag-border-color);
4537
5211
  border-bottom: var(--ag-borders-side-button) var(--ag-border-color);
4538
5212
  }
5213
+
4539
5214
  button.ag-side-button-button:focus {
4540
5215
  box-shadow: none;
4541
5216
  }
@@ -4543,6 +5218,7 @@ button.ag-side-button-button:focus {
4543
5218
  .ag-side-button-button:focus-visible {
4544
5219
  outline: none;
4545
5220
  }
5221
+
4546
5222
  .ag-side-button-button:focus-visible::after {
4547
5223
  content: "";
4548
5224
  position: absolute;
@@ -4569,15 +5245,18 @@ button.ag-side-button-button:focus {
4569
5245
  .ag-rtl .ag-side-bar-right {
4570
5246
  border-right: var(--ag-borders) var(--ag-border-color);
4571
5247
  }
5248
+
4572
5249
  .ag-ltr .ag-side-bar-left .ag-tool-panel-wrapper,
4573
5250
  .ag-rtl .ag-side-bar-right .ag-tool-panel-wrapper {
4574
5251
  border-left: var(--ag-borders) var(--ag-border-color);
4575
5252
  }
5253
+
4576
5254
  .ag-ltr .ag-side-bar-left .ag-side-button-button,
4577
5255
  .ag-rtl .ag-side-bar-right .ag-side-button-button {
4578
5256
  border-right: var(--ag-selected-tab-underline-width) solid transparent;
4579
5257
  transition: border-right var(--ag-selected-tab-underline-transition-speed);
4580
5258
  }
5259
+
4581
5260
  .ag-ltr .ag-side-bar-left .ag-selected .ag-side-button-button,
4582
5261
  .ag-rtl .ag-side-bar-right .ag-selected .ag-side-button-button {
4583
5262
  border-right-color: var(--ag-selected-tab-underline-color);
@@ -4587,15 +5266,18 @@ button.ag-side-button-button:focus {
4587
5266
  .ag-ltr .ag-side-bar-right {
4588
5267
  border-left: var(--ag-borders) var(--ag-border-color);
4589
5268
  }
5269
+
4590
5270
  .ag-rtl .ag-side-bar-left .ag-tool-panel-wrapper,
4591
5271
  .ag-ltr .ag-side-bar-right .ag-tool-panel-wrapper {
4592
5272
  border-right: var(--ag-borders) var(--ag-border-color);
4593
5273
  }
5274
+
4594
5275
  .ag-rtl .ag-side-bar-left .ag-side-button-button,
4595
5276
  .ag-ltr .ag-side-bar-right .ag-side-button-button {
4596
5277
  border-left: var(--ag-selected-tab-underline-width) solid transparent;
4597
5278
  transition: border-left var(--ag-selected-tab-underline-transition-speed);
4598
5279
  }
5280
+
4599
5281
  .ag-rtl .ag-side-bar-left .ag-selected .ag-side-button-button,
4600
5282
  .ag-ltr .ag-side-bar-right .ag-selected .ag-side-button-button {
4601
5283
  border-left-color: var(--ag-selected-tab-underline-color);
@@ -4613,6 +5295,7 @@ button.ag-side-button-button:focus {
4613
5295
  .ag-filter-toolpanel-header:focus-visible {
4614
5296
  outline: none;
4615
5297
  }
5298
+
4616
5299
  .ag-filter-toolpanel-header:focus-visible::after {
4617
5300
  content: "";
4618
5301
  position: absolute;
@@ -4627,7 +5310,7 @@ button.ag-side-button-button:focus {
4627
5310
  border-color: var(--ag-input-focus-border-color);
4628
5311
  }
4629
5312
 
4630
- .ag-filter-toolpanel-group:not(.ag-has-filter) > .ag-group-title-bar .ag-filter-toolpanel-group-instance-header-icon {
5313
+ .ag-filter-toolpanel-group:not(.ag-has-filter)>.ag-group-title-bar .ag-filter-toolpanel-group-instance-header-icon {
4631
5314
  display: none;
4632
5315
  }
4633
5316
 
@@ -4648,9 +5331,11 @@ button.ag-side-button-button:focus {
4648
5331
  flex-grow: 1;
4649
5332
  height: calc(var(--ag-grid-size) * 4);
4650
5333
  }
5334
+
4651
5335
  .ag-ltr .ag-filter-toolpanel-search-input {
4652
5336
  margin-right: var(--ag-grid-size);
4653
5337
  }
5338
+
4654
5339
  .ag-rtl .ag-filter-toolpanel-search-input {
4655
5340
  margin-left: var(--ag-grid-size);
4656
5341
  }
@@ -4663,6 +5348,7 @@ button.ag-side-button-button:focus {
4663
5348
  .ag-ltr .ag-filter-toolpanel-group-title-bar-icon {
4664
5349
  margin-right: var(--ag-grid-size);
4665
5350
  }
5351
+
4666
5352
  .ag-rtl .ag-filter-toolpanel-expand,
4667
5353
  .ag-rtl .ag-filter-toolpanel-group-title-bar-icon {
4668
5354
  margin-left: var(--ag-grid-size);
@@ -4675,6 +5361,7 @@ button.ag-side-button-button:focus {
4675
5361
  .ag-ltr .ag-filter-toolpanel-header {
4676
5362
  padding-left: calc(var(--ag-filter-tool-panel-group-indent) * var(--ag-indentation-level, 0) + var(--ag-grid-size));
4677
5363
  }
5364
+
4678
5365
  .ag-rtl .ag-filter-toolpanel-header {
4679
5366
  padding-right: calc(var(--ag-filter-tool-panel-group-indent) * var(--ag-indentation-level, 0) + var(--ag-grid-size));
4680
5367
  }
@@ -4689,6 +5376,7 @@ button.ag-side-button-button:focus {
4689
5376
  .ag-ltr .ag-filter-toolpanel-instance-header-icon {
4690
5377
  margin-left: var(--ag-grid-size);
4691
5378
  }
5379
+
4692
5380
  .ag-rtl .ag-filter-toolpanel-group-instance-header-icon,
4693
5381
  .ag-rtl .ag-filter-toolpanel-instance-header-icon {
4694
5382
  margin-right: var(--ag-grid-size);
@@ -4698,53 +5386,254 @@ button.ag-side-button-button:focus {
4698
5386
  color: var(--ag-secondary-foreground-color);
4699
5387
  }
4700
5388
 
4701
- .ag-pivot-mode-panel {
4702
- min-height: var(--ag-header-height);
4703
- height: var(--ag-header-height);
5389
+ .ag-filter-panel {
4704
5390
  display: flex;
5391
+ flex-direction: column;
5392
+ width: 100%;
4705
5393
  }
4706
5394
 
4707
- .ag-pivot-mode-select {
4708
- display: flex;
4709
- align-items: center;
5395
+ .ag-filter-panel .ag-simple-filter-body-wrapper {
5396
+ padding: var(--ag-widget-vertical-spacing) var(--ag-widget-container-horizontal-padding) 0;
4710
5397
  }
4711
- .ag-ltr .ag-pivot-mode-select {
5398
+
5399
+ .ag-filter-panel .ag-mini-filter {
5400
+ margin-top: var(--ag-widget-vertical-spacing);
4712
5401
  margin-left: var(--ag-widget-container-horizontal-padding);
4713
- }
4714
- .ag-rtl .ag-pivot-mode-select {
4715
5402
  margin-right: var(--ag-widget-container-horizontal-padding);
4716
5403
  }
4717
5404
 
4718
- .ag-column-select-header:focus-visible {
4719
- outline: none;
5405
+ .ag-filter-panel .ag-standard-button {
5406
+ transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
4720
5407
  }
4721
- .ag-column-select-header:focus-visible::after {
4722
- content: "";
4723
- position: absolute;
4724
- background-color: transparent;
4725
- pointer-events: none;
4726
- top: 4px;
4727
- left: 4px;
4728
- display: block;
4729
- width: calc(100% - 8px);
4730
- height: calc(100% - 8px);
4731
- border: 1px solid;
4732
- border-color: var(--ag-input-focus-border-color);
5408
+
5409
+ .ag-filter-panel .ag-simple-filter-body-wrapper>*:last-child,
5410
+ .ag-filter-panel .ag-set-filter-body-wrapper {
5411
+ margin-bottom: var(--ag-widget-container-vertical-padding);
4733
5412
  }
4734
5413
 
4735
- .ag-column-select-header {
4736
- height: var(--ag-header-height);
4737
- align-items: center;
4738
- padding: 0 var(--ag-widget-container-horizontal-padding);
4739
- border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
5414
+ .ag-filter-panel-container {
5415
+ flex: 1;
5416
+ overflow: auto;
5417
+ padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding) 0;
4740
5418
  }
4741
5419
 
4742
- .ag-column-panel-column-select {
4743
- border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
4744
- border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
5420
+ .ag-filter-panel-container>*:not(:last-child) {
5421
+ margin-bottom: var(--ag-widget-container-vertical-padding);
4745
5422
  }
4746
5423
 
4747
- .ag-column-group-icons,
5424
+ .ag-filter-card {
5425
+ border: 1px solid var(--ag-border-color);
5426
+ border-radius: var(--ag-border-radius);
5427
+ background-color: var(--ag-background-color);
5428
+ }
5429
+
5430
+ .ag-ltr .ag-filter-card .ag-set-filter-item {
5431
+ padding-left: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) * var(--ag-set-filter-indent-size));
5432
+ padding-right: var(--ag-widget-container-horizontal-padding);
5433
+ }
5434
+
5435
+ .ag-rtl .ag-filter-card .ag-set-filter-item {
5436
+ padding-right: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) * var(--ag-set-filter-indent-size));
5437
+ padding-left: var(--ag-widget-container-horizontal-padding);
5438
+ }
5439
+
5440
+ .ag-filter-card-header {
5441
+ display: flex;
5442
+ flex-direction: row;
5443
+ align-items: center;
5444
+ padding-top: var(--ag-widget-vertical-spacing);
5445
+ }
5446
+
5447
+ .ag-ltr .ag-filter-card-header>*:not(:last-child) {
5448
+ padding-right: var(--ag-grid-size);
5449
+ }
5450
+
5451
+ .ag-rtl .ag-filter-card-header>*:not(:last-child) {
5452
+ padding-left: var(--ag-grid-size);
5453
+ }
5454
+
5455
+ .ag-filter-card-heading {
5456
+ flex: 1;
5457
+ overflow: hidden;
5458
+ padding-top: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
5459
+ padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
5460
+ }
5461
+
5462
+ .ag-ltr .ag-filter-card-heading {
5463
+ padding-left: var(--ag-widget-horizontal-spacing);
5464
+ }
5465
+
5466
+ .ag-rtl .ag-filter-card-heading {
5467
+ padding-right: var(--ag-widget-horizontal-spacing);
5468
+ }
5469
+
5470
+ .ag-filter-card-expand {
5471
+ display: flex;
5472
+ flex-direction: row;
5473
+ width: 100%;
5474
+ justify-content: space-between;
5475
+ align-items: center;
5476
+ }
5477
+
5478
+ .ag-filter-card-title {
5479
+ overflow: hidden;
5480
+ text-overflow: ellipsis;
5481
+ }
5482
+
5483
+ .ag-filter-card-expand-icon {
5484
+ display: flex;
5485
+ flex: 1;
5486
+ justify-content: end;
5487
+ }
5488
+
5489
+ .ag-filter-card-editing-icon {
5490
+ margin: 0 var(--ag-grid-size);
5491
+ }
5492
+
5493
+ .ag-filter-card-summary,
5494
+ .ag-filter-card-expand-icon .ag-icon,
5495
+ .ag-filter-card-delete-icon .ag-icon,
5496
+ .ag-filter-card-editing-icon .ag-icon {
5497
+ color: var(--ag-filter-panel-card-subtle-color);
5498
+ }
5499
+
5500
+ .ag-filter-card-expand-icon .ag-icon,
5501
+ .ag-filter-card-delete-icon .ag-icon {
5502
+ transition: color 0.25s ease-in-out;
5503
+ }
5504
+
5505
+ .ag-filter-card-expand-icon:hover .ag-icon,
5506
+ .ag-filter-card-delete-icon:hover .ag-icon {
5507
+ color: var(--ag-filter-panel-card-subtle-hover-color);
5508
+ }
5509
+
5510
+ .ag-filter-card-heading:hover .ag-filter-card-expand-icon .ag-icon {
5511
+ color: var(--ag-filter-panel-card-subtle-hover-color);
5512
+ }
5513
+
5514
+ .ag-filter-card-expand,
5515
+ .ag-filter-card-delete {
5516
+ border-radius: var(--ag-button-border-radius);
5517
+ background: none;
5518
+ border: none;
5519
+ cursor: pointer;
5520
+ padding: 0;
5521
+ }
5522
+
5523
+ .ag-filter-panel .ag-standard-button {
5524
+ cursor: pointer;
5525
+ }
5526
+
5527
+ .ag-filter-card-summary,
5528
+ .ag-filter-type-select {
5529
+ margin-left: var(--ag-widget-container-horizontal-padding);
5530
+ margin-right: var(--ag-widget-container-horizontal-padding);
5531
+ }
5532
+
5533
+ .ag-ltr .ag-filter-card-delete {
5534
+ margin-right: var(--ag-widget-horizontal-spacing);
5535
+ }
5536
+
5537
+ .ag-rtl .ag-filter-card-delete {
5538
+ margin-left: var(--ag-widget-horizontal-spacing);
5539
+ }
5540
+
5541
+ .ag-filter-card-summary {
5542
+ margin-bottom: var(--ag-widget-container-vertical-padding);
5543
+ }
5544
+
5545
+ .ag-filter-type-select {
5546
+ padding-top: var(--ag-widget-vertical-spacing);
5547
+ }
5548
+
5549
+ .ag-filter-card-add {
5550
+ padding: 0;
5551
+ border: 0;
5552
+ }
5553
+
5554
+ .ag-filter-add-button {
5555
+ display: flex;
5556
+ flex-direction: row;
5557
+ width: 100%;
5558
+ align-items: center;
5559
+ line-height: 1.5;
5560
+ }
5561
+
5562
+ .ag-ltr .ag-filter-add-button-label {
5563
+ margin-left: var(--ag-grid-size);
5564
+ }
5565
+
5566
+ .ag-rtl .ag-filter-add-button-label {
5567
+ margin-right: var(--ag-grid-size);
5568
+ }
5569
+
5570
+ .ag-filter-add-select {
5571
+ border: 0;
5572
+ }
5573
+
5574
+ .ag-ltr .ag-filter-add-select .ag-text-field-input {
5575
+ padding-left: calc(var(--ag-grid-size) * 1.5 + 12px) !important;
5576
+ }
5577
+
5578
+ .ag-rtl .ag-filter-add-select .ag-text-field-input {
5579
+ padding-right: calc(var(--ag-grid-size) * 1.5 + 12px) !important;
5580
+ }
5581
+
5582
+ .ag-filter-add-select .ag-rich-select-value {
5583
+ padding: calc((1.5 * var(--ag-font-size) + 4 * var(--ag-grid-size) - var(--ag-input-height)) / 2) var(--ag-grid-size);
5584
+ border: 0;
5585
+ }
5586
+
5587
+ .ag-pivot-mode-panel {
5588
+ min-height: var(--ag-header-height);
5589
+ height: var(--ag-header-height);
5590
+ display: flex;
5591
+ }
5592
+
5593
+ .ag-pivot-mode-select {
5594
+ display: flex;
5595
+ align-items: center;
5596
+ }
5597
+
5598
+ .ag-ltr .ag-pivot-mode-select {
5599
+ margin-left: var(--ag-widget-container-horizontal-padding);
5600
+ }
5601
+
5602
+ .ag-rtl .ag-pivot-mode-select {
5603
+ margin-right: var(--ag-widget-container-horizontal-padding);
5604
+ }
5605
+
5606
+ .ag-column-select-header:focus-visible {
5607
+ outline: none;
5608
+ }
5609
+
5610
+ .ag-column-select-header:focus-visible::after {
5611
+ content: "";
5612
+ position: absolute;
5613
+ background-color: transparent;
5614
+ pointer-events: none;
5615
+ top: 4px;
5616
+ left: 4px;
5617
+ display: block;
5618
+ width: calc(100% - 8px);
5619
+ height: calc(100% - 8px);
5620
+ border: 1px solid;
5621
+ border-color: var(--ag-input-focus-border-color);
5622
+ }
5623
+
5624
+ .ag-column-select-header {
5625
+ height: var(--ag-header-height);
5626
+ align-items: center;
5627
+ padding: 0 var(--ag-widget-container-horizontal-padding);
5628
+ border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
5629
+ }
5630
+
5631
+ .ag-column-panel-column-select {
5632
+ border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
5633
+ border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
5634
+ }
5635
+
5636
+ .ag-column-group-icons,
4748
5637
  .ag-column-select-header-icon {
4749
5638
  color: var(--ag-secondary-foreground-color);
4750
5639
  }
@@ -4756,9 +5645,11 @@ button.ag-side-button-button:focus {
4756
5645
  right: 0;
4757
5646
  height: 1px;
4758
5647
  }
5648
+
4759
5649
  .ag-column-select-list .ag-item-highlight-top::after {
4760
5650
  top: 0;
4761
5651
  }
5652
+
4762
5653
  .ag-column-select-list .ag-item-highlight-bottom::after {
4763
5654
  bottom: 0;
4764
5655
  }
@@ -4782,19 +5673,31 @@ button.ag-side-button-button:focus {
4782
5673
  border-right: var(--ag-borders-critical) var(--ag-border-color);
4783
5674
  }
4784
5675
 
5676
+ .ag-header-cell:not(.ag-right-aligned-header) .ag-header-col-ref {
5677
+ margin-right: var(--ag-grid-size);
5678
+ color: var(--ag-subtle-text-color);
5679
+ }
5680
+
4785
5681
  .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon,
4786
5682
  .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-menu-icon {
4787
5683
  margin-left: var(--ag-grid-size);
4788
5684
  }
5685
+
4789
5686
  .ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon,
4790
5687
  .ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-menu-icon {
4791
5688
  margin-right: var(--ag-grid-size);
4792
5689
  }
4793
5690
 
5691
+ .ag-header-cell.ag-right-aligned-header .ag-header-col-ref {
5692
+ margin-left: var(--ag-grid-size);
5693
+ color: var(--ag-subtle-text-color);
5694
+ }
5695
+
4794
5696
  .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-label-icon,
4795
5697
  .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-menu-icon {
4796
5698
  margin-right: var(--ag-grid-size);
4797
5699
  }
5700
+
4798
5701
  .ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-label-icon,
4799
5702
  .ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-menu-icon {
4800
5703
  margin-left: var(--ag-grid-size);
@@ -4805,6 +5708,7 @@ button.ag-side-button-button:focus {
4805
5708
  padding-left: var(--ag-cell-horizontal-padding);
4806
5709
  padding-right: var(--ag-cell-horizontal-padding);
4807
5710
  }
5711
+
4808
5712
  .ag-header-cell.ag-header-cell-moving,
4809
5713
  .ag-header-group-cell.ag-header-cell-moving {
4810
5714
  background-color: var(--ag-header-cell-moving-background-color);
@@ -4813,6 +5717,7 @@ button.ag-side-button-button:focus {
4813
5717
  .ag-ltr .ag-header-group-cell-label.ag-sticky-label {
4814
5718
  left: var(--ag-cell-horizontal-padding);
4815
5719
  }
5720
+
4816
5721
  .ag-rtl .ag-header-group-cell-label.ag-sticky-label {
4817
5722
  right: var(--ag-cell-horizontal-padding);
4818
5723
  }
@@ -4820,6 +5725,7 @@ button.ag-side-button-button:focus {
4820
5725
  .ag-header-cell:focus-visible {
4821
5726
  outline: none;
4822
5727
  }
5728
+
4823
5729
  .ag-header-cell:focus-visible::after {
4824
5730
  content: "";
4825
5731
  position: absolute;
@@ -4837,6 +5743,7 @@ button.ag-side-button-button:focus {
4837
5743
  .ag-header-group-cell:focus-visible {
4838
5744
  outline: none;
4839
5745
  }
5746
+
4840
5747
  .ag-header-group-cell:focus-visible::after {
4841
5748
  content: "";
4842
5749
  position: absolute;
@@ -4854,6 +5761,7 @@ button.ag-side-button-button:focus {
4854
5761
  .ag-advanced-filter-header-cell:focus-visible {
4855
5762
  outline: none;
4856
5763
  }
5764
+
4857
5765
  .ag-advanced-filter-header-cell:focus-visible::after {
4858
5766
  content: "";
4859
5767
  position: absolute;
@@ -4875,9 +5783,11 @@ button.ag-side-button-button:focus {
4875
5783
  .ag-header-expand-icon {
4876
5784
  cursor: pointer;
4877
5785
  }
5786
+
4878
5787
  .ag-ltr .ag-header-expand-icon {
4879
5788
  margin-left: 4px;
4880
5789
  }
5790
+
4881
5791
  .ag-rtl .ag-header-expand-icon {
4882
5792
  margin-right: 4px;
4883
5793
  }
@@ -4887,9 +5797,10 @@ button.ag-side-button-button:focus {
4887
5797
  border-top: var(--ag-borders-critical) var(--ag-border-color);
4888
5798
  }
4889
5799
 
4890
- .ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover, .ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-column-hover).ag-column-resizing,
4891
- .ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover,
4892
- .ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-column-hover).ag-column-resizing,
5800
+ .ag-header-group-cell:not(.ag-column-resizing)+.ag-header-group-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover,
5801
+ .ag-header-group-cell:not(.ag-column-resizing)+.ag-header-group-cell:not(.ag-column-hover).ag-column-resizing,
5802
+ .ag-header-cell:not(.ag-column-resizing)+.ag-header-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover,
5803
+ .ag-header-cell:not(.ag-column-resizing)+.ag-header-cell:not(.ag-column-hover).ag-column-resizing,
4893
5804
  .ag-header-group-cell:first-of-type:not(.ag-header-cell-moving):hover,
4894
5805
  .ag-header-group-cell:first-of-type.ag-column-resizing,
4895
5806
  .ag-header-cell:not(.ag-column-hover):first-of-type:not(.ag-header-cell-moving):hover,
@@ -4908,10 +5819,12 @@ button.ag-side-button-button:focus {
4908
5819
  top: calc(50% - var(--ag-header-column-separator-height) * 0.5);
4909
5820
  background-color: var(--ag-header-column-separator-color);
4910
5821
  }
5822
+
4911
5823
  .ag-ltr .ag-header-cell::before,
4912
5824
  .ag-ltr .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before {
4913
5825
  right: 0;
4914
5826
  }
5827
+
4915
5828
  .ag-rtl .ag-header-cell::before,
4916
5829
  .ag-rtl .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before {
4917
5830
  left: 0;
@@ -4922,7 +5835,9 @@ button.ag-side-button-button:focus {
4922
5835
  content: "";
4923
5836
  position: absolute;
4924
5837
  height: 100%;
4925
- width: 1px;
5838
+ width: var(--ag-column-drag-indicator-width);
5839
+ border-radius: calc(var(--ag-column-drag-indicator-width) / 2);
5840
+ background-color: var(--ag-column-drag-indicator-color);
4926
5841
  }
4927
5842
 
4928
5843
  .ag-header-highlight-before::after {
@@ -4952,6 +5867,7 @@ button.ag-side-button-button:focus {
4952
5867
  top: calc(50% - var(--ag-header-column-resize-handle-height) * 0.5);
4953
5868
  background-color: var(--ag-header-column-resize-handle-color);
4954
5869
  }
5870
+
4955
5871
  .ag-header-cell.ag-header-span-height .ag-header-cell-resize::after {
4956
5872
  height: calc(100% - var(--ag-grid-size) * 4);
4957
5873
  top: calc(var(--ag-grid-size) * 2);
@@ -4960,6 +5876,7 @@ button.ag-side-button-button:focus {
4960
5876
  .ag-ltr .ag-header-viewport .ag-header-cell-resize::after {
4961
5877
  left: calc(50% - var(--ag-header-column-resize-handle-width));
4962
5878
  }
5879
+
4963
5880
  .ag-rtl .ag-header-viewport .ag-header-cell-resize::after {
4964
5881
  right: calc(50% - var(--ag-header-column-resize-handle-width));
4965
5882
  }
@@ -4975,6 +5892,7 @@ button.ag-side-button-button:focus {
4975
5892
  .ag-ltr .ag-header-select-all {
4976
5893
  margin-right: var(--ag-cell-horizontal-padding);
4977
5894
  }
5895
+
4978
5896
  .ag-rtl .ag-header-select-all {
4979
5897
  margin-left: var(--ag-cell-horizontal-padding);
4980
5898
  }
@@ -4982,6 +5900,7 @@ button.ag-side-button-button:focus {
4982
5900
  .ag-ltr .ag-floating-filter-button {
4983
5901
  margin-left: var(--ag-cell-widget-spacing);
4984
5902
  }
5903
+
4985
5904
  .ag-rtl .ag-floating-filter-button {
4986
5905
  margin-right: var(--ag-cell-widget-spacing);
4987
5906
  }
@@ -5007,18 +5926,21 @@ button.ag-side-button-button:focus {
5007
5926
  position: absolute;
5008
5927
  width: 100%;
5009
5928
  z-index: 1;
5929
+ align-items: unset;
5010
5930
  }
5011
5931
 
5012
5932
  .ag-paging-panel {
5013
5933
  border-top: 1px solid;
5014
5934
  border-top-color: var(--ag-border-color);
5015
5935
  color: var(--ag-secondary-foreground-color);
5016
- height: var(--ag-header-height);
5936
+ height: var(--ag-pagination-panel-height);
5017
5937
  }
5018
- .ag-paging-panel > * {
5938
+
5939
+ .ag-paging-panel>* {
5019
5940
  margin: 0 var(--ag-cell-horizontal-padding);
5020
5941
  }
5021
- .ag-paging-panel > .ag-paging-page-size .ag-wrapper {
5942
+
5943
+ .ag-paging-panel>.ag-paging-page-size .ag-wrapper {
5022
5944
  min-width: calc(var(--ag-grid-size) * 10);
5023
5945
  }
5024
5946
 
@@ -5034,6 +5956,7 @@ button.ag-side-button-button:focus {
5034
5956
  .ag-paging-button:focus-visible {
5035
5957
  outline: none;
5036
5958
  }
5959
+
5037
5960
  .ag-paging-button:focus-visible::after {
5038
5961
  content: "";
5039
5962
  position: absolute;
@@ -5087,6 +6010,7 @@ button.ag-side-button-button:focus {
5087
6010
  .ag-column-drop-cell:focus-visible {
5088
6011
  outline: none;
5089
6012
  }
6013
+
5090
6014
  .ag-column-drop-cell:focus-visible::after {
5091
6015
  content: "";
5092
6016
  position: absolute;
@@ -5125,9 +6049,11 @@ button.ag-side-button-button:focus {
5125
6049
  height: var(--ag-header-height);
5126
6050
  border-bottom: var(--ag-borders) var(--ag-border-color);
5127
6051
  }
6052
+
5128
6053
  .ag-ltr .ag-column-drop-horizontal {
5129
6054
  padding-left: var(--ag-cell-horizontal-padding);
5130
6055
  }
6056
+
5131
6057
  .ag-rtl .ag-column-drop-horizontal {
5132
6058
  padding-right: var(--ag-cell-horizontal-padding);
5133
6059
  }
@@ -5135,6 +6061,7 @@ button.ag-side-button-button:focus {
5135
6061
  .ag-ltr .ag-column-drop-horizontal-half-width:not(:last-child) {
5136
6062
  border-right: var(--ag-borders) var(--ag-border-color);
5137
6063
  }
6064
+
5138
6065
  .ag-rtl .ag-column-drop-horizontal-half-width:not(:last-child) {
5139
6066
  border-left: var(--ag-borders) var(--ag-border-color);
5140
6067
  }
@@ -5151,6 +6078,7 @@ button.ag-side-button-button:focus {
5151
6078
  .ag-ltr .ag-column-drop-horizontal-icon {
5152
6079
  margin-right: var(--ag-cell-horizontal-padding);
5153
6080
  }
6081
+
5154
6082
  .ag-rtl .ag-column-drop-horizontal-icon {
5155
6083
  margin-left: var(--ag-cell-horizontal-padding);
5156
6084
  }
@@ -5169,6 +6097,7 @@ button.ag-side-button-button:focus {
5169
6097
  min-height: 50px;
5170
6098
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
5171
6099
  }
6100
+
5172
6101
  .ag-column-drop-vertical.ag-last-column-drop {
5173
6102
  border-bottom: none;
5174
6103
  }
@@ -5203,12 +6132,15 @@ button.ag-side-button-button:focus {
5203
6132
  .ag-select-agg-func-virtual-list-item {
5204
6133
  cursor: default;
5205
6134
  }
6135
+
5206
6136
  .ag-ltr .ag-select-agg-func-virtual-list-item {
5207
6137
  padding-left: calc(var(--ag-grid-size) * 2);
5208
6138
  }
6139
+
5209
6140
  .ag-rtl .ag-select-agg-func-virtual-list-item {
5210
6141
  padding-right: calc(var(--ag-grid-size) * 2);
5211
6142
  }
6143
+
5212
6144
  .ag-select-agg-func-virtual-list-item:hover {
5213
6145
  background-color: var(--ag-selected-row-background-color);
5214
6146
  }
@@ -5216,6 +6148,7 @@ button.ag-side-button-button:focus {
5216
6148
  .ag-select-agg-func-virtual-list-item:focus-visible {
5217
6149
  outline: none;
5218
6150
  }
6151
+
5219
6152
  .ag-select-agg-func-virtual-list-item:focus-visible::after {
5220
6153
  content: "";
5221
6154
  position: absolute;
@@ -5237,6 +6170,7 @@ button.ag-side-button-button:focus {
5237
6170
  .ag-ltr .ag-sort-indicator-icon {
5238
6171
  padding-left: var(--ag-grid-size);
5239
6172
  }
6173
+
5240
6174
  .ag-rtl .ag-sort-indicator-icon {
5241
6175
  padding-right: var(--ag-grid-size);
5242
6176
  }
@@ -5265,9 +6199,11 @@ button.ag-side-button-button:focus {
5265
6199
  display: flex;
5266
6200
  flex-direction: column;
5267
6201
  }
6202
+
5268
6203
  .ag-ltr .ag-chart-menu {
5269
6204
  right: 20px;
5270
6205
  }
6206
+
5271
6207
  .ag-rtl .ag-chart-menu {
5272
6208
  left: 20px;
5273
6209
  }
@@ -5277,7 +6213,7 @@ button.ag-side-button-button:focus {
5277
6213
  min-width: var(--ag-chart-menu-panel-width);
5278
6214
  }
5279
6215
 
5280
- .ag-chart-menu-hidden ~ .ag-chart-docked-container {
6216
+ .ag-chart-menu-hidden~.ag-chart-docked-container {
5281
6217
  display: none;
5282
6218
  }
5283
6219
 
@@ -5352,9 +6288,11 @@ button.ag-side-button-button:focus {
5352
6288
  background-color: #000;
5353
6289
  position: relative;
5354
6290
  }
6291
+
5355
6292
  .ag-chart-settings-card-item.ag-not-selected {
5356
6293
  opacity: 0.2;
5357
6294
  }
6295
+
5358
6296
  .ag-chart-settings-card-item::before {
5359
6297
  content: " ";
5360
6298
  display: block;
@@ -5373,6 +6311,7 @@ button.ag-side-button-button:focus {
5373
6311
  position: relative;
5374
6312
  flex: none;
5375
6313
  }
6314
+
5376
6315
  .ag-chart-settings-prev:focus-within,
5377
6316
  .ag-chart-settings-next:focus-within {
5378
6317
  box-shadow: var(--ag-input-focus-box-shadow);
@@ -5407,6 +6346,7 @@ button.ag-side-button-button:focus {
5407
6346
  min-height: 100%;
5408
6347
  overflow: hidden;
5409
6348
  }
6349
+
5410
6350
  .ag-chart-settings-mini-wrapper.ag-animating {
5411
6351
  transition: left 0.3s;
5412
6352
  transition-timing-function: ease-in-out;
@@ -5463,6 +6403,7 @@ button.ag-side-button-button:focus {
5463
6403
  padding-top: var(--ag-grid-size);
5464
6404
  padding-bottom: var(--ag-grid-size);
5465
6405
  }
6406
+
5466
6407
  .ag-chart-advanced-settings-section:not(:last-child) {
5467
6408
  border-bottom: 1px solid var(--ag-secondary-border-color);
5468
6409
  }
@@ -5477,14 +6418,6 @@ button.ag-side-button-button:focus {
5477
6418
  background-color: var(--ag-background-color);
5478
6419
  }
5479
6420
 
5480
- .ag-chart .ag-chart-menu {
5481
- display: none;
5482
- }
5483
-
5484
- .ag-chart-menu-hidden:hover .ag-chart-menu {
5485
- display: block;
5486
- }
5487
-
5488
6421
  .ag-chart .ag-chart-menu-wrapper .ag-chart-menu {
5489
6422
  display: flex;
5490
6423
  flex-direction: row;
@@ -5492,10 +6425,12 @@ button.ag-side-button-button:focus {
5492
6425
  gap: 20px;
5493
6426
  width: auto;
5494
6427
  }
6428
+
5495
6429
  .ag-ltr .ag-chart .ag-chart-menu-wrapper .ag-chart-menu {
5496
6430
  right: calc(var(--ag-cell-horizontal-padding) + var(--ag-grid-size) - 4px);
5497
6431
  justify-content: right;
5498
6432
  }
6433
+
5499
6434
  .ag-rtl .ag-chart .ag-chart-menu-wrapper .ag-chart-menu {
5500
6435
  left: calc(var(--ag-cell-horizontal-padding) + var(--ag-grid-size) - 4px);
5501
6436
  justify-content: left;
@@ -5527,6 +6462,7 @@ button.ag-side-button-button:focus {
5527
6462
  border-radius: var(--ag-card-radius);
5528
6463
  color: var(--ag-secondary-foreground-color);
5529
6464
  }
6465
+
5530
6466
  .ag-chart-menu-icon:hover {
5531
6467
  opacity: 1;
5532
6468
  }
@@ -5541,11 +6477,15 @@ button.ag-side-button-button:focus {
5541
6477
  .ag-chart-mini-thumbnail {
5542
6478
  border: 1px solid var(--ag-secondary-border-color);
5543
6479
  border-radius: 5px;
6480
+ padding: 1px;
5544
6481
  }
6482
+
5545
6483
  .ag-chart-mini-thumbnail.ag-selected {
5546
6484
  border-color: var(--ag-minichart-selected-chart-color);
5547
6485
  border-width: 2px;
6486
+ padding: unset;
5548
6487
  }
6488
+
5549
6489
  .ag-chart-mini-thumbnail:focus-visible {
5550
6490
  outline: none;
5551
6491
  border-color: var(--ag-minichart-selected-chart-color);
@@ -5558,6 +6498,7 @@ button.ag-side-button-button:focus {
5558
6498
  height: 8px;
5559
6499
  border-radius: 4px;
5560
6500
  }
6501
+
5561
6502
  .ag-chart-settings-card-item.ag-selected {
5562
6503
  background-color: var(--ag-minichart-selected-page-color);
5563
6504
  }
@@ -5581,6 +6522,7 @@ button.ag-side-button-button:focus {
5581
6522
  .ag-charts-data-group-title-bar:focus-visible {
5582
6523
  outline: none;
5583
6524
  }
6525
+
5584
6526
  .ag-charts-data-group-title-bar:focus-visible::after {
5585
6527
  content: "";
5586
6528
  position: absolute;
@@ -5598,6 +6540,7 @@ button.ag-side-button-button:focus {
5598
6540
  .ag-charts-format-top-level-group-title-bar:focus-visible {
5599
6541
  outline: none;
5600
6542
  }
6543
+
5601
6544
  .ag-charts-format-top-level-group-title-bar:focus-visible::after {
5602
6545
  content: "";
5603
6546
  position: absolute;
@@ -5620,12 +6563,15 @@ button.ag-side-button-button:focus {
5620
6563
  .ag-charts-data-group-container {
5621
6564
  padding: calc(var(--ag-widget-container-vertical-padding) * 0.5) var(--ag-widget-container-horizontal-padding);
5622
6565
  }
6566
+
5623
6567
  .ag-charts-data-group-container .ag-charts-data-group-item:not(.ag-charts-format-sub-level-group):not(.ag-pill-select):not(.ag-select) {
5624
6568
  height: var(--ag-list-item-height);
5625
6569
  }
6570
+
5626
6571
  .ag-charts-data-group-container .ag-charts-data-group-item.ag-picker-field {
5627
6572
  margin-top: var(--ag-grid-size);
5628
6573
  }
6574
+
5629
6575
  .ag-charts-data-group-container .ag-list-item-hovered::after {
5630
6576
  content: "";
5631
6577
  position: absolute;
@@ -5633,9 +6579,11 @@ button.ag-side-button-button:focus {
5633
6579
  right: 0;
5634
6580
  height: 1px;
5635
6581
  }
6582
+
5636
6583
  .ag-charts-data-group-container .ag-item-highlight-top::after {
5637
6584
  top: 0;
5638
6585
  }
6586
+
5639
6587
  .ag-charts-data-group-container .ag-item-highlight-bottom::after {
5640
6588
  bottom: 0;
5641
6589
  }
@@ -5644,10 +6592,12 @@ button.ag-side-button-button:focus {
5644
6592
  .ag-charts-advanced-settings-top-level-group-container {
5645
6593
  padding: var(--ag-grid-size);
5646
6594
  }
6595
+
5647
6596
  .ag-ltr .ag-charts-format-top-level-group-container,
5648
6597
  .ag-ltr .ag-charts-advanced-settings-top-level-group-container {
5649
6598
  margin-left: calc(var(--ag-grid-size) * 2);
5650
6599
  }
6600
+
5651
6601
  .ag-rtl .ag-charts-format-top-level-group-container,
5652
6602
  .ag-rtl .ag-charts-advanced-settings-top-level-group-container {
5653
6603
  margin-right: calc(var(--ag-grid-size) * 2);
@@ -5662,11 +6612,12 @@ button.ag-side-button-button:focus {
5662
6612
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
5663
6613
  padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
5664
6614
  }
5665
- .ag-charts-format-sub-level-group-container > * {
6615
+
6616
+ .ag-charts-format-sub-level-group-container>* {
5666
6617
  margin-bottom: var(--ag-widget-vertical-spacing);
5667
6618
  }
5668
6619
 
5669
- .ag-charts-format-sub-level-no-header-group-container > * {
6620
+ .ag-charts-format-sub-level-no-header-group-container>* {
5670
6621
  margin-bottom: var(--ag-widget-vertical-spacing);
5671
6622
  }
5672
6623
 
@@ -5680,12 +6631,15 @@ button.ag-side-button-button:focus {
5680
6631
  display: grid;
5681
6632
  grid-template-columns: 60px 1fr 60px 1fr 60px;
5682
6633
  }
6634
+
5683
6635
  .ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+1) {
5684
6636
  grid-column: 1;
5685
6637
  }
6638
+
5686
6639
  .ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+2) {
5687
6640
  grid-column: 3;
5688
6641
  }
6642
+
5689
6643
  .ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+3) {
5690
6644
  grid-column: 5;
5691
6645
  }
@@ -5693,26 +6647,15 @@ button.ag-side-button-button:focus {
5693
6647
  .ag-chart-menu-panel {
5694
6648
  background-color: var(--ag-control-panel-background-color);
5695
6649
  }
6650
+
5696
6651
  .ag-ltr .ag-chart-menu-panel {
5697
6652
  border-left: solid 1px var(--ag-border-color);
5698
6653
  }
6654
+
5699
6655
  .ag-rtl .ag-chart-menu-panel {
5700
6656
  border-right: solid 1px var(--ag-border-color);
5701
6657
  }
5702
6658
 
5703
- .ag-charts-theme-default {
5704
- --ag-charts-align: none !important;
5705
- --ag-charts-justify: none !important;
5706
- }
5707
-
5708
- .ag-charts-wrapper .ag-charts-proxy-legend-toolbar button:focus {
5709
- box-shadow: none;
5710
- }
5711
-
5712
- .ag-charts-wrapper .ag-charts-proxy-legend-toolbar button:focus-visible {
5713
- box-shadow: var(--ag-input-focus-box-shadow);
5714
- }
5715
-
5716
6659
  .ag-date-time-list-page-title-bar {
5717
6660
  display: flex;
5718
6661
  }
@@ -5756,18 +6699,8 @@ button.ag-side-button-button:focus {
5756
6699
  width: 100%;
5757
6700
  }
5758
6701
 
5759
- .ag-advanced-filter-apply-button,
5760
- .ag-advanced-filter-builder-button {
5761
- line-height: normal;
5762
- white-space: nowrap;
5763
- }
5764
- .ag-ltr .ag-advanced-filter-apply-button,
5765
- .ag-ltr .ag-advanced-filter-builder-button {
5766
- margin-left: calc(var(--ag-grid-size) * 2);
5767
- }
5768
- .ag-rtl .ag-advanced-filter-apply-button,
5769
- .ag-rtl .ag-advanced-filter-builder-button {
5770
- margin-right: calc(var(--ag-grid-size) * 2);
6702
+ .ag-advanced-filter-buttons {
6703
+ display: contents;
5771
6704
  }
5772
6705
 
5773
6706
  .ag-advanced-filter-builder-button {
@@ -5778,10 +6711,22 @@ button.ag-side-button-button:focus {
5778
6711
  color: var(--ag-foreground-color);
5779
6712
  font-size: var(--ag-font-size);
5780
6713
  font-weight: 600;
6714
+ line-height: normal;
6715
+ white-space: nowrap;
6716
+ }
6717
+
6718
+ .ag-ltr .ag-advanced-filter-builder-button {
6719
+ margin-left: calc(var(--ag-grid-size) * 2);
6720
+ }
6721
+
6722
+ .ag-rtl .ag-advanced-filter-builder-button {
6723
+ margin-right: calc(var(--ag-grid-size) * 2);
5781
6724
  }
6725
+
5782
6726
  .ag-advanced-filter-builder-button:hover:not(:disabled) {
5783
6727
  background-color: var(--ag-row-hover-color);
5784
6728
  }
6729
+
5785
6730
  .ag-advanced-filter-builder-button:not(:disabled) {
5786
6731
  cursor: pointer;
5787
6732
  }
@@ -5805,6 +6750,7 @@ button.ag-side-button-button:focus {
5805
6750
  flex: 1;
5806
6751
  overflow: auto;
5807
6752
  }
6753
+
5808
6754
  .ag-advanced-filter-builder-list .ag-list-item-hovered::after {
5809
6755
  content: "";
5810
6756
  position: absolute;
@@ -5812,9 +6758,11 @@ button.ag-side-button-button:focus {
5812
6758
  right: 0;
5813
6759
  height: 1px;
5814
6760
  }
6761
+
5815
6762
  .ag-advanced-filter-builder-list .ag-item-highlight-top::after {
5816
6763
  top: 0;
5817
6764
  }
6765
+
5818
6766
  .ag-advanced-filter-builder-list .ag-item-highlight-bottom::after {
5819
6767
  bottom: 0;
5820
6768
  }
@@ -5845,13 +6793,14 @@ button.ag-side-button-button:focus {
5845
6793
  position: absolute;
5846
6794
  }
5847
6795
 
5848
- .ag-advanced-filter-builder-item-tree-lines > * {
6796
+ .ag-advanced-filter-builder-item-tree-lines>* {
5849
6797
  width: var(--ag-advanced-filter-builder-indent-size);
5850
6798
  }
5851
6799
 
5852
6800
  .ag-advanced-filter-builder-item-tree-lines .ag-advanced-filter-builder-item-tree-line-root {
5853
6801
  width: var(--ag-icon-size);
5854
6802
  }
6803
+
5855
6804
  .ag-advanced-filter-builder-item-tree-lines .ag-advanced-filter-builder-item-tree-line-root::before {
5856
6805
  top: 50%;
5857
6806
  height: 50%;
@@ -5866,7 +6815,9 @@ button.ag-side-button-button:focus {
5866
6815
  display: flex;
5867
6816
  align-items: center;
5868
6817
  }
5869
- .ag-advanced-filter-builder-item-tree-line-horizontal::before, .ag-advanced-filter-builder-item-tree-line-horizontal::after,
6818
+
6819
+ .ag-advanced-filter-builder-item-tree-line-horizontal::before,
6820
+ .ag-advanced-filter-builder-item-tree-line-horizontal::after,
5870
6821
  .ag-advanced-filter-builder-item-tree-line-vertical::before,
5871
6822
  .ag-advanced-filter-builder-item-tree-line-vertical::after,
5872
6823
  .ag-advanced-filter-builder-item-tree-line-vertical-top::before,
@@ -5940,13 +6891,16 @@ button.ag-side-button-button:focus {
5940
6891
  min-height: calc(100% - var(--ag-grid-size) * 3);
5941
6892
  min-width: calc(var(--ag-grid-size) * 2);
5942
6893
  }
6894
+
5943
6895
  .ag-advanced-filter-builder-pill .ag-picker-field-display {
5944
6896
  margin-right: var(--ag-grid-size);
5945
6897
  }
6898
+
5946
6899
  .ag-advanced-filter-builder-pill .ag-advanced-filter-builder-value-number {
5947
6900
  font-family: monospace;
5948
6901
  font-weight: 700;
5949
6902
  }
6903
+
5950
6904
  .ag-advanced-filter-builder-pill .ag-advanced-filter-builder-value-empty {
5951
6905
  color: var(--ag-disabled-foreground-color);
5952
6906
  }
@@ -5954,6 +6908,7 @@ button.ag-side-button-button:focus {
5954
6908
  .ag-advanced-filter-builder-pill:focus-visible {
5955
6909
  outline: none;
5956
6910
  }
6911
+
5957
6912
  .ag-advanced-filter-builder-pill:focus-visible::after {
5958
6913
  content: "";
5959
6914
  position: absolute;
@@ -5971,6 +6926,7 @@ button.ag-side-button-button:focus {
5971
6926
  .ag-advanced-filter-builder-item-button:focus-visible {
5972
6927
  outline: none;
5973
6928
  }
6929
+
5974
6930
  .ag-advanced-filter-builder-item-button:focus-visible::after {
5975
6931
  content: "";
5976
6932
  position: absolute;
@@ -6016,11 +6972,12 @@ button.ag-side-button-button:focus {
6016
6972
  cursor: text;
6017
6973
  max-width: 140px;
6018
6974
  }
6975
+
6019
6976
  .ag-advanced-filter-builder-value-pill .ag-advanced-filter-builder-pill-display {
6020
6977
  display: block;
6021
6978
  }
6022
6979
 
6023
- .ag-advanced-filter-builder-item-buttons > * {
6980
+ .ag-advanced-filter-builder-item-buttons>* {
6024
6981
  margin: 0 calc(var(--ag-grid-size) * 0.5);
6025
6982
  }
6026
6983
 
@@ -6045,9 +7002,11 @@ button.ag-side-button-button:focus {
6045
7002
  cursor: default;
6046
7003
  height: var(--ag-list-item-height);
6047
7004
  }
7005
+
6048
7006
  .ag-advanced-filter-builder-virtual-list-item:hover {
6049
7007
  background-color: var(--ag-row-hover-color);
6050
7008
  }
7009
+
6051
7010
  .ag-advanced-filter-builder-virtual-list-item:hover .ag-advanced-filter-builder-item-button {
6052
7011
  opacity: 100%;
6053
7012
  }
@@ -6063,6 +7022,58 @@ button.ag-side-button-button:focus {
6063
7022
  cursor: default;
6064
7023
  }
6065
7024
 
7025
+ .ag-row-number-cell {
7026
+ background-color: var(--ag-header-background-color);
7027
+ color: var(--ag-header-foreground-color);
7028
+ font-size: var(--ag-font-size);
7029
+ font-family: var(--ag-font-family);
7030
+ }
7031
+
7032
+ .ag-row-number-header.ag-row-number-selection-enabled {
7033
+ cursor: cell;
7034
+ }
7035
+
7036
+ .ag-row-number-range-highlight {
7037
+ background-color: var(--ag-range-header-highlight-color);
7038
+ }
7039
+
7040
+ .ag-row-number-range-selected {
7041
+ background-color: var(--ag-row-numbers-selected-color);
7042
+ }
7043
+
7044
+ .ag-ltr .ag-row-number-header,
7045
+ .ag-ltr .ag-cell.ag-row-number-cell:not(.ag-cell-last-left-pinned) {
7046
+ border-right: var(--ag-pinned-column-border);
7047
+ }
7048
+
7049
+ .ag-ltr .ag-cell.ag-row-number-cell.ag-row-number-selection-enabled {
7050
+ cursor: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxLjU7Ij4KICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEuNTc4NCwwLDAsMS44NjQyOSwtNC40MTM0OSwtNy4yMTIxMikiPgogICAgICAgIDxwYXRoIGQ9Ik0zLjQ0NSw4LjkxMUwzLjQ0NSw3LjQwOUw5Ljc1LDcuNDA5TDkuNzUsNi4wMTRMMTIuMjg1LDguMTZMOS43NSwxMC4zMDZMOS43NSw4LjkxMUwzLjQ0NSw4LjkxMVoiIHN0eWxlPSJzdHJva2U6d2hpdGU7c3Ryb2tlLXdpZHRoOjAuNDFweDsiLz4KICAgIDwvZz4KPC9zdmc+Cg=="), auto;
7051
+ }
7052
+
7053
+ .ag-rtl .ag-row-number-header,
7054
+ .ag-rtl .ag-cell.ag-row-number-cell:not(.ag-cell-first-right-pinned) {
7055
+ border-left: var(--ag-pinned-column-border);
7056
+ }
7057
+
7058
+ .ag-rtl .ag-cell.ag-row-number-cell.ag-row-number-selection-enabled {
7059
+ cursor: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxLjU7Ij4KICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEuNTc4NCwwLDAsMS44NjQyOSwtNC40MTM0OSwtNy4yMTIxMikiPgogICAgICAgIDxwYXRoIGQ9Ik01Ljk3OSw4LjkxMUw1Ljk3OSwxMC4zMDZMMy40NDUsOC4xNkw1Ljk3OSw2LjAxNEw1Ljk3OSw3LjQwOUwxMi4yODUsNy40MDlMMTIuMjg1LDguOTExTDUuOTc5LDguOTExWiIgc3R5bGU9InN0cm9rZTp3aGl0ZTtzdHJva2Utd2lkdGg6MC40MXB4OyIvPgogICAgPC9nPgo8L3N2Zz4K"), auto;
7060
+ }
7061
+
7062
+ .ag-cell-batch-edit {
7063
+ background-color: var(--ag-cell-batch-edit-background-color);
7064
+ color: var(--ag-cell-batch-edit-text-color);
7065
+ }
7066
+
7067
+ .ag-cell.ag-cell-inline-editing {
7068
+ background-color: var(--ag-background-color);
7069
+ background-image: linear-gradient(0deg, var(--ag-input-background-color), var(--ag-input-background-color));
7070
+ }
7071
+
7072
+ .ag-row-batch-edit {
7073
+ background-color: var(--ag-row-batch-edit-background-color);
7074
+ color: var(--ag-row-batch-edit-text-color);
7075
+ }
7076
+
6066
7077
  .ag-input-field-input {
6067
7078
  width: 100%;
6068
7079
  min-width: 0;
@@ -6087,6 +7098,7 @@ button.ag-side-button-button:focus {
6087
7098
  vertical-align: middle;
6088
7099
  flex: none;
6089
7100
  }
7101
+
6090
7102
  .ag-checkbox-input-wrapper input,
6091
7103
  .ag-checkbox-input-wrapper input {
6092
7104
  -webkit-appearance: none;
@@ -6094,13 +7106,22 @@ button.ag-side-button-button:focus {
6094
7106
  width: 100%;
6095
7107
  height: 100%;
6096
7108
  }
6097
- .ag-checkbox-input-wrapper:focus-within, .ag-checkbox-input-wrapper:active {
7109
+
7110
+ .ag-checkbox-input-wrapper:focus-within,
7111
+ .ag-checkbox-input-wrapper:active {
6098
7112
  outline: none;
6099
7113
  box-shadow: var(--ag-input-focus-box-shadow);
6100
7114
  }
7115
+
7116
+ .ag-cell-editing-error .ag-checkbox-input-wrapper:focus-within,
7117
+ .ag-cell-editing-error .ag-checkbox-input-wrapper:active {
7118
+ box-shadow: var(--ag-input-error-focus-box-shadow);
7119
+ }
7120
+
6101
7121
  .ag-checkbox-input-wrapper.ag-disabled {
6102
7122
  opacity: 0.5;
6103
7123
  }
7124
+
6104
7125
  .ag-checkbox-input-wrapper::after {
6105
7126
  content: var(--ag-icon-font-code-checkbox-unchecked, "\f108");
6106
7127
  font-family: inherit;
@@ -6111,6 +7132,7 @@ button.ag-side-button-button:focus {
6111
7132
  left: 0;
6112
7133
  pointer-events: none;
6113
7134
  }
7135
+
6114
7136
  .ag-checkbox-input-wrapper.ag-checked::after {
6115
7137
  content: var(--ag-icon-font-code-checkbox-checked, "\f106");
6116
7138
  color: var(--ag-checkbox-checked-color);
@@ -6120,6 +7142,7 @@ button.ag-side-button-button:focus {
6120
7142
  left: 0;
6121
7143
  pointer-events: none;
6122
7144
  }
7145
+
6123
7146
  .ag-checkbox-input-wrapper.ag-indeterminate::after {
6124
7147
  content: var(--ag-icon-font-code-checkbox-indeterminate, "\f107");
6125
7148
  color: var(--ag-checkbox-indeterminate-color);
@@ -6129,6 +7152,7 @@ button.ag-side-button-button:focus {
6129
7152
  left: 0;
6130
7153
  pointer-events: none;
6131
7154
  }
7155
+
6132
7156
  .ag-checkbox-input-wrapper::before {
6133
7157
  content: "";
6134
7158
  background: transparent center/contain no-repeat;
@@ -6138,11 +7162,13 @@ button.ag-side-button-button:focus {
6138
7162
  display: var(--ag-icon-image-display-checkbox-unchecked, var(--ag-icon-image-display));
6139
7163
  opacity: var(--ag-icon-image-opacity-checkbox-unchecked, var(--ag-icon-image-opacity, 0.9));
6140
7164
  }
7165
+
6141
7166
  .ag-checkbox-input-wrapper.ag-checked::before {
6142
7167
  background-image: var(--ag-icon-image-checkbox-checked, var(--ag-icon-image));
6143
7168
  display: var(--ag-icon-image-display-checkbox-checked, var(--ag-icon-image-display));
6144
7169
  opacity: var(--ag-icon-image-opacity-checkbox-checked, var(--ag-icon-image-opacity, 0.9));
6145
7170
  }
7171
+
6146
7172
  .ag-checkbox-input-wrapper.ag-indeterminate::before {
6147
7173
  background-image: var(--ag-icon-image-checkbox-indeterminate, var(--ag-icon-image));
6148
7174
  display: var(--ag-icon-image-display-checkbox-indeterminate, var(--ag-icon-image-display));
@@ -6162,22 +7188,27 @@ button.ag-side-button-button:focus {
6162
7188
  border: var(--ag-toggle-button-border-width) solid;
6163
7189
  border-color: var(--ag-toggle-button-off-border-color);
6164
7190
  }
7191
+
6165
7192
  .ag-toggle-button-input-wrapper input {
6166
7193
  opacity: 0;
6167
7194
  height: 100%;
6168
7195
  width: 100%;
6169
7196
  }
7197
+
6170
7198
  .ag-toggle-button-input-wrapper:focus-within {
6171
7199
  outline: none;
6172
7200
  box-shadow: var(--ag-input-focus-box-shadow);
6173
7201
  }
7202
+
6174
7203
  .ag-toggle-button-input-wrapper.ag-disabled {
6175
7204
  opacity: 0.5;
6176
7205
  }
7206
+
6177
7207
  .ag-toggle-button-input-wrapper.ag-checked {
6178
7208
  background-color: var(--ag-toggle-button-on-background-color);
6179
7209
  border-color: var(--ag-toggle-button-on-border-color);
6180
7210
  }
7211
+
6181
7212
  .ag-toggle-button-input-wrapper::before {
6182
7213
  content: " ";
6183
7214
  position: absolute;
@@ -6193,6 +7224,7 @@ button.ag-side-button-button:focus {
6193
7224
  border: var(--ag-toggle-button-border-width) solid;
6194
7225
  border-color: var(--ag-toggle-button-switch-border-color);
6195
7226
  }
7227
+
6196
7228
  .ag-toggle-button-input-wrapper.ag-checked::before {
6197
7229
  left: calc(100% - var(--ag-toggle-button-height) + var(--ag-toggle-button-border-width));
6198
7230
  border-color: var(--ag-toggle-button-on-border-color);
@@ -6218,6 +7250,7 @@ button.ag-side-button-button:focus {
6218
7250
  flex: none;
6219
7251
  border-radius: var(--ag-icon-size);
6220
7252
  }
7253
+
6221
7254
  .ag-radio-button-input-wrapper input,
6222
7255
  .ag-radio-button-input-wrapper input {
6223
7256
  -webkit-appearance: none;
@@ -6225,13 +7258,22 @@ button.ag-side-button-button:focus {
6225
7258
  width: 100%;
6226
7259
  height: 100%;
6227
7260
  }
6228
- .ag-radio-button-input-wrapper:focus-within, .ag-radio-button-input-wrapper:active {
7261
+
7262
+ .ag-radio-button-input-wrapper:focus-within,
7263
+ .ag-radio-button-input-wrapper:active {
6229
7264
  outline: none;
6230
7265
  box-shadow: var(--ag-input-focus-box-shadow);
6231
7266
  }
7267
+
7268
+ .ag-cell-editing-error .ag-radio-button-input-wrapper:focus-within,
7269
+ .ag-cell-editing-error .ag-radio-button-input-wrapper:active {
7270
+ box-shadow: var(--ag-input-error-focus-box-shadow);
7271
+ }
7272
+
6232
7273
  .ag-radio-button-input-wrapper.ag-disabled {
6233
7274
  opacity: 0.5;
6234
7275
  }
7276
+
6235
7277
  .ag-radio-button-input-wrapper::after {
6236
7278
  content: var(--ag-icon-font-code-radio-button-off, "\f127");
6237
7279
  color: var(--ag-checkbox-unchecked-color);
@@ -6241,6 +7283,7 @@ button.ag-side-button-button:focus {
6241
7283
  left: 0;
6242
7284
  pointer-events: none;
6243
7285
  }
7286
+
6244
7287
  .ag-radio-button-input-wrapper.ag-checked::after {
6245
7288
  content: var(--ag-icon-font-code-radio-button-on, "\f128");
6246
7289
  color: var(--ag-checkbox-checked-color);
@@ -6250,6 +7293,7 @@ button.ag-side-button-button:focus {
6250
7293
  left: 0;
6251
7294
  pointer-events: none;
6252
7295
  }
7296
+
6253
7297
  .ag-radio-button-input-wrapper::before {
6254
7298
  content: "";
6255
7299
  background: transparent center/contain no-repeat;
@@ -6259,20 +7303,22 @@ button.ag-side-button-button:focus {
6259
7303
  display: var(--ag-icon-image-display-radio-button-off, var(--ag-icon-image-display));
6260
7304
  opacity: var(--ag-icon-image-opacity-radio-button-off, var(--ag-icon-image-opacity, 0.9));
6261
7305
  }
7306
+
6262
7307
  .ag-radio-button-input-wrapper.ag-checked::before {
6263
7308
  background-image: var(--ag-icon-image-radio-button-on, var(--ag-icon-image));
6264
7309
  display: var(--ag-icon-image-display-radio-button-on, var(--ag-icon-image-display));
6265
7310
  opacity: var(--ag-icon-image-opacity-radio-button-on, var(--ag-icon-image-opacity, 0.9));
6266
7311
  }
6267
7312
 
6268
- input[class^=ag-][type=range] {
7313
+ .ag-range-field-input {
6269
7314
  -webkit-appearance: none;
6270
7315
  width: 100%;
6271
7316
  height: 100%;
6272
7317
  background: none;
6273
7318
  overflow: visible;
6274
7319
  }
6275
- input[class^=ag-][type=range]::-webkit-slider-runnable-track {
7320
+
7321
+ .ag-range-field-input::-webkit-slider-runnable-track {
6276
7322
  margin: 0;
6277
7323
  padding: 0;
6278
7324
  width: 100%;
@@ -6281,7 +7327,8 @@ input[class^=ag-][type=range]::-webkit-slider-runnable-track {
6281
7327
  border-radius: var(--ag-border-radius);
6282
7328
  border-radius: var(--ag-checkbox-border-radius);
6283
7329
  }
6284
- input[class^=ag-][type=range]::-moz-range-track {
7330
+
7331
+ .ag-range-field-input::-moz-range-track {
6285
7332
  margin: 0;
6286
7333
  padding: 0;
6287
7334
  width: 100%;
@@ -6290,7 +7337,8 @@ input[class^=ag-][type=range]::-moz-range-track {
6290
7337
  border-radius: var(--ag-border-radius);
6291
7338
  border-radius: var(--ag-checkbox-border-radius);
6292
7339
  }
6293
- input[class^=ag-][type=range]::-ms-track {
7340
+
7341
+ .ag-range-field-input::-ms-track {
6294
7342
  margin: 0;
6295
7343
  padding: 0;
6296
7344
  width: 100%;
@@ -6301,7 +7349,8 @@ input[class^=ag-][type=range]::-ms-track {
6301
7349
  color: transparent;
6302
7350
  width: calc(100% - 2px);
6303
7351
  }
6304
- input[class^=ag-][type=range]::-webkit-slider-thumb {
7352
+
7353
+ .ag-range-field-input::-webkit-slider-thumb {
6305
7354
  margin: 0;
6306
7355
  padding: 0;
6307
7356
  -webkit-appearance: none;
@@ -6313,7 +7362,8 @@ input[class^=ag-][type=range]::-webkit-slider-thumb {
6313
7362
  border-radius: var(--ag-icon-size);
6314
7363
  transform: translateY(calc(var(--ag-icon-size) * -0.5 + 1.5px));
6315
7364
  }
6316
- input[class^=ag-][type=range]::-ms-thumb {
7365
+
7366
+ .ag-range-field-input::-ms-thumb {
6317
7367
  margin: 0;
6318
7368
  padding: 0;
6319
7369
  -webkit-appearance: none;
@@ -6324,7 +7374,8 @@ input[class^=ag-][type=range]::-ms-thumb {
6324
7374
  border-color: var(--ag-checkbox-unchecked-color);
6325
7375
  border-radius: var(--ag-icon-size);
6326
7376
  }
6327
- input[class^=ag-][type=range]::-moz-ag-range-thumb {
7377
+
7378
+ .ag-range-field-input::-moz-ag-range-thumb {
6328
7379
  margin: 0;
6329
7380
  padding: 0;
6330
7381
  -webkit-appearance: none;
@@ -6335,30 +7386,38 @@ input[class^=ag-][type=range]::-moz-ag-range-thumb {
6335
7386
  border-color: var(--ag-checkbox-unchecked-color);
6336
7387
  border-radius: var(--ag-icon-size);
6337
7388
  }
6338
- input[class^=ag-][type=range]:focus {
7389
+
7390
+ .ag-range-field-input:focus {
6339
7391
  outline: none;
6340
7392
  }
6341
- input[class^=ag-][type=range]:focus::-webkit-slider-thumb {
7393
+
7394
+ .ag-range-field-input:focus::-webkit-slider-thumb {
6342
7395
  box-shadow: var(--ag-input-focus-box-shadow);
6343
7396
  border-color: var(--ag-checkbox-checked-color);
6344
7397
  }
6345
- input[class^=ag-][type=range]:focus::-ms-thumb {
7398
+
7399
+ .ag-range-field-input:focus::-ms-thumb {
6346
7400
  box-shadow: var(--ag-input-focus-box-shadow);
6347
7401
  border-color: var(--ag-checkbox-checked-color);
6348
7402
  }
6349
- input[class^=ag-][type=range]:focus::-moz-ag-range-thumb {
7403
+
7404
+ .ag-range-field-input:focus::-moz-ag-range-thumb {
6350
7405
  box-shadow: var(--ag-input-focus-box-shadow);
6351
7406
  border-color: var(--ag-checkbox-checked-color);
6352
7407
  }
6353
- input[class^=ag-][type=range]:active::-webkit-slider-runnable-track {
7408
+
7409
+ .ag-range-field-input:active::-webkit-slider-runnable-track {
6354
7410
  background-color: var(--ag-input-focus-border-color);
6355
7411
  }
6356
- input[class^=ag-][type=range]:active::-moz-ag-range-track {
7412
+
7413
+ .ag-range-field-input:active::-moz-ag-range-track {
6357
7414
  background-color: var(--ag-input-focus-border-color);
6358
7415
  }
6359
- input[class^=ag-][type=range]:active::-ms-track {
7416
+
7417
+ .ag-range-field-input:active::-ms-track {
6360
7418
  background-color: var(--ag-input-focus-border-color);
6361
7419
  }
6362
- input[class^=ag-][type=range]:disabled {
7420
+
7421
+ .ag-range-field-input:disabled {
6363
7422
  opacity: 0.5;
6364
- }
7423
+ }