@skyux/ag-grid 15.4.0 → 15.6.0
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/README.md +1 -1
- package/css/sky-ag-grid.css +4 -0
- package/fesm2022/skyux-ag-grid.mjs +7 -6
- package/fesm2022/skyux-ag-grid.mjs.map +1 -1
- package/package.json +15 -15
package/README.md
CHANGED
package/css/sky-ag-grid.css
CHANGED
|
@@ -617,6 +617,10 @@
|
|
|
617
617
|
background-color: var(--ag-background-color);
|
|
618
618
|
box-shadow: 0 calc(-1 * var(--sky-ag-grid-header-row-border-width)) 0 0 var(--sky-override-ag-grid-border-color, var(--sky-color-border-separator-row));
|
|
619
619
|
}
|
|
620
|
+
.sky-ag-grid.sky-ag-grid-top-scrollbar .ag-root:not(.ag-details-row *) .ag-body-horizontal-scroll + [id^=viewkeeper-][id$=-spacer] {
|
|
621
|
+
position: absolute;
|
|
622
|
+
top: calc(var(--sky-ag-grid-header-rows-height, 0px) - var(--sky-ag-grid-top-scroll-height, 0px));
|
|
623
|
+
}
|
|
620
624
|
|
|
621
625
|
.sky-ag-grid .ag-header-cell,
|
|
622
626
|
.sky-ag-grid .ag-header-group-cell {
|
|
@@ -732,9 +732,9 @@ class SkyAgGridWrapperComponent {
|
|
|
732
732
|
filter(() => !!this.agGridContext()?.enableTopScroll), map(() => this.#elementRef.nativeElement.querySelector('.ag-root')), filter((root) => !!root), map((root) => {
|
|
733
733
|
const header = root.querySelector('.ag-header');
|
|
734
734
|
const scrollbar = root.querySelector('.ag-body-horizontal-scroll');
|
|
735
|
-
const
|
|
736
|
-
return { header, scrollbar,
|
|
737
|
-
}), filter((els) => !!els.header && !!els.scrollbar && !!els.
|
|
735
|
+
const gridViewport = root.querySelector('.ag-grid-viewport');
|
|
736
|
+
return { header, scrollbar, gridViewport };
|
|
737
|
+
}), filter((els) => !!els.header && !!els.scrollbar && !!els.gridViewport))), shareReplay({ bufferSize: 1, refCount: true }));
|
|
738
738
|
const headerRowsHeight$ = elements$.pipe(
|
|
739
739
|
// Only re-subscribe the resize observer when AG Grid actually swaps in
|
|
740
740
|
// a new header element, not on every tracked event above.
|
|
@@ -761,7 +761,7 @@ class SkyAgGridWrapperComponent {
|
|
|
761
761
|
// own resets of the scrollbar's inline style (e.g. on
|
|
762
762
|
// `gridSizeChanged`) get corrected right away.
|
|
763
763
|
combineLatestWith(headerRowsHeight$, scrollbarHeight$), takeUntilDestroyed(this.#destroyRef))
|
|
764
|
-
.subscribe(([{ header,
|
|
764
|
+
.subscribe(([{ header, gridViewport }, headerRowsHeight, scrollbarHeight]) => {
|
|
765
765
|
// The theme's headerRowBorder width includes this variable, which
|
|
766
766
|
// reserves room below the header inside AG Grid's own geometry
|
|
767
767
|
// (pinned/sticky row offsets, body viewport height, fake scrollbar
|
|
@@ -781,7 +781,7 @@ class SkyAgGridWrapperComponent {
|
|
|
781
781
|
// whichever writes last the result is identical. (`.ag-header`'s own
|
|
782
782
|
// inline height is left to AG Grid: writing it here would freeze the
|
|
783
783
|
// resize observer above.)
|
|
784
|
-
|
|
784
|
+
gridViewport.style.setProperty('--ag-internal-header-rows-height', `${headerRowsHeightWithBorder}px`);
|
|
785
785
|
if (this.#reservedTopScrollHeight !== scrollbarHeight) {
|
|
786
786
|
this.#reservedTopScrollHeight = scrollbarHeight;
|
|
787
787
|
this.#nudgeHeaderGeometry();
|
|
@@ -3793,11 +3793,12 @@ class SkyAgGridCellEditorLookupComponent {
|
|
|
3793
3793
|
}
|
|
3794
3794
|
this.#triggerType = SkyAgGridCellEditorUtils.getEditorInitialAction(params);
|
|
3795
3795
|
const control = this.editorForm.get('selection');
|
|
3796
|
+
const headerTooltip = params.colDef.headerTooltip;
|
|
3796
3797
|
this.labelText = params.skyComponentProperties?.ariaLabelledBy
|
|
3797
3798
|
? undefined
|
|
3798
3799
|
: params.skyComponentProperties?.ariaLabel ||
|
|
3799
3800
|
params.colDef.headerName ||
|
|
3800
|
-
|
|
3801
|
+
(typeof headerTooltip === 'string' ? headerTooltip : undefined) ||
|
|
3801
3802
|
params.colDef.field ||
|
|
3802
3803
|
params.colDef.colId;
|
|
3803
3804
|
if (control) {
|