@skyux/ag-grid 11.0.0-alpha.13 → 11.0.0-alpha.15

package/css/sky-ag-grid.css

@@ -1141,6 +1141,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;
@@ -1347,18 +1351,30 @@ 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 {
@@ -1366,10 +1382,14 @@ ag-grid-aurelia {
   -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 {
@@ -1590,6 +1610,7 @@ ag-grid-aurelia {
   align-items: center;
   position: absolute;
   height: 100%;
+  overflow: hidden;
 }
 
 .ag-header-cell.ag-header-active .ag-header-cell-menu-button,
@@ -1624,7 +1645,6 @@ ag-grid-aurelia {
 .ag-header-group-text {
   overflow: hidden;
   text-overflow: ellipsis;
-  white-space: nowrap;
 }
 
 .ag-header-cell-text {
@@ -1633,6 +1653,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;
@@ -2128,6 +2152,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,
@@ -2572,6 +2602,10 @@ ag-grid-aurelia {
   align-items: center;
   height: 100%;
   width: 100%;
+}
+
+.ag-header-group-cell-label,
+.ag-cell-label-container {
   padding: 5px 0px;
 }
 
@@ -3902,16 +3936,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: "";
@@ -4085,10 +4109,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%;
@@ -5410,7 +5430,6 @@ button.ag-side-button-button:focus {
 .ag-chart {
   position: relative;
   display: flex;
-  overflow: hidden;
   width: 100%;
   height: 100%;
 }
@@ -5419,13 +5438,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 {
@@ -7195,16 +7212,6 @@ button.ag-side-button-button:focus {
   min-height: 150px;
 }
 
-.ag-theme-alpine .ag-overlay-no-rows-wrapper.ag-layout-auto-height,
-.ag-theme-alpine-dark .ag-overlay-no-rows-wrapper.ag-layout-auto-height,
-.ag-theme-sky-data-entry-grid-modern-dark-compact .ag-overlay-no-rows-wrapper.ag-layout-auto-height,
-.ag-theme-sky-data-entry-grid-modern-dark .ag-overlay-no-rows-wrapper.ag-layout-auto-height,
-.ag-theme-sky-data-grid-modern-dark-compact .ag-overlay-no-rows-wrapper.ag-layout-auto-height,
-.ag-theme-sky-data-grid-modern-dark .ag-overlay-no-rows-wrapper.ag-layout-auto-height,
-.ag-theme-alpine-auto-dark .ag-overlay-no-rows-wrapper.ag-layout-auto-height {
-  padding-top: 60px;
-}
-
 .ag-theme-alpine .ag-date-time-list-page-entry-is-current,
 .ag-theme-alpine-dark .ag-date-time-list-page-entry-is-current,
 .ag-theme-sky-data-entry-grid-modern-dark-compact .ag-date-time-list-page-entry-is-current,
@@ -8051,16 +8058,17 @@ button.ag-side-button-button:focus {
 .ag-theme-sky-data-entry-grid-modern-dark-compact .ag-scrollbar-invisible.sky-viewkeeper-fixed {
   box-shadow: none;
 }
-.ag-theme-sky-data-grid-default .ag-sticky-bottom::after,
-.ag-theme-sky-data-entry-grid-default .ag-sticky-bottom::after,
-.ag-theme-sky-data-grid-modern-light .ag-sticky-bottom::after,
-.ag-theme-sky-data-entry-grid-modern-light .ag-sticky-bottom::after,
-.ag-theme-sky-data-grid-modern-dark .ag-sticky-bottom::after,
-.ag-theme-sky-data-entry-grid-modern-dark .ag-sticky-bottom::after,
-.ag-theme-sky-data-grid-modern-light-compact .ag-sticky-bottom::after,
-.ag-theme-sky-data-entry-grid-modern-light-compact .ag-sticky-bottom::after,
-.ag-theme-sky-data-grid-modern-dark-compact .ag-sticky-bottom::after,
-.ag-theme-sky-data-entry-grid-modern-dark-compact .ag-sticky-bottom::after {
+.ag-theme-sky-data-grid-default .ag-sticky-bottom,
+.ag-theme-sky-data-entry-grid-default .ag-sticky-bottom,
+.ag-theme-sky-data-grid-modern-light .ag-sticky-bottom,
+.ag-theme-sky-data-entry-grid-modern-light .ag-sticky-bottom,
+.ag-theme-sky-data-grid-modern-dark .ag-sticky-bottom,
+.ag-theme-sky-data-entry-grid-modern-dark .ag-sticky-bottom,
+.ag-theme-sky-data-grid-modern-light-compact .ag-sticky-bottom,
+.ag-theme-sky-data-entry-grid-modern-light-compact .ag-sticky-bottom,
+.ag-theme-sky-data-grid-modern-dark-compact .ag-sticky-bottom,
+.ag-theme-sky-data-entry-grid-modern-dark-compact .ag-sticky-bottom {
+  background-color: transparent;
   border-color: transparent;
 }
 .ag-theme-sky-data-grid-default .ag-cell.ag-cell-focus a:focus-visible:not(:active),
@@ -8199,6 +8207,14 @@ button.ag-side-button-button:focus {
   border-left-width: 0;
   border-right-width: 0;
 }
+.ag-theme-sky-data-entry-grid-default .ag-cell.ag-cell-focus.ag-cell-inline-editing.sky-ag-grid-cell-template,
+.ag-theme-sky-data-entry-grid-modern-light .ag-cell.ag-cell-focus.ag-cell-inline-editing.sky-ag-grid-cell-template,
+.ag-theme-sky-data-entry-grid-modern-dark .ag-cell.ag-cell-focus.ag-cell-inline-editing.sky-ag-grid-cell-template,
+.ag-theme-sky-data-entry-grid-modern-light-compact .ag-cell.ag-cell-focus.ag-cell-inline-editing.sky-ag-grid-cell-template,
+.ag-theme-sky-data-entry-grid-modern-dark-compact .ag-cell.ag-cell-focus.ag-cell-inline-editing.sky-ag-grid-cell-template {
+  padding-left: calc(var(--ag-cell-horizontal-padding) - 1px + var(--ag-row-group-indent-size) * var(--ag-indentation-level));
+  padding-right: calc(var(--ag-cell-horizontal-padding) - 1px);
+}
 .ag-theme-sky-data-entry-grid-default .ag-cell.ag-cell-focus.ag-cell-inline-editing, .ag-theme-sky-data-entry-grid-default .ag-cell.ag-cell-focus.ag-cell-popup-editing,
 .ag-theme-sky-data-entry-grid-modern-light .ag-cell.ag-cell-focus.ag-cell-inline-editing,
 .ag-theme-sky-data-entry-grid-modern-light .ag-cell.ag-cell-focus.ag-cell-popup-editing,