@skyux/ag-grid 13.11.5 → 13.12.0

package/fesm2022/skyux-ag-grid-testing.mjs

@@ -0,0 +1,69 @@
+import { UnitTestElement } from '@angular/cdk/testing/testbed';
+import { SkyComponentHarness } from '@skyux/core/testing';
+import { getGridApi } from 'ag-grid-community';
+
+/**
+ * Harness for interacting with SKY UX AG Grid components in tests.
+ */
+class SkyAgGridWrapperHarness extends SkyComponentHarness {
+    /**
+     * @internal
+     */
+    static { this.hostSelector = 'sky-ag-grid-wrapper'; }
+    /**
+     * Gets a `HarnessPredicate` that can be used to search for a
+     * `SkyAgGridWrapperHarness` that meets certain criteria
+     */
+    static with(filters) {
+        return SkyAgGridWrapperHarness.getDataSkyIdPredicate(filters);
+    }
+    /**
+     * Checks whether the grid is ready.
+     */
+    async isGridReady() {
+        const gridReady = this.locatorFactory.locatorFor('.ag-root.ag-unselectable');
+        return await gridReady()
+            .then((el) => !!el)
+            .catch(() => false);
+    }
+    /**
+     * Retrieves the IDs of the currently displayed columns.
+     */
+    async getDisplayedColumnIds() {
+        return await this.#getGridApi()
+            .then((api) => api.getAllDisplayedColumns().map((col) => col.getColId()))
+            .catch(() => Promise.reject('Unable to retrieve displayed column IDs.'));
+    }
+    /**
+     * Retrieves the header names of the currently displayed columns.
+     */
+    async getDisplayedColumnHeaderNames() {
+        return await this.#getGridApi()
+            .then((api) => api
+            .getAllDisplayedColumns()
+            .map((col) => col.getColDef().headerName || ''))
+            .catch(() => Promise.reject('Unable to retrieve displayed column header names.'));
+    }
+    async #getGridApi() {
+        await this.waitForTasksOutsideAngular();
+        const locator = this.locatorFactory.locatorFor('ag-grid-angular');
+        return await locator().then((grid) => {
+            if (grid instanceof UnitTestElement) {
+                const api = getGridApi(grid.element);
+                if (api) {
+                    return api;
+                }
+            }
+            // If this harness were used in an environment that did not provide UnitTestElement.
+            /* istanbul ignore next */
+            throw new Error('Unable to get GridApi from AgGridAngular component.');
+        });
+    }
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SkyAgGridWrapperHarness };
+//# sourceMappingURL=skyux-ag-grid-testing.mjs.map

package/fesm2022/skyux-ag-grid-testing.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"skyux-ag-grid-testing.mjs","sources":["../../../../../libs/components/ag-grid/testing/src/modules/ag-grid-wrapper/ag-grid-wrapper-harness.ts","../../../../../libs/components/ag-grid/testing/src/skyux-ag-grid-testing.ts"],"sourcesContent":["import { HarnessPredicate } from '@angular/cdk/testing';\nimport { UnitTestElement } from '@angular/cdk/testing/testbed';\nimport { SkyComponentHarness } from '@skyux/core/testing';\n\nimport { GridApi, getGridApi } from 'ag-grid-community';\n\nimport { SkyAgGridWrapperHarnessFilters } from './ag-grid-wrapper-harness.filters';\n\n/**\n * Harness for interacting with SKY UX AG Grid components in tests.\n */\nexport class SkyAgGridWrapperHarness extends SkyComponentHarness {\n  /**\n   * @internal\n   */\n  public static hostSelector = 'sky-ag-grid-wrapper';\n\n  /**\n   * Gets a `HarnessPredicate` that can be used to search for a\n   * `SkyAgGridWrapperHarness` that meets certain criteria\n   */\n  public static with(\n    filters: SkyAgGridWrapperHarnessFilters,\n  ): HarnessPredicate<SkyAgGridWrapperHarness> {\n    return SkyAgGridWrapperHarness.getDataSkyIdPredicate(filters);\n  }\n\n  /**\n   * Checks whether the grid is ready.\n   */\n  public async isGridReady(): Promise<boolean> {\n    const gridReady = this.locatorFactory.locatorFor(\n      '.ag-root.ag-unselectable',\n    );\n\n    return await gridReady()\n      .then((el) => !!el)\n      .catch(() => false);\n  }\n\n  /**\n   * Retrieves the IDs of the currently displayed columns.\n   */\n  public async getDisplayedColumnIds(): Promise<string[]> {\n    return await this.#getGridApi()\n      .then((api) => api.getAllDisplayedColumns().map((col) => col.getColId()))\n      .catch(() => Promise.reject('Unable to retrieve displayed column IDs.'));\n  }\n\n  /**\n   * Retrieves the header names of the currently displayed columns.\n   */\n  public async getDisplayedColumnHeaderNames(): Promise<string[]> {\n    return await this.#getGridApi()\n      .then((api) =>\n        api\n          .getAllDisplayedColumns()\n          .map((col) => col.getColDef().headerName || ''),\n      )\n      .catch(() =>\n        Promise.reject('Unable to retrieve displayed column header names.'),\n      );\n  }\n\n  async #getGridApi(): Promise<GridApi> {\n    await this.waitForTasksOutsideAngular();\n    const locator = this.locatorFactory.locatorFor('ag-grid-angular');\n    return await locator().then((grid) => {\n      if (grid instanceof UnitTestElement) {\n        const api = getGridApi(grid.element);\n        if (api) {\n          return api;\n        }\n      }\n      // If this harness were used in an environment that did not provide UnitTestElement.\n      /* istanbul ignore next */\n      throw new Error('Unable to get GridApi from AgGridAngular component.');\n    });\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;AAQA;;AAEG;AACG,MAAO,uBAAwB,SAAQ,mBAAmB,CAAA;AAC9D;;AAEG;aACW,IAAA,CAAA,YAAY,GAAG,qBAAqB,CAAC;AAEnD;;;AAGG;IACI,OAAO,IAAI,CAChB,OAAuC,EAAA;AAEvC,QAAA,OAAO,uBAAuB,CAAC,qBAAqB,CAAC,OAAO,CAAC;IAC/D;AAEA;;AAEG;AACI,IAAA,MAAM,WAAW,GAAA;QACtB,MAAM,SAAS,GAAG,IAAI,CAAC,cAAc,CAAC,UAAU,CAC9C,0BAA0B,CAC3B;QAED,OAAO,MAAM,SAAS;aACnB,IAAI,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,EAAE;AACjB,aAAA,KAAK,CAAC,MAAM,KAAK,CAAC;IACvB;AAEA;;AAEG;AACI,IAAA,MAAM,qBAAqB,GAAA;AAChC,QAAA,OAAO,MAAM,IAAI,CAAC,WAAW;aAC1B,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,sBAAsB,EAAE,CAAC,GAAG,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,QAAQ,EAAE,CAAC;aACvE,KAAK,CAAC,MAAM,OAAO,CAAC,MAAM,CAAC,0CAA0C,CAAC,CAAC;IAC5E;AAEA;;AAEG;AACI,IAAA,MAAM,6BAA6B,GAAA;AACxC,QAAA,OAAO,MAAM,IAAI,CAAC,WAAW;AAC1B,aAAA,IAAI,CAAC,CAAC,GAAG,KACR;AACG,aAAA,sBAAsB;AACtB,aAAA,GAAG,CAAC,CAAC,GAAG,KAAK,GAAG,CAAC,SAAS,EAAE,CAAC,UAAU,IAAI,EAAE,CAAC;aAElD,KAAK,CAAC,MACL,OAAO,CAAC,MAAM,CAAC,mDAAmD,CAAC,CACpE;IACL;AAEA,IAAA,MAAM,WAAW,GAAA;AACf,QAAA,MAAM,IAAI,CAAC,0BAA0B,EAAE;QACvC,MAAM,OAAO,GAAG,IAAI,CAAC,cAAc,CAAC,UAAU,CAAC,iBAAiB,CAAC;QACjE,OAAO,MAAM,OAAO,EAAE,CAAC,IAAI,CAAC,CAAC,IAAI,KAAI;AACnC,YAAA,IAAI,IAAI,YAAY,eAAe,EAAE;gBACnC,MAAM,GAAG,GAAG,UAAU,CAAC,IAAI,CAAC,OAAO,CAAC;gBACpC,IAAI,GAAG,EAAE;AACP,oBAAA,OAAO,GAAG;gBACZ;YACF;;;AAGA,YAAA,MAAM,IAAI,KAAK,CAAC,qDAAqD,CAAC;AACxE,QAAA,CAAC,CAAC;IACJ;;;AC9EF;;AAEG;;;;"}

package/fesm2022/skyux-ag-grid.mjs

@@ -8,7 +8,7 @@ import { toSignal, toObservable, takeUntilDestroyed } from '@angular/core/rxjs-i
 import * as i1 from '@skyux/core';
 import { SkyMutationObserverService, SkyIdModule, SkyViewkeeperModule, SkyMediaQueryService, SkyResizeObserverService, SkyAffixModule, SkyOverlayService, SkyScrollableHostService, SKY_STACKING_CONTEXT, SkyNumericModule, SkyDynamicComponentService, SkyDynamicComponentLocation, SkyLogService } from '@skyux/core';
 import { SkyDataManagerService } from '@skyux/data-manager';
-import { Subject, BehaviorSubject, ReplaySubject, takeUntil, combineLatest, of, distinctUntilChanged, take, switchMap, filter, fromEvent, Subscription, merge, startWith, map, scan, fromEventPattern, isObservable, observeOn, asyncScheduler } from 'rxjs';
+import { Subject, BehaviorSubject, ReplaySubject, takeUntil, combineLatest, of, distinctUntilChanged, take, map, switchMap, filter, fromEvent, Subscription, merge, startWith, scan, first, fromEventPattern, isObservable, observeOn, asyncScheduler } from 'rxjs';
 import * as i2$4 from '@skyux/theme';
 import { SkyThemeService, SkyThemeModule } from '@skyux/theme';
 import { themeQuartz, colorSchemeLight, KeyCode } from 'ag-grid-community';
@@ -22,7 +22,6 @@ import * as i2 from '@skyux/lookup';
 import { SkyAutocompleteModule, SkyLookupModule } from '@skyux/lookup';
 import * as i2$1 from '@skyux/autonumeric';
 import { SkyAutonumericModule } from '@skyux/autonumeric';
-import { first } from 'rxjs/operators';
 import * as i1$3 from '@skyux/forms';
 import { SkyInputBoxModule, SkyCheckboxModule } from '@skyux/forms';
 import * as i2$3 from '@skyux/indicators';
@@ -297,18 +296,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
 
 /**
  * These column types can be used by setting the AG Grid [column definition `type`](https://www.ag-grid.com/angular-data-grid/column-properties/#reference-editing) to one of the following values.
- * Any [SKY UX component](https://developer.blackbaud.com/skyux/components) can be made into a [cell editor](https://www.ag-grid.com/javascript-grid-cell-editor/) or [cell renderer](https://www.ag-grid.com/javascript-grid-cell-rendering-components/) component. If you would like to use a component that does not have a column definition yet, please consider [contributing it](https://github.com/blackbaud/skyux/blob/main/CONTRIBUTING.md) to the SKY UX data entry grid module.
+ * Any [SKY UX component](https://developer.blackbaud.com/skyux/components) can be made into a [cell editor](https://www.ag-grid.com/angular-data-grid/cell-editors/) or [cell renderer](https://www.ag-grid.com/angular-data-grid/component-cell-renderer/) component. If you would like to use a component that does not have a column definition yet, please consider [contributing it](https://github.com/blackbaud/skyux/blob/main/CONTRIBUTING.md) to the SKY UX data entry grid module.
  */
 var SkyCellType;
 (function (SkyCellType) {
     /**
      * **Edit mode**
      *
-     * Cells in the column will be edited as [SKY UX autocomplete components](https://developer.blackbaud.com/skyux/components/autocomplete). You can set any of the autocomplete component's properties by passing `SkyCellEditorAutocompleteParams` in the [column definition's `cellEditorParams` property](https://www.ag-grid.com/angular-data-grid/column-properties/#reference-editing). These params can be updated as other cell edits are made or [provided dynamically](https://www.ag-grid.com/javascript-grid-cell-editing/#dynamic-parameters) based on other cell values. See the demo for an example. Text can be entered and a value selected from the provided list.
+     * Cells in the column will be edited as [SKY UX autocomplete components](https://developer.blackbaud.com/skyux/components/autocomplete). You can set any of the autocomplete component's properties by passing `SkyCellEditorAutocompleteParams` in the [column definition's `cellEditorParams` property](https://www.ag-grid.com/angular-data-grid/column-properties/#reference-editing). These params can be updated as other cell edits are made or [provided dynamically](https://www.ag-grid.com/angular-data-grid/cell-editing/) based on other cell values. See the demo for an example. Text can be entered and a value selected from the provided list.
      *
      * **Read-only mode**
      *
-     * Cells the column will display the currently selected value's name property by default. If the autocomplete needs to show a different property or needs to be formatted in any way, you can [define a `valueFormatter`](https://www.ag-grid.com/javascript-grid-value-formatters/) on the column definition.
+     * Cells the column will display the currently selected value's name property by default. If the autocomplete needs to show a different property or needs to be formatted in any way, you can [define a `valueFormatter`](https://www.ag-grid.com/angular-data-grid/value-formatters/) on the column definition.
      */
     SkyCellType["Autocomplete"] = "skyCellAutocomplete";
     /**
@@ -330,21 +329,21 @@ var SkyCellType;
     /**
      * **Edit mode**
      *
-     * Cells in the column will be edited as [SKY UX datepicker components](https://developer.blackbaud.com/skyux/components/datepicker). You can set any of the datepicker component's properties by passing `SkyCellEditorDatepickerParams` in the [column definition's `cellEditorParams` property](https://www.ag-grid.com/angular-data-grid/column-properties/#reference-editing). These params can be updated as other cell edits are made or [provided dynamically](https://www.ag-grid.com/javascript-grid-cell-editing/#dynamic-parameters) based on other cell values. See the demo for an example. Date values can be entered.
+     * Cells in the column will be edited as [SKY UX datepicker components](https://developer.blackbaud.com/skyux/components/datepicker). You can set any of the datepicker component's properties by passing `SkyCellEditorDatepickerParams` in the [column definition's `cellEditorParams` property](https://www.ag-grid.com/angular-data-grid/column-properties/#reference-editing). These params can be updated as other cell edits are made or [provided dynamically](https://www.ag-grid.com/angular-data-grid/cell-editing/) based on other cell values. See the demo for an example. Date values can be entered.
      *
      * **Read-only mode**
      *
-     * Cells in the column will display the currently selected date formatted as `MM-DD-YYYY`, or the date format of the locale passed to `getGridOptions()`. If you would like to overwrite this format, you can [define a `valueFormatter`](https://www.ag-grid.com/javascript-grid-value-formatters/) on the column definition. See the demo for an example.
+     * Cells in the column will display the currently selected date formatted as `MM-DD-YYYY`, or the date format of the locale passed to `getGridOptions()`. If you would like to overwrite this format, you can [define a `valueFormatter`](https://www.ag-grid.com/angular-data-grid/value-formatters/) on the column definition. See the demo for an example.
      */
     SkyCellType["Date"] = "skyCellDate";
     /**
      * **Edit mode**
      *
-     * Cells in the column will be edited as [SKY UX lookup components](https://developer.blackbaud.com/skyux-v5/components/lookup). You can set any of the lookup component's properties by passing `SkyCellEditorLookupParams` in the [column definition's `cellEditorParams` property](https://www.ag-grid.com/angular-data-grid/column-properties/#reference-editing). These params can be updated as other cell edits are made or [provided dynamically](https://www.ag-grid.com/javascript-grid-cell-editing/#dynamic-parameters) based on other cell values. See the demo for an example. Text can be entered and a value selected from the provided list.
+     * Cells in the column will be edited as [SKY UX lookup components](https://developer.blackbaud.com/skyux-v5/components/lookup). You can set any of the lookup component's properties by passing `SkyCellEditorLookupParams` in the [column definition's `cellEditorParams` property](https://www.ag-grid.com/angular-data-grid/column-properties/#reference-editing). These params can be updated as other cell edits are made or [provided dynamically](https://www.ag-grid.com/angular-data-grid/cell-editing/) based on other cell values. See the demo for an example. Text can be entered and a value selected from the provided list.
      *
      * **Read-only mode**
      *
-     * Cells the column will display, by default, either: the name(s) of the selected value(s) if there are less than 6, or a summary count of the values if there are more than 5. If the lookup needs to show a different property or needs to be formatted in any way, you can [define a `valueFormatter`](https://www.ag-grid.com/javascript-grid-value-formatters/) on the column definition.
+     * Cells the column will display, by default, either: the name(s) of the selected value(s) if there are less than 6, or a summary count of the values if there are more than 5. If the lookup needs to show a different property or needs to be formatted in any way, you can [define a `valueFormatter`](https://www.ag-grid.com/angular-data-grid/value-formatters/) on the column definition.
      */
     SkyCellType["Lookup"] = "skyCellLookup";
     /**
@@ -372,7 +371,7 @@ var SkyCellType;
     /**
      * **Edit and read-only modes**
      *
-     * Cells in the column will render as [SKY UX checkbox components](https://developer.blackbaud.com/skyux/components/checkbox). It allows the user to select multiple rows, and adds a highlight to selected rows. The [Ag Grid `rowNode`](https://www.ag-grid.com/javascript-grid-row-node/) will be updated to reflect the selected state.
+     * Cells in the column will render as [SKY UX checkbox components](https://developer.blackbaud.com/skyux/components/checkbox). It allows the user to select multiple rows, and adds a highlight to selected rows. The [Ag Grid `rowNode`](https://www.ag-grid.com/angular-data-grid/row-object/) will be updated to reflect the selected state.
      */
     SkyCellType["RowSelector"] = "skyCellRowSelector";
     /**
@@ -650,7 +649,7 @@ class SkyAgGridWrapperComponent {
     }
     #updateGridTheme(hasEditableClass, isCompact, themeSettings) {
         const skyAgGridTheme = getSkyAgGridTheme(hasEditableClass ? 'data-entry-grid' : 'data-grid');
-        this.agGrid?.api.setGridOption('theme', skyAgGridTheme);
+        this.agGrid?.api?.setGridOption('theme', skyAgGridTheme);
         const skyAgGridThemeClassName = getSkyAgGridThemeClassName(hasEditableClass, themeSettings, isCompact);
         const previousValue = this.#wrapperClasses.getValue();
         let value = [
@@ -697,7 +696,7 @@ function toColumnWidthName(breakpoint) {
     return breakpoint === 'xs' ? 'xs' : 'sm';
 }
 /**
- * @internal
+ * Connects `SkyAgGridWrapperComponent` with a `SkyDataViewComponent` to control the grid using a `SkyDataManagerService` instance.
  */
 class SkyAgGridDataManagerAdapterDirective {
     #currentAgGrid;
@@ -749,7 +748,7 @@ class SkyAgGridDataManagerAdapterDirective {
             const viewId = this.viewId();
             return activeViewId === viewId;
         }, ...(ngDevMode ? [{ debugName: "#isActiveView" }] : []));
-        this.#breakpoint = toSignal(inject(SkyMediaQueryService).breakpointChange);
+        this.#breakpoint = toSignal(inject(SkyMediaQueryService).breakpointChange.pipe(map(toColumnWidthName)));
         effect(() => {
             const list = this.agGridList();
             this.#checkForAgGrid(list);
@@ -836,10 +835,16 @@ class SkyAgGridDataManagerAdapterDirective {
         if (agGrid) {
             agGrid.gridReady
                 .pipe(takeUntil(this.#ngUnsubscribe), switchMap(() => {
-                const viewConfig = this.#viewConfig();
+                let viewConfig = this.#viewConfig();
                 if (viewConfig) {
-                    viewConfig.onSelectAllClick = () => agGrid.api.selectAll();
-                    viewConfig.onClearAllClick = () => agGrid.api.deselectAll();
+                    viewConfig = {
+                        ...viewConfig,
+                        onSelectAllClick: () => agGrid.api.selectAll(),
+                        onClearAllClick: () => agGrid.api.deselectAll(),
+                    };
+                    if (viewConfig.columnPickerEnabled && !viewConfig.columnOptions) {
+                        viewConfig.columnOptions = this.#readColumnOptionsFromGrid(agGrid.api);
+                    }
                     this.#dataManagerSvc.updateViewConfig(viewConfig);
                     this.#applyColumnWidths();
                     return this.#dataManagerSvc.getDataStateUpdates(viewConfig.id);
@@ -1033,6 +1038,20 @@ class SkyAgGridDataManagerAdapterDirective {
         }
         return gridColumnLimits;
     }
+    #readColumnOptionsFromGrid(api) {
+        // Technically `api.getColumns()` can return null but it's not testable.
+        /* istanbul ignore next */
+        const columns = api.getColumns() ?? [];
+        return columns.map((col) => {
+            const colDef = col.getColDef();
+            return {
+                id: col.getColId(),
+                initialHide: colDef.initialHide,
+                label: `${colDef.headerName ?? ''}`,
+                alwaysDisplayed: colDef.lockVisible || !colDef.headerName || col.isPinned(),
+            };
+        });
+    }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SkyAgGridDataManagerAdapterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "20.3.15", type: SkyAgGridDataManagerAdapterDirective, isStandalone: true, selector: "[skyAgGridDataManagerAdapter]", inputs: { viewId: { classPropertyName: "viewId", publicName: "viewId", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "agGridList", predicate: AgGridAngular, descendants: true, isSignal: true }, { propertyName: "skyAgGridWrapperList", predicate: SkyAgGridWrapperComponent, descendants: true, isSignal: true }], ngImport: i0 }); }
 }
@@ -1141,6 +1160,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                     }, template: "@for (row of rowsWithElements(); track row.increment) {\n  @if (row.element?.offsetParent && row.element; as element) {\n    <div\n      class=\"sky-ag-grid-row-delete\"\n      affixPlacement=\"above\"\n      affixVerticalAlignment=\"top\"\n      affixHorizontalAlignment=\"left\"\n      [id]=\"'row-delete-ref-' + row.rowId\"\n      [style.height]=\"element.offsetHeight + 'px'\"\n      [skyAffixTo]=\"element\"\n      [affixIsSticky]=\"true\"\n    >\n      <sky-inline-delete\n        [pending]=\"pending().includes(row.rowId ?? '')\"\n        (cancelTriggered)=\"cancelDelete(row.rowId)\"\n        (deleteTriggered)=\"confirmDelete(row.rowId)\"\n      />\n    </div>\n  }\n}\n", styles: [":host{display:block}.sky-ag-grid-row-delete{position:fixed;top:-100vh;width:var(--table-width, 100%)}\n"] }]
         }], ctorParameters: () => [] });
 
+/**
+ * Enables inline row delete functionality for an AG Grid when included
+ * on the `SkyAgGridWrapperComponent` element. The directive uses
+ * `rowDeleteIds` to determine which rows to add inline delete options to.
+ */
 class SkyAgGridRowDeleteDirective {
     #agGridBodyViewport;
     #agGridBodyClipElements;
@@ -1297,6 +1321,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                 }]
         }], ctorParameters: () => [], propDecorators: { rowDeleteIds: [{ type: i0.Input, args: [{ isSignal: true, alias: "rowDeleteIds", required: false }] }, { type: i0.Output, args: ["rowDeleteIdsChange"] }], rowDeleteCancel: [{ type: i0.Output, args: ["rowDeleteCancel"] }], rowDeleteConfirm: [{ type: i0.Output, args: ["rowDeleteConfirm"] }], agGrid: [{ type: i0.ContentChild, args: [i0.forwardRef(() => AgGridAngular), { isSignal: true }] }] } });
 
+/**
+ * Provides `SkyAgGridWrapperComponent` and `SkyAgGridRowDeleteDirective`, but to use
+ * AG Grid in your application, you must also load `AgGridAngular` from `ag-grid-angular` and
+ * `ModuleRegistry` from `ag-grid-community`. For more information, see
+ * [AG Grid modules](https://www.ag-grid.com/angular-data-grid/modules/).
+ *
+ * @example
+ * ```typescript
+ * ModuleRegistry.registerModules([AllCommunityModule]);
+ * ```
+ */
 class SkyAgGridModule {
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: SkyAgGridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
     static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.15", ngImport: i0, type: SkyAgGridModule, imports: [AgGridAngular,
@@ -3514,7 +3549,7 @@ class SkyAgGridService {
         this.#ngUnsubscribe.complete();
     }
     /**
-     * Returns [AG Grid `gridOptions`](https://www.ag-grid.com/javascript-grid-properties/) with default SKY UX options, styling, and cell renderers registered for read-only grids.
+     * Returns [AG Grid `gridOptions`](https://www.ag-grid.com/angular-data-grid/grid-options/) with default SKY UX options, styling, and cell renderers registered for read-only grids.
      * @param args
      * @returns
      */
@@ -3524,7 +3559,7 @@ class SkyAgGridService {
         return mergedGridOptions;
     }
     /**
-     * Returns [AG Grid `gridOptions`](https://www.ag-grid.com/javascript-grid-properties/) with default SKY UX options, styling, and cell editors registered for editable grids.
+     * Returns [AG Grid `gridOptions`](https://www.ag-grid.com/angular-data-grid/grid-options/) with default SKY UX options, styling, and cell editors registered for editable grids.
      * @param args
      * @returns
      */