ag-grid-community 32.0.2 → 32.2.0

package/styles/ag-grid-no-native-widgets.css

@@ -1,3 +1,7 @@
+body {
+  --ag-legacy-styles-loaded: "true";
+}
+
 .ag-icon {
   font-family: var(--ag-icon-font-family);
   font-weight: var(--ag-icon-font-weight);
@@ -1136,6 +1140,10 @@
   background-color: var(--ag-background-color);
 }
 
+.ag-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;
@@ -1337,27 +1345,43 @@ ag-grid-aurelia {
 }
 
 .ag-body-viewport,
-.ag-center-cols-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;
   -ms-overflow-style: none !important;
   scrollbar-width: none !important;
 }
 .ag-body-viewport::-webkit-scrollbar,
-.ag-center-cols-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-body-viewport {
   display: flex;
+  overflow-x: hidden;
 }
 .ag-body-viewport.ag-layout-normal {
   overflow-y: auto;
   -webkit-overflow-scrolling: touch;
 }
 
+.ag-sticky-top-container,
+.ag-sticky-bottom-container {
+  min-height: 1px;
+}
+
 .ag-center-cols-viewport {
   min-height: 100%;
   width: 100%;
-  overflow-x: auto;
 }
 
 .ag-body-horizontal-scroll-viewport {
@@ -1568,6 +1592,7 @@ ag-grid-aurelia {
   align-items: center;
   position: absolute;
   height: 100%;
+  overflow: hidden;
 }
 
 .ag-header-cell.ag-header-active .ag-header-cell-menu-button,
@@ -1602,7 +1627,6 @@ ag-grid-aurelia {
 .ag-header-group-text {
   overflow: hidden;
   text-overflow: ellipsis;
-  white-space: nowrap;
 }
 
 .ag-header-cell-text {
@@ -1611,6 +1635,10 @@ ag-grid-aurelia {
   word-break: break-word;
 }
 
+.ag-header-group-cell .ag-header-cell-comp-wrapper {
+  display: flex;
+}
+
 .ag-header-cell:not(.ag-header-cell-auto-height) .ag-header-cell-comp-wrapper {
   height: 100%;
   display: flex;
@@ -1638,18 +1666,18 @@ ag-grid-aurelia {
   cursor: ew-resize;
 }
 .ag-ltr .ag-header-cell-resize {
-  right: -4px;
+  right: -3px;
 }
 .ag-rtl .ag-header-cell-resize {
-  left: -4px;
+  left: -3px;
 }
 
 .ag-pinned-left-header .ag-header-cell-resize {
-  right: -4px;
+  right: -3px;
 }
 
 .ag-pinned-right-header .ag-header-cell-resize {
-  left: -4px;
+  left: -3px;
 }
 
 .ag-header-select-all {
@@ -1987,12 +2015,10 @@ ag-grid-aurelia {
 }
 
 .ag-dnd-ghost {
-  position: absolute;
   display: inline-flex;
   align-items: center;
   cursor: move;
   white-space: nowrap;
-  z-index: 9999;
 }
 
 .ag-overlay {
@@ -2096,6 +2122,12 @@ ag-grid-aurelia {
   position: absolute;
   display: flex;
   width: 100%;
+  overflow: hidden;
+  height: 0px;
+}
+
+.ag-sticky-bottom {
+  box-sizing: content-box !important;
 }
 
 .ag-pinned-left-sticky-top,
@@ -2522,6 +2554,10 @@ ag-grid-aurelia {
   align-items: center;
   height: 100%;
   width: 100%;
+}
+
+.ag-header-group-cell-label,
+.ag-cell-label-container {
   padding: 5px 0px;
 }
 
@@ -3364,7 +3400,7 @@ button[class^=ag-]:focus {
   text-overflow: ellipsis;
   border: var(--ag-borders-secondary) var(--ag-secondary-border-color);
   color: var(--ag-secondary-foreground-color);
-  height: var(--ag-header-height) !important;
+  height: var(--ag-header-height);
   line-height: var(--ag-header-height);
   margin: 0;
   padding: 0 calc(var(--ag-grid-size) * 2);
@@ -3535,7 +3571,6 @@ button[class^=ag-]:focus {
 }
 
 .ag-pill .ag-pill-button:hover {
-  color: var(--ag-active-color);
   cursor: pointer;
 }
 
@@ -3724,10 +3759,6 @@ button[class^=ag-]:focus {
   padding-left: calc(var(--ag-indentation-level) * var(--ag-row-group-indent-size));
 }
 
-.ag-pivot-leaf-group {
-  margin-left: min(var(--ag-row-group-indent-size), var(--ag-row-group-indent-size) * var(--ag-indentation-level));
-}
-
 .ag-ltr .ag-row-group-leaf-indent {
   margin-left: var(--ag-row-group-indent-size);
 }
@@ -3735,6 +3766,10 @@ button[class^=ag-]:focus {
   margin-right: var(--ag-row-group-indent-size);
 }
 
+.ag-row:not(.ag-row-level-0) .ag-pivot-leaf-group {
+  margin-left: var(--ag-row-group-indent-size);
+}
+
 .ag-value-change-delta {
   padding-right: 2px;
 }
@@ -3779,16 +3814,6 @@ button[class^=ag-]:focus {
   border-bottom: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width);
 }
 
-.ag-sticky-bottom::after {
-  content: "";
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 1px;
-  border-top: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width);
-}
-
 .ag-row-highlight-above::after,
 .ag-row-highlight-below::after {
   content: "";
@@ -3958,10 +3983,6 @@ button[class^=ag-]:focus {
   padding: var(--ag-grid-size);
 }
 
-.ag-overlay-no-rows-wrapper.ag-layout-auto-height {
-  padding-top: 30px;
-}
-
 .ag-skeleton-container {
   width: 100%;
   height: 100%;
@@ -4733,7 +4754,6 @@ button.ag-side-button-button:focus {
   left: 0;
   right: 0;
   height: 1px;
-  background-color: var(--ag-range-selection-border-color);
 }
 .ag-column-select-list .ag-item-highlight-top::after {
   top: 0;
@@ -4896,6 +4916,26 @@ button.ag-side-button-button:focus {
   left: 0;
 }
 
+.ag-header-highlight-before::after,
+.ag-header-highlight-after::after {
+  content: "";
+  position: absolute;
+  height: 100%;
+  width: 1px;
+}
+
+.ag-header-highlight-before::after {
+  left: 0px;
+}
+
+.ag-header-highlight-after::after {
+  right: 0px;
+}
+
+.ag-pinned-left-header .ag-header-highlight-after::after {
+  right: 1px;
+}
+
 .ag-header-cell-resize {
   display: flex;
   align-items: center;
@@ -5203,7 +5243,6 @@ button.ag-side-button-button:focus {
 .ag-chart {
   position: relative;
   display: flex;
-  overflow: hidden;
   width: 100%;
   height: 100%;
 }
@@ -5212,13 +5251,11 @@ button.ag-side-button-button:focus {
   position: relative;
   display: flex;
   flex: 1 1 auto;
-  overflow: hidden;
 }
 
 .ag-chart-canvas-wrapper {
   position: relative;
   flex: 1 1 auto;
-  overflow: hidden;
 }
 
 .ag-chart-menu {
@@ -5594,7 +5631,6 @@ button.ag-side-button-button:focus {
   left: 0;
   right: 0;
   height: 1px;
-  background-color: var(--ag-range-selection-border-color);
 }
 .ag-charts-data-group-container .ag-item-highlight-top::after {
   top: 0;
@@ -5766,7 +5802,6 @@ button.ag-side-button-button:focus {
   left: 0;
   right: 0;
   height: 1px;
-  background-color: var(--ag-range-selection-border-color);
 }
 .ag-advanced-filter-builder-list .ag-item-highlight-top::after {
   top: 0;