ag-grid-community 35.3.0 → 36.0.0

package/styles/ag-grid.css

@@ -32,14 +32,6 @@
   font-weight: var(--ag-pinned-row-font-weight);
 }
 
-.ag-floating-top-viewport {
-  border-bottom: var(--ag-pinned-row-border);
-}
-
-.ag-floating-bottom-viewport {
-  border-top: var(--ag-pinned-row-border);
-}
-
 .ag-measurement-container {
   --ag-legacy-styles-loaded: 'true';
 }
@@ -1262,6 +1254,57 @@
   opacity: var(--ag-icon-image-opacity-search, var(--ag-icon-image-opacity, 0.9));
 }
 
+.ag-icon-document {
+  font-family: var(--ag-icon-font-family-document, var(--ag-icon-font-family));
+  font-weight: var(--ag-icon-font-weight-document, var(--ag-icon-font-weight));
+  color: var(--ag-icon-font-color-document, var(--ag-icon-font-color));
+}
+
+.ag-icon-document::before {
+  content: var(--ag-icon-font-code-document, "\f147");
+  display: var(--ag-icon-font-display-document, var(--ag-icon-font-display));
+}
+
+.ag-icon-document::after {
+  background-image: var(--ag-icon-image-document, var(--ag-icon-image));
+  display: var(--ag-icon-image-display-document, var(--ag-icon-image-display));
+  opacity: var(--ag-icon-image-opacity-document, var(--ag-icon-image-opacity, 0.9));
+}
+
+.ag-icon-fx {
+  font-family: var(--ag-icon-font-family-fx, var(--ag-icon-font-family));
+  font-weight: var(--ag-icon-font-weight-fx, var(--ag-icon-font-weight));
+  color: var(--ag-icon-font-color-fx, var(--ag-icon-font-color));
+}
+
+.ag-icon-fx::before {
+  content: var(--ag-icon-font-code-fx, "\f148");
+  display: var(--ag-icon-font-display-fx, var(--ag-icon-font-display));
+}
+
+.ag-icon-fx::after {
+  background-image: var(--ag-icon-image-fx, var(--ag-icon-image));
+  display: var(--ag-icon-image-display-fx, var(--ag-icon-image-display));
+  opacity: var(--ag-icon-image-opacity-fx, var(--ag-icon-image-opacity, 0.9));
+}
+
+.ag-icon-values-as {
+  font-family: var(--ag-icon-font-family-values-as, var(--ag-icon-font-family));
+  font-weight: var(--ag-icon-font-weight-values-as, var(--ag-icon-font-weight));
+  color: var(--ag-icon-font-color-values-as, var(--ag-icon-font-color));
+}
+
+.ag-icon-values-as::before {
+  content: var(--ag-icon-font-code-values-as, "\f149");
+  display: var(--ag-icon-font-display-values-as, var(--ag-icon-font-display));
+}
+
+.ag-icon-values-as::after {
+  background-image: var(--ag-icon-image-values-as, var(--ag-icon-image));
+  display: var(--ag-icon-image-display-values-as, var(--ag-icon-image-display));
+  opacity: var(--ag-icon-image-opacity-values-as, var(--ag-icon-image-opacity, 0.9));
+}
+
 .ag-icon-row-drag::before {
   content: var(--ag-icon-font-code-grip);
 }
@@ -1402,6 +1445,7 @@
   --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3);
   --ag-cell-widget-spacing: var(--ag-cell-horizontal-padding);
   --ag-row-height: calc(var(--ag-grid-size) * 6 + 1px);
+  --ag-auto-height-min-body-height: 50px;
   --ag-header-height: var(--ag-row-height);
   --ag-pagination-panel-height: var(--ag-header-height);
   --ag-list-item-height: calc(var(--ag-grid-size) * 5);
@@ -1467,6 +1511,9 @@
   --ag-note-popup-input-background-color: var(--ag-background-color);
   --ag-note-popup-border: var(--ag-dialog-border);
   --ag-note-popup-padding: calc(var(--ag-grid-size) / 2);
+  --ag-calculated-column-highlight-color: #bbb;
+  --ag-calculated-column-parent-suggestion-color: color-mix(in srgb, transparent, var(--ag-foreground-color) 80%);
+  --ag-calculated-column-suggestion-list-width: 200px;
 }
 
 .ag-root-wrapper,
@@ -1474,22 +1521,15 @@
   background-color: var(--ag-wrapper-background-color);
 }
 
-.ag-sticky-top,
-.ag-sticky-bottom {
-  background-color: var(--ag-data-background-color);
-}
-
-.ag-sticky-bottom .ag-pinned-left-sticky-bottom,
-.ag-sticky-bottom .ag-sticky-bottom-container,
-.ag-sticky-bottom .ag-pinned-right-sticky-bottom {
-  border-top: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width);
-}
-
 .ag-root-wrapper,
 .ag-popup {
   --ag-indentation-level: 0;
 }
 
+.ag-styled-root {
+  display: contents;
+}
+
 [class*=ag-theme-] {
   -webkit-font-smoothing: antialiased;
   font-family: var(--ag-font-family);
@@ -1669,16 +1709,9 @@ ag-grid-aurelia {
   height: 100%;
 }
 
-.ag-header-viewport,
-.ag-floating-top-viewport,
-.ag-body-viewport,
-.ag-center-cols-viewport,
-.ag-floating-bottom-viewport,
 .ag-body-horizontal-scroll-viewport,
 .ag-body-vertical-scroll-viewport,
-.ag-virtual-list-viewport,
-.ag-sticky-top-viewport,
-.ag-sticky-bottom-viewport {
+.ag-virtual-list-viewport {
   position: relative;
   height: 100%;
   min-width: 0px;
@@ -1686,46 +1719,30 @@ ag-grid-aurelia {
   flex: 1 1 auto;
 }
 
-.ag-body-viewport,
-.ag-center-cols-viewport,
-.ag-header-viewport,
-.ag-floating-top-viewport,
-.ag-floating-bottom-viewport,
-.ag-sticky-top-viewport,
-.ag-sticky-bottom-viewport {
-  overflow-x: auto;
-}
-.ag-body-viewport::-webkit-scrollbar,
-.ag-center-cols-viewport::-webkit-scrollbar,
-.ag-header-viewport::-webkit-scrollbar,
-.ag-floating-top-viewport::-webkit-scrollbar,
-.ag-floating-bottom-viewport::-webkit-scrollbar,
-.ag-sticky-top-viewport::-webkit-scrollbar,
-.ag-sticky-bottom-viewport::-webkit-scrollbar {
-  display: none !important;
+.ag-viewport {
+  position: relative;
 }
-.ag-body-viewport,
-.ag-center-cols-viewport,
-.ag-header-viewport,
-.ag-floating-top-viewport,
-.ag-floating-bottom-viewport,
-.ag-sticky-top-viewport,
-.ag-sticky-bottom-viewport {
+
+.ag-grid-viewport {
+  position: relative;
+  overflow: auto;
+  min-width: 0;
+  min-height: 0;
+  flex: 1 1 auto;
+  -webkit-overflow-scrolling: touch;
   -ms-overflow-style: none !important;
   scrollbar-width: none !important;
 }
-
-.ag-body-viewport {
-  display: flex;
-  overflow-x: hidden;
-}
-.ag-body-viewport.ag-layout-normal {
-  overflow-y: auto;
-  -webkit-overflow-scrolling: touch;
+.ag-grid-viewport::-webkit-scrollbar {
+  display: none !important;
 }
 
-.ag-viewport {
+.ag-grid-scrollable-area {
   position: relative;
+  min-width: 100%;
+  min-height: 100%;
+  display: flex;
+  flex-direction: column;
 }
 
 .ag-spanning-container {
@@ -1734,19 +1751,8 @@ ag-grid-aurelia {
   z-index: 1;
 }
 
-.ag-sticky-top-container,
-.ag-sticky-bottom-container,
-.ag-floating-top-container,
-.ag-floating-bottom-container {
-  min-height: 1px;
-}
-
-.ag-sticky-top,
-.ag-sticky-bottom {
-  z-index: 1;
-}
-
-.ag-center-cols-viewport {
+.ag-grid-scrolling-container {
+  display: block;
   min-height: 100%;
   width: 100%;
 }
@@ -1757,6 +1763,7 @@ ag-grid-aurelia {
 
 .ag-body-vertical-scroll-viewport {
   overflow-y: scroll;
+  pointer-events: all;
 }
 
 .ag-virtual-list-viewport {
@@ -1764,46 +1771,13 @@ ag-grid-aurelia {
   width: 100%;
 }
 
-.ag-header-container,
-.ag-floating-top-container,
-.ag-body-container,
-.ag-pinned-right-cols-container,
-.ag-center-cols-container,
-.ag-pinned-left-cols-container,
-.ag-floating-bottom-container,
+.ag-grid-scrolling-container,
 .ag-body-horizontal-scroll-container,
 .ag-body-vertical-scroll-container,
-.ag-full-width-container,
-.ag-floating-bottom-full-width-container,
-.ag-virtual-list-container,
-.ag-sticky-top-container,
-.ag-sticky-bottom-container,
-.ag-pinned-left-sticky-bottom,
-.ag-pinned-right-sticky-bottom {
+.ag-virtual-list-container {
   position: relative;
 }
 
-.ag-header-container,
-.ag-floating-top-container,
-.ag-pinned-left-floating-top,
-.ag-pinned-right-floating-top,
-.ag-floating-bottom-container,
-.ag-pinned-left-floating-bottom,
-.ag-pinned-right-floating-bottom,
-.ag-sticky-top-container,
-.ag-sticky-bottom-container {
-  height: 100%;
-  white-space: nowrap;
-}
-
-.ag-center-cols-container {
-  display: block;
-}
-
-.ag-pinned-right-cols-container {
-  display: block;
-}
-
 .ag-body-horizontal-scroll-container {
   height: 100%;
 }
@@ -1812,53 +1786,18 @@ ag-grid-aurelia {
   width: 100%;
 }
 
-.ag-full-width-container,
-.ag-floating-top-full-width-container,
-.ag-floating-bottom-full-width-container,
-.ag-sticky-top-full-width-container,
-.ag-sticky-bottom-full-width-container {
-  position: absolute;
-  top: 0px;
-}
-.ag-ltr .ag-full-width-container,
-.ag-ltr .ag-floating-top-full-width-container,
-.ag-ltr .ag-floating-bottom-full-width-container,
-.ag-ltr .ag-sticky-top-full-width-container,
-.ag-ltr .ag-sticky-bottom-full-width-container {
+.ag-full-width-anchor {
+  position: sticky;
   left: 0;
-}
-.ag-rtl .ag-full-width-container,
-.ag-rtl .ag-floating-top-full-width-container,
-.ag-rtl .ag-floating-bottom-full-width-container,
-.ag-rtl .ag-sticky-top-full-width-container,
-.ag-rtl .ag-sticky-bottom-full-width-container {
-  right: 0;
-}
-.ag-full-width-container,
-.ag-floating-top-full-width-container,
-.ag-floating-bottom-full-width-container,
-.ag-sticky-top-full-width-container,
-.ag-sticky-bottom-full-width-container {
-  pointer-events: none;
-}
-
-.ag-full-width-container {
-  width: 100%;
-}
-
-.ag-floating-bottom-full-width-container,
-.ag-floating-top-full-width-container {
-  display: inline-block;
-  overflow: hidden;
+  width: var(--ag-internal-fw-anchor-width, 100%);
   height: 100%;
-  width: 100%;
 }
 
 .ag-virtual-list-container {
   overflow: hidden;
 }
 
-.ag-body {
+.ag-grid-scrolling-rows {
   position: relative;
   display: flex;
   flex: 1 1 auto;
@@ -1871,12 +1810,12 @@ ag-grid-aurelia {
   min-height: 0;
   min-width: 0;
   display: flex;
-  position: relative;
 }
 .ag-body-horizontal-scroll.ag-scrollbar-invisible,
 .ag-body-vertical-scroll.ag-scrollbar-invisible {
   position: absolute;
   bottom: 0;
+  z-index: 2;
 }
 .ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar,
 .ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar {
@@ -1893,47 +1832,45 @@ ag-grid-aurelia {
 
 .ag-body-horizontal-scroll {
   width: 100%;
+  flex: none;
 }
 .ag-body-horizontal-scroll.ag-scrollbar-invisible {
   left: 0;
   right: 0;
 }
 
-.ag-body-vertical-scroll {
-  height: 100%;
+.ag-body-horizontal-scroll-end-spacer {
+  flex: 0 0 auto;
+  min-width: 0;
+  overflow: scroll;
 }
-.ag-body-vertical-scroll.ag-scrollbar-invisible {
+
+.ag-body-vertical-scroll {
+  position: absolute;
+  z-index: 2;
+  flex-direction: column;
   top: 0;
-  z-index: 10;
+  pointer-events: none;
 }
-.ag-ltr .ag-body-vertical-scroll.ag-scrollbar-invisible {
+.ag-ltr .ag-body-vertical-scroll {
   right: 0;
 }
-.ag-rtl .ag-body-vertical-scroll.ag-scrollbar-invisible {
+.ag-rtl .ag-body-vertical-scroll {
   left: 0;
 }
 
-.ag-force-vertical-scroll {
-  overflow-y: scroll !important;
-}
-
-.ag-horizontal-left-spacer,
-.ag-horizontal-right-spacer {
-  height: 100%;
-  min-width: 0;
-  overflow-x: scroll;
-}
-.ag-horizontal-left-spacer.ag-scroller-corner,
-.ag-horizontal-right-spacer.ag-scroller-corner {
-  overflow-x: hidden;
+.ag-body-vertical-scroll-start-spacer {
+  border-bottom: var(--ag-header-row-border);
+  opacity: 0;
+  flex: none;
 }
 
-.ag-header,
-.ag-pinned-left-header,
-.ag-pinned-right-header {
-  display: inline-block;
-  overflow: hidden;
-  position: relative;
+.ag-ltr .ag-has-right-pinned-cols .ag-body-vertical-scroll-start-spacer,
+.ag-rtl .ag-has-left-pinned-cols .ag-body-vertical-scroll-start-spacer {
+  pointer-events: all;
+  opacity: 1;
+  background-color: var(--ag-background-color);
+  background-image: linear-gradient(0deg, var(--ag-header-background-color), var(--ag-header-background-color));
 }
 
 .ag-header-cell-sortable .ag-header-cell-label,
@@ -1941,29 +1878,15 @@ ag-grid-aurelia {
   cursor: pointer;
 }
 
-.ag-header {
-  display: flex;
-  width: 100%;
-  white-space: nowrap;
-}
-
-.ag-pinned-left-header {
-  height: 100%;
-}
-
-.ag-pinned-right-header {
-  height: 100%;
-}
-
 .ag-header-row {
   position: absolute;
 }
 
 .ag-header-row:not(.ag-header-row-column-group) {
-  overflow: hidden;
+  overflow: visible;
 }
 
-.ag-header.ag-header-allow-overflow .ag-header-row {
+.ag-grid-pinned-top-rows-container.ag-header-allow-overflow .ag-header-row {
   overflow: visible;
 }
 
@@ -2048,7 +1971,7 @@ ag-grid-aurelia {
   height: 100%;
   width: 8px;
   top: 0;
-  cursor: ew-resize;
+  cursor: col-resize;
 }
 .ag-ltr .ag-header-cell-resize {
   right: -3px;
@@ -2057,11 +1980,11 @@ ag-grid-aurelia {
   left: -3px;
 }
 
-.ag-pinned-left-header .ag-header-cell-resize {
+.ag-grid-pinned-left-cells .ag-header-cell-resize {
   right: -3px;
 }
 
-.ag-pinned-right-header .ag-header-cell-resize {
+.ag-grid-pinned-right-cells .ag-header-cell-resize {
   left: -3px;
 }
 
@@ -2078,16 +2001,16 @@ ag-grid-aurelia {
 }
 
 .ag-column-moving .ag-cell {
-  transition: left 0.2s;
+  transition: left 0.2s, right 0.2s;
 }
 .ag-column-moving .ag-header-cell {
-  transition: left 0.2s;
+  transition: left 0.2s, right 0.2s;
 }
 .ag-column-moving .ag-spanned-cell-wrapper {
-  transition: left 0.2s;
+  transition: left 0.2s, right 0.2s;
 }
 .ag-column-moving .ag-header-group-cell {
-  transition: left 0.2s, width 0.2s;
+  transition: left 0.2s, right 0.2s, width 0.2s;
 }
 
 .ag-delay-render .ag-cell {
@@ -2266,17 +2189,96 @@ ag-grid-aurelia {
   align-items: center;
 }
 
-.ag-row-position-absolute {
+.ag-row:not(.ag-full-width-row),
+.ag-row.ag-embedded-full-width-row,
+.ag-header-row {
+  display: flex;
+  width: 100%;
+}
+
+.ag-row:not(.ag-full-width-row)::after,
+.ag-header-row::after,
+.ag-row.ag-embedded-full-width-row::after {
+  content: "";
+  flex: 1 0 0px;
+  align-self: stretch;
+}
+
+.ag-row:not(.ag-header-row, .ag-full-width-row)::after,
+.ag-row.ag-embedded-full-width-row::after {
+  background-color: var(--ag-data-background-color);
+}
+
+.ag-header-row::after {
+  background-color: var(--ag-header-background-color);
+}
+
+.ag-header {
   position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  border-bottom: var(--ag-borders-critical) var(--ag-border-color);
+  color: var(--ag-header-foreground-color);
+  z-index: 1;
 }
 
-.ag-row-position-relative {
+.ag-grid-pinned-left-cells,
+.ag-grid-scrolling-cells,
+.ag-grid-pinned-right-cells {
   position: relative;
+  height: 100%;
+  white-space: nowrap;
+}
+
+.ag-grid-scrolling-cells {
+  flex: 0 0 auto;
+  z-index: 0;
 }
 
-.ag-full-width-row {
+.ag-row.ag-embedded-full-width-row > .ag-grid-scrolling-cells {
+  flex: 1 0 auto;
+  margin-right: var(--ag-internal-pinned-right-sticky-offset, 0px);
+}
+
+.ag-grid-pinned-left-cells,
+.ag-grid-pinned-right-cells {
+  position: sticky;
+  z-index: 2;
   overflow: hidden;
-  pointer-events: all;
+  flex: 0 0 auto;
+}
+
+.ag-grid-pinned-left-cells {
+  left: var(--ag-internal-pinned-left-sticky-offset, 0px);
+}
+
+.ag-grid-pinned-right-cells {
+  right: var(--ag-internal-pinned-right-sticky-offset, 0px);
+}
+
+.ag-row:not(.ag-full-width-row) > .ag-grid-pinned-right-cells,
+.ag-header-row > .ag-grid-pinned-right-cells,
+.ag-row.ag-embedded-full-width-row > .ag-grid-pinned-right-cells {
+  order: 1;
+}
+
+.ag-rtl .ag-row:not(.ag-full-width-row) > .ag-grid-scrolling-cells,
+.ag-rtl .ag-header-row > .ag-grid-scrolling-cells,
+.ag-rtl .ag-row.ag-embedded-full-width-row > .ag-grid-scrolling-cells {
+  order: 1;
+}
+
+.ag-rtl .ag-row .ag-grid-scrolling-cells {
+  margin-left: var(--ag-internal-pinned-left-sticky-offset, 0px);
+}
+
+.ag-row-position-absolute {
+  position: absolute;
+}
+
+.ag-row-position-relative {
+  position: relative;
 }
 
 .ag-row-inline-editing {
@@ -2476,10 +2478,83 @@ ag-grid-aurelia {
 
 .ag-overlay-loading-wrapper,
 .ag-overlay-exporting-wrapper,
-.ag-overlay-modal-wrapper {
+.ag-overlay-modal-wrapper,
+.ag-overlay-file-input-wrapper {
   pointer-events: all;
 }
 
+.ag-overlay-file-input-center {
+  border: solid 1px var(--ag-border-color);
+  background: var(--ag-background-color);
+  border-radius: var(--ag-card-radius);
+  box-shadow: var(--ag-card-shadow);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: calc(var(--ag-grid-size) * 2);
+  max-width: 420px;
+  padding: calc(var(--ag-grid-size) * 2);
+}
+
+.ag-file-input-error-banner {
+  background: color-mix(in srgb, var(--ag-invalid-color) 10%, var(--ag-background-color));
+  color: var(--ag-invalid-color);
+  border-radius: var(--ag-border-radius);
+  padding: calc(var(--ag-grid-size) * 0.75) calc(var(--ag-grid-size) * 2);
+  width: 100%;
+  text-align: center;
+  font-size: 0.9em;
+}
+
+.ag-file-input-drop-zone {
+  border: dashed 2px var(--ag-border-color);
+  border-radius: var(--ag-border-radius);
+  padding: calc(var(--ag-grid-size) * 4);
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: var(--ag-grid-size);
+  width: 100%;
+}
+
+.ag-file-input-drop-zone-active {
+  border-color: var(--ag-input-focus-border-color);
+  background: color-mix(in srgb, var(--ag-input-focus-border-color) 10%, var(--ag-background-color));
+}
+
+.ag-file-input-processing {
+  display: flex;
+  align-items: center;
+  gap: calc(var(--ag-grid-size) * 0.75);
+  padding: calc(var(--ag-grid-size) * 4);
+}
+.ag-ltr .ag-file-input-processing .ag-loading-icon {
+  padding-right: 0;
+}
+.ag-rtl .ag-file-input-processing .ag-loading-icon {
+  padding-left: 0;
+}
+
+.ag-file-input-text-row {
+  display: flex;
+  align-items: center;
+  gap: calc(var(--ag-grid-size) * 0.75);
+}
+
+.ag-file-input-text {
+  font-weight: 600;
+}
+
+.ag-file-input-browse {
+  cursor: pointer;
+  border: solid 1px var(--ag-border-color);
+  background: transparent;
+  color: var(--ag-text-color);
+  border-radius: var(--ag-border-radius);
+  padding: calc(var(--ag-grid-size) * 0.5) calc(var(--ag-grid-size) * 2);
+  font: inherit;
+}
+
 .ag-popup-child {
   z-index: 5;
   top: 0;
@@ -2502,54 +2577,55 @@ ag-grid-aurelia {
   width: 100%;
 }
 
-.ag-floating-top,
-.ag-floating-bottom {
-  overflow: hidden;
-  white-space: nowrap;
+.ag-grid-pinned-top-rows,
+.ag-grid-pinned-bottom-rows {
   width: 100%;
-  position: relative;
-  display: flex;
+  position: sticky;
+  z-index: 2;
+  background-color: var(--ag-data-background-color);
+  border-bottom: var(--ag-borders-critical) var(--ag-border-color);
 }
 
-.ag-pinned-left-floating-top,
-.ag-pinned-right-floating-top,
-.ag-pinned-left-floating-bottom,
-.ag-pinned-right-floating-bottom {
-  overflow: hidden;
-  position: relative;
-  min-width: 0px;
+.ag-grid-pinned-top-rows {
+  top: 0;
+  white-space: nowrap;
+}
+
+.ag-grid-pinned-bottom-rows {
+  bottom: 0;
+  border-bottom: none;
+  white-space: nowrap;
+  box-sizing: content-box !important;
+}
+.ag-grid-pinned-bottom-rows .ag-grid-pinned-left-cells,
+.ag-grid-pinned-bottom-rows .ag-grid-scrolling-cells,
+.ag-grid-pinned-bottom-rows .ag-grid-pinned-right-cells {
+  box-sizing: border-box;
 }
 
-.ag-sticky-top,
-.ag-sticky-bottom {
+.ag-grid-pinned-top-rows-container,
+.ag-grid-pinned-bottom-rows-container,
+.ag-grid-sticky-top-rows-container,
+.ag-grid-sticky-bottom-rows-container {
+  background-color: var(--ag-data-background-color);
   position: absolute;
-  display: flex;
   width: 100%;
-  overflow: hidden;
-  height: 0px;
+  white-space: nowrap;
+  overflow: visible;
 }
 
-.ag-sticky-bottom {
-  box-sizing: content-box !important;
-}
-.ag-sticky-bottom .ag-pinned-left-sticky-bottom,
-.ag-sticky-bottom .ag-sticky-bottom-container,
-.ag-sticky-bottom .ag-pinned-right-sticky-bottom {
-  box-sizing: border-box;
+.ag-grid-pinned-top-rows-container {
+  display: flex;
+  z-index: 1;
 }
 
-.ag-pinned-left-sticky-top,
-.ag-pinned-right-sticky-top {
-  position: relative;
-  height: 100%;
-  overflow: hidden;
+.ag-grid-pinned-bottom-rows-container {
+  display: flex;
 }
 
-.ag-sticky-top-full-width-container,
-.ag-sticky-bottom-full-width-container {
-  overflow: hidden;
+.ag-extra-rows-container {
+  position: absolute;
   width: 100%;
-  height: 100%;
 }
 
 .ag-dialog,
@@ -2892,8 +2968,15 @@ ag-grid-aurelia {
 }
 
 .ag-paging-panel {
+  display: flex;
   align-items: center;
+}
+
+.ag-paging-panel-content {
   display: flex;
+  flex: 0 0 auto;
+  min-width: 100%;
+  align-items: center;
   justify-content: flex-end;
 }
 
@@ -3091,10 +3174,10 @@ ag-grid-aurelia {
   left: 0;
   height: 4px;
   width: 100%;
-  cursor: ns-resize;
+  cursor: row-resize;
 }
 
-.ag-floating-bottom .ag-row-numbers-resizer {
+.ag-grid-pinned-bottom-rows .ag-row-numbers-resizer {
   bottom: unset;
   top: -2px;
 }
@@ -3167,6 +3250,23 @@ ag-grid-aurelia {
   align-items: flex-end;
 }
 
+.ag-field-set {
+  display: flex;
+  align-items: center;
+}
+
+.ag-field-set-wrapper {
+  display: flex;
+}
+
+.ag-field-set-wrapper-horizontal {
+  flex-direction: row;
+}
+
+.ag-field-set-wrapper-vertical {
+  flex-direction: column;
+}
+
 .ag-toggle-button-icon {
   transition: right 0.3s;
   position: absolute;
@@ -3371,28 +3471,36 @@ ag-grid-aurelia {
 .ag-ltr {
   direction: ltr;
 }
-.ag-ltr .ag-body,
-.ag-ltr .ag-floating-top,
-.ag-ltr .ag-floating-bottom,
-.ag-ltr .ag-header,
-.ag-ltr .ag-sticky-top,
-.ag-ltr .ag-sticky-bottom,
-.ag-ltr .ag-body-viewport,
-.ag-ltr .ag-body-horizontal-scroll {
+.ag-ltr .ag-grid-scrolling-rows,
+.ag-ltr .ag-grid-pinned-top-rows,
+.ag-ltr .ag-grid-pinned-bottom-rows,
+.ag-ltr .ag-grid-pinned-top-rows-container,
+.ag-ltr .ag-grid-pinned-bottom-rows-container,
+.ag-ltr .ag-grid-sticky-top-rows-container,
+.ag-ltr .ag-grid-sticky-bottom-rows-container {
+  flex-direction: row;
+}
+.ag-ltr .ag-row:where(:not(.ag-full-width-row)),
+.ag-ltr .ag-row:where(.ag-embedded-full-width-row),
+.ag-ltr .ag-header-row {
   flex-direction: row;
 }
 
 .ag-rtl {
   direction: rtl;
 }
-.ag-rtl .ag-body,
-.ag-rtl .ag-floating-top,
-.ag-rtl .ag-floating-bottom,
-.ag-rtl .ag-header,
-.ag-rtl .ag-sticky-top,
-.ag-rtl .ag-sticky-bottom,
-.ag-rtl .ag-body-viewport,
-.ag-rtl .ag-body-horizontal-scroll {
+.ag-rtl .ag-grid-scrolling-rows,
+.ag-rtl .ag-grid-pinned-top-rows,
+.ag-rtl .ag-grid-pinned-bottom-rows,
+.ag-rtl .ag-grid-pinned-top-rows-container,
+.ag-rtl .ag-grid-pinned-bottom-rows-container,
+.ag-rtl .ag-grid-sticky-top-rows-container,
+.ag-rtl .ag-grid-sticky-bottom-rows-container {
+  flex-direction: row-reverse;
+}
+.ag-rtl .ag-row:not(.ag-full-width-row),
+.ag-rtl .ag-row.ag-embedded-full-width-row,
+.ag-rtl .ag-header-row {
   flex-direction: row-reverse;
 }
 .ag-rtl .ag-icon-contracted,
@@ -3402,20 +3510,25 @@ ag-grid-aurelia {
   transform: rotate(180deg);
 }
 
-.ag-body .ag-body-viewport {
-  -webkit-overflow-scrolling: touch;
-}
-
 .ag-measurement-container {
   width: 0;
   overflow: hidden;
   visibility: hidden;
+  --ag-header-row-border: var(--ag-borders-critical) var(--ag-border-color);
+  --ag-pinned-row-border: var(--ag-borders-critical) var(--ag-border-color);
+  --ag-row-border: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width);
 }
 .ag-measurement-container div {
   position: absolute;
 }
 
-.ag-layout-print.ag-body {
+.ag-measurement-element-border::before {
+  content: "";
+  display: block;
+  border-left: var(--ag-internal-measurement-border);
+}
+
+.ag-layout-print.ag-grid-scrolling-rows {
   display: block;
   height: unset;
 }
@@ -3428,9 +3541,6 @@ ag-grid-aurelia {
 .ag-layout-print .ag-body-horizontal-scroll {
   display: none;
 }
-.ag-layout-print.ag-force-vertical-scroll {
-  overflow-y: visible !important;
-}
 
 @media print {
   .ag-root-wrapper.ag-layout-print {
@@ -3439,9 +3549,7 @@ ag-grid-aurelia {
   }
   .ag-root-wrapper.ag-layout-print .ag-root-wrapper-body,
   .ag-root-wrapper.ag-layout-print .ag-root,
-  .ag-root-wrapper.ag-layout-print .ag-body-viewport,
-  .ag-root-wrapper.ag-layout-print .ag-center-cols-container,
-  .ag-root-wrapper.ag-layout-print .ag-center-cols-viewport,
+  .ag-root-wrapper.ag-layout-print .ag-grid-scrolling-container,
   .ag-root-wrapper.ag-layout-print .ag-body-horizontal-scroll-viewport,
   .ag-root-wrapper.ag-layout-print .ag-virtual-list-viewport {
     height: auto !important;
@@ -4089,6 +4197,15 @@ button[class^=ag-]:focus.invalid {
   width: 100%;
 }
 
+.ag-autocomplete-list-popup {
+  position: absolute;
+  user-select: none;
+  border-radius: var(--ag-border-radius);
+  box-shadow: var(--ag-dropdown-shadow);
+  background-color: var(--ag-background-color);
+  padding: 0;
+}
+
 .ag-autocomplete-list {
   width: 100%;
   min-width: 200px;
@@ -4096,6 +4213,7 @@ button[class^=ag-]:focus.invalid {
 }
 
 .ag-autocomplete-virtual-list-item {
+  display: flex;
   cursor: default;
   height: var(--ag-list-item-height);
 }
@@ -4106,7 +4224,17 @@ button[class^=ag-]:focus.invalid {
   background-color: var(--ag-row-hover-color);
 }
 
+.ag-autocomplete-row {
+  display: flex;
+  flex: 1 1 auto;
+  align-items: center;
+  overflow: hidden;
+}
+
 .ag-autocomplete-row-label {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
   margin: 0px var(--ag-widget-container-horizontal-padding);
 }
 
@@ -4275,6 +4403,20 @@ button[class^=ag-]:focus.invalid {
   opacity: 0.7;
   pointer-events: none;
 }
+.ag-dragging-range-handle .ag-dialog .ag-charts-canvas-center,
+.ag-dragging-range-handle .ag-dialog .ag-charts-series-area,
+.ag-dragging-range-handle .ag-dialog .ag-charts-proxy-elem,
+.ag-dragging-range-handle .ag-dialog .ag-charts-proxy-legend-toolbar,
+.ag-dragging-range-handle .ag-dialog .ag-charts-toolbar,
+.ag-dragging-range-handle .ag-dialog .ag-charts-canvas-overlay > *,
+.ag-dragging-fill-handle .ag-dialog .ag-charts-canvas-center,
+.ag-dragging-fill-handle .ag-dialog .ag-charts-series-area,
+.ag-dragging-fill-handle .ag-dialog .ag-charts-proxy-elem,
+.ag-dragging-fill-handle .ag-dialog .ag-charts-proxy-legend-toolbar,
+.ag-dragging-fill-handle .ag-dialog .ag-charts-toolbar,
+.ag-dragging-fill-handle .ag-dialog .ag-charts-canvas-overlay > * {
+  pointer-events: none;
+}
 
 .ag-dialog {
   border-radius: var(--ag-border-radius);
@@ -4396,7 +4538,7 @@ button[class^=ag-]:focus.invalid {
   border-radius: var(--ag-card-radius);
   white-space: normal;
 }
-.ag-tooltip.ag-cell-editor-tooltip, .ag-tooltip.ag-cell-formula-tooltip {
+.ag-tooltip.ag-cell-editor-tooltip, .ag-tooltip.ag-cell-formula-tooltip, .ag-tooltip.ag-calculated-column-expression-tooltip {
   background-color: var(--ag-tooltip-error-background-color);
   color: var(--ag-tooltip-error-text-color);
   border: var(--ag-borders) var(--ag-tooltip-error-border-color);
@@ -4608,13 +4750,63 @@ button[class^=ag-]:focus.invalid {
 
 .ag-row {
   height: var(--ag-row-height);
-  background-color: var(--ag-data-background-color);
-  border-bottom: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width);
 }
 .ag-row.ag-row-editing-invalid {
   background-color: var(--ag-full-row-invalid-background-color);
 }
 
+.ag-row.ag-full-width-row:not(.ag-embedded-full-width-row) {
+  border-bottom: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width);
+}
+
+.ag-row:not(.ag-header-row, .ag-full-width-row) > .ag-grid-pinned-left-cells,
+.ag-row:not(.ag-header-row, .ag-full-width-row) > .ag-grid-scrolling-cells,
+.ag-row:not(.ag-header-row, .ag-full-width-row) > .ag-grid-pinned-right-cells,
+.ag-row.ag-embedded-full-width-row > .ag-grid-pinned-left-cells,
+.ag-row.ag-embedded-full-width-row > .ag-grid-scrolling-cells,
+.ag-row.ag-embedded-full-width-row > .ag-grid-pinned-right-cells {
+  border-bottom: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width);
+}
+
+.ag-grid-pinned-bottom-rows-container .ag-row-last:not(.ag-header-row, .ag-full-width-row) > .ag-grid-pinned-left-cells,
+.ag-grid-pinned-bottom-rows-container .ag-row-last:not(.ag-header-row, .ag-full-width-row) > .ag-grid-scrolling-cells,
+.ag-grid-pinned-bottom-rows-container .ag-row-last:not(.ag-header-row, .ag-full-width-row) > .ag-grid-pinned-right-cells,
+.ag-grid-pinned-bottom-rows-container .ag-row-last.ag-embedded-full-width-row > .ag-grid-pinned-left-cells,
+.ag-grid-pinned-bottom-rows-container .ag-row-last.ag-embedded-full-width-row > .ag-grid-scrolling-cells,
+.ag-grid-pinned-bottom-rows-container .ag-row-last.ag-embedded-full-width-row > .ag-grid-pinned-right-cells {
+  border-bottom: none;
+}
+
+:where(.ag-grid-sticky-bottom-rows-container) .ag-row:where(:not(.ag-header-row, .ag-full-width-row)) > .ag-grid-pinned-left-cells,
+:where(.ag-grid-sticky-bottom-rows-container) .ag-row:where(:not(.ag-header-row, .ag-full-width-row)) > .ag-grid-scrolling-cells,
+:where(.ag-grid-sticky-bottom-rows-container) .ag-row:where(:not(.ag-header-row, .ag-full-width-row)) > .ag-grid-pinned-right-cells,
+:where(.ag-grid-sticky-bottom-rows-container) .ag-row:where(.ag-embedded-full-width-row) > .ag-grid-pinned-left-cells,
+:where(.ag-grid-sticky-bottom-rows-container) .ag-row:where(.ag-embedded-full-width-row) > .ag-grid-scrolling-cells,
+:where(.ag-grid-sticky-bottom-rows-container) .ag-row:where(.ag-embedded-full-width-row) > .ag-grid-pinned-right-cells {
+  border-bottom: none;
+  border-top: var(--ag-row-border);
+}
+
+:where(.ag-row:not(.ag-header-row)) {
+  background-color: var(--ag-data-background-color);
+  --ag-internal-row-overlay-color: transparent;
+  --ag-internal-row-overlay-image: none;
+}
+
+.ag-grid-container-wrapper {
+  width: 100%;
+  height: 100%;
+}
+
+.ag-row:not(.ag-header-row) > .ag-grid-pinned-left-cells,
+.ag-row:not(.ag-header-row) > .ag-grid-pinned-right-cells {
+  background-color: inherit;
+  background-image: linear-gradient(var(--ag-data-background-color), var(--ag-data-background-color));
+}
+.ag-row:not(.ag-header-row) .ag-grid-container-wrapper {
+  background-color: inherit;
+}
+
 .ag-spanned-cell-wrapper {
   background-color: var(--ag-data-background-color);
   position: absolute;
@@ -4662,9 +4854,8 @@ button[class^=ag-]:focus.invalid {
   border: 1px solid var(--ag-range-selection-border-color);
 }
 
-.ag-body,
-.ag-floating-top,
-.ag-floating-bottom {
+.ag-grid-scrolling-rows,
+.ag-grid-pinned-bottom-rows-container {
   background-color: var(--ag-data-background-color);
 }
 
@@ -4672,28 +4863,36 @@ button[class^=ag-]:focus.invalid {
   background-color: var(--ag-odd-row-background-color);
 }
 
-.ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-left-spacer:not(.ag-scroller-corner) {
-  border-right: var(--ag-borders-critical) var(--ag-border-color);
+.ag-row-selected {
+  --ag-internal-row-overlay-color: var(--ag-selected-row-background-color);
 }
-.ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-right-spacer:not(.ag-scroller-corner) {
-  border-left: var(--ag-borders-critical) var(--ag-border-color);
+
+.ag-row-hover:not(.ag-full-width-row),
+.ag-row-hover.ag-full-width-row.ag-row-group {
+  --ag-internal-row-overlay-color: var(--ag-row-hover-color);
 }
 
-.ag-row-selected::before {
+.ag-row-selected .ag-grid-pinned-left-cells::before,
+.ag-row-selected .ag-grid-pinned-right-cells::before,
+.ag-row-selected .ag-grid-scrolling-cells::before,
+.ag-row-hover:not(.ag-full-width-row) .ag-grid-pinned-left-cells::before,
+.ag-row-hover:not(.ag-full-width-row) .ag-grid-pinned-right-cells::before,
+.ag-row-hover:not(.ag-full-width-row) .ag-grid-scrolling-cells::before {
   content: "";
-  background-color: var(--ag-selected-row-background-color);
   display: block;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
+  pointer-events: none;
+  background-color: var(--ag-internal-row-overlay-color);
+  background-image: var(--ag-internal-row-overlay-image);
 }
 
-.ag-row-hover:not(.ag-full-width-row)::before,
+.ag-row-selected.ag-full-width-row::before,
 .ag-row-hover.ag-full-width-row.ag-row-group::before {
   content: "";
-  background-color: var(--ag-row-hover-color);
   display: block;
   position: absolute;
   top: 0;
@@ -4701,15 +4900,20 @@ button[class^=ag-]:focus.invalid {
   right: 0;
   bottom: 0;
   pointer-events: none;
+  background-color: var(--ag-internal-row-overlay-color);
+  background-image: var(--ag-internal-row-overlay-image);
 }
 
-.ag-row.ag-full-width-row.ag-row-group > * {
+.ag-row.ag-full-width-row > * {
   position: relative;
 }
 
-.ag-row-hover.ag-row-selected::before {
-  background-color: var(--ag-row-hover-color);
-  background-image: linear-gradient(var(--ag-selected-row-background-color), var(--ag-selected-row-background-color));
+.ag-row-hover.ag-row-selected {
+  --ag-internal-row-overlay-color: var(--ag-row-hover-color);
+  --ag-internal-row-overlay-image: linear-gradient(
+      var(--ag-selected-row-background-color),
+      var(--ag-selected-row-background-color)
+  );
 }
 
 .ag-column-hover {
@@ -4800,9 +5004,9 @@ button[class^=ag-]:focus.invalid {
   background-color: var(--ag-data-background-color);
 }
 
-.ag-layout-auto-height .ag-center-cols-viewport,
-.ag-layout-print .ag-center-cols-viewport {
-  min-height: 50px;
+.ag-layout-auto-height .ag-grid-scrolling-rows,
+.ag-layout-print .ag-grid-scrolling-rows {
+  min-height: var(--ag-auto-height-min-body-height);
 }
 
 .ag-overlay-loading-wrapper,
@@ -4880,12 +5084,38 @@ button[class^=ag-]:focus.invalid {
     transform: rotate(360deg);
   }
 }
-.ag-floating-top:not(.ag-invisible) {
-  border-bottom: var(--ag-borders-critical) var(--ag-border-color);
+.ag-body-vertical-content-no-gap .ag-has-bottom-pinned-rows .ag-grid-scrolling-container .ag-row-last > .ag-grid-pinned-left-cells,
+.ag-body-vertical-content-no-gap .ag-has-bottom-pinned-rows .ag-grid-scrolling-container .ag-row-last > .ag-grid-scrolling-cells,
+.ag-body-vertical-content-no-gap .ag-has-bottom-pinned-rows .ag-grid-scrolling-container .ag-row-last > .ag-grid-pinned-right-cells,
+.ag-body-vertical-content-no-gap .ag-has-bottom-pinned-rows .ag-grid-pinned-bottom-rows .ag-grid-sticky-bottom-rows-container .ag-row-last > .ag-grid-pinned-left-cells,
+.ag-body-vertical-content-no-gap .ag-has-bottom-pinned-rows .ag-grid-pinned-bottom-rows .ag-grid-sticky-bottom-rows-container .ag-row-last > .ag-grid-scrolling-cells,
+.ag-body-vertical-content-no-gap .ag-has-bottom-pinned-rows .ag-grid-pinned-bottom-rows .ag-grid-sticky-bottom-rows-container .ag-row-last > .ag-grid-pinned-right-cells {
+  border-bottom: none;
+}
+
+.ag-grid-pinned-bottom-rows > .ag-grid-pinned-bottom-rows-container > .ag-row:first-child:not(.ag-row-pinned) > .ag-grid-pinned-left-cells,
+.ag-grid-pinned-bottom-rows > .ag-grid-pinned-bottom-rows-container > .ag-row:first-child:not(.ag-row-pinned) > .ag-grid-scrolling-cells,
+.ag-grid-pinned-bottom-rows > .ag-grid-pinned-bottom-rows-container > .ag-row:first-child:not(.ag-row-pinned) > .ag-grid-pinned-right-cells {
+  border-top: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width);
+}
+.ag-grid-pinned-bottom-rows > .ag-grid-pinned-bottom-rows-container > .ag-row:first-child:not(.ag-row-pinned) > .ag-full-width-anchor {
+  border-top: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width);
 }
 
-.ag-floating-bottom:not(.ag-invisible) {
+.ag-body-horizontal-scroll-viewport,
+.ag-body-vertical-scroll-viewport {
+  background-color: var(--ag-background-color);
+}
+
+.ag-grid-scrollable-area.ag-has-bottom-pinned-rows .ag-grid-pinned-bottom-rows-container::before {
+  content: "";
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
   border-top: var(--ag-borders-critical) var(--ag-border-color);
+  pointer-events: none;
+  z-index: 3;
 }
 
 .ag-find-cell {
@@ -4927,45 +5157,45 @@ button[class^=ag-]:focus.invalid {
 
 .ag-cell-range-selected:not(.ag-cell-focus),
 .ag-cell-range-selected.ag-cell-range-chart,
-.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing) {
+.ag-grid-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing) {
   background-color: var(--ag-range-selection-background-color);
 }
 .ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart,
 .ag-cell-range-selected.ag-cell-range-chart.ag-cell-range-chart,
-.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart {
+.ag-grid-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart {
   background-color: var(--ag-range-selection-chart-background-color) !important;
 }
 .ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart.ag-cell-range-chart-category,
 .ag-cell-range-selected.ag-cell-range-chart.ag-cell-range-chart.ag-cell-range-chart-category,
-.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 {
+.ag-grid-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart.ag-cell-range-chart-category {
   background-color: var(--ag-range-selection-chart-category-background-color) !important;
 }
 
 .ag-cell-range-selected-1:not(.ag-cell-focus),
 .ag-cell-range-selected-1.ag-cell-range-chart,
 .ag-cell-range-selected-1.ag-formula-range,
-.ag-root:not(.ag-context-menu-open) .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-1:not(.ag-cell-inline-editing) {
+.ag-root:not(.ag-context-menu-open) .ag-grid-viewport:not(.ag-has-focus) .ag-cell-range-selected-1:not(.ag-cell-inline-editing) {
   background-color: var(--ag-range-selection-background-color);
 }
 
 .ag-cell-range-selected-2:not(.ag-cell-focus),
 .ag-cell-range-selected-2.ag-cell-range-chart,
 .ag-cell-range-selected-2.ag-formula-range,
-.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-2 {
+.ag-grid-viewport:not(.ag-has-focus) .ag-cell-range-selected-2 {
   background-color: var(--ag-range-selection-background-color-2);
 }
 
 .ag-cell-range-selected-3:not(.ag-cell-focus),
 .ag-cell-range-selected-3.ag-cell-range-chart,
 .ag-cell-range-selected-3.ag-formula-range,
-.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-3 {
+.ag-grid-viewport:not(.ag-has-focus) .ag-cell-range-selected-3 {
   background-color: var(--ag-range-selection-background-color-3);
 }
 
 .ag-cell-range-selected-4:not(.ag-cell-focus),
 .ag-cell-range-selected-4.ag-cell-range-chart,
 .ag-cell-range-selected-4.ag-formula-range,
-.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-4 {
+.ag-grid-viewport:not(.ag-has-focus) .ag-cell-range-selected-4 {
   background-color: var(--ag-range-selection-background-color-4);
 }
 
@@ -5134,6 +5364,10 @@ button[class^=ag-]:focus.invalid {
   opacity: 0.5;
 }
 
+.ag-show-values-as-inapplicable {
+  opacity: 0.5;
+}
+
 .ag-ltr .ag-menu-option-icon,
 .ag-ltr .ag-compact-menu-option-icon {
   padding-left: calc(var(--ag-grid-size) * 2);
@@ -5419,6 +5653,7 @@ button[class^=ag-]:focus.invalid {
   }
 }
 .ag-tool-panel-external {
+  width: 100%;
   display: flex;
   flex-direction: row;
 }
@@ -5890,27 +6125,45 @@ button.ag-side-button-button:focus {
   bottom: 0;
 }
 
-.ag-header,
 .ag-advanced-filter-header {
   background-color: var(--ag-header-background-color);
   border-bottom: var(--ag-borders-critical) var(--ag-border-color);
 }
 
 .ag-header-row {
-  color: var(--ag-header-foreground-color);
+  border-bottom: none;
   height: var(--ag-header-height);
 }
-
-.ag-pinned-right-header {
+.ag-header-row .ag-grid-scrolling-cells {
+  background-color: var(--ag-header-background-color);
+}
+.ag-header-row > .ag-grid-pinned-left-cells,
+.ag-header-row > .ag-grid-pinned-right-cells {
+  background-image: linear-gradient(var(--ag-background-color), var(--ag-background-color));
+}
+.ag-header-row .ag-grid-container-wrapper {
+  background-color: var(--ag-header-background-color);
+  width: 100%;
+  height: 100%;
+}
+.ag-header-row .ag-grid-pinned-right-cells {
+  overflow: visible;
+}
+.ag-header-row .ag-grid-pinned-right-cells .ag-grid-container-wrapper {
   border-left: var(--ag-borders-critical) var(--ag-border-color);
 }
-
-.ag-pinned-left-header {
+.ag-header-row .ag-grid-pinned-left-cells {
+  overflow: visible;
+}
+.ag-header-row .ag-grid-pinned-left-cells .ag-grid-container-wrapper {
   border-right: var(--ag-borders-critical) var(--ag-border-color);
 }
 
+.ag-header-cell:not(.ag-right-aligned-header) .ag-calculated-column-icon,
 .ag-header-cell:not(.ag-right-aligned-header) .ag-header-col-ref {
   margin-right: var(--ag-grid-size);
+}
+.ag-header-cell:not(.ag-right-aligned-header) .ag-header-col-ref {
   color: var(--ag-subtle-text-color);
 }
 .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon,
@@ -5935,6 +6188,10 @@ button.ag-side-button-button:focus {
   margin-left: var(--ag-grid-size);
 }
 
+.ag-show-values-as-dormant {
+  opacity: 0.35;
+}
+
 .ag-header-cell,
 .ag-header-group-cell {
   padding-left: var(--ag-cell-horizontal-padding);
@@ -6017,8 +6274,8 @@ button.ag-side-button-button:focus {
   margin-right: 4px;
 }
 
-.ag-header-row:not(:first-child) .ag-header-cell:not(.ag-header-span-height.ag-header-span-total, .ag-header-parent-hidden),
-.ag-header-row:not(:first-child) .ag-header-group-cell.ag-header-group-cell-with-group {
+.ag-header-row.ag-header-row-not-first .ag-header-cell:not(.ag-header-span-height.ag-header-span-total, .ag-header-parent-hidden),
+.ag-header-row.ag-header-row-not-first .ag-header-group-cell.ag-header-group-cell-with-group {
   border-top: var(--ag-borders-critical) var(--ag-border-color);
 }
 
@@ -6033,7 +6290,7 @@ button.ag-side-button-button:focus {
 }
 
 .ag-header-cell::before,
-.ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before {
+.ag-header-group-cell::before {
   content: "";
   position: absolute;
   z-index: 1;
@@ -6044,11 +6301,11 @@ button.ag-side-button-button:focus {
   background-color: var(--ag-header-column-separator-color);
 }
 .ag-ltr .ag-header-cell::before,
-.ag-ltr .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before {
+.ag-ltr .ag-header-group-cell::before {
   right: 0;
 }
 .ag-rtl .ag-header-cell::before,
-.ag-rtl .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before {
+.ag-rtl .ag-header-group-cell::before {
   left: 0;
 }
 
@@ -6070,7 +6327,7 @@ button.ag-side-button-button:focus {
   right: 0px;
 }
 
-.ag-pinned-left-header .ag-header-highlight-after::after {
+.ag-grid-pinned-left-cells .ag-header-highlight-after::after {
   right: 1px;
 }
 
@@ -6089,23 +6346,22 @@ button.ag-side-button-button:focus {
   top: calc(50% - var(--ag-header-column-resize-handle-height) * 0.5);
   background-color: var(--ag-header-column-resize-handle-color);
 }
-.ag-header-cell.ag-header-span-height .ag-header-cell-resize::after {
-  height: calc(100% - var(--ag-grid-size) * 4);
-  top: calc(var(--ag-grid-size) * 2);
-}
-
-.ag-ltr .ag-header-viewport .ag-header-cell-resize::after {
+.ag-ltr .ag-header-cell-resize::after {
   left: calc(50% - var(--ag-header-column-resize-handle-width));
 }
-.ag-rtl .ag-header-viewport .ag-header-cell-resize::after {
+.ag-rtl .ag-header-cell-resize::after {
   right: calc(50% - var(--ag-header-column-resize-handle-width));
 }
+.ag-header-cell.ag-header-span-height .ag-header-cell-resize::after {
+  height: calc(100% - var(--ag-grid-size) * 4);
+  top: calc(var(--ag-grid-size) * 2);
+}
 
-.ag-pinned-left-header .ag-header-cell-resize::after {
+.ag-grid-pinned-left-cells .ag-header-cell-resize::after {
   left: calc(50% - var(--ag-header-column-resize-handle-width));
 }
 
-.ag-pinned-right-header .ag-header-cell-resize::after {
+.ag-grid-pinned-right-cells .ag-header-cell-resize::after {
   left: 50%;
 }
 
@@ -6152,11 +6408,14 @@ button.ag-side-button-button:focus {
   border-top-color: var(--ag-border-color);
   color: var(--ag-secondary-foreground-color);
   height: var(--ag-pagination-panel-height);
+  overflow: auto hidden;
+  scrollbar-width: thin;
 }
-.ag-paging-panel > * {
+
+.ag-paging-panel-content > * {
   margin: 0 var(--ag-cell-horizontal-padding);
 }
-.ag-paging-panel > .ag-paging-page-size .ag-wrapper {
+.ag-paging-panel-content > .ag-paging-page-size .ag-wrapper {
   min-width: calc(var(--ag-grid-size) * 10);
 }
 
@@ -6169,6 +6428,15 @@ button.ag-side-button-button:focus {
   color: var(--ag-disabled-foreground-color);
 }
 
+.ag-number-field.ag-paging-number {
+  display: inline-block;
+}
+
+.ag-number-field.ag-paging-number .ag-input-field-input {
+  text-align: end;
+  padding-inline: var(--ag-grid-size);
+}
+
 .ag-paging-button:focus-visible {
   outline: none;
 }
@@ -6192,12 +6460,30 @@ button.ag-side-button-button:focus {
   line-height: 0;
 }
 
+.ag-paging-row-summary-panel {
+  display: inline-grid;
+}
+.ag-paging-row-summary-panel::before {
+  content: var(--ag-internal-pagination-width-string);
+  grid-area: 1/1;
+  visibility: hidden;
+  font-weight: 500;
+  font-variant-numeric: tabular-nums;
+}
+
+.ag-paging-row-summary-content {
+  grid-area: 1/1;
+  justify-self: center;
+}
+
 .ag-status-bar {
   border-top: var(--ag-borders) var(--ag-border-color);
   color: var(--ag-disabled-foreground-color);
   padding-right: calc(var(--ag-grid-size) * 4);
   padding-left: calc(var(--ag-grid-size) * 4);
   line-height: 1.5;
+  overflow: auto hidden;
+  scrollbar-width: thin;
 }
 
 .ag-status-name-value-value {
@@ -6869,6 +7155,7 @@ button.ag-side-button-button:focus {
   align-items: center;
   padding-left: var(--ag-cell-horizontal-padding);
   padding-right: var(--ag-cell-horizontal-padding);
+  z-index: 1;
 }
 
 .ag-advanced-filter {
@@ -6906,6 +7193,9 @@ button.ag-side-button-button:focus {
 .ag-advanced-filter-builder-button:not(:disabled) {
   cursor: pointer;
 }
+.ag-advanced-filter-builder-button:disabled {
+  color: var(--ag-disabled-foreground-color);
+}
 
 .ag-advanced-filter-builder-button-label {
   margin-left: var(--ag-grid-size);
@@ -7203,7 +7493,7 @@ button.ag-side-button-button:focus {
   background-color: var(--ag-row-numbers-selected-color);
 }
 
-.ag-ltr .ag-row-number-header,
+.ag-ltr .ag-row-number-header:not(.ag-header-cell-last-left-pinned),
 .ag-ltr .ag-cell.ag-row-number-cell:not(.ag-cell-last-left-pinned) {
   border-right: var(--ag-pinned-column-border);
 }
@@ -7211,7 +7501,7 @@ button.ag-side-button-button:focus {
   cursor: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxLjU7Ij4KICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEuNTc4NCwwLDAsMS44NjQyOSwtNC40MTM0OSwtNy4yMTIxMikiPgogICAgICAgIDxwYXRoIGQ9Ik0zLjQ0NSw4LjkxMUwzLjQ0NSw3LjQwOUw5Ljc1LDcuNDA5TDkuNzUsNi4wMTRMMTIuMjg1LDguMTZMOS43NSwxMC4zMDZMOS43NSw4LjkxMUwzLjQ0NSw4LjkxMVoiIHN0eWxlPSJzdHJva2U6d2hpdGU7c3Ryb2tlLXdpZHRoOjAuNDFweDsiLz4KICAgIDwvZz4KPC9zdmc+Cg=="), auto;
 }
 
-.ag-rtl .ag-row-number-header,
+.ag-rtl .ag-row-number-header:not(.ag-header-cell-first-right-pinned),
 .ag-rtl .ag-cell.ag-row-number-cell:not(.ag-cell-first-right-pinned) {
   border-left: var(--ag-pinned-column-border);
 }
@@ -7237,7 +7527,8 @@ button.ag-side-button-button:focus {
 .ag-toolbar {
   display: flex;
   align-items: center;
-  overflow: hidden;
+  overflow: auto hidden;
+  scrollbar-width: thin;
   border-bottom: var(--ag-borders) var(--ag-border-color);
   min-height: var(--ag-header-height);
   background-color: var(--ag-toolbar-background-color);
@@ -7317,8 +7608,7 @@ button.ag-side-button-button:focus {
 
 .ag-toolbar-panel {
   display: inline-flex;
-  flex: 1;
-  min-width: 260px;
+  flex: 1 0 0;
 }
 
 .ag-toolbar-input {
@@ -7396,6 +7686,7 @@ button.ag-side-button-button:focus {
 .ag-toolbar .ag-column-drop-horizontal {
   border-bottom: none;
   background-color: transparent;
+  overflow: visible;
 }
 
 .ag-toolbar-button-chevron {
@@ -7457,6 +7748,105 @@ button.ag-side-button-button:focus {
   padding: calc(var(--ag-grid-size) * 0.5);
 }
 
+.ag-calculated-column-panel .ag-panel-content-wrapper {
+  padding: var(--ag-grid-size) var(--ag-cell-horizontal-padding);
+}
+
+.ag-calculated-column-form {
+  display: flex;
+  flex-direction: column;
+  gap: calc(var(--ag-grid-size) * 2);
+  min-width: 260px;
+  flex: 1 1 auto;
+  min-height: 0;
+}
+
+.ag-calculated-column-expression-wrap {
+  display: flex;
+  flex-direction: column;
+  flex: 1 1 auto;
+  gap: var(--ag-grid-size);
+}
+.ag-calculated-column-expression-wrap .ag-text-area {
+  flex: 1 1 auto;
+}
+.ag-calculated-column-expression-wrap .ag-text-area-input-wrapper {
+  height: 100%;
+}
+.ag-calculated-column-expression-wrap .ag-text-area-input {
+  height: 100%;
+  resize: none;
+  padding-top: calc(var(--ag-grid-size) / 2);
+}
+
+.ag-rtl .ag-calculated-column-expression-wrap .ag-text-area-input {
+  padding-left: var(--ag-input-padding-start);
+  direction: ltr;
+}
+
+.ag-calculated-column-expression-tools {
+  display: flex;
+}
+.ag-ltr .ag-calculated-column-expression-tools .ag-label {
+  text-align: right;
+}
+.ag-rtl .ag-calculated-column-expression-tools .ag-label {
+  text-align: left;
+}
+.ag-calculated-column-expression-tools .ag-field-set-wrapper {
+  gap: var(--ag-grid-size);
+  flex-wrap: nowrap;
+  align-items: center;
+}
+
+.ag-standard-button.ag-calculated-column-expression-tool {
+  padding: calc(var(--ag-grid-size) / 2);
+}
+
+.ag-calculated-column-suggestion-path {
+  display: flex;
+  align-items: center;
+  gap: calc(var(--ag-grid-size) / 2);
+}
+
+.ag-calculated-column-suggestion-parent {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.ag-calculated-column-suggestion-parent,
+.ag-calculated-column-suggestion-separator {
+  color: var(--ag-calculated-column-parent-suggestion-color);
+}
+
+.ag-calculated-column-suggestion-separator {
+  flex: none;
+}
+
+.ag-calculated-column-suggestion-leaf {
+  overflow: hidden;
+  flex: none;
+}
+
+.ag-calculated-column-picker-list {
+  width: var(--ag-calculated-column-suggestion-list-width);
+}
+
+.ag-calculated-column-actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: calc(var(--ag-grid-size) / 2);
+}
+
+.ag-calculated-column-action {
+  min-width: 72px;
+}
+
+.ag-calculated-column-highlighted {
+  background-color: var(--ag-calculated-column-highlight-color);
+}
+
 .ag-input-field-input {
   width: 100%;
   min-width: 0;