@skyux/ag-grid 5.7.2 → 6.0.0-beta.2

package/fesm2020/skyux-ag-grid.mjs

@@ -0,0 +1,2084 @@
+import * as i3 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i0 from '@angular/core';
+import { Injectable, Component, ChangeDetectionStrategy, ContentChild, Directive, Input, ContentChildren, TemplateRef, ViewChildren, ViewChild, EventEmitter, Output, NgModule, ElementRef, ViewEncapsulation, Optional } from '@angular/core';
+import * as i1 from '@skyux/core';
+import { SkyAffixAutoFitContext, SkyNumericModule, SkyViewkeeperModule } from '@skyux/core';
+import * as i1$1 from '@skyux/data-manager';
+import { SkyDataManagerModule } from '@skyux/data-manager';
+import * as i1$2 from '@skyux/layout';
+import { SkyInlineDeleteModule } from '@skyux/layout';
+import { AgGridAngular, AgGridModule } from 'ag-grid-angular';
+import { Subject } from 'rxjs';
+import { takeUntil, filter } from 'rxjs/operators';
+import * as i1$4 from '@angular/forms';
+import { FormsModule, FormGroup, FormControl, ReactiveFormsModule } from '@angular/forms';
+import * as i1$3 from '@skyux/lookup';
+import { SkyAutocompleteModule, SkyLookupModule } from '@skyux/lookup';
+import * as i3$1 from '@skyux/i18n';
+import { getLibStringForLocale, SkyI18nModule, SKY_LIB_RESOURCES_PROVIDERS } from '@skyux/i18n';
+import * as i2 from '@skyux/autonumeric';
+import { SkyAutonumericModule } from '@skyux/autonumeric';
+import * as i2$1 from '@skyux/datetime';
+import { SkyDatepickerModule } from '@skyux/datetime';
+import * as i1$5 from '@skyux/theme';
+import { PopupComponent, Events, RowNode } from 'ag-grid-community';
+import * as i1$6 from '@skyux/forms';
+import { SkyInputBoxModule, SkyCheckboxModule } from '@skyux/forms';
+import * as i1$7 from '@skyux/indicators';
+import { SkyStatusIndicatorModule } from '@skyux/indicators';
+import * as i2$2 from '@skyux/popovers';
+import { SkyPopoverMessageType, SkyPopoverModule } from '@skyux/popovers';
+
+class SkyAgGridAdapterService {
+    constructor(skyAdapterService) {
+        this.skyAdapterService = skyAdapterService;
+    }
+    getElementOrParentWithClass(element, className) {
+        if (element && element.classList.contains(className)) {
+            return element;
+        }
+        else if (element.parentElement) {
+            return this.getElementOrParentWithClass(element.parentElement, className);
+        }
+    }
+    setFocusedElementById(parentEl, selector) {
+        const element = parentEl.querySelector(`#${selector}`);
+        /* istanbul ignore else */
+        if (element) {
+            element.focus();
+        }
+    }
+    getFocusedElement() {
+        return document.activeElement;
+    }
+    getNextFocusableElement(currentEl, parentEl, moveFocusLeft) {
+        if (parentEl) {
+            const focusableChildren = this.skyAdapterService.getFocusableChildren(parentEl);
+            const currentElementIndex = focusableChildren.indexOf(currentEl);
+            const nextIndex = moveFocusLeft
+                ? currentElementIndex - 1
+                : currentElementIndex + 1;
+            if ((!moveFocusLeft && focusableChildren.length >= nextIndex) ||
+                (moveFocusLeft && nextIndex >= 0)) {
+                return focusableChildren[nextIndex];
+            }
+        }
+    }
+    focusOnFocusableChildren(element) {
+        const focusableChildren = this.skyAdapterService.getFocusableChildren(element);
+        if (focusableChildren.length) {
+            focusableChildren[0].focus();
+        }
+    }
+}
+SkyAgGridAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridAdapterService, deps: [{ token: i1.SkyCoreAdapterService }], target: i0.ɵɵFactoryTarget.Injectable });
+SkyAgGridAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridAdapterService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridAdapterService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: i1.SkyCoreAdapterService }]; } });
+
+let idIndex = 0;
+/**
+ * @internal
+ */
+class SkyAgGridWrapperComponent {
+    constructor(adapterService, changeDetector, elementRef) {
+        this.adapterService = adapterService;
+        this.changeDetector = changeDetector;
+        this.elementRef = elementRef;
+        this._viewkeeperClasses = [];
+        idIndex++;
+        this.afterAnchorId = 'sky-ag-grid-nav-anchor-after-' + idIndex;
+        this.beforeAnchorId = 'sky-ag-grid-nav-anchor-before-' + idIndex;
+        this.gridId = 'sky-ag-grid-' + idIndex;
+    }
+    get viewkeeperClasses() {
+        return this._viewkeeperClasses;
+    }
+    set viewkeeperClasses(value) {
+        this._viewkeeperClasses = value;
+        this.changeDetector.markForCheck();
+    }
+    ngAfterContentInit() {
+        if (this.agGrid.gridOptions &&
+            this.agGrid.gridOptions.domLayout === 'autoHeight') {
+            this.viewkeeperClasses.push('.ag-header');
+        }
+    }
+    onGridKeydown(event) {
+        if (this.agGrid && !this.isInEditMode && event.key === 'Tab') {
+            const idToFocus = event.shiftKey
+                ? this.beforeAnchorId
+                : this.afterAnchorId;
+            this.adapterService.setFocusedElementById(this.elementRef.nativeElement, idToFocus);
+        }
+    }
+    onAnchorFocus(event) {
+        const gridId = this.gridId;
+        const relatedTarget = event.relatedTarget;
+        const previousFocusedId = relatedTarget && relatedTarget.id;
+        const previousWasCell = relatedTarget &&
+            !!this.adapterService.getElementOrParentWithClass(relatedTarget, 'ag-cell');
+        if (previousFocusedId !== gridId && !previousWasCell) {
+            const columns = this.agGrid.columnApi.getAllDisplayedColumns();
+            const firstColumn = columns && columns[0];
+            const rowIndex = this.agGrid.api.getFirstDisplayedRow();
+            if (firstColumn && rowIndex >= 0) {
+                this.agGrid.api.setFocusedCell(rowIndex, firstColumn);
+            }
+        }
+    }
+    get isInEditMode() {
+        /* Sanity check */
+        /* istanbul ignore else */
+        if (this.agGrid && this.agGrid.api) {
+            const primaryGridEditing = this.agGrid.api.getEditingCells().length > 0;
+            if (primaryGridEditing) {
+                return true;
+            }
+            else {
+                let innerEditing = false;
+                this.agGrid.api.forEachDetailGridInfo((detailGrid) => {
+                    if (detailGrid.api.getEditingCells().length > 0) {
+                        innerEditing = true;
+                    }
+                });
+                return innerEditing;
+            }
+        }
+        else {
+            return false;
+        }
+    }
+}
+SkyAgGridWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridWrapperComponent, deps: [{ token: SkyAgGridAdapterService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+SkyAgGridWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: SkyAgGridWrapperComponent, selector: "sky-ag-grid-wrapper", queries: [{ propertyName: "agGrid", first: true, predicate: AgGridAngular, descendants: true, static: 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  class=\"sky-ag-grid\"\n  tabindex=\"0\"\n  [id]=\"gridId\"\n  [skyViewkeeper]=\"viewkeeperClasses\"\n  (keydown)=\"onGridKeydown($event)\"\n>\n  <ng-content></ng-content>\n</div>\n<span\n  tabindex=\"0\"\n  class=\"nav-anchor\"\n  [id]=\"afterAnchorId\"\n  (focusin)=\"onAnchorFocus($event)\"\n>\n</span>\n", directives: [{ type: i1.λ3, selector: "[skyViewkeeper]", inputs: ["skyViewkeeper"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridWrapperComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sky-ag-grid-wrapper', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span\n  class=\"nav-anchor\"\n  tabindex=\"0\"\n  [id]=\"beforeAnchorId\"\n  (focusin)=\"onAnchorFocus($event)\"\n>\n</span>\n<div\n  class=\"sky-ag-grid\"\n  tabindex=\"0\"\n  [id]=\"gridId\"\n  [skyViewkeeper]=\"viewkeeperClasses\"\n  (keydown)=\"onGridKeydown($event)\"\n>\n  <ng-content></ng-content>\n</div>\n<span\n  tabindex=\"0\"\n  class=\"nav-anchor\"\n  [id]=\"afterAnchorId\"\n  (focusin)=\"onAnchorFocus($event)\"\n>\n</span>\n" }]
+        }], ctorParameters: function () { return [{ type: SkyAgGridAdapterService }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }]; }, propDecorators: { agGrid: [{
+                type: ContentChild,
+                args: [AgGridAngular, {
+                        static: true,
+                    }]
+            }] } });
+
+/**
+ * @internal
+ */
+class SkyAgGridDataManagerAdapterDirective {
+    constructor(changeDetector, dataManagerSvc) {
+        this.changeDetector = changeDetector;
+        this.dataManagerSvc = dataManagerSvc;
+        this.ngUnsubscribe = new Subject();
+    }
+    ngAfterContentInit() {
+        this.dataManagerSvc.setViewkeeperClasses(this.viewId, ['.ag-header']);
+        this.viewConfig = this.dataManagerSvc.getViewById(this.viewId);
+        this.checkForAgGrid();
+        this.checkForSkyAgGridWrapper();
+        this.agGridList.changes
+            .pipe(takeUntil(this.ngUnsubscribe))
+            .subscribe(() => this.checkForAgGrid());
+        this.skyAgGridWrapperList.changes
+            .pipe(takeUntil(this.ngUnsubscribe))
+            .subscribe(() => this.checkForSkyAgGridWrapper());
+    }
+    ngOnDestroy() {
+        this.ngUnsubscribe.next();
+        this.ngUnsubscribe.complete();
+    }
+    checkForAgGrid() {
+        const agGridCount = this.agGridList.length;
+        /* istanbul ignore else */
+        if (agGridCount === 0) {
+            this.unregisterAgGrid();
+        }
+        else if (this.agGridList.first !== this.currentAgGrid) {
+            this.registerAgGrid();
+        }
+        if (agGridCount > 1) {
+            console.warn('More than one ag-grid child component was found. Using the first ag-Grid.');
+        }
+    }
+    checkForSkyAgGridWrapper() {
+        const skyAgGridWrapperCount = this.skyAgGridWrapperList.length;
+        /* istanbul ignore else */
+        if (skyAgGridWrapperCount === 0) {
+            this.unregisterSkyAgGridWrapper();
+        }
+        else if (this.skyAgGridWrapperList.first !== this.currentSkyAgGridWrapper) {
+            this.registerSkyAgGridWrapper();
+        }
+        if (skyAgGridWrapperCount > 1) {
+            console.warn('More than one ag-grid child component was found. Using the first ag-Grid.');
+        }
+    }
+    unregisterAgGrid() {
+        this.currentAgGrid = undefined;
+        /* istanbul ignore if */
+        if (this.dataStateSub) {
+            this.dataStateSub.unsubscribe();
+        }
+    }
+    unregisterSkyAgGridWrapper() {
+        this.currentSkyAgGridWrapper = undefined;
+    }
+    registerSkyAgGridWrapper() {
+        this.unregisterSkyAgGridWrapper();
+        this.currentSkyAgGridWrapper = this.skyAgGridWrapperList.first;
+        setTimeout(() => {
+            if (this.currentSkyAgGridWrapper) {
+                this.currentSkyAgGridWrapper.viewkeeperClasses = [];
+            }
+        });
+    }
+    registerAgGrid() {
+        this.unregisterAgGrid();
+        const agGrid = this.agGridList.first;
+        this.currentAgGrid = agGrid;
+        agGrid.gridReady.pipe(takeUntil(this.ngUnsubscribe)).subscribe(() => {
+            this.viewConfig.onSelectAllClick = this.selectAll.bind(this);
+            this.viewConfig.onClearAllClick = this.clearAll.bind(this);
+            this.dataManagerSvc.updateViewConfig(this.viewConfig);
+            this.dataStateSub = this.dataManagerSvc
+                .getDataStateUpdates(this.viewConfig.id)
+                .pipe(takeUntil(this.ngUnsubscribe))
+                .subscribe((dataState) => {
+                this.currentDataState = dataState;
+                this.displayColumns(dataState);
+            });
+            agGrid.api.sizeColumnsToFit();
+        });
+        agGrid.columnMoved
+            .pipe(takeUntil(this.ngUnsubscribe), filter((event) => ![
+            'gridInitializing',
+            'uiColumnResized',
+            'uiColumnDragged',
+            'api',
+        ].includes(event.source)))
+            .subscribe((value) => {
+            this.updateColumnsInCurrentDataState(value.columnApi);
+        });
+        let currentColumns;
+        agGrid.dragStarted
+            .pipe(takeUntil(this.ngUnsubscribe))
+            .subscribe((value) => {
+            currentColumns = this.getColumnOrder(value.columnApi);
+        });
+        agGrid.dragStopped
+            .pipe(takeUntil(this.ngUnsubscribe))
+            .subscribe((value) => {
+            const newColumns = this.getColumnOrder(value.columnApi);
+            const hasChanged = currentColumns.findIndex((colId, i) => colId !== newColumns[i]);
+            if (hasChanged > -1) {
+                this.updateColumnsInCurrentDataState(value.columnApi);
+            }
+        });
+        agGrid.rowSelected
+            .pipe(takeUntil(this.ngUnsubscribe))
+            .subscribe((event) => {
+            const row = event.node;
+            const selectedIds = this.currentDataState.selectedIds || [];
+            const rowIndex = selectedIds.indexOf(row.data.id);
+            if (row.isSelected() && rowIndex === -1) {
+                selectedIds.push(row.data.id);
+            }
+            else if (!row.isSelected() && rowIndex !== -1) {
+                selectedIds.splice(rowIndex, 1);
+            }
+            this.currentDataState.selectedIds = selectedIds;
+            this.dataManagerSvc.updateDataState(this.currentDataState, this.viewConfig.id);
+            this.changeDetector.markForCheck();
+        });
+        agGrid.sortChanged.pipe(takeUntil(this.ngUnsubscribe)).subscribe(() => {
+            const gridColumnStates = agGrid.columnApi.getColumnState();
+            let sortOption;
+            /* istanbul ignore else */
+            if (gridColumnStates.length) {
+                const activeSortColumnState = gridColumnStates.find((aGridColumnState) => aGridColumnState.sortIndex === 0);
+                const dataManagerConfig = this.dataManagerSvc.getCurrentDataManagerConfig();
+                /* istanbul ignore else */
+                if (dataManagerConfig.sortOptions && activeSortColumnState) {
+                    sortOption = dataManagerConfig.sortOptions.find((option) => {
+                        return (option.propertyName === activeSortColumnState.colId &&
+                            option.descending === (activeSortColumnState.sort === 'desc'));
+                    });
+                }
+                else {
+                    sortOption = undefined;
+                }
+            }
+            this.currentDataState.activeSortOption = sortOption;
+            this.dataManagerSvc.updateDataState(this.currentDataState, this.viewConfig.id);
+        });
+    }
+    updateColumnsInCurrentDataState(columnApi) {
+        const columnOrder = this.getColumnOrder(columnApi);
+        const viewState = this.currentDataState.getViewStateById(this.viewConfig.id);
+        viewState.displayedColumnIds = columnOrder;
+        this.dataManagerSvc.updateDataState(this.currentDataState.addOrUpdateView(this.viewConfig.id, viewState), this.viewConfig.id);
+    }
+    getColumnOrder(columnApi) {
+        return columnApi
+            .getAllDisplayedVirtualColumns()
+            .map((col) => col.getColDef().colId);
+    }
+    displayColumns(dataState) {
+        const agGrid = this.currentAgGrid;
+        const viewState = dataState.getViewStateById(this.viewConfig.id);
+        let displayedColumnIds = [];
+        /*istanbul ignore else*/
+        if (viewState.displayedColumnIds) {
+            displayedColumnIds = viewState.displayedColumnIds;
+        }
+        const columns = agGrid.columnApi.getAllColumns();
+        for (const column of columns) {
+            const colId = column.getColId();
+            const colIndex = displayedColumnIds.indexOf(colId);
+            agGrid.columnApi.setColumnVisible(colId, colIndex !== -1);
+            agGrid.columnApi.moveColumn(colId, colIndex);
+        }
+    }
+    selectAll() {
+        const agGrid = this.agGridList.first;
+        agGrid.api.selectAll();
+    }
+    clearAll() {
+        const agGrid = this.agGridList.first;
+        agGrid.api.deselectAll();
+    }
+}
+SkyAgGridDataManagerAdapterDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridDataManagerAdapterDirective, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.SkyDataManagerService }], target: i0.ɵɵFactoryTarget.Directive });
+SkyAgGridDataManagerAdapterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.7", type: SkyAgGridDataManagerAdapterDirective, selector: "[skyAgGridDataManagerAdapter]", inputs: { viewId: "viewId" }, queries: [{ propertyName: "agGridList", predicate: AgGridAngular, descendants: true }, { propertyName: "skyAgGridWrapperList", predicate: SkyAgGridWrapperComponent, descendants: true }], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridDataManagerAdapterDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[skyAgGridDataManagerAdapter]',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1$1.SkyDataManagerService }]; }, propDecorators: { viewId: [{
+                type: Input
+            }], agGridList: [{
+                type: ContentChildren,
+                args: [AgGridAngular, { descendants: true }]
+            }], skyAgGridWrapperList: [{
+                type: ContentChildren,
+                args: [SkyAgGridWrapperComponent, { descendants: true }]
+            }] } });
+
+/**
+ * Component for rendering the inline delete template in the overlay.
+ * @internal
+ */
+class SkyAgGridRowDeleteComponent {
+}
+SkyAgGridRowDeleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridRowDeleteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyAgGridRowDeleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: SkyAgGridRowDeleteComponent, selector: "ng-component", viewQueries: [{ propertyName: "inlineDeleteTemplateRef", first: true, predicate: ["inlineDeleteTemplateRef"], descendants: true, read: TemplateRef }, { propertyName: "inlineDeleteRefs", predicate: ["inlineDeleteRef"], descendants: true }], ngImport: i0, template: `
+    <ng-template
+      let-row
+      let-tableWidth="tableWidth()"
+      let-getRowDeleteItem="getRowDeleteItem"
+      let-cancelRowDelete="cancelRowDelete"
+      let-confirmRowDelete="confirmRowDelete"
+      #inlineDeleteTemplateRef
+    >
+      <div
+        class="sky-ag-grid-row-delete"
+        [id]="'row-delete-ref-' + row.id"
+        [ngStyle]="{
+          height: row.rowHeight + 'px',
+          position: 'fixed',
+          width: tableWidth + 'px'
+        }"
+        #inlineDeleteRef
+      >
+        <sky-inline-delete
+          [pending]="getRowDeleteItem(row).pending"
+          (cancelTriggered)="cancelRowDelete(row)"
+          (deleteTriggered)="confirmRowDelete(row)"
+        ></sky-inline-delete>
+      </div>
+    </ng-template>
+  `, isInline: true, components: [{ type: i1$2.λ8, selector: "sky-inline-delete", inputs: ["pending"], outputs: ["cancelTriggered", "deleteTriggered"] }], directives: [{ type: i3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridRowDeleteComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: `
+    <ng-template
+      let-row
+      let-tableWidth="tableWidth()"
+      let-getRowDeleteItem="getRowDeleteItem"
+      let-cancelRowDelete="cancelRowDelete"
+      let-confirmRowDelete="confirmRowDelete"
+      #inlineDeleteTemplateRef
+    >
+      <div
+        class="sky-ag-grid-row-delete"
+        [id]="'row-delete-ref-' + row.id"
+        [ngStyle]="{
+          height: row.rowHeight + 'px',
+          position: 'fixed',
+          width: tableWidth + 'px'
+        }"
+        #inlineDeleteRef
+      >
+        <sky-inline-delete
+          [pending]="getRowDeleteItem(row).pending"
+          (cancelTriggered)="cancelRowDelete(row)"
+          (deleteTriggered)="confirmRowDelete(row)"
+        ></sky-inline-delete>
+      </div>
+    </ng-template>
+  `,
+                }]
+        }], propDecorators: { inlineDeleteRefs: [{
+                type: ViewChildren,
+                args: ['inlineDeleteRef']
+            }], inlineDeleteTemplateRef: [{
+                type: ViewChild,
+                args: ['inlineDeleteTemplateRef', { read: TemplateRef }]
+            }] } });
+
+/**
+ * @internal
+ */
+class SkyAgGridRowDeleteDirective {
+    constructor(affixService, changeDetector, elementRef, resolver, overlayService, viewContainerRef) {
+        this.affixService = affixService;
+        this.changeDetector = changeDetector;
+        this.elementRef = elementRef;
+        this.resolver = resolver;
+        this.overlayService = overlayService;
+        this.viewContainerRef = viewContainerRef;
+        /**
+         * Emits a `SkyAgGridRowDeleteCancelArgs` object when a row's inline delete is cancelled.
+         */
+        this.rowDeleteCancel = new EventEmitter();
+        /**
+         * Emits a `SkyAgGridRowDeleteConfirmArgs` object when a row's inline delete is confirmed.
+         */
+        this.rowDeleteConfirm = new EventEmitter();
+        /**
+         * Emits when the list of ids of the data in the rows where inline deletes are shown changes.
+         */
+        this.rowDeleteIdsChange = new EventEmitter();
+        this.rowDeleteConfigs = [];
+        this.ngUnsubscribe = new Subject();
+        this.rowDeleteContents = {};
+    }
+    /**
+     * Specifies the ids of the data in the rows on which inline delete's should be shown.
+     */
+    set rowDeleteIds(value) {
+        this._rowDeleteIds = value;
+        if (!value) {
+            for (const config of this.rowDeleteConfigs) {
+                this.destroyRowDelete(config.id);
+            }
+            this.changeDetector.markForCheck();
+            return;
+        }
+        for (const id of value) {
+            const existingConfig = this.rowDeleteConfigs.find((config) => config.id === id);
+            if (existingConfig) {
+                existingConfig.pending = false;
+            }
+            else {
+                this.rowDeleteConfigs.push({
+                    id: id,
+                    pending: false,
+                });
+                const overlay = this.overlayService.create({
+                    enableScroll: true,
+                    showBackdrop: false,
+                    closeOnNavigation: true,
+                    enableClose: false,
+                    enablePointerEvents: true,
+                });
+                overlay.attachTemplate(this.rowDeleteComponent.inlineDeleteTemplateRef, {
+                    $implicit: this.agGrid.api.getRowNode(id),
+                    tableWidth: () => {
+                        return this.tableWidth;
+                    },
+                    getRowDeleteItem: (row) => this.getRowDeleteItem(row),
+                    cancelRowDelete: (row) => this.cancelRowDelete(row),
+                    confirmRowDelete: (row) => this.confirmRowDelete(row),
+                });
+                /**
+                 * We are manually setting the z-index here because overlays will always be on top of
+                 * the omnibar. This manual setting is 2 less than the omnibar's z-index of 1000 and one less than
+                 * the header row's viewkeeper which is 999. We discussed changing the overlay service to allow for this
+                 * but decided against that change at this time due to its niche nature.
+                 */
+                overlay.componentRef.instance.zIndex = '998';
+                setTimeout(() => {
+                    const inlineDeleteRef = this.rowDeleteComponent.inlineDeleteRefs
+                        .toArray()
+                        .find((elRef) => {
+                        return elRef.nativeElement.id === 'row-delete-ref-' + id;
+                    });
+                    const affixer = this.affixService.createAffixer(inlineDeleteRef);
+                    this.affixToRow(affixer, id);
+                    this.rowDeleteContents[id] = {
+                        affixer: affixer,
+                        overlay: overlay,
+                    };
+                });
+            }
+        }
+        for (const config of this.rowDeleteConfigs) {
+            if (value.indexOf(config.id) < 0) {
+                this.destroyRowDelete(config.id);
+            }
+        }
+        this.changeDetector.markForCheck();
+    }
+    get rowDeleteIds() {
+        return this._rowDeleteIds;
+    }
+    get tableWidth() {
+        return this.elementRef.nativeElement.querySelectorAll('.sky-ag-grid')[0]
+            .offsetWidth;
+    }
+    ngAfterContentInit() {
+        const factory = this.resolver.resolveComponentFactory(SkyAgGridRowDeleteComponent);
+        this.rowDeleteComponent =
+            this.viewContainerRef.createComponent(factory).instance;
+        this.agGrid.rowDataChanged
+            .pipe(takeUntil(this.ngUnsubscribe))
+            .subscribe(() => {
+            this.updateRowDeleteStates();
+        });
+        this.agGrid.rowDataUpdated
+            .pipe(takeUntil(this.ngUnsubscribe))
+            .subscribe(() => {
+            this.updateRowDeleteStates();
+        });
+        this.agGrid.sortChanged
+            .pipe(takeUntil(this.ngUnsubscribe))
+            .subscribe(() => {
+            this.updateRowDeleteStates();
+        });
+        this.agGrid.filterChanged
+            .pipe(takeUntil(this.ngUnsubscribe))
+            .subscribe(() => {
+            this.updateRowDeleteStates();
+        });
+        this.agGrid.getRowNodeId = (data) => {
+            return data.id.toString();
+        };
+    }
+    ngOnDestroy() {
+        this.ngUnsubscribe.next();
+        this.ngUnsubscribe.complete();
+        Object.keys(this.rowDeleteContents).forEach((id) => {
+            this.destroyRowDelete(id);
+        });
+    }
+    cancelRowDelete(row) {
+        this.rowDeleteConfigs = this.rowDeleteConfigs.filter((config) => config.id !== row.id);
+        this.rowDeleteCancel.emit({ id: row.id });
+        this.destroyRowDelete(row.id);
+    }
+    confirmRowDelete(row) {
+        this.rowDeleteConfigs.find((config) => config.id === row.id).pending = true;
+        this.rowDeleteConfirm.emit({ id: row.id });
+    }
+    getRowDeleteItem(row) {
+        return this.rowDeleteConfigs.find((rowDelete) => rowDelete.id === row.id);
+    }
+    affixToRow(affixer, id) {
+        let rowElement = this.elementRef.nativeElement.querySelector(`
+      [row-id="${id}"] div[aria-colindex="1"],
+      .ag-row.sky-ag-grid-row-${id} div[aria-colindex="1"]
+    `);
+        // This covers cases where AG Grid places the column index on an inner element (such as with the `enableCellTextSelection` option)
+        // This appears to have been fixed by AG Grid in version 24 and so it is not testable after that version.
+        /* istanbul ignore if */
+        if (!rowElement) {
+            const columns = this.elementRef.nativeElement.querySelectorAll('[row-id="' + id + '"] > div');
+            for (let i = 0; i < columns.length; i++) {
+                if (columns[i].querySelector('[aria-colindex="1"]')) {
+                    rowElement = columns[i];
+                    break;
+                }
+            }
+        }
+        affixer.affixTo(rowElement, {
+            autoFitContext: SkyAffixAutoFitContext.Viewport,
+            isSticky: true,
+            placement: 'above',
+            verticalAlignment: 'top',
+            horizontalAlignment: 'left',
+            enableAutoFit: false,
+        });
+    }
+    destroyRowDelete(id) {
+        const rowDeleteContents = this.rowDeleteContents[id];
+        /* sanity check */
+        /* istanbul ignore else */
+        if (rowDeleteContents) {
+            rowDeleteContents.affixer.destroy();
+            this.overlayService.close(rowDeleteContents.overlay);
+            delete this.rowDeleteContents[id];
+            this.rowDeleteConfigs = this.rowDeleteConfigs.filter((config) => config.id !== id);
+            this._rowDeleteIds = this.rowDeleteIds?.filter((arrayId) => arrayId !== id);
+            this.rowDeleteIdsChange.emit(this._rowDeleteIds);
+        }
+    }
+    updateRowDeleteStates() {
+        this.rowDeleteConfigs.forEach((config) => {
+            if (!this.agGrid.api.getRowNode(config.id)) {
+                this.destroyRowDelete(config.id);
+            }
+            else {
+                // We must reaffix things when the data changes because the rows rerender and the previous element that the delete was affixed
+                // to is destroyed.
+                this.affixToRow(this.rowDeleteContents[config.id].affixer, config.id);
+            }
+        });
+        this.changeDetector.markForCheck();
+    }
+}
+SkyAgGridRowDeleteDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridRowDeleteDirective, deps: [{ token: i1.SkyAffixService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.ComponentFactoryResolver }, { token: i1.SkyOverlayService }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+SkyAgGridRowDeleteDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "13.2.7", type: SkyAgGridRowDeleteDirective, selector: "[skyAgGridRowDelete]", inputs: { rowDeleteIds: "rowDeleteIds" }, outputs: { rowDeleteCancel: "rowDeleteCancel", rowDeleteConfirm: "rowDeleteConfirm", rowDeleteIdsChange: "rowDeleteIdsChange" }, queries: [{ propertyName: "agGrid", first: true, predicate: AgGridAngular, descendants: true }], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridRowDeleteDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[skyAgGridRowDelete]',
+                }]
+        }], ctorParameters: function () { return [{ type: i1.SkyAffixService }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.ComponentFactoryResolver }, { type: i1.SkyOverlayService }, { type: i0.ViewContainerRef }]; }, propDecorators: { rowDeleteIds: [{
+                type: Input
+            }], rowDeleteCancel: [{
+                type: Output
+            }], rowDeleteConfirm: [{
+                type: Output
+            }], rowDeleteIdsChange: [{
+                type: Output
+            }], agGrid: [{
+                type: ContentChild,
+                args: [AgGridAngular]
+            }] } });
+
+/**
+ * NOTICE: DO NOT MODIFY THIS FILE!
+ * The contents of this file were automatically generated by
+ * the 'ng generate @skyux/i18n:lib-resources-module lib/modules/shared/sky-ag-grid' schematic.
+ * To update this file, simply rerun the command.
+ */
+const RESOURCES = {
+    'EN-US': {
+        sky_ag_grid_row_selector_aria_label: {
+            message: 'Row selector for row {0}',
+        },
+        sky_ag_grid_cell_editor_number_aria_label: {
+            message: 'Editable number {0} for row {1}',
+        },
+        sky_ag_grid_cell_editor_text_aria_label: {
+            message: 'Editable text {0} for row {1}',
+        },
+        sky_ag_grid_cell_editor_autocomplete_aria_label: {
+            message: 'Editable autocomplete {0} for row {1}',
+        },
+        sky_ag_grid_cell_renderer_currency_aria_label: {
+            message: 'Editable currency {0} for row {1}',
+        },
+        sky_ag_grid_cell_renderer_number_validator_message: {
+            message: 'Enter a valid number.',
+        },
+        sky_ag_grid_cell_renderer_currency_validator_message: {
+            message: 'Enter a valid currency.',
+        },
+        skyux_lookup_tokens_summary: { message: '{0} items selected' },
+        sky_ag_grid_cell_editor_currency_aria_label: {
+            message: 'Editable currency {0} for row {1}',
+        },
+    },
+};
+class SkyAgGridResourcesProvider {
+    getString(localeInfo, name) {
+        return getLibStringForLocale(RESOURCES, localeInfo.locale, name);
+    }
+}
+/**
+ * Import into any component library module that needs to use resource strings.
+ */
+class SkyAgGridResourcesModule {
+}
+SkyAgGridResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyAgGridResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridResourcesModule, exports: [SkyI18nModule] });
+SkyAgGridResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridResourcesModule, providers: [
+        {
+            provide: SKY_LIB_RESOURCES_PROVIDERS,
+            useClass: SkyAgGridResourcesProvider,
+            multi: true,
+        },
+    ], imports: [SkyI18nModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridResourcesModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    exports: [SkyI18nModule],
+                    providers: [
+                        {
+                            provide: SKY_LIB_RESOURCES_PROVIDERS,
+                            useClass: SkyAgGridResourcesProvider,
+                            multi: true,
+                        },
+                    ],
+                }]
+        }] });
+
+/**
+ * @internal
+ */
+class SkyAgGridCellEditorAutocompleteComponent {
+    constructor() {
+        this.skyComponentProperties = {};
+    }
+    agInit(params) {
+        this.params = params;
+        this.currentSelection = this.params.value;
+        this.columnHeader = this.params.colDef && this.params.colDef.headerName;
+        this.rowNumber = this.params.rowIndex + 1;
+        this.skyComponentProperties = this.params.skyComponentProperties || {};
+    }
+    afterGuiAttached() {
+        this.input.nativeElement.focus();
+    }
+    getValue() {
+        return this.currentSelection;
+    }
+}
+SkyAgGridCellEditorAutocompleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellEditorAutocompleteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyAgGridCellEditorAutocompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: SkyAgGridCellEditorAutocompleteComponent, selector: "sky-ag-grid-cell-editor-autocomplete", viewQueries: [{ propertyName: "input", first: true, predicate: ["skyCellEditorAutocomplete"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div class=\"sky-ag-grid-cell-editor-autocomplete\">\n  <sky-autocomplete\n    [data]=\"skyComponentProperties.data\"\n    [debounceTime]=\"skyComponentProperties.debounceTime\"\n    [descriptorProperty]=\"skyComponentProperties.descriptorProperty\"\n    [propertiesToSearch]=\"skyComponentProperties.propertiesToSearch\"\n    [search]=\"skyComponentProperties.search\"\n    [searchFilters]=\"skyComponentProperties.searchFilters\"\n    [searchResultsLimit]=\"skyComponentProperties.searchResultsLimit\"\n    [searchResultTemplate]=\"skyComponentProperties.searchResultTemplate\"\n    [searchTextMinimumCharacters]=\"\n      skyComponentProperties.searchTextMinimumCharacters\n    \"\n    (selectionChange)=\"\n      skyComponentProperties.selectionChange &&\n        skyComponentProperties.selectionChange($event)\n    \"\n  >\n    <input\n      skyAutocomplete\n      #skyCellEditorAutocomplete\n      type=\"text\"\n      [(ngModel)]=\"currentSelection\"\n      [attr.aria-label]=\"\n        'sky_ag_grid_cell_editor_autocomplete_aria_label'\n          | skyLibResources: columnHeader:rowNumber\n      \"\n    />\n  </sky-autocomplete>\n</div>\n", styles: ["sky-autocomplete input{border:none;box-shadow:none}\n"], components: [{ type: i1$3.λ2, selector: "sky-autocomplete", inputs: ["ariaLabelledBy", "data", "debounceTime", "descriptorProperty", "enableShowMore", "messageStream", "wrapperClass", "propertiesToSearch", "search", "searchResultTemplate", "searchTextMinimumCharacters", "searchFilters", "searchResultsLimit", "showAddButton", "noResultsFoundText", "searchAsyncDisabled"], outputs: ["addClick", "showMoreClick", "selectionChange", "searchAsync"] }], directives: [{ type: i1$3.λ1, selector: "input[skyAutocomplete], textarea[skyAutocomplete]", inputs: ["autocompleteAttribute", "disabled"] }, { type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "skyLibResources": i3$1.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellEditorAutocompleteComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sky-ag-grid-cell-editor-autocomplete', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"sky-ag-grid-cell-editor-autocomplete\">\n  <sky-autocomplete\n    [data]=\"skyComponentProperties.data\"\n    [debounceTime]=\"skyComponentProperties.debounceTime\"\n    [descriptorProperty]=\"skyComponentProperties.descriptorProperty\"\n    [propertiesToSearch]=\"skyComponentProperties.propertiesToSearch\"\n    [search]=\"skyComponentProperties.search\"\n    [searchFilters]=\"skyComponentProperties.searchFilters\"\n    [searchResultsLimit]=\"skyComponentProperties.searchResultsLimit\"\n    [searchResultTemplate]=\"skyComponentProperties.searchResultTemplate\"\n    [searchTextMinimumCharacters]=\"\n      skyComponentProperties.searchTextMinimumCharacters\n    \"\n    (selectionChange)=\"\n      skyComponentProperties.selectionChange &&\n        skyComponentProperties.selectionChange($event)\n    \"\n  >\n    <input\n      skyAutocomplete\n      #skyCellEditorAutocomplete\n      type=\"text\"\n      [(ngModel)]=\"currentSelection\"\n      [attr.aria-label]=\"\n        'sky_ag_grid_cell_editor_autocomplete_aria_label'\n          | skyLibResources: columnHeader:rowNumber\n      \"\n    />\n  </sky-autocomplete>\n</div>\n", styles: ["sky-autocomplete input{border:none;box-shadow:none}\n"] }]
+        }], propDecorators: { input: [{
+                type: ViewChild,
+                args: ['skyCellEditorAutocomplete', { read: ElementRef }]
+            }] } });
+
+class SkyAgGridCellEditorAutocompleteModule {
+}
+SkyAgGridCellEditorAutocompleteModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellEditorAutocompleteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyAgGridCellEditorAutocompleteModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellEditorAutocompleteModule, declarations: [SkyAgGridCellEditorAutocompleteComponent], imports: [FormsModule, SkyAgGridResourcesModule, SkyAutocompleteModule], exports: [SkyAgGridCellEditorAutocompleteComponent] });
+SkyAgGridCellEditorAutocompleteModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellEditorAutocompleteModule, imports: [[FormsModule, SkyAgGridResourcesModule, SkyAutocompleteModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellEditorAutocompleteModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [FormsModule, SkyAgGridResourcesModule, SkyAutocompleteModule],
+                    declarations: [SkyAgGridCellEditorAutocompleteComponent],
+                    exports: [SkyAgGridCellEditorAutocompleteComponent],
+                }]
+        }] });
+
+/**
+ * @internal
+ */
+class SkyAgGridCellEditorCurrencyComponent {
+    constructor() {
+        this.skyComponentProperties = {};
+    }
+    /**
+     * agInit is called by agGrid once after the editor is created and provides the editor with the information it needs.
+     * @param params The cell editor params that include data about the cell, column, row, and grid.
+     */
+    agInit(params) {
+        this.params = params;
+        this.value = this.params.value;
+        this.columnHeader = this.params.colDef.headerName;
+        this.rowNumber = this.params.rowIndex + 1;
+        this.columnWidth = this.params.column.getActualWidth();
+        this.rowHeightWithoutBorders =
+            this.params.node && this.params.node.rowHeight - 4;
+        this.skyComponentProperties = this.params.skyComponentProperties || {
+            decimalPlaces: 2,
+            currencySymbol: '$',
+        };
+    }
+    /**
+     * afterGuiAttached is called by agGrid after the editor is rendered in the DOM. Once it is attached the editor is ready to be focused on.
+     */
+    afterGuiAttached() {
+        this.input.nativeElement.focus();
+    }
+    /**
+     * getValue is called by agGrid when editing is stopped to get the new value of the cell.
+     */
+    getValue() {
+        return this.value;
+    }
+}
+SkyAgGridCellEditorCurrencyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellEditorCurrencyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyAgGridCellEditorCurrencyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: SkyAgGridCellEditorCurrencyComponent, selector: "sky-ag-grid-cell-editor-currency", viewQueries: [{ propertyName: "input", first: true, predicate: ["skyCellEditorCurrency"], descendants: true, read: ElementRef }], ngImport: i0, template: "<input\n  type=\"text\"\n  [attr.aria-label]=\"\n    'sky_ag_grid_cell_editor_currency_aria_label'\n      | skyLibResources: columnHeader:rowNumber\n  \"\n  [style.width.px]=\"columnWidth\"\n  [style.height.px]=\"rowHeightWithoutBorders\"\n  [(ngModel)]=\"value\"\n  [skyAutonumeric]=\"skyComponentProperties\"\n  #skyCellEditorCurrency\n/>\n", styles: ["input{border:none;padding-left:11px}\n"], directives: [{ type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i2.λ1, selector: "input[skyAutonumeric]", inputs: ["skyAutonumeric"] }, { type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "skyLibResources": i3$1.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellEditorCurrencyComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sky-ag-grid-cell-editor-currency', changeDetection: ChangeDetectionStrategy.OnPush, template: "<input\n  type=\"text\"\n  [attr.aria-label]=\"\n    'sky_ag_grid_cell_editor_currency_aria_label'\n      | skyLibResources: columnHeader:rowNumber\n  \"\n  [style.width.px]=\"columnWidth\"\n  [style.height.px]=\"rowHeightWithoutBorders\"\n  [(ngModel)]=\"value\"\n  [skyAutonumeric]=\"skyComponentProperties\"\n  #skyCellEditorCurrency\n/>\n", styles: ["input{border:none;padding-left:11px}\n"] }]
+        }], propDecorators: { input: [{
+                type: ViewChild,
+                args: ['skyCellEditorCurrency', { read: ElementRef }]
+            }] } });
+
+class SkyAgGridCellEditorCurrencyModule {
+}
+SkyAgGridCellEditorCurrencyModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellEditorCurrencyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyAgGridCellEditorCurrencyModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellEditorCurrencyModule, declarations: [SkyAgGridCellEditorCurrencyComponent], imports: [SkyAgGridResourcesModule, FormsModule, SkyAutonumericModule], exports: [SkyAgGridCellEditorCurrencyComponent] });
+SkyAgGridCellEditorCurrencyModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellEditorCurrencyModule, imports: [[SkyAgGridResourcesModule, FormsModule, SkyAutonumericModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellEditorCurrencyModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [SkyAgGridResourcesModule, FormsModule, SkyAutonumericModule],
+                    declarations: [SkyAgGridCellEditorCurrencyComponent],
+                    exports: [SkyAgGridCellEditorCurrencyComponent],
+                }]
+        }] });
+
+/**
+ * @internal
+ */
+class SkyAgGridCellEditorDatepickerComponent extends PopupComponent {
+    constructor(themeSvc) {
+        super();
+        this.themeSvc = themeSvc;
+        this.skyComponentProperties = {};
+    }
+    /**
+     * agInit is called by agGrid once after the editor is created and provides the editor with the information it needs.
+     * @param params The cell editor params that include data about the cell, column, row, and grid.
+     */
+    agInit(params) {
+        this.params = params;
+        this.currentDate = this.params.value;
+        this.skyComponentProperties = this.params.skyComponentProperties || {};
+        this.columnWidth = this.params.column.getActualWidth();
+        this.columnWidthWithoutBorders = this.columnWidth - 2;
+        this.rowHeightWithoutBorders =
+            this.params.node && this.params.node.rowHeight - 3;
+        this.themeSvc?.settingsChange.subscribe((themeSettings) => {
+            if (themeSettings.currentSettings.theme.name === 'modern') {
+                this.columnWidthWithoutBorders = this.columnWidth;
+                this.rowHeightWithoutBorders =
+                    this.params.node && this.params.node.rowHeight;
+            }
+            else {
+                this.columnWidthWithoutBorders = this.columnWidth - 2;
+                this.rowHeightWithoutBorders =
+                    this.params.node && this.params.node.rowHeight - 3;
+            }
+        });
+    }
+    /**
+     * afterGuiAttached is called by agGrid after the editor is rendered in the DOM. Once it is attached the editor is ready to be focused on.
+     */
+    afterGuiAttached() {
+        this.focusOnDatepickerInput();
+    }
+    /**
+     * getValue is called by agGrid when editing is stopped to get the new value of the cell.
+     */
+    getValue() {
+        this.datepickerInput.nativeElement.blur();
+        return this.currentDate;
+    }
+    focusOnDatepickerInput() {
+        this.datepickerInput.nativeElement.focus();
+    }
+}
+SkyAgGridCellEditorDatepickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellEditorDatepickerComponent, deps: [{ token: i1$5.SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+SkyAgGridCellEditorDatepickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: SkyAgGridCellEditorDatepickerComponent, selector: "sky-ag-grid-cell-editor-datepicker", viewQueries: [{ propertyName: "datepickerInput", first: true, predicate: ["skyCellEditorDatepickerInput"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "<div\n  class=\"sky-ag-grid-cell-editor-datepicker\"\n  [style.width.px]=\"columnWidthWithoutBorders\"\n>\n  <sky-datepicker\n    data-sky-id=\"cell-datepicker\"\n    pickerClass=\"ag-custom-component-popup\"\n  >\n    <input\n      skyDatepickerInput\n      [disabled]=\"skyComponentProperties.disabled\"\n      [minDate]=\"skyComponentProperties.minDate\"\n      [maxDate]=\"skyComponentProperties.maxDate\"\n      [dateFormat]=\"skyComponentProperties.dateFormat\"\n      [startingDay]=\"skyComponentProperties.startingDay\"\n      [skyDatepickerNoValidate]=\"skyComponentProperties.skyDatepickerNoValidate\"\n      [style.height.px]=\"rowHeightWithoutBorders\"\n      [(ngModel)]=\"currentDate\"\n      #skyCellEditorDatepickerInput\n    />\n  </sky-datepicker>\n</div>\n", styles: [".sky-ag-grid-cell-editor-datepicker{position:relative;top:1px;left:1px}.sky-ag-grid-cell-editor-datepicker sky-datepicker input.sky-form-control{box-shadow:none;border-width:1px;border-style:solid;border-color:transparent #cdcfd2 transparent transparent}.sky-ag-grid-cell-editor-datepicker sky-datepicker .sky-input-group-datepicker-btn{border-radius:0}:host-context(.sky-theme-modern) .sky-ag-grid-cell-editor-datepicker{position:static;top:initial;left:initial}:host-context(.sky-theme-modern) .sky-ag-grid-cell-editor-datepicker sky-datepicker input.sky-form-control{border-radius:0;border:1px solid #1870B8}:host-context(.sky-theme-modern) .sky-ag-grid-cell-editor-datepicker sky-datepicker input.sky-form-control:focus{border-width:2px!important}.sky-theme-modern .sky-ag-grid-cell-editor-datepicker{position:static;top:initial;left:initial}.sky-theme-modern .sky-ag-grid-cell-editor-datepicker sky-datepicker input.sky-form-control{border-radius:0;border:1px solid #1870B8}.sky-theme-modern .sky-ag-grid-cell-editor-datepicker sky-datepicker input.sky-form-control:focus{border-width:2px!important}\n"], components: [{ type: i2$1.λ2, selector: "sky-datepicker", inputs: ["pickerClass"], outputs: ["calendarDateRangeChange"] }], directives: [{ type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i2$1.λ3, selector: "[skyDatepickerInput]", inputs: ["dateFormat", "disabled", "maxDate", "minDate", "skyDatepickerInput", "skyDatepickerNoValidate", "startingDay", "strict"] }, { type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellEditorDatepickerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sky-ag-grid-cell-editor-datepicker', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div\n  class=\"sky-ag-grid-cell-editor-datepicker\"\n  [style.width.px]=\"columnWidthWithoutBorders\"\n>\n  <sky-datepicker\n    data-sky-id=\"cell-datepicker\"\n    pickerClass=\"ag-custom-component-popup\"\n  >\n    <input\n      skyDatepickerInput\n      [disabled]=\"skyComponentProperties.disabled\"\n      [minDate]=\"skyComponentProperties.minDate\"\n      [maxDate]=\"skyComponentProperties.maxDate\"\n      [dateFormat]=\"skyComponentProperties.dateFormat\"\n      [startingDay]=\"skyComponentProperties.startingDay\"\n      [skyDatepickerNoValidate]=\"skyComponentProperties.skyDatepickerNoValidate\"\n      [style.height.px]=\"rowHeightWithoutBorders\"\n      [(ngModel)]=\"currentDate\"\n      #skyCellEditorDatepickerInput\n    />\n  </sky-datepicker>\n</div>\n", styles: [".sky-ag-grid-cell-editor-datepicker{position:relative;top:1px;left:1px}.sky-ag-grid-cell-editor-datepicker sky-datepicker input.sky-form-control{box-shadow:none;border-width:1px;border-style:solid;border-color:transparent #cdcfd2 transparent transparent}.sky-ag-grid-cell-editor-datepicker sky-datepicker .sky-input-group-datepicker-btn{border-radius:0}:host-context(.sky-theme-modern) .sky-ag-grid-cell-editor-datepicker{position:static;top:initial;left:initial}:host-context(.sky-theme-modern) .sky-ag-grid-cell-editor-datepicker sky-datepicker input.sky-form-control{border-radius:0;border:1px solid #1870B8}:host-context(.sky-theme-modern) .sky-ag-grid-cell-editor-datepicker sky-datepicker input.sky-form-control:focus{border-width:2px!important}.sky-theme-modern .sky-ag-grid-cell-editor-datepicker{position:static;top:initial;left:initial}.sky-theme-modern .sky-ag-grid-cell-editor-datepicker sky-datepicker input.sky-form-control{border-radius:0;border:1px solid #1870B8}.sky-theme-modern .sky-ag-grid-cell-editor-datepicker sky-datepicker input.sky-form-control:focus{border-width:2px!important}\n"] }]
+        }], ctorParameters: function () { return [{ type: i1$5.SkyThemeService, decorators: [{
+                    type: Optional
+                }] }]; }, propDecorators: { datepickerInput: [{
+                type: ViewChild,
+                args: ['skyCellEditorDatepickerInput', { read: ElementRef }]
+            }] } });
+
+class SkyAgGridCellEditorDatepickerModule {
+}
+SkyAgGridCellEditorDatepickerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellEditorDatepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyAgGridCellEditorDatepickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellEditorDatepickerModule, declarations: [SkyAgGridCellEditorDatepickerComponent], imports: [SkyDatepickerModule, FormsModule], exports: [SkyAgGridCellEditorDatepickerComponent] });
+SkyAgGridCellEditorDatepickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellEditorDatepickerModule, imports: [[SkyDatepickerModule, FormsModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellEditorDatepickerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [SkyDatepickerModule, FormsModule],
+                    declarations: [SkyAgGridCellEditorDatepickerComponent],
+                    exports: [SkyAgGridCellEditorDatepickerComponent],
+                }]
+        }] });
+
+function applySkyLookupPropertiesDefaults(skyLookupProperties) {
+    return {
+        addClick: skyLookupProperties.addClick || undefined,
+        ariaLabel: skyLookupProperties.ariaLabel || '',
+        autocompleteAttribute: skyLookupProperties.autocompleteAttribute || 'off',
+        data: skyLookupProperties.data || [],
+        debounceTime: skyLookupProperties.debounceTime || 0,
+        descriptorProperty: skyLookupProperties.descriptorProperty || 'name',
+        disabled: skyLookupProperties.disabled || false,
+        enableShowMore: skyLookupProperties.enableShowMore || false,
+        idProperty: skyLookupProperties.idProperty || undefined,
+        placeholderText: skyLookupProperties.placeholderText || '',
+        propertiesToSearch: skyLookupProperties.propertiesToSearch || undefined,
+        search: skyLookupProperties.search || undefined,
+        searchAsync: skyLookupProperties.searchAsync || undefined,
+        searchFilters: skyLookupProperties.searchFilters || [],
+        searchResultsLimit: skyLookupProperties.searchResultsLimit || undefined,
+        searchResultTemplate: skyLookupProperties.searchResultTemplate || undefined,
+        searchTextMinimumCharacters: skyLookupProperties.searchTextMinimumCharacters || 1,
+        selectMode: skyLookupProperties.selectMode || undefined,
+        showAddButton: skyLookupProperties.showAddButton || false,
+        showMoreConfig: skyLookupProperties.showMoreConfig || {},
+        wrapperClass: 'ag-custom-component-popup',
+    };
+}
+
+class SkyAgGridCellEditorLookupComponent {
+    constructor(changeDetector, elementRef) {
+        this.changeDetector = changeDetector;
+        this.elementRef = elementRef;
+        this.isAlive = false;
+        this.lookupForm = new FormGroup({
+            currentSelection: new FormControl({
+                value: [],
+                disabled: false,
+            }),
+        });
+        this.useAsyncSearch = false;
+    }
+    agInit(params) {
+        this.params = params;
+        if (!Array.isArray(this.params.value)) {
+            throw new Error(`Lookup value must be an array`);
+        }
+        const control = this.lookupForm.get('currentSelection');
+        control.setValue(this.params.value);
+        if (this.params.skyComponentProperties.disabled) {
+            control.disable();
+        }
+        this.skyComponentProperties = this.updateComponentProperties(this.params);
+        this.useAsyncSearch =
+            typeof this.skyComponentProperties.searchAsync === 'function';
+        this.isAlive = true;
+        this.changeDetector.markForCheck();
+    }
+    isCancelAfterEnd() {
+        // Shut down components to commit values before final value syncs to grid.
+        this.isAlive = false;
+        this.changeDetector.detectChanges();
+        return false;
+    }
+    getGui() {
+        return this.elementRef.nativeElement;
+    }
+    getValue() {
+        return this.lookupForm.get('currentSelection').value;
+    }
+    isPopup() {
+        return true;
+    }
+    /*istanbul ignore next*/
+    afterGuiAttached() {
+        this.elementRef.nativeElement.querySelector('.sky-lookup-input')?.focus();
+    }
+    updateComponentProperties(params) {
+        const skyLookupProperties = params.skyComponentProperties;
+        return applySkyLookupPropertiesDefaults(skyLookupProperties);
+    }
+}
+SkyAgGridCellEditorLookupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellEditorLookupComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+SkyAgGridCellEditorLookupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: SkyAgGridCellEditorLookupComponent, selector: "sky-ag-grid-cell-editor-lookup", ngImport: i0, template: "<sky-input-box\n  *ngIf=\"isAlive && useAsyncSearch\"\n  [disabled]=\"skyComponentProperties?.disabled\"\n  [formGroup]=\"lookupForm\"\n>\n  <sky-lookup\n    [ariaLabel]=\"skyComponentProperties?.ariaLabel\"\n    [autocompleteAttribute]=\"skyComponentProperties?.autocompleteAttribute\"\n    [data]=\"skyComponentProperties?.data\"\n    [debounceTime]=\"skyComponentProperties?.debounceTime\"\n    [descriptorProperty]=\"skyComponentProperties?.descriptorProperty\"\n    [enableShowMore]=\"skyComponentProperties?.enableShowMore\"\n    formControlName=\"currentSelection\"\n    [idProperty]=\"skyComponentProperties?.idProperty\"\n    [placeholderText]=\"skyComponentProperties?.placeholderText\"\n    [propertiesToSearch]=\"skyComponentProperties?.propertiesToSearch\"\n    [searchFilters]=\"skyComponentProperties?.searchFilters\"\n    [searchResultsLimit]=\"skyComponentProperties?.searchResultsLimit\"\n    [searchResultTemplate]=\"skyComponentProperties?.searchResultTemplate\"\n    [searchTextMinimumCharacters]=\"\n      skyComponentProperties?.searchTextMinimumCharacters\n    \"\n    (searchAsync)=\"skyComponentProperties.searchAsync($event)\"\n    [selectMode]=\"skyComponentProperties?.selectMode\"\n    [showAddButton]=\"skyComponentProperties?.showAddButton\"\n    [showMoreConfig]=\"skyComponentProperties?.showMoreConfig\"\n    [wrapperClass]=\"skyComponentProperties?.wrapperClass\"\n  >\n  </sky-lookup>\n</sky-input-box>\n<sky-input-box\n  *ngIf=\"isAlive && !useAsyncSearch\"\n  [disabled]=\"skyComponentProperties?.disabled\"\n  [formGroup]=\"lookupForm\"\n>\n  <sky-lookup\n    [ariaLabel]=\"skyComponentProperties?.ariaLabel\"\n    [autocompleteAttribute]=\"skyComponentProperties?.autocompleteAttribute\"\n    [data]=\"skyComponentProperties?.data\"\n    [debounceTime]=\"skyComponentProperties?.debounceTime\"\n    [descriptorProperty]=\"skyComponentProperties?.descriptorProperty\"\n    [enableShowMore]=\"skyComponentProperties?.enableShowMore\"\n    formControlName=\"currentSelection\"\n    [idProperty]=\"skyComponentProperties?.idProperty\"\n    [placeholderText]=\"skyComponentProperties?.placeholderText\"\n    [propertiesToSearch]=\"skyComponentProperties?.propertiesToSearch\"\n    [search]=\"skyComponentProperties?.search\"\n    [searchFilters]=\"skyComponentProperties?.searchFilters\"\n    [searchResultsLimit]=\"skyComponentProperties?.searchResultsLimit\"\n    [searchResultTemplate]=\"skyComponentProperties?.searchResultTemplate\"\n    [searchTextMinimumCharacters]=\"\n      skyComponentProperties?.searchTextMinimumCharacters\n    \"\n    [selectMode]=\"skyComponentProperties?.selectMode\"\n    [showAddButton]=\"skyComponentProperties?.showAddButton\"\n    [showMoreConfig]=\"skyComponentProperties?.showMoreConfig\"\n    [wrapperClass]=\"skyComponentProperties?.wrapperClass\"\n  >\n  </sky-lookup>\n</sky-input-box>\n", styles: [":host{display:block}\n"], components: [{ type: i1$6.λ10, selector: "sky-input-box", inputs: ["hasErrors", "disabled"] }, { type: i1$3.λ4, selector: "sky-lookup", inputs: ["ariaLabel", "ariaLabelledBy", "autocompleteAttribute", "data", "disabled", "enableShowMore", "placeholderText", "idProperty", "showAddButton", "showMoreConfig", "selectMode", "wrapperClass"], outputs: ["addClick"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$4.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellEditorLookupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sky-ag-grid-cell-editor-lookup', changeDetection: ChangeDetectionStrategy.OnPush, template: "<sky-input-box\n  *ngIf=\"isAlive && useAsyncSearch\"\n  [disabled]=\"skyComponentProperties?.disabled\"\n  [formGroup]=\"lookupForm\"\n>\n  <sky-lookup\n    [ariaLabel]=\"skyComponentProperties?.ariaLabel\"\n    [autocompleteAttribute]=\"skyComponentProperties?.autocompleteAttribute\"\n    [data]=\"skyComponentProperties?.data\"\n    [debounceTime]=\"skyComponentProperties?.debounceTime\"\n    [descriptorProperty]=\"skyComponentProperties?.descriptorProperty\"\n    [enableShowMore]=\"skyComponentProperties?.enableShowMore\"\n    formControlName=\"currentSelection\"\n    [idProperty]=\"skyComponentProperties?.idProperty\"\n    [placeholderText]=\"skyComponentProperties?.placeholderText\"\n    [propertiesToSearch]=\"skyComponentProperties?.propertiesToSearch\"\n    [searchFilters]=\"skyComponentProperties?.searchFilters\"\n    [searchResultsLimit]=\"skyComponentProperties?.searchResultsLimit\"\n    [searchResultTemplate]=\"skyComponentProperties?.searchResultTemplate\"\n    [searchTextMinimumCharacters]=\"\n      skyComponentProperties?.searchTextMinimumCharacters\n    \"\n    (searchAsync)=\"skyComponentProperties.searchAsync($event)\"\n    [selectMode]=\"skyComponentProperties?.selectMode\"\n    [showAddButton]=\"skyComponentProperties?.showAddButton\"\n    [showMoreConfig]=\"skyComponentProperties?.showMoreConfig\"\n    [wrapperClass]=\"skyComponentProperties?.wrapperClass\"\n  >\n  </sky-lookup>\n</sky-input-box>\n<sky-input-box\n  *ngIf=\"isAlive && !useAsyncSearch\"\n  [disabled]=\"skyComponentProperties?.disabled\"\n  [formGroup]=\"lookupForm\"\n>\n  <sky-lookup\n    [ariaLabel]=\"skyComponentProperties?.ariaLabel\"\n    [autocompleteAttribute]=\"skyComponentProperties?.autocompleteAttribute\"\n    [data]=\"skyComponentProperties?.data\"\n    [debounceTime]=\"skyComponentProperties?.debounceTime\"\n    [descriptorProperty]=\"skyComponentProperties?.descriptorProperty\"\n    [enableShowMore]=\"skyComponentProperties?.enableShowMore\"\n    formControlName=\"currentSelection\"\n    [idProperty]=\"skyComponentProperties?.idProperty\"\n    [placeholderText]=\"skyComponentProperties?.placeholderText\"\n    [propertiesToSearch]=\"skyComponentProperties?.propertiesToSearch\"\n    [search]=\"skyComponentProperties?.search\"\n    [searchFilters]=\"skyComponentProperties?.searchFilters\"\n    [searchResultsLimit]=\"skyComponentProperties?.searchResultsLimit\"\n    [searchResultTemplate]=\"skyComponentProperties?.searchResultTemplate\"\n    [searchTextMinimumCharacters]=\"\n      skyComponentProperties?.searchTextMinimumCharacters\n    \"\n    [selectMode]=\"skyComponentProperties?.selectMode\"\n    [showAddButton]=\"skyComponentProperties?.showAddButton\"\n    [showMoreConfig]=\"skyComponentProperties?.showMoreConfig\"\n    [wrapperClass]=\"skyComponentProperties?.wrapperClass\"\n  >\n  </sky-lookup>\n</sky-input-box>\n", styles: [":host{display:block}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }]; } });
+
+class SkyAgGridCellEditorLookupModule {
+}
+SkyAgGridCellEditorLookupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellEditorLookupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyAgGridCellEditorLookupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellEditorLookupModule, declarations: [SkyAgGridCellEditorLookupComponent], imports: [CommonModule,
+        ReactiveFormsModule,
+        SkyI18nModule,
+        SkyInputBoxModule,
+        SkyLookupModule], exports: [SkyAgGridCellEditorLookupComponent] });
+SkyAgGridCellEditorLookupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellEditorLookupModule, imports: [[
+            CommonModule,
+            ReactiveFormsModule,
+            SkyI18nModule,
+            SkyInputBoxModule,
+            SkyLookupModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellEditorLookupModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [SkyAgGridCellEditorLookupComponent],
+                    exports: [SkyAgGridCellEditorLookupComponent],
+                    imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        SkyI18nModule,
+                        SkyInputBoxModule,
+                        SkyLookupModule,
+                    ],
+                }]
+        }] });
+
+/**
+ * @internal
+ */
+class SkyAgGridCellEditorNumberComponent {
+    /**
+     * agInit is called by agGrid once after the editor is created and provides the editor with the information it needs.
+     * @param params The cell editor params that include data about the cell, column, row, and grid.
+     */
+    agInit(params) {
+        this.params = params;
+        this.value = this.params.value;
+        this.columnHeader = this.params.colDef.headerName;
+        this.rowNumber = this.params.rowIndex + 1;
+        this.columnWidth = this.params.column.getActualWidth();
+        this.rowHeightWithoutBorders =
+            this.params.node && this.params.node.rowHeight - 4;
+    }
+    /**
+     * afterGuiAttached is called by agGrid after the editor is rendered in the DOM. Once it is attached the editor is ready to be focused on.
+     */
+    afterGuiAttached() {
+        this.input.nativeElement.focus();
+    }
+    /**
+     * getValue is called by agGrid when editing is stopped to get the new value of the cell.
+     */
+    getValue() {
+        return this.value;
+    }
+}
+SkyAgGridCellEditorNumberComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellEditorNumberComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyAgGridCellEditorNumberComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: SkyAgGridCellEditorNumberComponent, selector: "sky-ag-grid-cell-editor-number", viewQueries: [{ propertyName: "input", first: true, predicate: ["skyCellEditorNumber"], descendants: true, read: ElementRef }], ngImport: i0, template: "<input\n  type=\"number\"\n  [attr.aria-label]=\"\n    'sky_ag_grid_cell_editor_number_aria_label'\n      | skyLibResources: columnHeader:rowNumber\n  \"\n  [style.width.px]=\"columnWidth\"\n  [style.height.px]=\"rowHeightWithoutBorders\"\n  [(ngModel)]=\"value\"\n  #skyCellEditorNumber\n/>\n", styles: ["input{border:none;text-align:right}\n"], directives: [{ type: i1$4.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "skyLibResources": i3$1.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellEditorNumberComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sky-ag-grid-cell-editor-number', changeDetection: ChangeDetectionStrategy.OnPush, template: "<input\n  type=\"number\"\n  [attr.aria-label]=\"\n    'sky_ag_grid_cell_editor_number_aria_label'\n      | skyLibResources: columnHeader:rowNumber\n  \"\n  [style.width.px]=\"columnWidth\"\n  [style.height.px]=\"rowHeightWithoutBorders\"\n  [(ngModel)]=\"value\"\n  #skyCellEditorNumber\n/>\n", styles: ["input{border:none;text-align:right}\n"] }]
+        }], propDecorators: { input: [{
+                type: ViewChild,
+                args: ['skyCellEditorNumber', { read: ElementRef }]
+            }] } });
+
+class SkyAgGridCellEditorNumberModule {
+}
+SkyAgGridCellEditorNumberModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellEditorNumberModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyAgGridCellEditorNumberModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellEditorNumberModule, declarations: [SkyAgGridCellEditorNumberComponent], imports: [SkyAgGridResourcesModule, FormsModule], exports: [SkyAgGridCellEditorNumberComponent] });
+SkyAgGridCellEditorNumberModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellEditorNumberModule, imports: [[SkyAgGridResourcesModule, FormsModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellEditorNumberModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [SkyAgGridResourcesModule, FormsModule],
+                    declarations: [SkyAgGridCellEditorNumberComponent],
+                    exports: [SkyAgGridCellEditorNumberComponent],
+                }]
+        }] });
+
+/**
+ * @internal
+ */
+class SkyAgGridCellEditorTextComponent {
+    /**
+     * agInit is called by agGrid once after the editor is created and provides the editor with the information it needs.
+     * @param params The cell editor params that include data about the cell, column, row, and grid.
+     */
+    agInit(params) {
+        this.params = params;
+        this.value = this.params.charPress || this.params.value;
+        this.columnHeader = this.params.colDef.headerName;
+        this.rowNumber = this.params.rowIndex + 1;
+        this.columnWidth = this.params.column.getActualWidth();
+        this.rowHeightWithoutBorders =
+            this.params.node && this.params.node.rowHeight - 4;
+    }
+    /**
+     * afterGuiAttached is called by agGrid after the editor is rendered in the DOM. Once it is attached the editor is ready to be focused on.
+     */
+    afterGuiAttached() {
+        this.input.nativeElement.focus();
+    }
+    /**
+     * getValue is called by agGrid when editing is stopped to get the new value of the cell.
+     */
+    getValue() {
+        return this.value;
+    }
+}
+SkyAgGridCellEditorTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellEditorTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyAgGridCellEditorTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: SkyAgGridCellEditorTextComponent, selector: "sky-ag-grid-cell-editor-text", viewQueries: [{ propertyName: "input", first: true, predicate: ["skyCellEditorText"], descendants: true, read: ElementRef }], ngImport: i0, template: "<input\n  type=\"text\"\n  [attr.aria-label]=\"\n    'sky_ag_grid_cell_editor_text_aria_label'\n      | skyLibResources: columnHeader:rowNumber\n  \"\n  [style.width.px]=\"columnWidth\"\n  [style.height.px]=\"rowHeightWithoutBorders\"\n  [(ngModel)]=\"value\"\n  #skyCellEditorText\n/>\n", styles: ["input{border:none;padding-left:11px}\n"], directives: [{ type: i1$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "skyLibResources": i3$1.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellEditorTextComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sky-ag-grid-cell-editor-text', changeDetection: ChangeDetectionStrategy.OnPush, template: "<input\n  type=\"text\"\n  [attr.aria-label]=\"\n    'sky_ag_grid_cell_editor_text_aria_label'\n      | skyLibResources: columnHeader:rowNumber\n  \"\n  [style.width.px]=\"columnWidth\"\n  [style.height.px]=\"rowHeightWithoutBorders\"\n  [(ngModel)]=\"value\"\n  #skyCellEditorText\n/>\n", styles: ["input{border:none;padding-left:11px}\n"] }]
+        }], propDecorators: { input: [{
+                type: ViewChild,
+                args: ['skyCellEditorText', { read: ElementRef }]
+            }] } });
+
+class SkyAgGridCellEditorTextModule {
+}
+SkyAgGridCellEditorTextModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellEditorTextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyAgGridCellEditorTextModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellEditorTextModule, declarations: [SkyAgGridCellEditorTextComponent], imports: [SkyAgGridResourcesModule, FormsModule], exports: [SkyAgGridCellEditorTextComponent] });
+SkyAgGridCellEditorTextModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellEditorTextModule, imports: [[SkyAgGridResourcesModule, FormsModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellEditorTextModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [SkyAgGridResourcesModule, FormsModule],
+                    declarations: [SkyAgGridCellEditorTextComponent],
+                    exports: [SkyAgGridCellEditorTextComponent],
+                }]
+        }] });
+
+/**
+ * @internal
+ */
+class SkyAgGridCellValidatorTooltipComponent {
+    constructor(changeDetector, zone) {
+        this.changeDetector = changeDetector;
+        this.zone = zone;
+        this.indicatorShouldShow = true;
+        this.popoverMessageStream = new Subject();
+    }
+    set params(value) {
+        this.cellRendererParams = value;
+        /*istanbul ignore next*/
+        this.cellRendererParams.api?.addEventListener(Events.EVENT_CELL_FOCUSED, (eventParams) => {
+            // We want to close any popovers that are opened when other cells are focused, but open a popover if the current cell is focused.
+            if (eventParams.column.getColId() !==
+                this.cellRendererParams.column.getColId() ||
+                eventParams.rowIndex !== this.cellRendererParams.rowIndex) {
+                this.hidePopover();
+            }
+        });
+        /*istanbul ignore next*/
+        this.cellRendererParams.eGridCell?.addEventListener('keyup', (event) => {
+            if (['ArrowDown', 'ArrowLeft', 'ArrowRight', 'ArrowUp'].includes(event.key)) {
+                this.showPopover();
+            }
+        });
+        /*istanbul ignore next*/
+        this.cellRendererParams.api?.addEventListener(Events.EVENT_CELL_EDITING_STARTED, () => {
+            this.hidePopover();
+        });
+        if (typeof this.cellRendererParams.skyComponentProperties
+            ?.validatorMessage === 'function') {
+            this.validatorMessage =
+                this.cellRendererParams.skyComponentProperties.validatorMessage(this.cellRendererParams.value, this.cellRendererParams.data, this.cellRendererParams.rowIndex);
+        }
+        else {
+            this.validatorMessage =
+                this.cellRendererParams.skyComponentProperties?.validatorMessage;
+        }
+        this.changeDetector.markForCheck();
+    }
+    hideIndicator() {
+        this.zone.run(() => {
+            this.indicatorShouldShow = false;
+            this.changeDetector.detectChanges();
+        });
+    }
+    hidePopover() {
+        this.popoverMessageStream.next({ type: SkyPopoverMessageType.Close });
+    }
+    showIndicator() {
+        this.zone.run(() => {
+            this.indicatorShouldShow = true;
+            this.changeDetector.detectChanges();
+        });
+    }
+    showPopover() {
+        this.popoverMessageStream.next({ type: SkyPopoverMessageType.Open });
+    }
+}
+SkyAgGridCellValidatorTooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellValidatorTooltipComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+SkyAgGridCellValidatorTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: SkyAgGridCellValidatorTooltipComponent, selector: "sky-ag-grid-cell-validator-tooltip", inputs: { params: "params" }, ngImport: i0, template: "<div\n  [skyPopover]=\"validatorPopover\"\n  [skyPopoverMessageStream]=\"popoverMessageStream\"\n  class=\"sky-validator-cell\"\n>\n  <ng-content></ng-content>\n  <sky-status-indicator\n    *ngIf=\"indicatorShouldShow\"\n    descriptionType=\"none\"\n    indicatorType=\"danger\"\n    class=\"sky-pull-right\"\n  ></sky-status-indicator>\n</div>\n<sky-popover\n  #validatorPopover\n  (popoverClosed)=\"showIndicator()\"\n  (popoverOpened)=\"hideIndicator()\"\n  popoverType=\"danger\"\n>\n  {{ validatorMessage }}\n</sky-popover>\n", styles: [":host div.sky-validator-cell{height:100%;width:100%}:host div.sky-validator-cell:focus{outline:none}\n"], components: [{ type: i1$7.λ10, selector: "sky-status-indicator", inputs: ["indicatorType", "descriptionType", "customDescription"] }, { type: i2$2.λ6, selector: "sky-popover", inputs: ["alignment", "dismissOnBlur", "placement", "popoverTitle", "popoverType"], outputs: ["popoverClosed", "popoverOpened"] }], directives: [{ type: i2$2.λ7, selector: "[skyPopover]", inputs: ["skyPopover", "skyPopoverAlignment", "skyPopoverMessageStream", "skyPopoverPlacement", "skyPopoverTrigger"] }, { type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellValidatorTooltipComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sky-ag-grid-cell-validator-tooltip', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div\n  [skyPopover]=\"validatorPopover\"\n  [skyPopoverMessageStream]=\"popoverMessageStream\"\n  class=\"sky-validator-cell\"\n>\n  <ng-content></ng-content>\n  <sky-status-indicator\n    *ngIf=\"indicatorShouldShow\"\n    descriptionType=\"none\"\n    indicatorType=\"danger\"\n    class=\"sky-pull-right\"\n  ></sky-status-indicator>\n</div>\n<sky-popover\n  #validatorPopover\n  (popoverClosed)=\"showIndicator()\"\n  (popoverOpened)=\"hideIndicator()\"\n  popoverType=\"danger\"\n>\n  {{ validatorMessage }}\n</sky-popover>\n", styles: [":host div.sky-validator-cell{height:100%;width:100%}:host div.sky-validator-cell:focus{outline:none}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.NgZone }]; }, propDecorators: { params: [{
+                type: Input
+            }] } });
+
+class SkyAgGridCellValidatorModule {
+}
+SkyAgGridCellValidatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellValidatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyAgGridCellValidatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellValidatorModule, declarations: [SkyAgGridCellValidatorTooltipComponent], imports: [CommonModule, SkyPopoverModule, SkyStatusIndicatorModule], exports: [SkyAgGridCellValidatorTooltipComponent] });
+SkyAgGridCellValidatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellValidatorModule, imports: [[CommonModule, SkyPopoverModule, SkyStatusIndicatorModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellValidatorModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [SkyAgGridCellValidatorTooltipComponent],
+                    exports: [SkyAgGridCellValidatorTooltipComponent],
+                    imports: [CommonModule, SkyPopoverModule, SkyStatusIndicatorModule],
+                }]
+        }] });
+
+/**
+ * @internal
+ */
+class SkyAgGridCellRendererCurrencyComponent {
+    constructor() {
+        this.skyComponentProperties = {};
+        this.numericOptions = {};
+    }
+    set params(value) {
+        this.agInit(value);
+    }
+    /**
+     * agInit is called by agGrid once after the renderer is created and provides the renderer with the information it needs.
+     * @param params The cell renderer params that include data about the cell, column, row, and grid.
+     */
+    agInit(params) {
+        this.updateProperties(params);
+    }
+    refresh(params) {
+        return false;
+    }
+    updateProperties(params) {
+        this._params = params;
+        this.value = this._params.value;
+        this.columnHeader = this._params.colDef && this._params.colDef.headerName;
+        this.rowNumber = this._params.rowIndex + 1;
+        this.columnWidth = this._params.column?.getActualWidth();
+        this.rowHeightWithoutBorders =
+            this._params.node && this._params.node.rowHeight - 4;
+        this.skyComponentProperties = this._params.skyComponentProperties || {};
+        this.skyComponentProperties.format = 'currency';
+        this.skyComponentProperties.minDigits = 2;
+        this.skyComponentProperties.truncate = false;
+    }
+}
+SkyAgGridCellRendererCurrencyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellRendererCurrencyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyAgGridCellRendererCurrencyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: SkyAgGridCellRendererCurrencyComponent, selector: "sky-ag-grid-cell-renderer-currency", inputs: { params: "params" }, ngImport: i0, template: "<span\n  [attr.aria-label]=\"\n    'sky_ag_grid_cell_renderer_currency_aria_label'\n      | skyLibResources: columnHeader:rowNumber\n  \"\n  [style.width.px]=\"columnWidth\"\n  [style.height.px]=\"rowHeightWithoutBorders\"\n>\n  {{ value | skyNumeric: skyComponentProperties }}\n</span>\n", styles: ["input{border:none;padding-left:11px}\n"], pipes: { "skyLibResources": i3$1.SkyLibResourcesPipe, "skyNumeric": i1.SkyNumericPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellRendererCurrencyComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sky-ag-grid-cell-renderer-currency', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span\n  [attr.aria-label]=\"\n    'sky_ag_grid_cell_renderer_currency_aria_label'\n      | skyLibResources: columnHeader:rowNumber\n  \"\n  [style.width.px]=\"columnWidth\"\n  [style.height.px]=\"rowHeightWithoutBorders\"\n>\n  {{ value | skyNumeric: skyComponentProperties }}\n</span>\n", styles: ["input{border:none;padding-left:11px}\n"] }]
+        }], propDecorators: { params: [{
+                type: Input
+            }] } });
+
+/**
+ * @internal
+ */
+class SkyAgGridCellRendererCurrencyValidatorComponent {
+    constructor(changeDetector) {
+        this.changeDetector = changeDetector;
+    }
+    set parameters(value) {
+        this.agInit(value);
+    }
+    /**
+     * agInit is called by agGrid once after the renderer is created and provides the renderer with the information it needs.
+     * @param params The cell renderer params that include data about the cell, column, row, and grid.
+     */
+    agInit(params) {
+        this.cellRendererParams = params;
+        this.changeDetector.markForCheck();
+    }
+    isNumeric(value) {
+        return !isNaN(parseFloat(value));
+    }
+    refresh(params) {
+        return false;
+    }
+}
+SkyAgGridCellRendererCurrencyValidatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellRendererCurrencyValidatorComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+SkyAgGridCellRendererCurrencyValidatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: SkyAgGridCellRendererCurrencyValidatorComponent, selector: "sky-ag-grid-cell-renderer-currency-validator", inputs: { parameters: "parameters" }, ngImport: i0, template: "<sky-ag-grid-cell-validator-tooltip [params]=\"cellRendererParams\">\n  <sky-ag-grid-cell-renderer-currency\n    *ngIf=\"isNumeric(cellRendererParams.value); else rawValue\"\n    [params]=\"cellRendererParams\"\n  ></sky-ag-grid-cell-renderer-currency>\n  <ng-template #rawValue>{{ cellRendererParams.value }}</ng-template>\n</sky-ag-grid-cell-validator-tooltip>\n", components: [{ type: SkyAgGridCellValidatorTooltipComponent, selector: "sky-ag-grid-cell-validator-tooltip", inputs: ["params"] }, { type: SkyAgGridCellRendererCurrencyComponent, selector: "sky-ag-grid-cell-renderer-currency", inputs: ["params"] }], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellRendererCurrencyValidatorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sky-ag-grid-cell-renderer-currency-validator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<sky-ag-grid-cell-validator-tooltip [params]=\"cellRendererParams\">\n  <sky-ag-grid-cell-renderer-currency\n    *ngIf=\"isNumeric(cellRendererParams.value); else rawValue\"\n    [params]=\"cellRendererParams\"\n  ></sky-ag-grid-cell-renderer-currency>\n  <ng-template #rawValue>{{ cellRendererParams.value }}</ng-template>\n</sky-ag-grid-cell-validator-tooltip>\n" }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { parameters: [{
+                type: Input
+            }] } });
+
+class SkyAgGridCellRendererCurrencyModule {
+}
+SkyAgGridCellRendererCurrencyModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellRendererCurrencyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyAgGridCellRendererCurrencyModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellRendererCurrencyModule, declarations: [SkyAgGridCellRendererCurrencyComponent,
+        SkyAgGridCellRendererCurrencyValidatorComponent], imports: [CommonModule,
+        SkyAgGridResourcesModule,
+        SkyAgGridCellValidatorModule,
+        FormsModule,
+        SkyNumericModule], exports: [SkyAgGridCellRendererCurrencyComponent,
+        SkyAgGridCellRendererCurrencyValidatorComponent] });
+SkyAgGridCellRendererCurrencyModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellRendererCurrencyModule, imports: [[
+            CommonModule,
+            SkyAgGridResourcesModule,
+            SkyAgGridCellValidatorModule,
+            FormsModule,
+            SkyNumericModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellRendererCurrencyModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        SkyAgGridResourcesModule,
+                        SkyAgGridCellValidatorModule,
+                        FormsModule,
+                        SkyNumericModule,
+                    ],
+                    declarations: [
+                        SkyAgGridCellRendererCurrencyComponent,
+                        SkyAgGridCellRendererCurrencyValidatorComponent,
+                    ],
+                    exports: [
+                        SkyAgGridCellRendererCurrencyComponent,
+                        SkyAgGridCellRendererCurrencyValidatorComponent,
+                    ],
+                }]
+        }] });
+
+class SkyAgGridCellRendererLookupComponent {
+    constructor(changeDetector) {
+        this.changeDetector = changeDetector;
+        this.value = '';
+        this.summaryCount = 0;
+    }
+    agInit(params) {
+        this.lookupProperties = applySkyLookupPropertiesDefaults(params);
+        this.summaryCount = params.value?.length || 0;
+        this.value = `${params.valueFormatted}`;
+        this.changeDetector.markForCheck();
+    }
+    refresh(params) {
+        this.agInit(params);
+        return true;
+    }
+}
+SkyAgGridCellRendererLookupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellRendererLookupComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+SkyAgGridCellRendererLookupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: SkyAgGridCellRendererLookupComponent, selector: "sky-cell-renderer-lookup", ngImport: i0, template: "<ng-container *ngIf=\"summaryCount > 5; else showValue\">\n  {{ 'skyux_lookup_tokens_summary' | skyLibResources: summaryCount }}\n</ng-container>\n<ng-template #showValue>{{ value }}</ng-template>\n", styles: [":host{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}\n"], directives: [{ type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "skyLibResources": i3$1.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellRendererLookupComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sky-cell-renderer-lookup', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container *ngIf=\"summaryCount > 5; else showValue\">\n  {{ 'skyux_lookup_tokens_summary' | skyLibResources: summaryCount }}\n</ng-container>\n<ng-template #showValue>{{ value }}</ng-template>\n", styles: [":host{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; } });
+
+class SkyAgGridCellRendererLookupModule {
+}
+SkyAgGridCellRendererLookupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellRendererLookupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyAgGridCellRendererLookupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellRendererLookupModule, declarations: [SkyAgGridCellRendererLookupComponent], imports: [CommonModule, SkyAgGridResourcesModule], exports: [SkyAgGridCellRendererLookupComponent] });
+SkyAgGridCellRendererLookupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellRendererLookupModule, imports: [[CommonModule, SkyAgGridResourcesModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellRendererLookupModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [SkyAgGridCellRendererLookupComponent],
+                    exports: [SkyAgGridCellRendererLookupComponent],
+                    imports: [CommonModule, SkyAgGridResourcesModule],
+                }]
+        }] });
+
+/**
+ * @internal
+ */
+class SkyAgGridCellRendererRowSelectorComponent {
+    constructor(changeDetection) {
+        this.changeDetection = changeDetection;
+    }
+    /**
+     * agInit is called by agGrid once after the cell is created and provides the renderer with the information it needs.
+     * @param params The cell renderer params that include data about the cell, column, row, and grid.
+     */
+    agInit(params) {
+        this.params = params;
+        this.dataField = this.params.colDef && this.params.colDef.field;
+        this.rowNode = this.params.node;
+        this.rowNumber = this.params.rowIndex + 1;
+        if (this.dataField) {
+            this.checked = this.params.value;
+            this.rowNode.setSelected(this.checked);
+        }
+        else {
+            this.checked = this.rowNode.isSelected();
+        }
+        this.rowNode.addEventListener(RowNode.EVENT_ROW_SELECTED, (event) => {
+            this.rowSelectedListener(event);
+        });
+    }
+    /**
+     * Used by agGrid to update cell value after a user triggers a refresh. It updates the cell DOM and returns true when the refresh is
+     * successful, or false if the cell should be destroyed and rerendered. If consumers have external logic that changes the value of a
+     * checkbox cell, rerendering it will gurantee the change applies without knowing the consumer's implementation.
+     */
+    refresh() {
+        return false;
+    }
+    updateRow() {
+        this.rowNode.setSelected(this.checked);
+        if (this.dataField) {
+            this.rowNode.data[this.dataField] = this.checked;
+        }
+    }
+    rowSelectedListener(event) {
+        this.checked = event.node.isSelected();
+        if (this.dataField) {
+            this.rowNode.data[this.dataField] = this.checked;
+        }
+        this.changeDetection.markForCheck();
+    }
+}
+SkyAgGridCellRendererRowSelectorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellRendererRowSelectorComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+SkyAgGridCellRendererRowSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: SkyAgGridCellRendererRowSelectorComponent, selector: "sky-ag-grid-cell-renderer-row-selector", ngImport: i0, template: "<sky-checkbox\n  data-sky-id=\"row-checkbox\"\n  tabindex=\"-1\"\n  [label]=\"'sky_ag_grid_row_selector_aria_label' | skyLibResources: rowNumber\"\n  [attr.aria-label]=\"\n    'sky_ag_grid_row_selector_aria_label' | skyLibResources: rowNumber\n  \"\n  [(ngModel)]=\"checked\"\n  (change)=\"updateRow()\"\n>\n</sky-checkbox>\n", styles: [".sky-ag-grid-cell-row-selector .sky-switch-control{top:-6px}\n"], components: [{ type: i1$6.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "icon", "checkboxType", "checked", "required"], outputs: ["change", "checkedChange", "disabledChange"] }], directives: [{ type: i1$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "skyLibResources": i3$1.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellRendererRowSelectorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sky-ag-grid-cell-renderer-row-selector', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<sky-checkbox\n  data-sky-id=\"row-checkbox\"\n  tabindex=\"-1\"\n  [label]=\"'sky_ag_grid_row_selector_aria_label' | skyLibResources: rowNumber\"\n  [attr.aria-label]=\"\n    'sky_ag_grid_row_selector_aria_label' | skyLibResources: rowNumber\n  \"\n  [(ngModel)]=\"checked\"\n  (change)=\"updateRow()\"\n>\n</sky-checkbox>\n", styles: [".sky-ag-grid-cell-row-selector .sky-switch-control{top:-6px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; } });
+
+class SkyAgGridCellRendererRowSelectorModule {
+}
+SkyAgGridCellRendererRowSelectorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellRendererRowSelectorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyAgGridCellRendererRowSelectorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellRendererRowSelectorModule, declarations: [SkyAgGridCellRendererRowSelectorComponent], imports: [SkyAgGridResourcesModule, SkyCheckboxModule, FormsModule], exports: [SkyAgGridCellRendererRowSelectorComponent] });
+SkyAgGridCellRendererRowSelectorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellRendererRowSelectorModule, imports: [[SkyAgGridResourcesModule, SkyCheckboxModule, FormsModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellRendererRowSelectorModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [SkyAgGridResourcesModule, SkyCheckboxModule, FormsModule],
+                    declarations: [SkyAgGridCellRendererRowSelectorComponent],
+                    exports: [SkyAgGridCellRendererRowSelectorComponent],
+                }]
+        }] });
+
+/**
+ * @internal
+ */
+class SkyAgGridCellRendererValidatorTooltipComponent {
+    constructor(changeDetector) {
+        this.changeDetector = changeDetector;
+    }
+    set params(value) {
+        this.agInit(value);
+    }
+    agInit(params) {
+        this.cellRendererParams = params;
+        if (typeof params.colDef?.valueFormatter === 'function') {
+            this.value = params.colDef.valueFormatter(params);
+        }
+        else {
+            this.value = params.value;
+        }
+        this.changeDetector.markForCheck();
+    }
+    refresh(params) {
+        return false;
+    }
+}
+SkyAgGridCellRendererValidatorTooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellRendererValidatorTooltipComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+SkyAgGridCellRendererValidatorTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.2.7", type: SkyAgGridCellRendererValidatorTooltipComponent, selector: "sky-ag-grid-cell-renderer-validator-tooltip", inputs: { params: "params" }, ngImport: i0, template: "<sky-ag-grid-cell-validator-tooltip [params]=\"cellRendererParams\">\n  {{ value }}\n</sky-ag-grid-cell-validator-tooltip>\n", components: [{ type: SkyAgGridCellValidatorTooltipComponent, selector: "sky-ag-grid-cell-validator-tooltip", inputs: ["params"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellRendererValidatorTooltipComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sky-ag-grid-cell-renderer-validator-tooltip', changeDetection: ChangeDetectionStrategy.OnPush, template: "<sky-ag-grid-cell-validator-tooltip [params]=\"cellRendererParams\">\n  {{ value }}\n</sky-ag-grid-cell-validator-tooltip>\n" }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { params: [{
+                type: Input
+            }] } });
+
+class SkyAgGridCellRendererValidatorTooltipModule {
+}
+SkyAgGridCellRendererValidatorTooltipModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellRendererValidatorTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyAgGridCellRendererValidatorTooltipModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellRendererValidatorTooltipModule, declarations: [SkyAgGridCellRendererValidatorTooltipComponent], imports: [SkyAgGridCellValidatorModule], exports: [SkyAgGridCellRendererValidatorTooltipComponent] });
+SkyAgGridCellRendererValidatorTooltipModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellRendererValidatorTooltipModule, imports: [[SkyAgGridCellValidatorModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridCellRendererValidatorTooltipModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [SkyAgGridCellRendererValidatorTooltipComponent],
+                    exports: [SkyAgGridCellRendererValidatorTooltipComponent],
+                    imports: [SkyAgGridCellValidatorModule],
+                }]
+        }] });
+
+class SkyAgGridModule {
+}
+SkyAgGridModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyAgGridModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridModule, declarations: [SkyAgGridDataManagerAdapterDirective,
+        SkyAgGridRowDeleteComponent,
+        SkyAgGridRowDeleteDirective,
+        SkyAgGridWrapperComponent], imports: [AgGridModule,
+        CommonModule,
+        SkyAgGridCellEditorAutocompleteModule,
+        SkyAgGridCellEditorDatepickerModule,
+        SkyAgGridCellEditorLookupModule,
+        SkyAgGridCellEditorNumberModule,
+        SkyAgGridCellEditorCurrencyModule,
+        SkyAgGridCellRendererCurrencyModule,
+        SkyAgGridCellRendererLookupModule,
+        SkyAgGridCellRendererRowSelectorModule,
+        SkyAgGridCellRendererValidatorTooltipModule,
+        SkyAgGridCellValidatorModule,
+        SkyAgGridCellEditorTextModule,
+        SkyDataManagerModule,
+        SkyInlineDeleteModule,
+        SkyViewkeeperModule], exports: [SkyAgGridDataManagerAdapterDirective,
+        SkyAgGridRowDeleteComponent,
+        SkyAgGridRowDeleteDirective,
+        SkyAgGridWrapperComponent] });
+SkyAgGridModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridModule, imports: [[
+            AgGridModule,
+            CommonModule,
+            SkyAgGridCellEditorAutocompleteModule,
+            SkyAgGridCellEditorDatepickerModule,
+            SkyAgGridCellEditorLookupModule,
+            SkyAgGridCellEditorNumberModule,
+            SkyAgGridCellEditorCurrencyModule,
+            SkyAgGridCellRendererCurrencyModule,
+            SkyAgGridCellRendererLookupModule,
+            SkyAgGridCellRendererRowSelectorModule,
+            SkyAgGridCellRendererValidatorTooltipModule,
+            SkyAgGridCellValidatorModule,
+            SkyAgGridCellEditorTextModule,
+            SkyDataManagerModule,
+            SkyInlineDeleteModule,
+            SkyViewkeeperModule,
+        ]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        SkyAgGridDataManagerAdapterDirective,
+                        SkyAgGridRowDeleteComponent,
+                        SkyAgGridRowDeleteDirective,
+                        SkyAgGridWrapperComponent,
+                    ],
+                    imports: [
+                        AgGridModule,
+                        CommonModule,
+                        SkyAgGridCellEditorAutocompleteModule,
+                        SkyAgGridCellEditorDatepickerModule,
+                        SkyAgGridCellEditorLookupModule,
+                        SkyAgGridCellEditorNumberModule,
+                        SkyAgGridCellEditorCurrencyModule,
+                        SkyAgGridCellRendererCurrencyModule,
+                        SkyAgGridCellRendererLookupModule,
+                        SkyAgGridCellRendererRowSelectorModule,
+                        SkyAgGridCellRendererValidatorTooltipModule,
+                        SkyAgGridCellValidatorModule,
+                        SkyAgGridCellEditorTextModule,
+                        SkyDataManagerModule,
+                        SkyInlineDeleteModule,
+                        SkyViewkeeperModule,
+                    ],
+                    exports: [
+                        SkyAgGridDataManagerAdapterDirective,
+                        SkyAgGridRowDeleteComponent,
+                        SkyAgGridRowDeleteDirective,
+                        SkyAgGridWrapperComponent,
+                    ],
+                }]
+        }] });
+
+/**
+ * @internal
+ */
+var SkyCellClass;
+(function (SkyCellClass) {
+    SkyCellClass["Autocomplete"] = "sky-ag-grid-cell-autocomplete";
+    SkyCellClass["Currency"] = "sky-ag-grid-cell-currency";
+    SkyCellClass["Date"] = "sky-ag-grid-cell-date";
+    SkyCellClass["Editable"] = "sky-ag-grid-cell-editable";
+    SkyCellClass["Invalid"] = "sky-ag-grid-cell-invalid";
+    SkyCellClass["Lookup"] = "sky-ag-grid-cell-lookup";
+    SkyCellClass["Number"] = "sky-ag-grid-cell-number";
+    SkyCellClass["RowSelector"] = "sky-ag-grid-cell-row-selector";
+    SkyCellClass["Text"] = "sky-ag-grid-cell-text";
+    SkyCellClass["Uneditable"] = "sky-ag-grid-cell-uneditable";
+})(SkyCellClass || (SkyCellClass = {}));
+
+/**
+ * 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.
+ * <br/>
+ * 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://developer.blackbaud.com/skyux/contribute/contribution-process) to the SKY UX data entry grid module, or [file an issue](https://developer.blackbaud.com/skyux/contribute/contribution-process/file-issue) in the [`@skyux/ag-grid` repo](https://github.com/blackbaud/skyux-ag-grid).
+ */
+var SkyCellType;
+(function (SkyCellType) {
+    /**
+     * **Edit mode**
+     * <br/>
+     * Specifies that 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.
+     * <br/><br/>
+     * **Read-only mode**
+     * <br/>
+     * Specifies that 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.
+     */
+    SkyCellType["Autocomplete"] = "skyCellAutocomplete";
+    /**
+     * **Edit mode**
+     * <br/>
+     * Specifies that cells in the column will be edited as a currency amount.
+     * <br/><br/>
+     * **Read-only mode**
+     * <br/>
+     * Formats the display as currency using [SKY UX numeric components](https://developer.blackbaud.com/skyux/components/numeric).
+     */
+    SkyCellType["Currency"] = "skyCellCurrency";
+    /**
+     * **Edit and read-only modes**
+     * <br/>
+     * Combines SkyCellType.Currency and SkyCellType.Validator, where the value is displayed as a currency and passed to a validator function.
+     */
+    SkyCellType["CurrencyValidator"] = "skyCellCurrencyValidator";
+    /**
+     * **Edit mode**
+     * <br/>
+     * Specifies that 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.
+     * <br/><br/>
+     * **Read-only mode**
+     * <br/>
+     * Specifies that 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.
+     */
+    SkyCellType["Date"] = "skyCellDate";
+    /**
+     * **Edit mode**
+     * <br/>
+     * Specifies that 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.
+     * <br/><br/>
+     * **Read-only mode**
+     * <br/>
+     * Specifies that 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.
+     */
+    SkyCellType["Lookup"] = "skyCellLookup";
+    /**
+     * **Edit mode**
+     * <br/>
+     * Specifies that cells in the column will be edited as HTML number `inputs`. Only numbers can be entered.
+     * <br/><br/>
+     * **Read-only mode**
+     * <br/>
+     * Specifies that cells in the column will render as the number value.
+     */
+    SkyCellType["Number"] = "skyCellNumber";
+    /**
+     * **Edit and read-only modes**
+     * <br/>
+     * Combines SkyCellType.Number and SkyCellType.Validator, where the value is displayed as a number and passed to a validator function.
+     */
+    SkyCellType["NumberValidator"] = "skyCellNumberValidator";
+    /**
+     * **Edit and read-only modes**
+     * <br/>
+     * Specifies that 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.
+     */
+    SkyCellType["RowSelector"] = "skyCellRowSelector";
+    /**
+     * **Edit mode**
+     * <br/>
+     * Specifies that cells in the column will be edited as HTML text `inputs`. Any characters can be entered.
+     * <br/><br/>
+     * **Read-only mode**
+     * <br/>
+     * Specifies cells in the column will render as their string value.
+     */
+    SkyCellType["Text"] = "skyCellText";
+    /**
+     * **Edit and read-only modes**
+     * <br/>
+     * Specifies cell in the column will be passed to a validator function which flags erroneous entries. You can set the validator function and message by passing them to [column definition's `cellRendererParams` property](https://www.ag-grid.com/angular-data-grid/column-properties/#reference-editing) as `skyComponentProperties.validator` and `skyComponentProperties.validatorMessage`. SkyCellType.Validator can be combined with other cell types, such as SkyCellType.Autocomplete or SkyCellType.Date, by using the array syntax for the [column definition's `type` property](https://www.ag-grid.com/angular-data-grid/column-properties/#reference-editing).
+     */
+    SkyCellType["Validator"] = "skyCellValidator";
+})(SkyCellType || (SkyCellType = {}));
+
+/**
+ * @internal
+ */
+var SkyHeaderClass;
+(function (SkyHeaderClass) {
+    SkyHeaderClass["RightAligned"] = "sky-ag-grid-header-right-aligned";
+})(SkyHeaderClass || (SkyHeaderClass = {}));
+
+function autocompleteComparator(value1, value2) {
+    if (value1 && value2) {
+        if (value1.name > value2.name) {
+            return 1;
+        }
+        if (value1.name < value2.name) {
+            return -1;
+        }
+        return 0;
+    }
+    return value1 ? 1 : -1;
+}
+function autocompleteFormatter(params) {
+    return params.value && params.value.name;
+}
+function dateComparator(date1, date2) {
+    let date1value = date1;
+    let date2value = date2;
+    if (typeof date1value === 'string') {
+        date1value = new Date(date1);
+    }
+    if (typeof date2value === 'string') {
+        date2value = new Date(date2);
+    }
+    if (date1value && date2value) {
+        if (date1value > date2value) {
+            return 1;
+        }
+        if (date1value < date2value) {
+            return -1;
+        }
+        return 0;
+    }
+    return date1value ? 1 : -1;
+}
+function getValidatorCellRendererSelector(component, fallback) {
+    return (params) => {
+        if (params.colDef &&
+            typeof params.colDef.cellRendererParams?.skyComponentProperties
+                ?.validator === 'function') {
+            if (!params.colDef.cellRendererParams.skyComponentProperties.validator(params.value, params.data, params.rowIndex)) {
+                return {
+                    component,
+                    params: {
+                        ...params.colDef.cellRendererParams,
+                    },
+                };
+            }
+        }
+        return fallback;
+    };
+}
+let rowNodeId = -1;
+/**
+ * `SkyAgGridService` provides methods to get AG Grid `gridOptions` to ensure grids match SKY UX functionality. The `gridOptions` can be overridden, and include registered SKY UX column types.
+ */
+class SkyAgGridService {
+    constructor(agGridAdapterService, themeSvc, resources) {
+        this.agGridAdapterService = agGridAdapterService;
+        this.themeSvc = themeSvc;
+        this.resources = resources;
+        this.ngUnsubscribe = new Subject();
+        /*istanbul ignore else*/
+        if (this.themeSvc) {
+            this.themeSvc.settingsChange
+                .pipe(takeUntil(this.ngUnsubscribe))
+                .subscribe((settingsChange) => (this.currentTheme = settingsChange.currentSettings));
+        }
+    }
+    ngOnDestroy() {
+        this.ngUnsubscribe.next();
+        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.
+     * @param args
+     * @returns
+     */
+    getGridOptions(args) {
+        const defaultGridOptions = this.getDefaultGridOptions(args);
+        const mergedGridOptions = this.mergeGridOptions(defaultGridOptions, args.gridOptions);
+        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.
+     * @param args
+     * @returns
+     */
+    getEditableGridOptions(args) {
+        const defaultGridOptions = this.getDefaultEditableGridOptions(args);
+        const mergedGridOptions = this.mergeGridOptions(defaultGridOptions, args.gridOptions);
+        return mergedGridOptions;
+    }
+    mergeGridOptions(defaultGridOptions, providedGridOptions) {
+        const mergedGridOptions = {
+            ...defaultGridOptions,
+            ...providedGridOptions,
+            columnTypes: {
+                ...providedGridOptions.columnTypes,
+                // apply default second to prevent consumers from overwriting our default column types
+                ...defaultGridOptions.columnTypes,
+            },
+            defaultColDef: {
+                ...defaultGridOptions.defaultColDef,
+                ...providedGridOptions.defaultColDef,
+                // allow consumers to override all defaultColDef properties except cellClassRules, which we reserve for styling
+                cellClassRules: defaultGridOptions.defaultColDef.cellClassRules,
+            },
+            icons: {
+                ...defaultGridOptions.icons,
+                ...providedGridOptions.icons,
+            },
+        };
+        return mergedGridOptions;
+    }
+    getDefaultGridOptions(args) {
+        // cellClassRules can be functions or string expressions
+        const cellClassRuleTrueExpression = 'true';
+        function getEditableFn(isUneditable) {
+            return function (params) {
+                let isEditable = params.colDef.editable;
+                if (typeof isEditable === 'function') {
+                    const column = params.columnApi.getColumn(params.colDef.field);
+                    isEditable = isEditable({
+                        ...params,
+                        column,
+                    });
+                }
+                return isUneditable ? !isEditable : isEditable;
+            };
+        }
+        const editableCellClassRules = {
+            [SkyCellClass.Editable]: getEditableFn(),
+            [SkyCellClass.Uneditable]: getEditableFn(true),
+        };
+        function getValidatorFn() {
+            return function (param) {
+                if (param.colDef &&
+                    typeof param.colDef.cellRendererParams?.skyComponentProperties
+                        ?.validator === 'function') {
+                    return !param.colDef.cellRendererParams.skyComponentProperties.validator(param.value, param.data, param.rowIndex);
+                }
+                return false;
+            };
+        }
+        const validatorCellClassRules = {
+            [SkyCellClass.Invalid]: getValidatorFn(),
+        };
+        const defaultSkyGridOptions = {
+            columnTypes: {
+                [SkyCellType.Autocomplete]: {
+                    cellClassRules: {
+                        [SkyCellClass.Autocomplete]: cellClassRuleTrueExpression,
+                        ...editableCellClassRules,
+                    },
+                    cellEditorFramework: SkyAgGridCellEditorAutocompleteComponent,
+                    valueFormatter: autocompleteFormatter,
+                    comparator: autocompleteComparator,
+                    minWidth: 185,
+                },
+                [SkyCellType.Currency]: {
+                    cellClassRules: {
+                        [SkyCellClass.Currency]: cellClassRuleTrueExpression,
+                        ...validatorCellClassRules,
+                        ...editableCellClassRules,
+                    },
+                    cellRendererSelector: getValidatorCellRendererSelector('sky-ag-grid-cell-renderer-currency-validator', { component: 'sky-ag-grid-cell-renderer-currency' }),
+                    cellEditorFramework: SkyAgGridCellEditorCurrencyComponent,
+                    headerClass: SkyHeaderClass.RightAligned,
+                    minWidth: 185,
+                },
+                [SkyCellType.Date]: {
+                    cellClassRules: {
+                        [SkyCellClass.Date]: cellClassRuleTrueExpression,
+                        ...editableCellClassRules,
+                    },
+                    cellEditorFramework: SkyAgGridCellEditorDatepickerComponent,
+                    comparator: dateComparator,
+                    minWidth: this.currentTheme?.theme?.name === 'modern' ? 180 : 160,
+                    valueFormatter: (params) => this.dateFormatter(params, args.locale),
+                },
+                [SkyCellType.Lookup]: {
+                    cellClassRules: {
+                        [SkyCellClass.Lookup]: cellClassRuleTrueExpression,
+                        ...editableCellClassRules,
+                    },
+                    cellEditorFramework: SkyAgGridCellEditorLookupComponent,
+                    cellRendererFramework: SkyAgGridCellRendererLookupComponent,
+                    valueFormatter: (params) => {
+                        const lookupProperties = applySkyLookupPropertiesDefaults(params);
+                        return (params.value || [])
+                            .map((value) => {
+                            return value[lookupProperties.descriptorProperty];
+                        })
+                            .filter((value) => value !== '' && value !== undefined)
+                            .join('; ');
+                    },
+                    minWidth: 185,
+                },
+                [SkyCellType.Number]: {
+                    cellClassRules: {
+                        [SkyCellClass.Number]: cellClassRuleTrueExpression,
+                        ...editableCellClassRules,
+                    },
+                    cellEditorFramework: SkyAgGridCellEditorNumberComponent,
+                    headerClass: SkyHeaderClass.RightAligned,
+                },
+                [SkyCellType.RowSelector]: {
+                    cellClassRules: {
+                        [SkyCellClass.RowSelector]: cellClassRuleTrueExpression,
+                        [SkyCellClass.Uneditable]: cellClassRuleTrueExpression,
+                    },
+                    cellRendererFramework: SkyAgGridCellRendererRowSelectorComponent,
+                    headerName: '',
+                    minWidth: 55,
+                    maxWidth: 55,
+                    sortable: false,
+                    width: 55,
+                },
+                [SkyCellType.Text]: {
+                    cellClassRules: {
+                        [SkyCellClass.Text]: cellClassRuleTrueExpression,
+                        ...editableCellClassRules,
+                    },
+                    cellEditorFramework: SkyAgGridCellEditorTextComponent,
+                },
+                [SkyCellType.Validator]: {
+                    cellClassRules: {
+                        ...validatorCellClassRules,
+                        ...editableCellClassRules,
+                    },
+                    cellRendererSelector: getValidatorCellRendererSelector('sky-ag-grid-cell-renderer-validator-tooltip'),
+                },
+            },
+            defaultColDef: {
+                cellClassRules: editableCellClassRules,
+                minWidth: 100,
+                resizable: true,
+                sortable: true,
+                suppressKeyboardEvent: (keypress) => this.suppressTab(keypress),
+            },
+            domLayout: 'autoHeight',
+            enterMovesDownAfterEdit: true,
+            frameworkComponents: {
+                'sky-ag-grid-cell-renderer-currency': SkyAgGridCellRendererCurrencyComponent,
+                'sky-ag-grid-cell-renderer-currency-validator': SkyAgGridCellRendererCurrencyValidatorComponent,
+                'sky-ag-grid-cell-renderer-validator-tooltip': SkyAgGridCellRendererValidatorTooltipComponent,
+            },
+            getRowNodeId(data) {
+                if ('id' in data && data.id !== undefined) {
+                    return `${data.id}`;
+                }
+                return `${rowNodeId--}`;
+            },
+            getRowClass: (params) => {
+                if (params.node.id) {
+                    return `sky-ag-grid-row-${params.node.id}`;
+                }
+                else {
+                    return undefined;
+                }
+            },
+            headerHeight: this.currentTheme?.theme?.name === 'modern' ? 60 : 37,
+            icons: {
+                sortDescending: this.getIconTemplate('caret-down'),
+                sortAscending: this.getIconTemplate('caret-up'),
+                columnMoveMove: this.getIconTemplate('arrows'),
+                columnMoveHide: this.getIconTemplate('arrows'),
+                columnMoveLeft: this.getIconTemplate('arrows'),
+                columnMoveRight: this.getIconTemplate('arrows'),
+                columnMovePin: this.getIconTemplate('arrows'),
+            },
+            onCellFocused: () => this.onCellFocused(),
+            rowHeight: this.currentTheme?.theme?.name === 'modern' ? 60 : 38,
+            rowMultiSelectWithClick: true,
+            rowSelection: 'multiple',
+            singleClickEdit: true,
+            // tslint:disable-next-line: no-null-keyword
+            sortingOrder: ['desc', 'asc', null],
+            stopEditingWhenGridLosesFocus: false,
+            suppressRowClickSelection: true,
+            suppressDragLeaveHidesColumns: true,
+        };
+        defaultSkyGridOptions.columnTypes[SkyCellType.CurrencyValidator] = {
+            ...defaultSkyGridOptions.columnTypes[SkyCellType.Currency],
+            cellRendererParams: {
+                skyComponentProperties: {
+                    validator: (value, data, rowIndex) => {
+                        return !!`${value || ''}`.match(/^[^0-9]*(\d+[,.]?)+\d*[^0-9]*$/);
+                    },
+                    validatorMessage: 'Please enter a valid currency',
+                },
+            },
+        };
+        /*istanbul ignore else*/
+        if (this.resources) {
+            this.resources
+                .getString('sky_ag_grid_cell_renderer_currency_validator_message')
+                .subscribe((value) => {
+                defaultSkyGridOptions.columnTypes[SkyCellType.CurrencyValidator].cellRendererParams.skyComponentProperties.validatorMessage = value;
+            });
+        }
+        defaultSkyGridOptions.columnTypes[SkyCellType.NumberValidator] = {
+            ...defaultSkyGridOptions.columnTypes[SkyCellType.Validator],
+            ...defaultSkyGridOptions.columnTypes[SkyCellType.Number],
+            cellClassRules: {
+                ...defaultSkyGridOptions.columnTypes[SkyCellType.Validator]
+                    .cellClassRules,
+                ...defaultSkyGridOptions.columnTypes[SkyCellType.Number].cellClassRules,
+            },
+            cellRendererParams: {
+                skyComponentProperties: {
+                    validator: (value, data, rowIndex) => {
+                        return !!value && !isNaN(parseFloat(value));
+                    },
+                    validatorMessage: 'Please enter a valid number',
+                },
+            },
+        };
+        /*istanbul ignore else*/
+        if (this.resources) {
+            this.resources
+                .getString('sky_ag_grid_cell_renderer_number_validator_message')
+                .subscribe((value) => {
+                defaultSkyGridOptions.columnTypes[SkyCellType.NumberValidator].cellRendererParams.skyComponentProperties.validatorMessage = value;
+            });
+        }
+        return defaultSkyGridOptions;
+    }
+    onCellFocused() {
+        const currentElement = this.agGridAdapterService.getFocusedElement();
+        this.agGridAdapterService.focusOnFocusableChildren(currentElement);
+    }
+    getDefaultEditableGridOptions(args) {
+        const defaultGridOptions = this.getDefaultGridOptions(args);
+        defaultGridOptions.rowSelection = 'none';
+        return defaultGridOptions;
+    }
+    dateFormatter(params, locale = 'en-us') {
+        const dateConfig = { year: 'numeric', month: '2-digit', day: '2-digit' };
+        let date = params.value;
+        if (date && typeof date === 'string') {
+            date = new Date(params.value);
+        }
+        const formattedDate = date &&
+            date.toLocaleDateString &&
+            date.toLocaleDateString(locale, dateConfig);
+        if (date && date.getTime && !isNaN(date.getTime())) {
+            return formattedDate;
+        }
+    }
+    getIconTemplate(iconName) {
+        return `<i class="fa fa-${iconName}"></i>`;
+    }
+    suppressTab(params) {
+        if (params.event.code === 'Tab') {
+            if (params.editing) {
+                const currentlyFocusedEl = this.agGridAdapterService.getFocusedElement();
+                // inline cell editors have the 'ag-cell' class, while popup editors have the 'ag-popup-editor' class
+                const cellEl = this.agGridAdapterService.getElementOrParentWithClass(currentlyFocusedEl, 'ag-cell');
+                const popupEl = this.agGridAdapterService.getElementOrParentWithClass(currentlyFocusedEl, 'ag-popup-editor');
+                const parentEl = cellEl || popupEl;
+                const nextFocusableElementInCell = this.agGridAdapterService.getNextFocusableElement(currentlyFocusedEl, parentEl, params.event.shiftKey);
+                return !!nextFocusableElementInCell;
+            }
+            return true;
+        }
+        return false;
+    }
+}
+SkyAgGridService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridService, deps: [{ token: SkyAgGridAdapterService }, { token: i1$5.SkyThemeService, optional: true }, { token: i3$1.SkyLibResourcesService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+SkyAgGridService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridService, providedIn: 'any' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.7", ngImport: i0, type: SkyAgGridService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'any',
+                }]
+        }], ctorParameters: function () { return [{ type: SkyAgGridAdapterService }, { type: i1$5.SkyThemeService, decorators: [{
+                    type: Optional
+                }] }, { type: i3$1.SkyLibResourcesService, decorators: [{
+                    type: Optional
+                }] }]; } });
+
+// Export any types that should be included in the root.
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SkyAgGridModule, SkyAgGridService, SkyCellClass, SkyCellType, SkyHeaderClass, SkyAgGridCellEditorAutocompleteComponent as λ1, SkyAgGridCellRendererValidatorTooltipComponent as λ10, SkyAgGridCellValidatorTooltipComponent as λ11, SkyAgGridWrapperComponent as λ12, SkyAgGridRowDeleteDirective as λ13, SkyAgGridDataManagerAdapterDirective as λ14, SkyAgGridCellEditorTextComponent as λ2, SkyAgGridCellEditorCurrencyComponent as λ3, SkyAgGridCellEditorNumberComponent as λ4, SkyAgGridCellEditorDatepickerComponent as λ5, SkyAgGridRowDeleteComponent as λ6, SkyAgGridCellRendererRowSelectorComponent as λ7, SkyAgGridCellRendererCurrencyValidatorComponent as λ8, SkyAgGridCellRendererCurrencyComponent as λ9 };
+//# sourceMappingURL=skyux-ag-grid.mjs.map