@skyux/ag-grid 14.23.0 → 14.24.0

package/fesm2022/skyux-ag-grid.mjs

@@ -510,6 +510,13 @@ class SkyAgGridWrapperComponent {
          * The minimum height of the grid in pixels. The default value is `50`.
          */
         this.minHeight = input(50, { ...(ngDevMode ? { debugName: "minHeight" } : {}), transform: numberAttribute });
+        /**
+         * Whether to stop keeping the column headers visible while the page scrolls,
+         * for a host that keeps them visible itself. This is applied when the grid
+         * initializes.
+         * @internal
+         */
+        this.viewkeeperDisabled = input(false, { ...(ngDevMode ? { debugName: "viewkeeperDisabled" } : {}), transform: booleanAttribute });
         /**
          * @internal
          */
@@ -559,7 +566,7 @@ class SkyAgGridWrapperComponent {
     ngAfterContentInit() {
         if (this.agGrid) {
             const domLayout = this.agGrid.gridOptions?.domLayout;
-            if (domLayout === 'autoHeight') {
+            if (domLayout === 'autoHeight' && !this.viewkeeperDisabled()) {
                 if (this.agGrid.gridOptions?.context?.enableTopScroll) {
                     this.viewkeeperClasses.update((prev) => [
                         ...prev,
@@ -696,7 +703,7 @@ class SkyAgGridWrapperComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyAgGridWrapperComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.0", type: SkyAgGridWrapperComponent, isStandalone: true, selector: "sky-ag-grid-wrapper", inputs: { compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null }, minHeight: { classPropertyName: "minHeight", publicName: "minHeight", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.sky-ag-grid-layout-normal": "isNormalLayout()" } }, queries: [{ propertyName: "agGrid", first: true, predicate: AgGridAngular, descendants: true, static: true }], viewQueries: [{ propertyName: "skyAgGridDiv", first: true, predicate: ["skyAgGridDiv"], descendants: true, isSignal: true }], ngImport: i0, template: "<span\n  class=\"nav-anchor\"\n  tabindex=\"0\"\n  [id]=\"beforeAnchorId\"\n  (focusin)=\"onAnchorFocus($event)\"\n>\n</span>\n<div\n  #skyAgGridDiv\n  class=\"sky-ag-grid\"\n  skyViewkeeperOmitShadow=\".ag-body-horizontal-scroll\"\n  tabindex=\"0\"\n  [class.sky-ag-grid-top-scrollbar]=\"\n    agGrid?.gridOptions?.context &&\n    agGrid?.gridOptions?.context['enableTopScroll']\n  \"\n  [ngClass]=\"wrapperClasses()\"\n  [id]=\"gridId\"\n  [skyViewkeeper]=\"viewkeeperClasses()\"\n  (keydown)=\"onGridKeydown($event)\"\n  (keyup.escape)=\"onKeyUpEscape($event)\"\n>\n  <ng-content />\n</div>\n<span\n  tabindex=\"0\"\n  class=\"nav-anchor\"\n  [id]=\"afterAnchorId\"\n  (focusin)=\"onAnchorFocus($event)\"\n>\n</span>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: SkyIdModule }, { kind: "ngmodule", type: SkyViewkeeperModule }, { kind: "directive", type: i1.λ3, selector: "[skyViewkeeper]", inputs: ["skyViewkeeper", "skyViewkeeperOmitShadow"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.0", type: SkyAgGridWrapperComponent, isStandalone: true, selector: "sky-ag-grid-wrapper", inputs: { compact: { classPropertyName: "compact", publicName: "compact", isSignal: true, isRequired: false, transformFunction: null }, minHeight: { classPropertyName: "minHeight", publicName: "minHeight", isSignal: true, isRequired: false, transformFunction: null }, viewkeeperDisabled: { classPropertyName: "viewkeeperDisabled", publicName: "viewkeeperDisabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.sky-ag-grid-layout-normal": "isNormalLayout()" } }, queries: [{ propertyName: "agGrid", first: true, predicate: AgGridAngular, descendants: true, static: true }], viewQueries: [{ propertyName: "skyAgGridDiv", first: true, predicate: ["skyAgGridDiv"], descendants: true, isSignal: true }], ngImport: i0, template: "<span\n  class=\"nav-anchor\"\n  tabindex=\"0\"\n  [id]=\"beforeAnchorId\"\n  (focusin)=\"onAnchorFocus($event)\"\n>\n</span>\n<div\n  #skyAgGridDiv\n  class=\"sky-ag-grid\"\n  skyViewkeeperOmitShadow=\".ag-body-horizontal-scroll\"\n  tabindex=\"0\"\n  [class.sky-ag-grid-top-scrollbar]=\"\n    agGrid?.gridOptions?.context &&\n    agGrid?.gridOptions?.context['enableTopScroll']\n  \"\n  [ngClass]=\"wrapperClasses()\"\n  [id]=\"gridId\"\n  [skyViewkeeper]=\"viewkeeperClasses()\"\n  (keydown)=\"onGridKeydown($event)\"\n  (keyup.escape)=\"onKeyUpEscape($event)\"\n>\n  <ng-content />\n</div>\n<span\n  tabindex=\"0\"\n  class=\"nav-anchor\"\n  [id]=\"afterAnchorId\"\n  (focusin)=\"onAnchorFocus($event)\"\n>\n</span>\n", dependencies: [{ kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: SkyIdModule }, { kind: "ngmodule", type: SkyViewkeeperModule }, { kind: "directive", type: i1.λ3, selector: "[skyViewkeeper]", inputs: ["skyViewkeeper", "skyViewkeeperOmitShadow"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyAgGridWrapperComponent, decorators: [{
             type: Component,
@@ -708,7 +715,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImpor
                 args: [AgGridAngular, {
                         static: true,
                     }]
-            }], compact: [{ type: i0.Input, args: [{ isSignal: true, alias: "compact", required: false }] }], minHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "minHeight", required: false }] }], skyAgGridDiv: [{ type: i0.ViewChild, args: ['skyAgGridDiv', { isSignal: true }] }] } });
+            }], compact: [{ type: i0.Input, args: [{ isSignal: true, alias: "compact", required: false }] }], minHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "minHeight", required: false }] }], viewkeeperDisabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewkeeperDisabled", required: false }] }], skyAgGridDiv: [{ type: i0.ViewChild, args: ['skyAgGridDiv', { isSignal: true }] }] } });
 
 function toColumnWidthName(breakpoint) {
     return breakpoint === 'xs' ? 'xs' : 'sm';