@skyux/ag-grid 7.0.0-beta.11 → 7.0.0-beta.13

package/fesm2015/skyux-ag-grid.mjs

@@ -1,35 +1,35 @@
-import * as i2 from '@angular/common';
+import * as i2$3 from '@angular/common';
 import { DOCUMENT, CommonModule } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Injectable, Component, ChangeDetectionStrategy, Inject, ContentChild, Directive, Input, ContentChildren, TemplateRef, ViewChildren, ViewChild, EventEmitter, Output, NgModule, ElementRef, ViewEncapsulation, Optional, HostBinding } from '@angular/core';
+import { Injectable, ElementRef, Component, ChangeDetectionStrategy, ViewChild, ViewEncapsulation, Optional, HostBinding, Input, Inject, ContentChild, Directive, ContentChildren, TemplateRef, ViewChildren, EventEmitter, Output, NgModule } from '@angular/core';
 import * as i1 from '@skyux/core';
-import { SkyAffixAutoFitContext, SkyNumericModule, SkyDynamicComponentLocation, SkyViewkeeperModule } from '@skyux/core';
-import * as i1$1 from '@skyux/data-manager';
+import { SkyDynamicComponentLocation, SkyAffixAutoFitContext, SkyNumericModule, SkyViewkeeperModule } from '@skyux/core';
+import * as i1$4 from '@skyux/data-manager';
 import { SkyDataManagerModule } from '@skyux/data-manager';
 import * as i3 from '@skyux/i18n';
 import { getLibStringForLocale, SkyI18nModule, SKY_LIB_RESOURCES_PROVIDERS } from '@skyux/i18n';
 import * as i3$2 from '@skyux/indicators';
 import { SkyStatusIndicatorModule, SkyIconModule } from '@skyux/indicators';
-import * as i2$1 from '@skyux/layout';
+import * as i2$4 from '@skyux/layout';
 import { SkyInlineDeleteModule } from '@skyux/layout';
-import * as i1$3 from '@skyux/theme';
+import * as i1$2 from '@skyux/theme';
 import { SkyThemeModule } from '@skyux/theme';
 import { AgGridAngular, AgGridModule } from 'ag-grid-angular';
-import { Subject, fromEvent, BehaviorSubject, Subscription } from 'rxjs';
-import { takeUntil, filter, first } from 'rxjs/operators';
-import { __classPrivateFieldGet, __classPrivateFieldSet } from 'tslib';
-import * as i1$2 from '@angular/forms';
+import { fromEvent, Subject, BehaviorSubject, Subscription } from 'rxjs';
+import { first, takeUntil, filter } from 'rxjs/operators';
+import { __classPrivateFieldSet, __classPrivateFieldGet } from 'tslib';
+import * as i1$1 from '@angular/forms';
 import { UntypedFormGroup, UntypedFormControl, ReactiveFormsModule, FormsModule } from '@angular/forms';
-import * as i2$2 from '@skyux/lookup';
+import { KeyCode, PopupComponent, Events, Column, RowNode } from 'ag-grid-community';
+import * as i2 from '@skyux/lookup';
 import { SkyAutocompleteModule, SkyLookupModule } from '@skyux/lookup';
-import { KeyCode, PopupComponent, Events, RowNode } from 'ag-grid-community';
-import * as i2$3 from '@skyux/autonumeric';
+import * as i2$1 from '@skyux/autonumeric';
 import { SkyAutonumericModule } from '@skyux/autonumeric';
-import * as i2$4 from '@skyux/datetime';
+import * as i2$2 from '@skyux/datetime';
 import { SkyDatepickerModule } from '@skyux/datetime';
 import * as i3$1 from '@skyux/forms';
 import { SkyInputBoxModule, SkyCheckboxModule } from '@skyux/forms';
-import * as i1$4 from '@skyux/popovers';
+import * as i1$3 from '@skyux/popovers';
 import { SkyPopoverMessageType, SkyPopoverModule } from '@skyux/popovers';
 
 class SkyAgGridAdapterService {
@@ -83,976 +83,514 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
                 }]
         }], ctorParameters: function () { return [{ type: i1.SkyCoreAdapterService }]; } });
 
-var _SkyAgGridWrapperComponent_instances, _SkyAgGridWrapperComponent_ngUnsubscribe, _SkyAgGridWrapperComponent_moveHorizontalScroll;
-let idIndex = 0;
-class SkyAgGridWrapperComponent {
-    constructor(adapterService, changeDetector, elementRef, document) {
-        this.adapterService = adapterService;
-        this.changeDetector = changeDetector;
-        this.elementRef = elementRef;
-        this.document = document;
-        _SkyAgGridWrapperComponent_instances.add(this);
-        this._viewkeeperClasses = [];
-        _SkyAgGridWrapperComponent_ngUnsubscribe.set(this, new Subject());
-        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() {
-        var _a;
-        if (this.agGrid.gridOptions &&
-            this.agGrid.gridOptions.domLayout === 'autoHeight') {
-            if ((_a = this.agGrid.gridOptions.context) === null || _a === void 0 ? void 0 : _a.enableTopScroll) {
-                this.viewkeeperClasses.push('.ag-header', '.ag-body-horizontal-scroll');
-            }
-            else {
-                this.viewkeeperClasses.push('.ag-header');
-            }
-        }
-        this.agGrid.gridReady.pipe(takeUntil(__classPrivateFieldGet(this, _SkyAgGridWrapperComponent_ngUnsubscribe, "f"))).subscribe(() => {
-            __classPrivateFieldGet(this, _SkyAgGridWrapperComponent_instances, "m", _SkyAgGridWrapperComponent_moveHorizontalScroll).call(this);
-        });
-        this.agGrid.firstDataRendered
-            .pipe(takeUntil(__classPrivateFieldGet(this, _SkyAgGridWrapperComponent_ngUnsubscribe, "f")))
-            .subscribe(() => {
-            __classPrivateFieldGet(this, _SkyAgGridWrapperComponent_instances, "m", _SkyAgGridWrapperComponent_moveHorizontalScroll).call(this);
-        });
-        this.agGrid.rowDataChanged
-            .pipe(takeUntil(__classPrivateFieldGet(this, _SkyAgGridWrapperComponent_ngUnsubscribe, "f")))
-            .subscribe(() => {
-            __classPrivateFieldGet(this, _SkyAgGridWrapperComponent_instances, "m", _SkyAgGridWrapperComponent_moveHorizontalScroll).call(this);
-        });
-    }
-    ngOnDestroy() {
-        __classPrivateFieldGet(this, _SkyAgGridWrapperComponent_ngUnsubscribe, "f").next();
-        __classPrivateFieldGet(this, _SkyAgGridWrapperComponent_ngUnsubscribe, "f").complete();
-    }
+/**
+ * @internal
+ */
+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',
+    };
+}
+
+/** The intiial action that a cell editor should take when initialized. */
+var SkyAgGridCellEditorInitialAction;
+(function (SkyAgGridCellEditorInitialAction) {
+    /** The cell should be cleared. */
+    SkyAgGridCellEditorInitialAction[SkyAgGridCellEditorInitialAction["Delete"] = 0] = "Delete";
+    /** The cell value should be highlighted. */
+    SkyAgGridCellEditorInitialAction[SkyAgGridCellEditorInitialAction["Highlighted"] = 1] = "Highlighted";
+    /** The cell value should be replaced with the initializing value. */
+    SkyAgGridCellEditorInitialAction[SkyAgGridCellEditorInitialAction["Replace"] = 2] = "Replace";
+    /** The cell should not be modified and the cursor is placed at the end of the value. */
+    SkyAgGridCellEditorInitialAction[SkyAgGridCellEditorInitialAction["Untouched"] = 3] = "Untouched";
+})(SkyAgGridCellEditorInitialAction || (SkyAgGridCellEditorInitialAction = {}));
+
+class SkyAgGridCellEditorUtils {
     /**
-     * Prevent closing a modal when focused in AG Grid.
+     * Gets the intiial action that a cell editor should take when initialized.
+     * @param params The editor's initializing parameters.
      */
-    onKeyUpEscape($event) {
-        $event.stopPropagation();
-        this.agGrid.api.stopEditing(true);
-    }
-    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);
+    static getEditorInitialAction(params) {
+        if (params.cellStartedEdit) {
+            if (params.eventKey === KeyCode.BACKSPACE ||
+                params.eventKey === KeyCode.DELETE) {
+                return SkyAgGridCellEditorInitialAction.Delete;
             }
-        }
-    }
-    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 if (params.charPress) {
+                return SkyAgGridCellEditorInitialAction.Replace;
             }
             else {
-                let innerEditing = false;
-                this.agGrid.api.forEachDetailGridInfo((detailGrid) => {
-                    if (detailGrid.api.getEditingCells().length > 0) {
-                        innerEditing = true;
-                    }
-                });
-                return innerEditing;
+                if (params.eventKey !== KeyCode.F2) {
+                    return SkyAgGridCellEditorInitialAction.Highlighted;
+                }
+                else {
+                    return SkyAgGridCellEditorInitialAction.Untouched;
+                }
             }
         }
         else {
-            return false;
+            return SkyAgGridCellEditorInitialAction.Untouched;
         }
     }
 }
-_SkyAgGridWrapperComponent_ngUnsubscribe = new WeakMap(), _SkyAgGridWrapperComponent_instances = new WeakSet(), _SkyAgGridWrapperComponent_moveHorizontalScroll = function _SkyAgGridWrapperComponent_moveHorizontalScroll() {
-    var _a;
-    if (this.agGrid && this.agGrid.api) {
-        const toTop = !!((_a = this.agGrid.gridOptions.context) === null || _a === void 0 ? void 0 : _a.enableTopScroll);
-        const root = this.elementRef.nativeElement.querySelector('.ag-root');
-        const header = root.querySelector('.ag-header');
-        const floatingBottom = root.querySelector('.ag-floating-bottom');
-        const scrollbar = root.querySelector('.ag-body-horizontal-scroll');
-        if (header && floatingBottom && scrollbar) {
-            if (scrollbar.style.height !==
-                scrollbar.style.getPropertyValue('--sky-ag-body-horizontal-scroll-width')) {
-                scrollbar.style.setProperty('--sky-ag-body-horizontal-scroll-width', scrollbar.style.height);
-            }
-            const isTop = !!root.children[1].matches('.ag-body-horizontal-scroll');
-            if (toTop && !isTop) {
-                const fragment = this.document.createDocumentFragment();
-                fragment.appendChild(scrollbar);
-                header.after(fragment);
-            }
-            else if (!toTop && isTop) {
-                const fragment = this.document.createDocumentFragment();
-                fragment.appendChild(scrollbar);
-                floatingBottom.after(fragment);
-            }
+
+var _SkyAgGridCellEditorAutocompleteComponent_triggerType;
+/**
+ * @internal
+ */
+class SkyAgGridCellEditorAutocompleteComponent {
+    constructor() {
+        this.editorForm = new UntypedFormGroup({
+            selection: new UntypedFormControl(),
+        });
+        this.skyComponentProperties = {};
+        _SkyAgGridCellEditorAutocompleteComponent_triggerType.set(this, void 0);
+    }
+    agInit(params) {
+        this.params = params;
+        __classPrivateFieldSet(this, _SkyAgGridCellEditorAutocompleteComponent_triggerType, SkyAgGridCellEditorUtils.getEditorInitialAction(params), "f");
+        const control = this.editorForm.get('selection');
+        switch (__classPrivateFieldGet(this, _SkyAgGridCellEditorAutocompleteComponent_triggerType, "f")) {
+            case SkyAgGridCellEditorInitialAction.Delete:
+                control.setValue(undefined);
+                break;
+            case SkyAgGridCellEditorInitialAction.Replace:
+            case SkyAgGridCellEditorInitialAction.Highlighted:
+            case SkyAgGridCellEditorInitialAction.Untouched:
+            default:
+                control.setValue(params.value);
+                break;
         }
+        this.columnHeader = this.params.colDef && this.params.colDef.headerName;
+        this.rowNumber = this.params.rowIndex + 1;
+        this.skyComponentProperties = this.params.skyComponentProperties || {};
     }
-};
-SkyAgGridWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridWrapperComponent, deps: [{ token: SkyAgGridAdapterService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component });
-SkyAgGridWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", 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  [ngClass]=\"{\n    'sky-ag-grid-top-scrollbar':\n      agGrid?.gridOptions?.context &&\n      agGrid?.gridOptions?.context['enableTopScroll']\n  }\"\n  tabindex=\"0\"\n  [id]=\"gridId\"\n  [skyViewkeeper]=\"viewkeeperClasses\"\n  (keydown)=\"onGridKeydown($event)\"\n  (keyup.escape)=\"onKeyUpEscape($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", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.λ3, selector: "[skyViewkeeper]", inputs: ["skyViewkeeper"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridWrapperComponent, decorators: [{
+    afterGuiAttached() {
+        this.input.nativeElement.focus();
+        if (__classPrivateFieldGet(this, _SkyAgGridCellEditorAutocompleteComponent_triggerType, "f") === SkyAgGridCellEditorInitialAction.Replace) {
+            this.input.nativeElement.select();
+            this.input.nativeElement.setRangeText(this.params.charPress);
+            // Ensure the cursor is at the end of the text.
+            this.input.nativeElement.setSelectionRange(this.params.charPress.length, this.params.charPress.length);
+            this.input.nativeElement.dispatchEvent(new Event('input'));
+        }
+        if (__classPrivateFieldGet(this, _SkyAgGridCellEditorAutocompleteComponent_triggerType, "f") === SkyAgGridCellEditorInitialAction.Highlighted) {
+            this.input.nativeElement.select();
+        }
+    }
+    getValue() {
+        const val = this.editorForm.get('selection').value;
+        return val !== undefined && val !== null ? val : undefined;
+    }
+}
+_SkyAgGridCellEditorAutocompleteComponent_triggerType = new WeakMap();
+SkyAgGridCellEditorAutocompleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorAutocompleteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyAgGridCellEditorAutocompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", 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\" [formGroup]=\"editorForm\">\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      formControlName=\"selection\"\n      skyAutocomplete\n      #skyCellEditorAutocomplete\n      type=\"text\"\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"], dependencies: [{ kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2.λ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"] }, { kind: "directive", type: i2.λ1, selector: "input[skyAutocomplete], textarea[skyAutocomplete]", inputs: ["autocompleteAttribute", "disabled"] }, { kind: "pipe", type: i3.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorAutocompleteComponent, 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  [ngClass]=\"{\n    'sky-ag-grid-top-scrollbar':\n      agGrid?.gridOptions?.context &&\n      agGrid?.gridOptions?.context['enableTopScroll']\n  }\"\n  tabindex=\"0\"\n  [id]=\"gridId\"\n  [skyViewkeeper]=\"viewkeeperClasses\"\n  (keydown)=\"onGridKeydown($event)\"\n  (keyup.escape)=\"onKeyUpEscape($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 }, { type: Document, decorators: [{
-                        type: Inject,
-                        args: [DOCUMENT]
-                    }] }];
-    }, propDecorators: { agGrid: [{
-                type: ContentChild,
-                args: [AgGridAngular, {
-                        static: true,
-                    }]
+            args: [{ selector: 'sky-ag-grid-cell-editor-autocomplete', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"sky-ag-grid-cell-editor-autocomplete\" [formGroup]=\"editorForm\">\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      formControlName=\"selection\"\n      skyAutocomplete\n      #skyCellEditorAutocomplete\n      type=\"text\"\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 }]
             }] } });
 
+var _SkyAgGridCellEditorCurrencyComponent_triggerType;
 /**
  * @internal
  */
-class SkyAgGridDataManagerAdapterDirective {
-    constructor(changeDetector, dataManagerSvc) {
+class SkyAgGridCellEditorCurrencyComponent {
+    constructor(changeDetector) {
         this.changeDetector = changeDetector;
-        this.dataManagerSvc = dataManagerSvc;
-        this.ngUnsubscribe = new Subject();
+        this.skyComponentProperties = {};
+        this.editorForm = new UntypedFormGroup({
+            currency: new UntypedFormControl(),
+        });
+        _SkyAgGridCellEditorCurrencyComponent_triggerType.set(this, void 0);
     }
-    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.');
-        }
+    /**
+     * 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.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: '$',
+        };
     }
-    unregisterAgGrid() {
-        this.currentAgGrid = undefined;
-        /* istanbul ignore if */
-        if (this.dataStateSub) {
-            this.dataStateSub.unsubscribe();
+    /**
+     * 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();
+        // This setup is in `afterGuiAttached` due to the lifecycle of autonumeric which will highlight the initial value if it is in place when it renders.
+        // Since we don't want that, we set the initial value after autonumeric initializes.
+        __classPrivateFieldSet(this, _SkyAgGridCellEditorCurrencyComponent_triggerType, SkyAgGridCellEditorUtils.getEditorInitialAction(this.params), "f");
+        const control = this.editorForm.get('currency');
+        switch (__classPrivateFieldGet(this, _SkyAgGridCellEditorCurrencyComponent_triggerType, "f")) {
+            case SkyAgGridCellEditorInitialAction.Delete:
+                control.setValue(undefined);
+                break;
+            case SkyAgGridCellEditorInitialAction.Replace:
+                control.setValue(parseFloat(this.params.charPress) || undefined);
+                break;
+            case SkyAgGridCellEditorInitialAction.Highlighted:
+            case SkyAgGridCellEditorInitialAction.Untouched:
+            default:
+                control.setValue(parseFloat(this.params.value));
+                break;
         }
-    }
-    unregisterSkyAgGridWrapper() {
-        this.currentSkyAgGridWrapper = undefined;
-    }
-    registerSkyAgGridWrapper() {
-        this.unregisterSkyAgGridWrapper();
-        this.currentSkyAgGridWrapper = this.skyAgGridWrapperList.first;
+        this.changeDetector.markForCheck();
+        // Without the `setTimeout` there is inconsistent behavior with the highlighting when no initial value is present.
         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(() => {
-            var _a;
-            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);
-            });
-            if ((_a = agGrid.gridOptions.context) === null || _a === void 0 ? void 0 : _a.enableTopScroll) {
-                this.dataManagerSvc.setViewkeeperClasses(this.viewId, [
-                    '.ag-header',
-                    '.ag-body-horizontal-scroll',
-                ]);
-            }
-            agGrid.api.sizeColumnsToFit();
-        });
-        agGrid.columnMoved
-            .pipe(takeUntil(this.ngUnsubscribe), filter((event) => ![
-            'gridInitializing',
-            'uiColumnResized',
-            'uiColumnDragged',
-            'api',
-        ].includes(event.source)))
-            .subscribe((value) => {
-            this.updateColumnsInCurrentDataState(value.columnApi);
-        });
-        agGrid.dragStopped
-            .pipe(takeUntil(this.ngUnsubscribe))
-            .subscribe((value) => {
-            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;
-                }
+            if (__classPrivateFieldGet(this, _SkyAgGridCellEditorCurrencyComponent_triggerType, "f") === SkyAgGridCellEditorInitialAction.Highlighted) {
+                this.input.nativeElement.select();
             }
-            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);
-        if (viewState.displayedColumnIds.length !== columnOrder.length ||
-            viewState.displayedColumnIds.some((col, i) => col !== columnOrder[i])) {
-            viewState.displayedColumnIds = columnOrder;
-            this.dataManagerSvc.updateDataState(this.currentDataState.addOrUpdateView(this.viewConfig.id, viewState), this.viewConfig.id);
-        }
-    }
-    getColumnOrder(columnApi) {
-        return columnApi
-            .getColumnState()
-            .filter((state) => !state.hide)
-            .map((state) => state.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 columnOrder = this.getColumnOrder(agGrid.columnApi);
-        if (displayedColumnIds.length !== columnOrder.length ||
-            displayedColumnIds.some((col, i) => col !== columnOrder[i])) {
-            const hideColumns = agGrid.columnApi
-                .getColumnState()
-                .map((col) => col.colId)
-                .filter((colId) => !displayedColumnIds.includes(colId));
-            agGrid.columnApi.setColumnsVisible(hideColumns, false);
-            agGrid.columnApi.setColumnsVisible(displayedColumnIds, true);
-            agGrid.columnApi.moveColumns(displayedColumnIds, 0);
-        }
+        }, 100);
     }
-    selectAll() {
-        const agGrid = this.agGridList.first;
-        agGrid.api.selectAll();
+    /**
+     * getValue is called by agGrid when editing is stopped to get the new value of the cell.
+     */
+    getValue() {
+        const val = this.editorForm.get('currency').value;
+        return val !== undefined && val !== null ? val : undefined;
     }
-    clearAll() {
-        const agGrid = this.agGridList.first;
-        agGrid.api.deselectAll();
+    /**
+     * The autoNumeric library's event handler suppresses the escape key event. This additional handler re-enables AG Grid's default functionality.
+     */
+    onPressEscape() {
+        this.params.api.stopEditing(true);
+        this.params.api.setFocusedCell(this.params.rowIndex, this.params.column);
     }
 }
-SkyAgGridDataManagerAdapterDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridDataManagerAdapterDirective, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.SkyDataManagerService }], target: i0.ɵɵFactoryTarget.Directive });
-SkyAgGridDataManagerAdapterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0", 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: "14.2.0", 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 }]
+_SkyAgGridCellEditorCurrencyComponent_triggerType = new WeakMap();
+SkyAgGridCellEditorCurrencyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorCurrencyComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+SkyAgGridCellEditorCurrencyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: SkyAgGridCellEditorCurrencyComponent, selector: "sky-ag-grid-cell-editor-currency", viewQueries: [{ propertyName: "input", first: true, predicate: ["skyCellEditorCurrency"], descendants: true, read: ElementRef }], ngImport: i0, template: "<ng-container [formGroup]=\"editorForm\">\n  <input\n    formControlName=\"currency\"\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    [skyAutonumeric]=\"skyComponentProperties\"\n    [skyAutonumericFormChangesUnformatted]=\"!!params?.charPress\"\n    (keyup.escape)=\"onPressEscape()\"\n    #skyCellEditorCurrency\n  />\n</ng-container>\n", styles: ["input{border:none;padding-left:11px}\n"], dependencies: [{ kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2$1.λ1, selector: "input[skyAutonumeric]", inputs: ["skyAutonumeric", "skyAutonumericFormChangesUnformatted"] }, { kind: "pipe", type: i3.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorCurrencyComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sky-ag-grid-cell-editor-currency', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container [formGroup]=\"editorForm\">\n  <input\n    formControlName=\"currency\"\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    [skyAutonumeric]=\"skyComponentProperties\"\n    [skyAutonumericFormChangesUnformatted]=\"!!params?.charPress\"\n    (keyup.escape)=\"onPressEscape()\"\n    #skyCellEditorCurrency\n  />\n</ng-container>\n", styles: ["input{border:none;padding-left:11px}\n"] }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { input: [{
+                type: ViewChild,
+                args: ['skyCellEditorCurrency', { read: ElementRef }]
             }] } });
 
+var _SkyAgGridCellEditorDatepickerComponent_triggerType;
 /**
- * Component for rendering the inline delete template in the overlay.
  * @internal
  */
-class SkyAgGridRowDeleteComponent {
-}
-SkyAgGridRowDeleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridRowDeleteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyAgGridRowDeleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", 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, dependencies: [{ kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$1.λ8, selector: "sky-inline-delete", inputs: ["pending"], outputs: ["cancelTriggered", "deleteTriggered"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", 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 }]
-            }] } });
-
-class SkyAgGridRowDeleteDirective {
-    constructor(affixService, changeDetector, elementRef, overlayService, viewContainerRef) {
-        this.affixService = affixService;
+class SkyAgGridCellEditorDatepickerComponent extends PopupComponent {
+    constructor(changeDetector, themeSvc) {
+        super();
         this.changeDetector = changeDetector;
-        this.elementRef = elementRef;
-        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 = {};
+        this.themeSvc = themeSvc;
+        this.editorForm = new UntypedFormGroup({
+            date: new UntypedFormControl(),
+        });
+        this.skyComponentProperties = {};
+        _SkyAgGridCellEditorDatepickerComponent_triggerType.set(this, void 0);
     }
     /**
-     * Specifies the ids of the data in the rows on which inline delete's should be shown.
+     * 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.
      */
-    set rowDeleteIds(value) {
-        this._rowDeleteIds = value;
-        if (!value) {
-            for (const config of this.rowDeleteConfigs) {
-                this.destroyRowDelete(config.id);
-            }
-            this.changeDetector.markForCheck();
-            return;
+    agInit(params) {
+        var _a, _b;
+        this.params = params;
+        __classPrivateFieldSet(this, _SkyAgGridCellEditorDatepickerComponent_triggerType, SkyAgGridCellEditorUtils.getEditorInitialAction(params), "f");
+        const control = this.editorForm.get('date');
+        switch (__classPrivateFieldGet(this, _SkyAgGridCellEditorDatepickerComponent_triggerType, "f")) {
+            case SkyAgGridCellEditorInitialAction.Delete:
+                control.setValue(undefined);
+                break;
+            case SkyAgGridCellEditorInitialAction.Replace:
+                control.setValue(params.charPress);
+                break;
+            case SkyAgGridCellEditorInitialAction.Highlighted:
+            case SkyAgGridCellEditorInitialAction.Untouched:
+            default:
+                control.setValue(params.value);
+                break;
         }
-        for (const id of value) {
-            const existingConfig = this.rowDeleteConfigs.find((config) => config.id === id);
-            if (existingConfig) {
-                existingConfig.pending = false;
+        if ((_a = this.params.skyComponentProperties) === null || _a === void 0 ? void 0 : _a.disabled) {
+            control.disable();
+        }
+        this.changeDetector.markForCheck();
+        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;
+        (_b = this.themeSvc) === null || _b === void 0 ? void 0 : _b.settingsChange.subscribe((themeSettings) => {
+            if (themeSettings.currentSettings.theme.name === 'modern') {
+                this.columnWidthWithoutBorders = this.columnWidth;
+                this.rowHeightWithoutBorders =
+                    this.params.node && this.params.node.rowHeight;
             }
             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,
-                    };
-                });
+                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() {
+        const datepickerInputEl = this.datepickerInput
+            .nativeElement;
+        datepickerInputEl.focus();
+        // Programatically set the value of in the input; however, do not do this via the form control so that the value is not formatted when editing starts.
+        // Watch for the first blur and fire a 'change' event as programatic changes won't queue a change event, but we need to do this so that formatting happens if the user tabs to the calendar button.
+        if (__classPrivateFieldGet(this, _SkyAgGridCellEditorDatepickerComponent_triggerType, "f") === SkyAgGridCellEditorInitialAction.Replace) {
+            fromEvent(datepickerInputEl, 'blur')
+                .pipe(first())
+                .subscribe(() => {
+                datepickerInputEl.dispatchEvent(new Event('change'));
+            });
+            datepickerInputEl.select();
+            datepickerInputEl.setRangeText(this.params.charPress);
+            // Ensure the cursor is at the end of the text.
+            datepickerInputEl.setSelectionRange(this.params.charPress.length, this.params.charPress.length);
         }
-        for (const config of this.rowDeleteConfigs) {
-            if (value.indexOf(config.id) < 0) {
-                this.destroyRowDelete(config.id);
-            }
+        // this.changeDetector.markForCheck();
+        if (__classPrivateFieldGet(this, _SkyAgGridCellEditorDatepickerComponent_triggerType, "f") === SkyAgGridCellEditorInitialAction.Highlighted) {
+            datepickerInputEl.select();
         }
-        this.changeDetector.markForCheck();
-    }
-    get rowDeleteIds() {
-        return this._rowDeleteIds;
     }
-    get tableWidth() {
-        return this.elementRef.nativeElement.querySelectorAll('.sky-ag-grid')[0]
-            .offsetWidth;
+    /**
+     * getValue is called by agGrid when editing is stopped to get the new value of the cell.
+     */
+    getValue() {
+        this.datepickerInput.nativeElement.blur();
+        return this.editorForm.get('date').value;
     }
-    ngAfterContentInit() {
-        this.rowDeleteComponent = this.viewContainerRef.createComponent(SkyAgGridRowDeleteComponent).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();
+}
+_SkyAgGridCellEditorDatepickerComponent_triggerType = new WeakMap();
+SkyAgGridCellEditorDatepickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorDatepickerComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$2.SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+SkyAgGridCellEditorDatepickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", 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  [formGroup]=\"editorForm\"\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      formControlName=\"date\"\n      skyDatepickerInput\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      #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"], dependencies: [{ kind: "component", type: i2$2.λ2, selector: "sky-datepicker", inputs: ["pickerClass"], outputs: ["calendarDateRangeChange"] }, { kind: "directive", type: i2$2.λ3, selector: "[skyDatepickerInput]", inputs: ["dateFormat", "disabled", "maxDate", "minDate", "skyDatepickerInput", "skyDatepickerNoValidate", "startingDay", "strict"] }, { kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", 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  [formGroup]=\"editorForm\"\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      formControlName=\"date\"\n      skyDatepickerInput\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      #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: i0.ChangeDetectorRef }, { type: i1$2.SkyThemeService, decorators: [{
+                        type: Optional
+                    }] }];
+    }, propDecorators: { datepickerInput: [{
+                type: ViewChild,
+                args: ['skyCellEditorDatepickerInput', { read: ElementRef }]
+            }] } });
+
+var _SkyAgGridCellEditorLookupComponent_triggerType;
+/**
+ * @internal
+ */
+class SkyAgGridCellEditorLookupComponent {
+    constructor(changeDetector, elementRef) {
+        this.changeDetector = changeDetector;
+        this.elementRef = elementRef;
+        this.isAlive = false;
+        this.editorForm = new UntypedFormGroup({
+            selection: new UntypedFormControl({
+                value: [],
+                disabled: false,
+            }),
         });
+        this.useAsyncSearch = false;
+        _SkyAgGridCellEditorLookupComponent_triggerType.set(this, void 0);
     }
-    ngOnDestroy() {
-        this.ngUnsubscribe.next();
-        this.ngUnsubscribe.complete();
-        Object.keys(this.rowDeleteContents).forEach((id) => {
-            this.destroyRowDelete(id);
+    agInit(params) {
+        this.params = params;
+        if (!Array.isArray(this.params.value)) {
+            throw new Error(`Lookup value must be an array`);
+        }
+        __classPrivateFieldSet(this, _SkyAgGridCellEditorLookupComponent_triggerType, SkyAgGridCellEditorUtils.getEditorInitialAction(params), "f");
+        const control = this.editorForm.get('selection');
+        switch (__classPrivateFieldGet(this, _SkyAgGridCellEditorLookupComponent_triggerType, "f")) {
+            case SkyAgGridCellEditorInitialAction.Delete:
+                control.setValue([]);
+                break;
+            case SkyAgGridCellEditorInitialAction.Replace:
+            case SkyAgGridCellEditorInitialAction.Highlighted:
+            case SkyAgGridCellEditorInitialAction.Untouched:
+            default:
+                control.setValue(params.value);
+                break;
+        }
+        if (this.params.skyComponentProperties.disabled) {
+            control.disable();
+        }
+        this.skyComponentProperties = this.updateComponentProperties(this.params);
+        this.useAsyncSearch =
+            typeof this.skyComponentProperties.searchAsync === 'function';
+        this.isAlive = true;
+        this.width = this.params.column.getActualWidth();
+        this.params.column.addEventListener('uiColumnResized', (event) => {
+            this.width = event.column.getActualWidth();
+            this.changeDetector.markForCheck();
         });
+        this.changeDetector.markForCheck();
     }
-    cancelRowDelete(row) {
-        this.rowDeleteConfigs = this.rowDeleteConfigs.filter((config) => config.id !== row.id);
-        this.rowDeleteCancel.emit({ id: row.id });
-        this.destroyRowDelete(row.id);
+    isCancelAfterEnd() {
+        // Shut down components to commit values before final value syncs to grid.
+        this.isAlive = false;
+        this.changeDetector.detectChanges();
+        return false;
     }
-    confirmRowDelete(row) {
-        this.rowDeleteConfigs.find((config) => config.id === row.id).pending = true;
-        this.rowDeleteConfirm.emit({ id: row.id });
+    getGui() {
+        return this.elementRef.nativeElement;
     }
-    getRowDeleteItem(row) {
-        return this.rowDeleteConfigs.find((rowDelete) => rowDelete.id === row.id);
+    getValue() {
+        return this.editorForm.get('selection').value;
     }
-    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,
-        });
+    isPopup() {
+        return true;
     }
-    destroyRowDelete(id) {
-        var _a;
-        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 = (_a = this.rowDeleteIds) === null || _a === void 0 ? void 0 : _a.filter((arrayId) => arrayId !== id);
-            this.rowDeleteIdsChange.emit(this._rowDeleteIds);
+    afterGuiAttached() {
+        const lookupInput = this.elementRef.nativeElement.querySelector('.sky-lookup-input');
+        lookupInput.focus();
+        if (__classPrivateFieldGet(this, _SkyAgGridCellEditorLookupComponent_triggerType, "f") === SkyAgGridCellEditorInitialAction.Replace) {
+            lookupInput.select();
+            lookupInput.setRangeText(this.params.charPress);
+            // Ensure the cursor is at the end of the text.
+            lookupInput.setSelectionRange(lookupInput.value.length, lookupInput.value.length);
+            lookupInput.dispatchEvent(new Event('input'));
+        }
+        if (__classPrivateFieldGet(this, _SkyAgGridCellEditorLookupComponent_triggerType, "f") === SkyAgGridCellEditorInitialAction.Highlighted) {
+            lookupInput.select();
         }
     }
-    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();
+    updateComponentProperties(params) {
+        const skyLookupProperties = params.skyComponentProperties;
+        return applySkyLookupPropertiesDefaults(skyLookupProperties);
     }
 }
-SkyAgGridRowDeleteDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridRowDeleteDirective, deps: [{ token: i1.SkyAffixService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.SkyOverlayService }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-SkyAgGridRowDeleteDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0", 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: "14.2.0", ngImport: i0, type: SkyAgGridRowDeleteDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[skyAgGridRowDelete]',
-                }]
-        }], ctorParameters: function () { return [{ type: i1.SkyAffixService }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i1.SkyOverlayService }, { type: i0.ViewContainerRef }]; }, propDecorators: { rowDeleteIds: [{
-                type: Input
-            }], rowDeleteCancel: [{
-                type: Output
-            }], rowDeleteConfirm: [{
-                type: Output
-            }], rowDeleteIdsChange: [{
-                type: Output
-            }], agGrid: [{
-                type: ContentChild,
-                args: [AgGridAngular]
+_SkyAgGridCellEditorLookupComponent_triggerType = new WeakMap();
+SkyAgGridCellEditorLookupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorLookupComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+SkyAgGridCellEditorLookupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: SkyAgGridCellEditorLookupComponent, selector: "sky-ag-grid-cell-editor-lookup", host: { properties: { "style.width.px": "this.width" } }, ngImport: i0, template: "<sky-input-box\n  *ngIf=\"isAlive && useAsyncSearch\"\n  [disabled]=\"skyComponentProperties?.disabled\"\n  [formGroup]=\"editorForm\"\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=\"selection\"\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]=\"editorForm\"\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=\"selection\"\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"], dependencies: [{ kind: "directive", type: i2$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3$1.λ10, selector: "sky-input-box", inputs: ["hasErrors", "disabled"] }, { kind: "component", type: i2.λ4, selector: "sky-lookup", inputs: ["ariaLabel", "ariaLabelledBy", "autocompleteAttribute", "data", "disabled", "enableShowMore", "placeholderText", "idProperty", "showAddButton", "showMoreConfig", "selectMode", "wrapperClass"], outputs: ["addClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", 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]=\"editorForm\"\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=\"selection\"\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]=\"editorForm\"\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=\"selection\"\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 }]; }, propDecorators: { width: [{
+                type: HostBinding,
+                args: ['style.width.px']
             }] } });
 
+var _SkyAgGridCellEditorNumberComponent_triggerType;
 /**
- * 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.
+ * @internal
  */
-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_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}',
-        },
-        sky_ag_grid_column_group_header_expand_aria_label: {
-            message: 'Expand column group {0}',
-        },
-        sky_ag_grid_column_group_header_collapse_aria_label: {
-            message: 'Collapse column group {0}',
-        },
-    },
-};
-class SkyAgGridResourcesProvider {
-    getString(localeInfo, name) {
-        return getLibStringForLocale(RESOURCES, localeInfo.locale, name);
+class SkyAgGridCellEditorNumberComponent {
+    constructor() {
+        this.editorForm = new UntypedFormGroup({
+            number: new UntypedFormControl(),
+        });
+        _SkyAgGridCellEditorNumberComponent_triggerType.set(this, void 0);
     }
-}
-/**
- * Import into any component library module that needs to use resource strings.
- */
-class SkyAgGridResourcesModule {
-}
-SkyAgGridResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyAgGridResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridResourcesModule, exports: [SkyI18nModule] });
-SkyAgGridResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridResourcesModule, providers: [
-        {
-            provide: SKY_LIB_RESOURCES_PROVIDERS,
-            useClass: SkyAgGridResourcesProvider,
-            multi: true,
-        },
-    ], imports: [SkyI18nModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridResourcesModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    exports: [SkyI18nModule],
-                    providers: [
-                        {
-                            provide: SKY_LIB_RESOURCES_PROVIDERS,
-                            useClass: SkyAgGridResourcesProvider,
-                            multi: true,
-                        },
-                    ],
-                }]
-        }] });
-
-/** The intiial action that a cell editor should take when initialized. */
-var SkyAgGridCellEditorInitialAction;
-(function (SkyAgGridCellEditorInitialAction) {
-    /** The cell should be cleared. */
-    SkyAgGridCellEditorInitialAction[SkyAgGridCellEditorInitialAction["Delete"] = 0] = "Delete";
-    /** The cell value should be highlighted. */
-    SkyAgGridCellEditorInitialAction[SkyAgGridCellEditorInitialAction["Highlighted"] = 1] = "Highlighted";
-    /** The cell value should be replaced with the initializing value. */
-    SkyAgGridCellEditorInitialAction[SkyAgGridCellEditorInitialAction["Replace"] = 2] = "Replace";
-    /** The cell should not be modified and the cursor is placed at the end of the value. */
-    SkyAgGridCellEditorInitialAction[SkyAgGridCellEditorInitialAction["Untouched"] = 3] = "Untouched";
-})(SkyAgGridCellEditorInitialAction || (SkyAgGridCellEditorInitialAction = {}));
-
-class SkyAgGridCellEditorUtils {
     /**
-     * Gets the intiial action that a cell editor should take when initialized.
-     * @param params The editor's initializing parameters.
+     * 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.
      */
-    static getEditorInitialAction(params) {
-        if (params.cellStartedEdit) {
-            if (params.eventKey === KeyCode.BACKSPACE ||
-                params.eventKey === KeyCode.DELETE) {
-                return SkyAgGridCellEditorInitialAction.Delete;
-            }
-            else if (params.charPress) {
-                return SkyAgGridCellEditorInitialAction.Replace;
-            }
-            else {
-                if (params.eventKey !== KeyCode.F2) {
-                    return SkyAgGridCellEditorInitialAction.Highlighted;
-                }
-                else {
-                    return SkyAgGridCellEditorInitialAction.Untouched;
-                }
-            }
-        }
-        else {
-            return SkyAgGridCellEditorInitialAction.Untouched;
-        }
-    }
-}
-
-var _SkyAgGridCellEditorAutocompleteComponent_triggerType;
-/**
- * @internal
- */
-class SkyAgGridCellEditorAutocompleteComponent {
-    constructor() {
-        this.editorForm = new UntypedFormGroup({
-            selection: new UntypedFormControl(),
-        });
-        this.skyComponentProperties = {};
-        _SkyAgGridCellEditorAutocompleteComponent_triggerType.set(this, void 0);
-    }
     agInit(params) {
+        var _a, _b;
         this.params = params;
-        __classPrivateFieldSet(this, _SkyAgGridCellEditorAutocompleteComponent_triggerType, SkyAgGridCellEditorUtils.getEditorInitialAction(params), "f");
-        const control = this.editorForm.get('selection');
-        switch (__classPrivateFieldGet(this, _SkyAgGridCellEditorAutocompleteComponent_triggerType, "f")) {
+        __classPrivateFieldSet(this, _SkyAgGridCellEditorNumberComponent_triggerType, SkyAgGridCellEditorUtils.getEditorInitialAction(params), "f");
+        const control = this.editorForm.get('number');
+        switch (__classPrivateFieldGet(this, _SkyAgGridCellEditorNumberComponent_triggerType, "f")) {
             case SkyAgGridCellEditorInitialAction.Delete:
                 control.setValue(undefined);
                 break;
             case SkyAgGridCellEditorInitialAction.Replace:
+                control.setValue(parseFloat(this.params.charPress) || undefined);
+                break;
             case SkyAgGridCellEditorInitialAction.Highlighted:
             case SkyAgGridCellEditorInitialAction.Untouched:
             default:
                 control.setValue(params.value);
                 break;
         }
-        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();
-        if (__classPrivateFieldGet(this, _SkyAgGridCellEditorAutocompleteComponent_triggerType, "f") === SkyAgGridCellEditorInitialAction.Replace) {
-            this.input.nativeElement.select();
-            this.input.nativeElement.setRangeText(this.params.charPress);
-            // Ensure the cursor is at the end of the text.
-            this.input.nativeElement.setSelectionRange(this.params.charPress.length, this.params.charPress.length);
-            this.input.nativeElement.dispatchEvent(new Event('input'));
-        }
-        if (__classPrivateFieldGet(this, _SkyAgGridCellEditorAutocompleteComponent_triggerType, "f") === SkyAgGridCellEditorInitialAction.Highlighted) {
-            this.input.nativeElement.select();
-        }
-    }
-    getValue() {
-        const val = this.editorForm.get('selection').value;
-        return val !== undefined && val !== null ? val : undefined;
-    }
-}
-_SkyAgGridCellEditorAutocompleteComponent_triggerType = new WeakMap();
-SkyAgGridCellEditorAutocompleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorAutocompleteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyAgGridCellEditorAutocompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", 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\" [formGroup]=\"editorForm\">\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      formControlName=\"selection\"\n      skyAutocomplete\n      #skyCellEditorAutocomplete\n      type=\"text\"\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"], dependencies: [{ kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i2$2.λ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"] }, { kind: "directive", type: i2$2.λ1, selector: "input[skyAutocomplete], textarea[skyAutocomplete]", inputs: ["autocompleteAttribute", "disabled"] }, { kind: "pipe", type: i3.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", 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\" [formGroup]=\"editorForm\">\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      formControlName=\"selection\"\n      skyAutocomplete\n      #skyCellEditorAutocomplete\n      type=\"text\"\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: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorAutocompleteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyAgGridCellEditorAutocompleteModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorAutocompleteModule, declarations: [SkyAgGridCellEditorAutocompleteComponent], imports: [ReactiveFormsModule,
-        SkyAgGridResourcesModule,
-        SkyAutocompleteModule], exports: [SkyAgGridCellEditorAutocompleteComponent] });
-SkyAgGridCellEditorAutocompleteModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorAutocompleteModule, imports: [ReactiveFormsModule,
-        SkyAgGridResourcesModule,
-        SkyAutocompleteModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorAutocompleteModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        ReactiveFormsModule,
-                        SkyAgGridResourcesModule,
-                        SkyAutocompleteModule,
-                    ],
-                    declarations: [SkyAgGridCellEditorAutocompleteComponent],
-                    exports: [SkyAgGridCellEditorAutocompleteComponent],
-                }]
-        }] });
-
-var _SkyAgGridCellEditorCurrencyComponent_triggerType;
-/**
- * @internal
- */
-class SkyAgGridCellEditorCurrencyComponent {
-    constructor(changeDetector) {
-        this.changeDetector = changeDetector;
-        this.skyComponentProperties = {};
-        this.editorForm = new UntypedFormGroup({
-            currency: new UntypedFormControl(),
-        });
-        _SkyAgGridCellEditorCurrencyComponent_triggerType.set(this, void 0);
-    }
-    /**
-     * 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.max = (_a = params.skyComponentProperties) === null || _a === void 0 ? void 0 : _a.max;
+        this.min = (_b = params.skyComponentProperties) === null || _b === void 0 ? void 0 : _b.min;
         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();
-        // This setup is in `afterGuiAttached` due to the lifecycle of autonumeric which will highlight the initial value if it is in place when it renders.
-        // Since we don't want that, we set the initial value after autonumeric initializes.
-        __classPrivateFieldSet(this, _SkyAgGridCellEditorCurrencyComponent_triggerType, SkyAgGridCellEditorUtils.getEditorInitialAction(this.params), "f");
-        const control = this.editorForm.get('currency');
-        switch (__classPrivateFieldGet(this, _SkyAgGridCellEditorCurrencyComponent_triggerType, "f")) {
-            case SkyAgGridCellEditorInitialAction.Delete:
-                control.setValue(undefined);
-                break;
-            case SkyAgGridCellEditorInitialAction.Replace:
-                control.setValue(parseFloat(this.params.charPress) || undefined);
-                break;
-            case SkyAgGridCellEditorInitialAction.Highlighted:
-            case SkyAgGridCellEditorInitialAction.Untouched:
-            default:
-                control.setValue(parseFloat(this.params.value));
-                break;
+        if (__classPrivateFieldGet(this, _SkyAgGridCellEditorNumberComponent_triggerType, "f") === SkyAgGridCellEditorInitialAction.Highlighted) {
+            this.input.nativeElement.select();
         }
-        this.changeDetector.markForCheck();
-        // Without the `setTimeout` there is inconsistent behavior with the highlighting when no initial value is present.
-        setTimeout(() => {
-            if (__classPrivateFieldGet(this, _SkyAgGridCellEditorCurrencyComponent_triggerType, "f") === SkyAgGridCellEditorInitialAction.Highlighted) {
-                this.input.nativeElement.select();
-            }
-        }, 100);
     }
     /**
      * getValue is called by agGrid when editing is stopped to get the new value of the cell.
      */
     getValue() {
-        const val = this.editorForm.get('currency').value;
+        const val = this.editorForm.get('number').value;
         return val !== undefined && val !== null ? val : undefined;
     }
-    /**
-     * The autoNumeric library's event handler suppresses the escape key event. This additional handler re-enables AG Grid's default functionality.
-     */
-    onPressEscape() {
-        this.params.api.stopEditing(true);
-        this.params.api.setFocusedCell(this.params.rowIndex, this.params.column);
-    }
 }
-_SkyAgGridCellEditorCurrencyComponent_triggerType = new WeakMap();
-SkyAgGridCellEditorCurrencyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorCurrencyComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-SkyAgGridCellEditorCurrencyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: SkyAgGridCellEditorCurrencyComponent, selector: "sky-ag-grid-cell-editor-currency", viewQueries: [{ propertyName: "input", first: true, predicate: ["skyCellEditorCurrency"], descendants: true, read: ElementRef }], ngImport: i0, template: "<ng-container [formGroup]=\"editorForm\">\n  <input\n    formControlName=\"currency\"\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    [skyAutonumeric]=\"skyComponentProperties\"\n    [skyAutonumericFormChangesUnformatted]=\"!!params?.charPress\"\n    (keyup.escape)=\"onPressEscape()\"\n    #skyCellEditorCurrency\n  />\n</ng-container>\n", styles: ["input{border:none;padding-left:11px}\n"], dependencies: [{ kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "directive", type: i2$3.λ1, selector: "input[skyAutonumeric]", inputs: ["skyAutonumeric", "skyAutonumericFormChangesUnformatted"] }, { kind: "pipe", type: i3.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorCurrencyComponent, decorators: [{
+_SkyAgGridCellEditorNumberComponent_triggerType = new WeakMap();
+SkyAgGridCellEditorNumberComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorNumberComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyAgGridCellEditorNumberComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: SkyAgGridCellEditorNumberComponent, selector: "sky-ag-grid-cell-editor-number", viewQueries: [{ propertyName: "input", first: true, predicate: ["skyCellEditorNumber"], descendants: true, read: ElementRef }], ngImport: i0, template: "<ng-container [formGroup]=\"editorForm\">\n  <input\n    formControlName=\"number\"\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    [max]=\"max\"\n    [min]=\"min\"\n    #skyCellEditorNumber\n  />\n</ng-container>\n", styles: ["input{border:none;text-align:right}\n"], dependencies: [{ kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1$1.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i3.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorNumberComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sky-ag-grid-cell-editor-currency', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container [formGroup]=\"editorForm\">\n  <input\n    formControlName=\"currency\"\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    [skyAutonumeric]=\"skyComponentProperties\"\n    [skyAutonumericFormChangesUnformatted]=\"!!params?.charPress\"\n    (keyup.escape)=\"onPressEscape()\"\n    #skyCellEditorCurrency\n  />\n</ng-container>\n", styles: ["input{border:none;padding-left:11px}\n"] }]
-        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { input: [{
+            args: [{ selector: 'sky-ag-grid-cell-editor-number', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container [formGroup]=\"editorForm\">\n  <input\n    formControlName=\"number\"\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    [max]=\"max\"\n    [min]=\"min\"\n    #skyCellEditorNumber\n  />\n</ng-container>\n", styles: ["input{border:none;text-align:right}\n"] }]
+        }], propDecorators: { input: [{
                 type: ViewChild,
-                args: ['skyCellEditorCurrency', { read: ElementRef }]
+                args: ['skyCellEditorNumber', { read: ElementRef }]
             }] } });
 
-class SkyAgGridCellEditorCurrencyModule {
-}
-SkyAgGridCellEditorCurrencyModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorCurrencyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyAgGridCellEditorCurrencyModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorCurrencyModule, declarations: [SkyAgGridCellEditorCurrencyComponent], imports: [SkyAgGridResourcesModule,
-        ReactiveFormsModule,
-        SkyAutonumericModule], exports: [SkyAgGridCellEditorCurrencyComponent] });
-SkyAgGridCellEditorCurrencyModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorCurrencyModule, imports: [SkyAgGridResourcesModule,
-        ReactiveFormsModule,
-        SkyAutonumericModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorCurrencyModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        SkyAgGridResourcesModule,
-                        ReactiveFormsModule,
-                        SkyAutonumericModule,
-                    ],
-                    declarations: [SkyAgGridCellEditorCurrencyComponent],
-                    exports: [SkyAgGridCellEditorCurrencyComponent],
-                }]
-        }] });
-
-var _SkyAgGridCellEditorDatepickerComponent_triggerType;
+var _SkyAgGridCellEditorTextComponent_triggerType;
 /**
  * @internal
  */
-class SkyAgGridCellEditorDatepickerComponent extends PopupComponent {
-    constructor(changeDetector, themeSvc) {
-        super();
-        this.changeDetector = changeDetector;
-        this.themeSvc = themeSvc;
+class SkyAgGridCellEditorTextComponent {
+    constructor() {
         this.editorForm = new UntypedFormGroup({
-            date: new UntypedFormControl(),
+            text: new UntypedFormControl(),
         });
-        this.skyComponentProperties = {};
-        _SkyAgGridCellEditorDatepickerComponent_triggerType.set(this, void 0);
+        _SkyAgGridCellEditorTextComponent_triggerType.set(this, void 0);
     }
     /**
      * 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) {
-        var _a, _b;
+        var _a;
         this.params = params;
-        __classPrivateFieldSet(this, _SkyAgGridCellEditorDatepickerComponent_triggerType, SkyAgGridCellEditorUtils.getEditorInitialAction(params), "f");
-        const control = this.editorForm.get('date');
-        switch (__classPrivateFieldGet(this, _SkyAgGridCellEditorDatepickerComponent_triggerType, "f")) {
+        __classPrivateFieldSet(this, _SkyAgGridCellEditorTextComponent_triggerType, SkyAgGridCellEditorUtils.getEditorInitialAction(params), "f");
+        const control = this.editorForm.get('text');
+        switch (__classPrivateFieldGet(this, _SkyAgGridCellEditorTextComponent_triggerType, "f")) {
             case SkyAgGridCellEditorInitialAction.Delete:
                 control.setValue(undefined);
                 break;
@@ -1065,512 +603,133 @@ class SkyAgGridCellEditorDatepickerComponent extends PopupComponent {
                 control.setValue(params.value);
                 break;
         }
-        if ((_a = this.params.skyComponentProperties) === null || _a === void 0 ? void 0 : _a.disabled) {
-            control.disable();
-        }
-        this.changeDetector.markForCheck();
-        this.skyComponentProperties = this.params.skyComponentProperties || {};
+        this.maxlength = (_a = params.skyComponentProperties) === null || _a === void 0 ? void 0 : _a.maxlength;
+        this.columnHeader = this.params.colDef.headerName;
+        this.rowNumber = this.params.rowIndex + 1;
         this.columnWidth = this.params.column.getActualWidth();
-        this.columnWidthWithoutBorders = this.columnWidth - 2;
         this.rowHeightWithoutBorders =
-            this.params.node && this.params.node.rowHeight - 3;
-        (_b = this.themeSvc) === null || _b === void 0 ? void 0 : _b.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;
-            }
-        });
+            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() {
-        const datepickerInputEl = this.datepickerInput
-            .nativeElement;
-        datepickerInputEl.focus();
-        // Programatically set the value of in the input; however, do not do this via the form control so that the value is not formatted when editing starts.
-        // Watch for the first blur and fire a 'change' event as programatic changes won't queue a change event, but we need to do this so that formatting happens if the user tabs to the calendar button.
-        if (__classPrivateFieldGet(this, _SkyAgGridCellEditorDatepickerComponent_triggerType, "f") === SkyAgGridCellEditorInitialAction.Replace) {
-            fromEvent(datepickerInputEl, 'blur')
-                .pipe(first())
-                .subscribe(() => {
-                datepickerInputEl.dispatchEvent(new Event('change'));
-            });
-            datepickerInputEl.select();
-            datepickerInputEl.setRangeText(this.params.charPress);
-            // Ensure the cursor is at the end of the text.
-            datepickerInputEl.setSelectionRange(this.params.charPress.length, this.params.charPress.length);
-        }
-        // this.changeDetector.markForCheck();
-        if (__classPrivateFieldGet(this, _SkyAgGridCellEditorDatepickerComponent_triggerType, "f") === SkyAgGridCellEditorInitialAction.Highlighted) {
-            datepickerInputEl.select();
+        this.input.nativeElement.focus();
+        if (__classPrivateFieldGet(this, _SkyAgGridCellEditorTextComponent_triggerType, "f") === SkyAgGridCellEditorInitialAction.Highlighted) {
+            this.input.nativeElement.select();
         }
     }
     /**
      * getValue is called by agGrid when editing is stopped to get the new value of the cell.
      */
     getValue() {
-        this.datepickerInput.nativeElement.blur();
-        return this.editorForm.get('date').value;
+        return this.editorForm.get('text').value || undefined;
     }
 }
-_SkyAgGridCellEditorDatepickerComponent_triggerType = new WeakMap();
-SkyAgGridCellEditorDatepickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorDatepickerComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$3.SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-SkyAgGridCellEditorDatepickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", 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  [formGroup]=\"editorForm\"\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      formControlName=\"date\"\n      skyDatepickerInput\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      #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"], dependencies: [{ kind: "component", type: i2$4.λ2, selector: "sky-datepicker", inputs: ["pickerClass"], outputs: ["calendarDateRangeChange"] }, { kind: "directive", type: i2$4.λ3, selector: "[skyDatepickerInput]", inputs: ["dateFormat", "disabled", "maxDate", "minDate", "skyDatepickerInput", "skyDatepickerNoValidate", "startingDay", "strict"] }, { kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorDatepickerComponent, decorators: [{
+_SkyAgGridCellEditorTextComponent_triggerType = new WeakMap();
+SkyAgGridCellEditorTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyAgGridCellEditorTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: SkyAgGridCellEditorTextComponent, selector: "sky-ag-grid-cell-editor-text", viewQueries: [{ propertyName: "input", first: true, predicate: ["skyCellEditorText"], descendants: true, read: ElementRef }], ngImport: i0, template: "<ng-container [formGroup]=\"editorForm\">\n  <input\n    formControlName=\"text\"\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    [maxlength]=\"maxlength\"\n    #skyCellEditorText\n  />\n</ng-container>\n", styles: ["input{border:none;padding-left:11px}\n"], dependencies: [{ kind: "directive", type: i1$1.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$1.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$1.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i3.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorTextComponent, 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  [formGroup]=\"editorForm\"\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      formControlName=\"date\"\n      skyDatepickerInput\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      #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: i0.ChangeDetectorRef }, { type: i1$3.SkyThemeService, decorators: [{
-                        type: Optional
-                    }] }];
-    }, propDecorators: { datepickerInput: [{
+            args: [{ selector: 'sky-ag-grid-cell-editor-text', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container [formGroup]=\"editorForm\">\n  <input\n    formControlName=\"text\"\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    [maxlength]=\"maxlength\"\n    #skyCellEditorText\n  />\n</ng-container>\n", styles: ["input{border:none;padding-left:11px}\n"] }]
+        }], propDecorators: { input: [{
                 type: ViewChild,
-                args: ['skyCellEditorDatepickerInput', { read: ElementRef }]
+                args: ['skyCellEditorText', { read: ElementRef }]
             }] } });
 
-class SkyAgGridCellEditorDatepickerModule {
-}
-SkyAgGridCellEditorDatepickerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorDatepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyAgGridCellEditorDatepickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorDatepickerModule, declarations: [SkyAgGridCellEditorDatepickerComponent], imports: [SkyDatepickerModule, ReactiveFormsModule], exports: [SkyAgGridCellEditorDatepickerComponent] });
-SkyAgGridCellEditorDatepickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorDatepickerModule, imports: [SkyDatepickerModule, ReactiveFormsModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorDatepickerModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [SkyDatepickerModule, ReactiveFormsModule],
-                    declarations: [SkyAgGridCellEditorDatepickerComponent],
-                    exports: [SkyAgGridCellEditorDatepickerComponent],
-                }]
-        }] });
-
-/**
- * @internal
- */
-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',
-    };
-}
-
-var _SkyAgGridCellEditorLookupComponent_triggerType;
 /**
  * @internal
  */
-class SkyAgGridCellEditorLookupComponent {
-    constructor(changeDetector, elementRef) {
+class SkyAgGridCellValidatorTooltipComponent {
+    constructor(changeDetector) {
         this.changeDetector = changeDetector;
-        this.elementRef = elementRef;
-        this.isAlive = false;
-        this.editorForm = new UntypedFormGroup({
-            selection: new UntypedFormControl({
-                value: [],
-                disabled: false,
-            }),
-        });
-        this.useAsyncSearch = false;
-        _SkyAgGridCellEditorLookupComponent_triggerType.set(this, void 0);
+        this.popoverMessageStream = new Subject();
     }
-    agInit(params) {
-        this.params = params;
-        if (!Array.isArray(this.params.value)) {
-            throw new Error(`Lookup value must be an array`);
-        }
-        __classPrivateFieldSet(this, _SkyAgGridCellEditorLookupComponent_triggerType, SkyAgGridCellEditorUtils.getEditorInitialAction(params), "f");
-        const control = this.editorForm.get('selection');
-        switch (__classPrivateFieldGet(this, _SkyAgGridCellEditorLookupComponent_triggerType, "f")) {
-            case SkyAgGridCellEditorInitialAction.Delete:
-                control.setValue([]);
-                break;
-            case SkyAgGridCellEditorInitialAction.Replace:
-            case SkyAgGridCellEditorInitialAction.Highlighted:
-            case SkyAgGridCellEditorInitialAction.Untouched:
-            default:
-                control.setValue(params.value);
-                break;
+    set params(value) {
+        var _a, _b, _c, _d, _e, _f, _g;
+        this.cellRendererParams = value;
+        /*istanbul ignore next*/
+        (_a = this.cellRendererParams.api) === null || _a === void 0 ? void 0 : _a.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 instanceof Column) ||
+                eventParams.column.getColId() !==
+                    this.cellRendererParams.column.getColId() ||
+                eventParams.rowIndex !== this.cellRendererParams.rowIndex) {
+                this.hidePopover();
+            }
+        });
+        /*istanbul ignore next*/
+        (_b = this.cellRendererParams.eGridCell) === null || _b === void 0 ? void 0 : _b.addEventListener('keyup', (event) => {
+            if (['ArrowDown', 'ArrowLeft', 'ArrowRight', 'ArrowUp'].includes(event.key)) {
+                this.showPopover();
+            }
+        });
+        (_c = this.cellRendererParams.eGridCell) === null || _c === void 0 ? void 0 : _c.addEventListener('mouseenter', () => {
+            this.scheduleDelayedPopover();
+        });
+        (_d = this.cellRendererParams.eGridCell) === null || _d === void 0 ? void 0 : _d.addEventListener('mouseleave', () => {
+            this.hidePopover();
+        });
+        /*istanbul ignore next*/
+        (_e = this.cellRendererParams.api) === null || _e === void 0 ? void 0 : _e.addEventListener(Events.EVENT_CELL_EDITING_STARTED, () => {
+            this.hidePopover();
+        });
+        if (typeof ((_f = this.cellRendererParams.skyComponentProperties) === null || _f === void 0 ? void 0 : _f.validatorMessage) === 'function') {
+            this.validatorMessage =
+                this.cellRendererParams.skyComponentProperties.validatorMessage(this.cellRendererParams.value, this.cellRendererParams.data, this.cellRendererParams.rowIndex);
         }
-        if (this.params.skyComponentProperties.disabled) {
-            control.disable();
+        else {
+            this.validatorMessage =
+                (_g = this.cellRendererParams.skyComponentProperties) === null || _g === void 0 ? void 0 : _g.validatorMessage;
         }
-        this.skyComponentProperties = this.updateComponentProperties(this.params);
-        this.useAsyncSearch =
-            typeof this.skyComponentProperties.searchAsync === 'function';
-        this.isAlive = true;
-        this.width = this.params.column.getActualWidth();
-        this.params.column.addEventListener('uiColumnResized', (event) => {
-            this.width = event.column.getActualWidth();
-            this.changeDetector.markForCheck();
-        });
         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.editorForm.get('selection').value;
+    hidePopover() {
+        this.cancelDelayedPopover();
+        this.popoverMessageStream.next({ type: SkyPopoverMessageType.Close });
     }
-    isPopup() {
-        return true;
+    showPopover() {
+        this.cancelDelayedPopover();
+        this.popoverMessageStream.next({ type: SkyPopoverMessageType.Open });
     }
-    afterGuiAttached() {
-        const lookupInput = this.elementRef.nativeElement.querySelector('.sky-lookup-input');
-        lookupInput.focus();
-        if (__classPrivateFieldGet(this, _SkyAgGridCellEditorLookupComponent_triggerType, "f") === SkyAgGridCellEditorInitialAction.Replace) {
-            lookupInput.select();
-            lookupInput.setRangeText(this.params.charPress);
-            // Ensure the cursor is at the end of the text.
-            lookupInput.setSelectionRange(lookupInput.value.length, lookupInput.value.length);
-            lookupInput.dispatchEvent(new Event('input'));
-        }
-        if (__classPrivateFieldGet(this, _SkyAgGridCellEditorLookupComponent_triggerType, "f") === SkyAgGridCellEditorInitialAction.Highlighted) {
-            lookupInput.select();
+    scheduleDelayedPopover() {
+        /* istanbul ignore else */
+        if (!this._hoverTimeout) {
+            this._hoverTimeout = window.setTimeout(() => {
+                this.showPopover();
+            }, 300);
         }
     }
-    updateComponentProperties(params) {
-        const skyLookupProperties = params.skyComponentProperties;
-        return applySkyLookupPropertiesDefaults(skyLookupProperties);
+    cancelDelayedPopover() {
+        if (this._hoverTimeout) {
+            window.clearTimeout(this._hoverTimeout);
+            this._hoverTimeout = undefined;
+        }
     }
 }
-_SkyAgGridCellEditorLookupComponent_triggerType = new WeakMap();
-SkyAgGridCellEditorLookupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorLookupComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-SkyAgGridCellEditorLookupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: SkyAgGridCellEditorLookupComponent, selector: "sky-ag-grid-cell-editor-lookup", host: { properties: { "style.width.px": "this.width" } }, ngImport: i0, template: "<sky-input-box\n  *ngIf=\"isAlive && useAsyncSearch\"\n  [disabled]=\"skyComponentProperties?.disabled\"\n  [formGroup]=\"editorForm\"\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=\"selection\"\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]=\"editorForm\"\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=\"selection\"\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"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "component", type: i3$1.λ10, selector: "sky-input-box", inputs: ["hasErrors", "disabled"] }, { kind: "component", type: i2$2.λ4, selector: "sky-lookup", inputs: ["ariaLabel", "ariaLabelledBy", "autocompleteAttribute", "data", "disabled", "enableShowMore", "placeholderText", "idProperty", "showAddButton", "showMoreConfig", "selectMode", "wrapperClass"], outputs: ["addClick"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorLookupComponent, decorators: [{
+SkyAgGridCellValidatorTooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellValidatorTooltipComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+SkyAgGridCellValidatorTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", 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    descriptionType=\"none\"\n    indicatorType=\"danger\"\n    class=\"sky-pull-right\"\n  ></sky-status-indicator>\n</div>\n<sky-popover #validatorPopover popoverType=\"danger\">\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"], dependencies: [{ kind: "component", type: i1$3.λ6, selector: "sky-popover", inputs: ["alignment", "dismissOnBlur", "placement", "popoverTitle", "popoverType"], outputs: ["popoverClosed", "popoverOpened"] }, { kind: "directive", type: i1$3.λ7, selector: "[skyPopover]", inputs: ["skyPopover", "skyPopoverAlignment", "skyPopoverMessageStream", "skyPopoverPlacement", "skyPopoverTrigger"] }, { kind: "component", type: i3$2.λ10, selector: "sky-status-indicator", inputs: ["indicatorType", "descriptionType", "customDescription"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellValidatorTooltipComponent, 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]=\"editorForm\"\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=\"selection\"\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]=\"editorForm\"\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=\"selection\"\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 }]; }, propDecorators: { width: [{
-                type: HostBinding,
-                args: ['style.width.px']
+            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    descriptionType=\"none\"\n    indicatorType=\"danger\"\n    class=\"sky-pull-right\"\n  ></sky-status-indicator>\n</div>\n<sky-popover #validatorPopover popoverType=\"danger\">\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 }]; }, propDecorators: { params: [{
+                type: Input
             }] } });
 
-class SkyAgGridCellEditorLookupModule {
-}
-SkyAgGridCellEditorLookupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorLookupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyAgGridCellEditorLookupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorLookupModule, declarations: [SkyAgGridCellEditorLookupComponent], imports: [CommonModule,
-        ReactiveFormsModule,
-        SkyI18nModule,
-        SkyInputBoxModule,
-        SkyLookupModule], exports: [SkyAgGridCellEditorLookupComponent] });
-SkyAgGridCellEditorLookupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorLookupModule, imports: [CommonModule,
-        ReactiveFormsModule,
-        SkyI18nModule,
-        SkyInputBoxModule,
-        SkyLookupModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorLookupModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [SkyAgGridCellEditorLookupComponent],
-                    exports: [SkyAgGridCellEditorLookupComponent],
-                    imports: [
-                        CommonModule,
-                        ReactiveFormsModule,
-                        SkyI18nModule,
-                        SkyInputBoxModule,
-                        SkyLookupModule,
-                    ],
-                }]
-        }] });
-
-var _SkyAgGridCellEditorNumberComponent_triggerType;
 /**
  * @internal
  */
-class SkyAgGridCellEditorNumberComponent {
+class SkyAgGridCellRendererCurrencyComponent {
     constructor() {
-        this.editorForm = new UntypedFormGroup({
-            number: new UntypedFormControl(),
-        });
-        _SkyAgGridCellEditorNumberComponent_triggerType.set(this, void 0);
+        this.skyComponentProperties = {};
+        this.numericOptions = {};
+    }
+    set params(value) {
+        this.agInit(value);
     }
     /**
-     * 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) {
-        var _a, _b;
-        this.params = params;
-        __classPrivateFieldSet(this, _SkyAgGridCellEditorNumberComponent_triggerType, SkyAgGridCellEditorUtils.getEditorInitialAction(params), "f");
-        const control = this.editorForm.get('number');
-        switch (__classPrivateFieldGet(this, _SkyAgGridCellEditorNumberComponent_triggerType, "f")) {
-            case SkyAgGridCellEditorInitialAction.Delete:
-                control.setValue(undefined);
-                break;
-            case SkyAgGridCellEditorInitialAction.Replace:
-                control.setValue(parseFloat(this.params.charPress) || undefined);
-                break;
-            case SkyAgGridCellEditorInitialAction.Highlighted:
-            case SkyAgGridCellEditorInitialAction.Untouched:
-            default:
-                control.setValue(params.value);
-                break;
-        }
-        this.max = (_a = params.skyComponentProperties) === null || _a === void 0 ? void 0 : _a.max;
-        this.min = (_b = params.skyComponentProperties) === null || _b === void 0 ? void 0 : _b.min;
-        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();
-        if (__classPrivateFieldGet(this, _SkyAgGridCellEditorNumberComponent_triggerType, "f") === SkyAgGridCellEditorInitialAction.Highlighted) {
-            this.input.nativeElement.select();
-        }
-    }
-    /**
-     * getValue is called by agGrid when editing is stopped to get the new value of the cell.
-     */
-    getValue() {
-        const val = this.editorForm.get('number').value;
-        return val !== undefined && val !== null ? val : undefined;
-    }
-}
-_SkyAgGridCellEditorNumberComponent_triggerType = new WeakMap();
-SkyAgGridCellEditorNumberComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorNumberComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyAgGridCellEditorNumberComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: SkyAgGridCellEditorNumberComponent, selector: "sky-ag-grid-cell-editor-number", viewQueries: [{ propertyName: "input", first: true, predicate: ["skyCellEditorNumber"], descendants: true, read: ElementRef }], ngImport: i0, template: "<ng-container [formGroup]=\"editorForm\">\n  <input\n    formControlName=\"number\"\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    [max]=\"max\"\n    [min]=\"min\"\n    #skyCellEditorNumber\n  />\n</ng-container>\n", styles: ["input{border:none;text-align:right}\n"], dependencies: [{ kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.MinValidator, selector: "input[type=number][min][formControlName],input[type=number][min][formControl],input[type=number][min][ngModel]", inputs: ["min"] }, { kind: "directive", type: i1$2.MaxValidator, selector: "input[type=number][max][formControlName],input[type=number][max][formControl],input[type=number][max][ngModel]", inputs: ["max"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i3.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorNumberComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'sky-ag-grid-cell-editor-number', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container [formGroup]=\"editorForm\">\n  <input\n    formControlName=\"number\"\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    [max]=\"max\"\n    [min]=\"min\"\n    #skyCellEditorNumber\n  />\n</ng-container>\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: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorNumberModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyAgGridCellEditorNumberModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorNumberModule, declarations: [SkyAgGridCellEditorNumberComponent], imports: [SkyAgGridResourcesModule, ReactiveFormsModule], exports: [SkyAgGridCellEditorNumberComponent] });
-SkyAgGridCellEditorNumberModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorNumberModule, imports: [SkyAgGridResourcesModule, ReactiveFormsModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorNumberModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [SkyAgGridResourcesModule, ReactiveFormsModule],
-                    declarations: [SkyAgGridCellEditorNumberComponent],
-                    exports: [SkyAgGridCellEditorNumberComponent],
-                }]
-        }] });
-
-var _SkyAgGridCellEditorTextComponent_triggerType;
-/**
- * @internal
- */
-class SkyAgGridCellEditorTextComponent {
-    constructor() {
-        this.editorForm = new UntypedFormGroup({
-            text: new UntypedFormControl(),
-        });
-        _SkyAgGridCellEditorTextComponent_triggerType.set(this, void 0);
-    }
-    /**
-     * 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) {
-        var _a;
-        this.params = params;
-        __classPrivateFieldSet(this, _SkyAgGridCellEditorTextComponent_triggerType, SkyAgGridCellEditorUtils.getEditorInitialAction(params), "f");
-        const control = this.editorForm.get('text');
-        switch (__classPrivateFieldGet(this, _SkyAgGridCellEditorTextComponent_triggerType, "f")) {
-            case SkyAgGridCellEditorInitialAction.Delete:
-                control.setValue(undefined);
-                break;
-            case SkyAgGridCellEditorInitialAction.Replace:
-                control.setValue(params.charPress);
-                break;
-            case SkyAgGridCellEditorInitialAction.Highlighted:
-            case SkyAgGridCellEditorInitialAction.Untouched:
-            default:
-                control.setValue(params.value);
-                break;
-        }
-        this.maxlength = (_a = params.skyComponentProperties) === null || _a === void 0 ? void 0 : _a.maxlength;
-        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();
-        if (__classPrivateFieldGet(this, _SkyAgGridCellEditorTextComponent_triggerType, "f") === SkyAgGridCellEditorInitialAction.Highlighted) {
-            this.input.nativeElement.select();
-        }
-    }
-    /**
-     * getValue is called by agGrid when editing is stopped to get the new value of the cell.
-     */
-    getValue() {
-        return this.editorForm.get('text').value || undefined;
-    }
-}
-_SkyAgGridCellEditorTextComponent_triggerType = new WeakMap();
-SkyAgGridCellEditorTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyAgGridCellEditorTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: SkyAgGridCellEditorTextComponent, selector: "sky-ag-grid-cell-editor-text", viewQueries: [{ propertyName: "input", first: true, predicate: ["skyCellEditorText"], descendants: true, read: ElementRef }], ngImport: i0, template: "<ng-container [formGroup]=\"editorForm\">\n  <input\n    formControlName=\"text\"\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    [maxlength]=\"maxlength\"\n    #skyCellEditorText\n  />\n</ng-container>\n", styles: ["input{border:none;padding-left:11px}\n"], dependencies: [{ kind: "directive", type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1$2.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "pipe", type: i3.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorTextComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'sky-ag-grid-cell-editor-text', changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-container [formGroup]=\"editorForm\">\n  <input\n    formControlName=\"text\"\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    [maxlength]=\"maxlength\"\n    #skyCellEditorText\n  />\n</ng-container>\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: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorTextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyAgGridCellEditorTextModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorTextModule, declarations: [SkyAgGridCellEditorTextComponent], imports: [SkyAgGridResourcesModule, ReactiveFormsModule], exports: [SkyAgGridCellEditorTextComponent] });
-SkyAgGridCellEditorTextModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorTextModule, imports: [SkyAgGridResourcesModule, ReactiveFormsModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorTextModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [SkyAgGridResourcesModule, ReactiveFormsModule],
-                    declarations: [SkyAgGridCellEditorTextComponent],
-                    exports: [SkyAgGridCellEditorTextComponent],
-                }]
-        }] });
-
-/**
- * @internal
- */
-class SkyAgGridCellValidatorTooltipComponent {
-    constructor(changeDetector) {
-        this.changeDetector = changeDetector;
-        this.popoverMessageStream = new Subject();
-    }
-    set params(value) {
-        var _a, _b, _c, _d, _e, _f, _g;
-        this.cellRendererParams = value;
-        /*istanbul ignore next*/
-        (_a = this.cellRendererParams.api) === null || _a === void 0 ? void 0 : _a.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*/
-        (_b = this.cellRendererParams.eGridCell) === null || _b === void 0 ? void 0 : _b.addEventListener('keyup', (event) => {
-            if (['ArrowDown', 'ArrowLeft', 'ArrowRight', 'ArrowUp'].includes(event.key)) {
-                this.showPopover();
-            }
-        });
-        (_c = this.cellRendererParams.eGridCell) === null || _c === void 0 ? void 0 : _c.addEventListener('mouseenter', () => {
-            this.scheduleDelayedPopover();
-        });
-        (_d = this.cellRendererParams.eGridCell) === null || _d === void 0 ? void 0 : _d.addEventListener('mouseleave', () => {
-            this.hidePopover();
-        });
-        /*istanbul ignore next*/
-        (_e = this.cellRendererParams.api) === null || _e === void 0 ? void 0 : _e.addEventListener(Events.EVENT_CELL_EDITING_STARTED, () => {
-            this.hidePopover();
-        });
-        if (typeof ((_f = this.cellRendererParams.skyComponentProperties) === null || _f === void 0 ? void 0 : _f.validatorMessage) === 'function') {
-            this.validatorMessage =
-                this.cellRendererParams.skyComponentProperties.validatorMessage(this.cellRendererParams.value, this.cellRendererParams.data, this.cellRendererParams.rowIndex);
-        }
-        else {
-            this.validatorMessage =
-                (_g = this.cellRendererParams.skyComponentProperties) === null || _g === void 0 ? void 0 : _g.validatorMessage;
-        }
-        this.changeDetector.markForCheck();
-    }
-    hidePopover() {
-        this.cancelDelayedPopover();
-        this.popoverMessageStream.next({ type: SkyPopoverMessageType.Close });
-    }
-    showPopover() {
-        this.cancelDelayedPopover();
-        this.popoverMessageStream.next({ type: SkyPopoverMessageType.Open });
-    }
-    scheduleDelayedPopover() {
-        /* istanbul ignore else */
-        if (!this._hoverTimeout) {
-            this._hoverTimeout = window.setTimeout(() => {
-                this.showPopover();
-            }, 300);
-        }
-    }
-    cancelDelayedPopover() {
-        if (this._hoverTimeout) {
-            window.clearTimeout(this._hoverTimeout);
-            this._hoverTimeout = undefined;
-        }
-    }
-}
-SkyAgGridCellValidatorTooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellValidatorTooltipComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-SkyAgGridCellValidatorTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", 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    descriptionType=\"none\"\n    indicatorType=\"danger\"\n    class=\"sky-pull-right\"\n  ></sky-status-indicator>\n</div>\n<sky-popover #validatorPopover popoverType=\"danger\">\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"], dependencies: [{ kind: "component", type: i1$4.λ6, selector: "sky-popover", inputs: ["alignment", "dismissOnBlur", "placement", "popoverTitle", "popoverType"], outputs: ["popoverClosed", "popoverOpened"] }, { kind: "directive", type: i1$4.λ7, selector: "[skyPopover]", inputs: ["skyPopover", "skyPopoverAlignment", "skyPopoverMessageStream", "skyPopoverPlacement", "skyPopoverTrigger"] }, { kind: "component", type: i3$2.λ10, selector: "sky-status-indicator", inputs: ["indicatorType", "descriptionType", "customDescription"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", 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    descriptionType=\"none\"\n    indicatorType=\"danger\"\n    class=\"sky-pull-right\"\n  ></sky-status-indicator>\n</div>\n<sky-popover #validatorPopover popoverType=\"danger\">\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 }]; }, propDecorators: { params: [{
-                type: Input
-            }] } });
-
-class SkyAgGridCellValidatorModule {
-}
-SkyAgGridCellValidatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellValidatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyAgGridCellValidatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellValidatorModule, declarations: [SkyAgGridCellValidatorTooltipComponent], imports: [CommonModule, SkyPopoverModule, SkyStatusIndicatorModule], exports: [SkyAgGridCellValidatorTooltipComponent] });
-SkyAgGridCellValidatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellValidatorModule, imports: [CommonModule, SkyPopoverModule, SkyStatusIndicatorModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", 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 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);
@@ -1628,7 +787,7 @@ class SkyAgGridCellRendererCurrencyValidatorComponent {
     }
 }
 SkyAgGridCellRendererCurrencyValidatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellRendererCurrencyValidatorComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-SkyAgGridCellRendererCurrencyValidatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", 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", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SkyAgGridCellValidatorTooltipComponent, selector: "sky-ag-grid-cell-validator-tooltip", inputs: ["params"] }, { kind: "component", type: SkyAgGridCellRendererCurrencyComponent, selector: "sky-ag-grid-cell-renderer-currency", inputs: ["params"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SkyAgGridCellRendererCurrencyValidatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", 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", dependencies: [{ kind: "directive", type: i2$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: SkyAgGridCellValidatorTooltipComponent, selector: "sky-ag-grid-cell-validator-tooltip", inputs: ["params"] }, { kind: "component", type: SkyAgGridCellRendererCurrencyComponent, selector: "sky-ag-grid-cell-renderer-currency", inputs: ["params"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", 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" }]
@@ -1636,83 +795,33 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
                 type: Input
             }] } });
 
-class SkyAgGridCellRendererCurrencyModule {
-}
-SkyAgGridCellRendererCurrencyModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellRendererCurrencyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyAgGridCellRendererCurrencyModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", 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: "14.2.0", ngImport: i0, type: SkyAgGridCellRendererCurrencyModule, imports: [CommonModule,
-        SkyAgGridResourcesModule,
-        SkyAgGridCellValidatorModule,
-        FormsModule,
-        SkyNumericModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellRendererCurrencyModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule,
-                        SkyAgGridResourcesModule,
-                        SkyAgGridCellValidatorModule,
-                        FormsModule,
-                        SkyNumericModule,
-                    ],
-                    declarations: [
-                        SkyAgGridCellRendererCurrencyComponent,
-                        SkyAgGridCellRendererCurrencyValidatorComponent,
-                    ],
-                    exports: [
-                        SkyAgGridCellRendererCurrencyComponent,
-                        SkyAgGridCellRendererCurrencyValidatorComponent,
-                    ],
-                }]
-        }] });
-
-/**
- * @internal
- */
-class SkyAgGridCellRendererLookupComponent {
-    constructor(changeDetector) {
-        this.changeDetector = changeDetector;
-        this.value = '';
-        this.summaryCount = 0;
-    }
-    agInit(params) {
-        var _a;
-        this.summaryCount = ((_a = params.value) === null || _a === void 0 ? void 0 : _a.length) || 0;
-        this.value = `${params.valueFormatted}`;
-        this.changeDetector.markForCheck();
-    }
-    refresh(params) {
-        this.agInit(params);
-        return true;
-    }
+/**
+ * @internal
+ */
+class SkyAgGridCellRendererLookupComponent {
+    constructor(changeDetector) {
+        this.changeDetector = changeDetector;
+        this.value = '';
+        this.summaryCount = 0;
+    }
+    agInit(params) {
+        var _a;
+        this.summaryCount = ((_a = params.value) === null || _a === void 0 ? void 0 : _a.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: "14.2.0", ngImport: i0, type: SkyAgGridCellRendererLookupComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-SkyAgGridCellRendererLookupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", 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"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i3.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SkyAgGridCellRendererLookupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", 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"], dependencies: [{ kind: "directive", type: i2$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i3.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", 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: "14.2.0", ngImport: i0, type: SkyAgGridCellRendererLookupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyAgGridCellRendererLookupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellRendererLookupModule, declarations: [SkyAgGridCellRendererLookupComponent], imports: [CommonModule, SkyAgGridResourcesModule], exports: [SkyAgGridCellRendererLookupComponent] });
-SkyAgGridCellRendererLookupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellRendererLookupModule, imports: [CommonModule, SkyAgGridResourcesModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellRendererLookupModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [SkyAgGridCellRendererLookupComponent],
-                    exports: [SkyAgGridCellRendererLookupComponent],
-                    imports: [CommonModule, SkyAgGridResourcesModule],
-                }]
-        }] });
-
 /**
  * @internal
  */
@@ -1763,26 +872,12 @@ class SkyAgGridCellRendererRowSelectorComponent {
     }
 }
 SkyAgGridCellRendererRowSelectorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellRendererRowSelectorComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-SkyAgGridCellRendererRowSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", 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"], dependencies: [{ kind: "component", type: i3$1.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "icon", "checkboxType", "checked", "required"], outputs: ["change", "checkedChange", "disabledChange"] }, { kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i3.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+SkyAgGridCellRendererRowSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", 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"], dependencies: [{ kind: "component", type: i3$1.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "icon", "checkboxType", "checked", "required"], outputs: ["change", "checkedChange", "disabledChange"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i3.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", 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: "14.2.0", ngImport: i0, type: SkyAgGridCellRendererRowSelectorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyAgGridCellRendererRowSelectorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellRendererRowSelectorModule, declarations: [SkyAgGridCellRendererRowSelectorComponent], imports: [SkyAgGridResourcesModule, SkyCheckboxModule, FormsModule], exports: [SkyAgGridCellRendererRowSelectorComponent] });
-SkyAgGridCellRendererRowSelectorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellRendererRowSelectorModule, imports: [SkyAgGridResourcesModule, SkyCheckboxModule, FormsModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellRendererRowSelectorModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [SkyAgGridResourcesModule, SkyCheckboxModule, FormsModule],
-                    declarations: [SkyAgGridCellRendererRowSelectorComponent],
-                    exports: [SkyAgGridCellRendererRowSelectorComponent],
-                }]
-        }] });
-
 /**
  * @internal
  */
@@ -1817,20 +912,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
                 type: Input
             }] } });
 
-class SkyAgGridCellRendererValidatorTooltipModule {
-}
-SkyAgGridCellRendererValidatorTooltipModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellRendererValidatorTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyAgGridCellRendererValidatorTooltipModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellRendererValidatorTooltipModule, declarations: [SkyAgGridCellRendererValidatorTooltipComponent], imports: [SkyAgGridCellValidatorModule], exports: [SkyAgGridCellRendererValidatorTooltipComponent] });
-SkyAgGridCellRendererValidatorTooltipModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellRendererValidatorTooltipModule, imports: [SkyAgGridCellValidatorModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellRendererValidatorTooltipModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [SkyAgGridCellRendererValidatorTooltipComponent],
-                    exports: [SkyAgGridCellRendererValidatorTooltipComponent],
-                    imports: [SkyAgGridCellValidatorModule],
-                }]
-        }] });
-
 /**
  * To display a help button beside the column group header, create a component that includes the help button element,
  * such as `sky-help-inline`, include a `SkyAgGridHeaderGroupInfo` parameter in the constructor to access the column
@@ -1920,7 +1001,7 @@ _SkyAgGridHeaderGroupComponent_columnGroup = new WeakMap(), _SkyAgGridHeaderGrou
     }
 };
 SkyAgGridHeaderGroupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridHeaderGroupComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.SkyDynamicComponentService }], target: i0.ɵɵFactoryTarget.Component });
-SkyAgGridHeaderGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: SkyAgGridHeaderGroupComponent, selector: "sky-header-group", viewQueries: [{ propertyName: "inlineHelpContainer", first: true, predicate: ["inlineHelpContainer"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<span class=\"header-group-text\" role=\"presentation\">{{\n  params?.displayName\n}}</span>\n<button\n  *ngIf=\"isExpanded$ | async; else openIcons\"\n  class=\"sky-btn sky-btn-icon-borderless\"\n  (click)=\"setExpanded(false)\"\n  [attr.aria-label]=\"\n    'sky_ag_grid_column_group_header_collapse_aria_label'\n      | skyLibResources: params?.displayName\n  \"\n>\n  <sky-icon *skyThemeIf=\"'default'\" icon=\"angle-double-left\"></sky-icon>\n  <sky-icon\n    *skyThemeIf=\"'modern'\"\n    icon=\"double-chevron-left\"\n    iconType=\"skyux\"\n  ></sky-icon>\n</button>\n<ng-template #openIcons>\n  <button\n    class=\"sky-btn sky-btn-icon-borderless\"\n    (click)=\"setExpanded(true)\"\n    [attr.aria-label]=\"\n      'sky_ag_grid_column_group_header_expand_aria_label'\n        | skyLibResources: params?.displayName\n    \"\n  >\n    <sky-icon *skyThemeIf=\"'default'\" icon=\"angle-double-right\"></sky-icon>\n    <sky-icon\n      *skyThemeIf=\"'modern'\"\n      icon=\"double-chevron-right\"\n      iconType=\"skyux\"\n    ></sky-icon>\n  </button>\n</ng-template>\n<span class=\"sky-control-help-container\" #inlineHelpContainer></span>\n", styles: [":host{display:flex;max-width:100%;padding-right:12px;padding-left:12px;align-items:center;align-content:center}.header-group-text{flex-grow:0;flex-shrink:1;overflow:hidden;text-overflow:ellipsis}button{cursor:pointer;margin-left:var(--sky-margin-inline-sm);flex-grow:0;flex-shrink:0}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$2.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { kind: "directive", type: i1$3.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SkyAgGridHeaderGroupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: SkyAgGridHeaderGroupComponent, selector: "sky-header-group", viewQueries: [{ propertyName: "inlineHelpContainer", first: true, predicate: ["inlineHelpContainer"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<span class=\"header-group-text\" role=\"presentation\">{{\n  params?.displayName\n}}</span>\n<button\n  *ngIf=\"isExpanded$ | async; else openIcons\"\n  class=\"sky-btn sky-btn-icon-borderless\"\n  (click)=\"setExpanded(false)\"\n  [attr.aria-label]=\"\n    'sky_ag_grid_column_group_header_collapse_aria_label'\n      | skyLibResources: params?.displayName\n  \"\n>\n  <sky-icon *skyThemeIf=\"'default'\" icon=\"angle-double-left\"></sky-icon>\n  <sky-icon\n    *skyThemeIf=\"'modern'\"\n    icon=\"double-chevron-left\"\n    iconType=\"skyux\"\n  ></sky-icon>\n</button>\n<ng-template #openIcons>\n  <button\n    class=\"sky-btn sky-btn-icon-borderless\"\n    (click)=\"setExpanded(true)\"\n    [attr.aria-label]=\"\n      'sky_ag_grid_column_group_header_expand_aria_label'\n        | skyLibResources: params?.displayName\n    \"\n  >\n    <sky-icon *skyThemeIf=\"'default'\" icon=\"angle-double-right\"></sky-icon>\n    <sky-icon\n      *skyThemeIf=\"'modern'\"\n      icon=\"double-chevron-right\"\n      iconType=\"skyux\"\n    ></sky-icon>\n  </button>\n</ng-template>\n<span class=\"sky-control-help-container\" #inlineHelpContainer></span>\n", styles: [":host{display:flex;max-width:100%;padding-right:12px;padding-left:12px;align-items:center;align-content:center}.header-group-text{flex-grow:0;flex-shrink:1;overflow:hidden;text-overflow:ellipsis}button{cursor:pointer;margin-left:var(--sky-margin-inline-sm);flex-grow:0;flex-shrink:0}\n"], dependencies: [{ kind: "directive", type: i2$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$2.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { kind: "directive", type: i1$2.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }, { kind: "pipe", type: i2$3.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.SkyLibResourcesPipe, name: "skyLibResources" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridHeaderGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sky-header-group', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"header-group-text\" role=\"presentation\">{{\n  params?.displayName\n}}</span>\n<button\n  *ngIf=\"isExpanded$ | async; else openIcons\"\n  class=\"sky-btn sky-btn-icon-borderless\"\n  (click)=\"setExpanded(false)\"\n  [attr.aria-label]=\"\n    'sky_ag_grid_column_group_header_collapse_aria_label'\n      | skyLibResources: params?.displayName\n  \"\n>\n  <sky-icon *skyThemeIf=\"'default'\" icon=\"angle-double-left\"></sky-icon>\n  <sky-icon\n    *skyThemeIf=\"'modern'\"\n    icon=\"double-chevron-left\"\n    iconType=\"skyux\"\n  ></sky-icon>\n</button>\n<ng-template #openIcons>\n  <button\n    class=\"sky-btn sky-btn-icon-borderless\"\n    (click)=\"setExpanded(true)\"\n    [attr.aria-label]=\"\n      'sky_ag_grid_column_group_header_expand_aria_label'\n        | skyLibResources: params?.displayName\n    \"\n  >\n    <sky-icon *skyThemeIf=\"'default'\" icon=\"angle-double-right\"></sky-icon>\n    <sky-icon\n      *skyThemeIf=\"'modern'\"\n      icon=\"double-chevron-right\"\n      iconType=\"skyux\"\n    ></sky-icon>\n  </button>\n</ng-template>\n<span class=\"sky-control-help-container\" #inlineHelpContainer></span>\n", styles: [":host{display:flex;max-width:100%;padding-right:12px;padding-left:12px;align-items:center;align-content:center}.header-group-text{flex-grow:0;flex-shrink:1;overflow:hidden;text-overflow:ellipsis}button{cursor:pointer;margin-left:var(--sky-margin-inline-sm);flex-grow:0;flex-shrink:0}\n"] }]
@@ -2045,7 +1126,7 @@ _SkyAgGridHeaderComponent_subscriptions = new WeakMap(), _SkyAgGridHeaderCompone
 }, _SkyAgGridHeaderComponent_updateSortIndex = function _SkyAgGridHeaderComponent_updateSortIndex() {
     const sortIndex = this.params.column.getSortIndex();
     const otherSortColumns = this.params.columnApi
-        .getAllColumns()
+        .getColumns()
         .some((column) => column.getColId() !== this.params.column.getColId() &&
         !!column.getSort());
     if (sortIndex !== undefined && sortIndex !== null && otherSortColumns) {
@@ -2056,109 +1137,15 @@ _SkyAgGridHeaderComponent_subscriptions = new WeakMap(), _SkyAgGridHeaderCompone
     }
 };
 SkyAgGridHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridHeaderComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.SkyDynamicComponentService }], target: i0.ɵɵFactoryTarget.Component });
-SkyAgGridHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: SkyAgGridHeaderComponent, selector: "sky-ag-grid-header", viewQueries: [{ propertyName: "inlineHelpContainer", first: true, predicate: ["inlineHelpContainer"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<div class=\"ag-cell-label-container\" role=\"presentation\">\n  <span\n    *ngIf=\"params?.enableMenu\"\n    class=\"ag-header-icon ag-header-cell-menu-button\"\n    aria-hidden=\"true\"\n    (click)=\"onMenuClick($event)\"\n  >\n    <sky-icon *skyThemeIf=\"'default'\" icon=\"menu\"></sky-icon>\n    <sky-icon *skyThemeIf=\"'modern'\" icon=\"menu\" iconType=\"skyux\"></sky-icon>\n  </span>\n  <div\n    class=\"ag-header-cell-label\"\n    role=\"presentation\"\n    (click)=\"onSortRequested($event)\"\n  >\n    <span class=\"ag-header-cell-text\">{{ params?.displayName }}</span>\n    <span\n      *ngIf=\"filterEnabled$ | async\"\n      class=\"ag-header-icon ag-header-label-icon ag-filter-icon\"\n      aria-hidden=\"true\"\n    >\n      <sky-icon *skyThemeIf=\"'default'\" icon=\"filter\"></sky-icon>\n      <sky-icon\n        *skyThemeIf=\"'modern'\"\n        icon=\"filter\"\n        iconType=\"skyux\"\n      ></sky-icon>\n    </span>\n    <span *ngIf=\"params?.enableSorting\" class=\"ag-sort-indicator-container\">\n      <sky-icon\n        *ngIf=\"(sortOrder$ | async) === 'desc'\"\n        icon=\"caret-down\"\n        class=\"ag-header-label-icon\"\n      ></sky-icon>\n      <sky-icon\n        *ngIf=\"(sortOrder$ | async) === 'asc'\"\n        icon=\"caret-up\"\n        class=\"ag-header-label-icon\"\n      ></sky-icon>\n      <span\n        *ngIf=\"sortIndexDisplay$ | async as sortIndexDisplay\"\n        class=\"ag-sort-indicator-icon ag-sort-order\"\n        aria-hidden=\"true\"\n        >{{ sortIndexDisplay }}</span\n      >\n    </span>\n  </div>\n</div>\n<span class=\"sky-control-help-container\" #inlineHelpContainer></span>\n", styles: [":host{display:flex;max-width:100%;padding-right:12px;padding-left:12px;align-items:center;align-content:center}.ag-header-cell-label{padding-right:0;padding-left:0}button{cursor:pointer;flex-grow:0;flex-shrink:0}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$2.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { kind: "directive", type: i1$3.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }, { kind: "pipe", type: i2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SkyAgGridHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: SkyAgGridHeaderComponent, selector: "sky-ag-grid-header", viewQueries: [{ propertyName: "inlineHelpContainer", first: true, predicate: ["inlineHelpContainer"], descendants: true, read: ElementRef, static: true }], ngImport: i0, template: "<div class=\"ag-cell-label-container\" role=\"presentation\">\n  <span\n    *ngIf=\"params?.enableMenu\"\n    class=\"ag-header-icon ag-header-cell-menu-button\"\n    aria-hidden=\"true\"\n    (click)=\"onMenuClick($event)\"\n  >\n    <sky-icon *skyThemeIf=\"'default'\" icon=\"menu\"></sky-icon>\n    <sky-icon *skyThemeIf=\"'modern'\" icon=\"menu\" iconType=\"skyux\"></sky-icon>\n  </span>\n  <div\n    class=\"ag-header-cell-label\"\n    role=\"presentation\"\n    (click)=\"onSortRequested($event)\"\n  >\n    <span class=\"ag-header-cell-text\">{{ params?.displayName }}</span>\n    <span\n      *ngIf=\"filterEnabled$ | async\"\n      class=\"ag-header-icon ag-header-label-icon ag-filter-icon\"\n      aria-hidden=\"true\"\n    >\n      <sky-icon *skyThemeIf=\"'default'\" icon=\"filter\"></sky-icon>\n      <sky-icon\n        *skyThemeIf=\"'modern'\"\n        icon=\"filter\"\n        iconType=\"skyux\"\n      ></sky-icon>\n    </span>\n    <span *ngIf=\"params?.enableSorting\" class=\"ag-sort-indicator-container\">\n      <sky-icon\n        *ngIf=\"(sortOrder$ | async) === 'desc'\"\n        icon=\"caret-down\"\n        class=\"ag-header-label-icon\"\n      ></sky-icon>\n      <sky-icon\n        *ngIf=\"(sortOrder$ | async) === 'asc'\"\n        icon=\"caret-up\"\n        class=\"ag-header-label-icon\"\n      ></sky-icon>\n      <span\n        *ngIf=\"sortIndexDisplay$ | async as sortIndexDisplay\"\n        class=\"ag-sort-indicator-icon ag-sort-order\"\n        aria-hidden=\"true\"\n        >{{ sortIndexDisplay }}</span\n      >\n    </span>\n  </div>\n</div>\n<span class=\"sky-control-help-container\" #inlineHelpContainer></span>\n", styles: [":host{display:flex;max-width:100%;align-items:center;align-content:center}.ag-header-cell-label{padding-right:0;padding-left:0}button{cursor:pointer;flex-grow:0;flex-shrink:0}\n"], dependencies: [{ kind: "directive", type: i2$3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3$2.λ4, selector: "sky-icon", inputs: ["icon", "iconType", "size", "fixedWidth", "variant"] }, { kind: "directive", type: i1$2.λ3, selector: "[skyThemeIf]", inputs: ["skyThemeIf"] }, { kind: "pipe", type: i2$3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridHeaderComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sky-ag-grid-header', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ag-cell-label-container\" role=\"presentation\">\n  <span\n    *ngIf=\"params?.enableMenu\"\n    class=\"ag-header-icon ag-header-cell-menu-button\"\n    aria-hidden=\"true\"\n    (click)=\"onMenuClick($event)\"\n  >\n    <sky-icon *skyThemeIf=\"'default'\" icon=\"menu\"></sky-icon>\n    <sky-icon *skyThemeIf=\"'modern'\" icon=\"menu\" iconType=\"skyux\"></sky-icon>\n  </span>\n  <div\n    class=\"ag-header-cell-label\"\n    role=\"presentation\"\n    (click)=\"onSortRequested($event)\"\n  >\n    <span class=\"ag-header-cell-text\">{{ params?.displayName }}</span>\n    <span\n      *ngIf=\"filterEnabled$ | async\"\n      class=\"ag-header-icon ag-header-label-icon ag-filter-icon\"\n      aria-hidden=\"true\"\n    >\n      <sky-icon *skyThemeIf=\"'default'\" icon=\"filter\"></sky-icon>\n      <sky-icon\n        *skyThemeIf=\"'modern'\"\n        icon=\"filter\"\n        iconType=\"skyux\"\n      ></sky-icon>\n    </span>\n    <span *ngIf=\"params?.enableSorting\" class=\"ag-sort-indicator-container\">\n      <sky-icon\n        *ngIf=\"(sortOrder$ | async) === 'desc'\"\n        icon=\"caret-down\"\n        class=\"ag-header-label-icon\"\n      ></sky-icon>\n      <sky-icon\n        *ngIf=\"(sortOrder$ | async) === 'asc'\"\n        icon=\"caret-up\"\n        class=\"ag-header-label-icon\"\n      ></sky-icon>\n      <span\n        *ngIf=\"sortIndexDisplay$ | async as sortIndexDisplay\"\n        class=\"ag-sort-indicator-icon ag-sort-order\"\n        aria-hidden=\"true\"\n        >{{ sortIndexDisplay }}</span\n      >\n    </span>\n  </div>\n</div>\n<span class=\"sky-control-help-container\" #inlineHelpContainer></span>\n", styles: [":host{display:flex;max-width:100%;padding-right:12px;padding-left:12px;align-items:center;align-content:center}.ag-header-cell-label{padding-right:0;padding-left:0}button{cursor:pointer;flex-grow:0;flex-shrink:0}\n"] }]
+            args: [{ selector: 'sky-ag-grid-header', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ag-cell-label-container\" role=\"presentation\">\n  <span\n    *ngIf=\"params?.enableMenu\"\n    class=\"ag-header-icon ag-header-cell-menu-button\"\n    aria-hidden=\"true\"\n    (click)=\"onMenuClick($event)\"\n  >\n    <sky-icon *skyThemeIf=\"'default'\" icon=\"menu\"></sky-icon>\n    <sky-icon *skyThemeIf=\"'modern'\" icon=\"menu\" iconType=\"skyux\"></sky-icon>\n  </span>\n  <div\n    class=\"ag-header-cell-label\"\n    role=\"presentation\"\n    (click)=\"onSortRequested($event)\"\n  >\n    <span class=\"ag-header-cell-text\">{{ params?.displayName }}</span>\n    <span\n      *ngIf=\"filterEnabled$ | async\"\n      class=\"ag-header-icon ag-header-label-icon ag-filter-icon\"\n      aria-hidden=\"true\"\n    >\n      <sky-icon *skyThemeIf=\"'default'\" icon=\"filter\"></sky-icon>\n      <sky-icon\n        *skyThemeIf=\"'modern'\"\n        icon=\"filter\"\n        iconType=\"skyux\"\n      ></sky-icon>\n    </span>\n    <span *ngIf=\"params?.enableSorting\" class=\"ag-sort-indicator-container\">\n      <sky-icon\n        *ngIf=\"(sortOrder$ | async) === 'desc'\"\n        icon=\"caret-down\"\n        class=\"ag-header-label-icon\"\n      ></sky-icon>\n      <sky-icon\n        *ngIf=\"(sortOrder$ | async) === 'asc'\"\n        icon=\"caret-up\"\n        class=\"ag-header-label-icon\"\n      ></sky-icon>\n      <span\n        *ngIf=\"sortIndexDisplay$ | async as sortIndexDisplay\"\n        class=\"ag-sort-indicator-icon ag-sort-order\"\n        aria-hidden=\"true\"\n        >{{ sortIndexDisplay }}</span\n      >\n    </span>\n  </div>\n</div>\n<span class=\"sky-control-help-container\" #inlineHelpContainer></span>\n", styles: [":host{display:flex;max-width:100%;align-items:center;align-content:center}.ag-header-cell-label{padding-right:0;padding-left:0}button{cursor:pointer;flex-grow:0;flex-shrink:0}\n"] }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.SkyDynamicComponentService }]; }, propDecorators: { inlineHelpContainer: [{
                 type: ViewChild,
                 args: ['inlineHelpContainer', { read: ElementRef, static: true }]
             }] } });
 
-class SkyAgGridModule {
-}
-SkyAgGridModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyAgGridModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridModule, declarations: [SkyAgGridDataManagerAdapterDirective,
-        SkyAgGridHeaderComponent,
-        SkyAgGridHeaderGroupComponent,
-        SkyAgGridRowDeleteComponent,
-        SkyAgGridRowDeleteDirective,
-        SkyAgGridWrapperComponent], imports: [AgGridModule,
-        CommonModule,
-        SkyAgGridCellEditorAutocompleteModule,
-        SkyAgGridCellEditorDatepickerModule,
-        SkyAgGridCellEditorLookupModule,
-        SkyAgGridCellEditorNumberModule,
-        SkyAgGridCellEditorCurrencyModule,
-        SkyAgGridCellRendererCurrencyModule,
-        SkyAgGridCellRendererLookupModule,
-        SkyAgGridCellRendererRowSelectorModule,
-        SkyAgGridCellRendererValidatorTooltipModule,
-        SkyAgGridCellValidatorModule,
-        SkyAgGridCellEditorTextModule,
-        SkyDataManagerModule,
-        SkyI18nModule,
-        SkyIconModule,
-        SkyInlineDeleteModule,
-        SkyViewkeeperModule,
-        SkyThemeModule], exports: [SkyAgGridDataManagerAdapterDirective,
-        SkyAgGridRowDeleteComponent,
-        SkyAgGridRowDeleteDirective,
-        SkyAgGridWrapperComponent,
-        SkyAgGridHeaderComponent,
-        SkyAgGridHeaderGroupComponent] });
-SkyAgGridModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridModule, imports: [AgGridModule,
-        CommonModule,
-        SkyAgGridCellEditorAutocompleteModule,
-        SkyAgGridCellEditorDatepickerModule,
-        SkyAgGridCellEditorLookupModule,
-        SkyAgGridCellEditorNumberModule,
-        SkyAgGridCellEditorCurrencyModule,
-        SkyAgGridCellRendererCurrencyModule,
-        SkyAgGridCellRendererLookupModule,
-        SkyAgGridCellRendererRowSelectorModule,
-        SkyAgGridCellRendererValidatorTooltipModule,
-        SkyAgGridCellValidatorModule,
-        SkyAgGridCellEditorTextModule,
-        SkyDataManagerModule,
-        SkyI18nModule,
-        SkyIconModule,
-        SkyInlineDeleteModule,
-        SkyViewkeeperModule,
-        SkyThemeModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    declarations: [
-                        SkyAgGridDataManagerAdapterDirective,
-                        SkyAgGridHeaderComponent,
-                        SkyAgGridHeaderGroupComponent,
-                        SkyAgGridRowDeleteComponent,
-                        SkyAgGridRowDeleteDirective,
-                        SkyAgGridWrapperComponent,
-                    ],
-                    imports: [
-                        AgGridModule,
-                        CommonModule,
-                        SkyAgGridCellEditorAutocompleteModule,
-                        SkyAgGridCellEditorDatepickerModule,
-                        SkyAgGridCellEditorLookupModule,
-                        SkyAgGridCellEditorNumberModule,
-                        SkyAgGridCellEditorCurrencyModule,
-                        SkyAgGridCellRendererCurrencyModule,
-                        SkyAgGridCellRendererLookupModule,
-                        SkyAgGridCellRendererRowSelectorModule,
-                        SkyAgGridCellRendererValidatorTooltipModule,
-                        SkyAgGridCellValidatorModule,
-                        SkyAgGridCellEditorTextModule,
-                        SkyDataManagerModule,
-                        SkyI18nModule,
-                        SkyIconModule,
-                        SkyInlineDeleteModule,
-                        SkyViewkeeperModule,
-                        SkyThemeModule,
-                    ],
-                    exports: [
-                        SkyAgGridDataManagerAdapterDirective,
-                        SkyAgGridRowDeleteComponent,
-                        SkyAgGridRowDeleteDirective,
-                        SkyAgGridWrapperComponent,
-                        SkyAgGridHeaderComponent,
-                        SkyAgGridHeaderGroupComponent,
-                    ],
-                }]
-        }] });
-
 /**
  * @internal
  */
@@ -2277,6 +1264,7 @@ var SkyHeaderClass;
     SkyHeaderClass["RightAligned"] = "sky-ag-grid-header-right-aligned";
 })(SkyHeaderClass || (SkyHeaderClass = {}));
 
+var _SkyAgGridService_instances, _SkyAgGridService_currentTheme, _SkyAgGridService_getRowHeight;
 function autocompleteComparator(value1, value2) {
     if (value1 && value2) {
         if (value1.name > value2.name) {
@@ -2334,15 +1322,18 @@ let rowNodeId = -1;
 class SkyAgGridService {
     constructor(agGridAdapterService, themeSvc, resources) {
         this.agGridAdapterService = agGridAdapterService;
-        this.themeSvc = themeSvc;
         this.resources = resources;
+        _SkyAgGridService_instances.add(this);
         this.ngUnsubscribe = new Subject();
         this.keyMap = new WeakMap();
+        _SkyAgGridService_currentTheme.set(this, undefined);
         /*istanbul ignore else*/
-        if (this.themeSvc) {
-            this.themeSvc.settingsChange
+        if (themeSvc) {
+            themeSvc.settingsChange
                 .pipe(takeUntil(this.ngUnsubscribe))
-                .subscribe((settingsChange) => (this.currentTheme = settingsChange.currentSettings));
+                .subscribe((settingsChange) => {
+                __classPrivateFieldSet(this, _SkyAgGridService_currentTheme, settingsChange.currentSettings, "f");
+            });
         }
     }
     ngOnDestroy() {
@@ -2369,6 +1360,10 @@ class SkyAgGridService {
         const mergedGridOptions = this.mergeGridOptions(defaultGridOptions, args.gridOptions);
         return mergedGridOptions;
     }
+    getHeaderHeight() {
+        var _a, _b;
+        return ((_b = (_a = __classPrivateFieldGet(this, _SkyAgGridService_currentTheme, "f")) === null || _a === void 0 ? void 0 : _a.theme) === null || _b === void 0 ? void 0 : _b.name) === 'modern' ? 60 : 37;
+    }
     mergeGridOptions(defaultGridOptions, providedGridOptions) {
         const mergedGridOptions = Object.assign(Object.assign(Object.assign({}, defaultGridOptions), providedGridOptions), { components: Object.assign(Object.assign({}, providedGridOptions.components), defaultGridOptions.components), columnTypes: Object.assign(Object.assign({}, providedGridOptions.columnTypes), defaultGridOptions.columnTypes), defaultColDef: Object.assign(Object.assign(Object.assign({}, defaultGridOptions.defaultColDef), providedGridOptions.defaultColDef), { 
                 // allow consumers to override all defaultColDef properties except cellClassRules, which we reserve for styling
@@ -2380,7 +1375,7 @@ class SkyAgGridService {
         return mergedGridOptions;
     }
     getDefaultGridOptions(args) {
-        var _a, _b, _c, _d, _e, _f;
+        var _a, _b;
         // cellClassRules can be functions or string expressions
         const cellClassRuleTrueExpression = () => true;
         function getEditableFn(isUneditable) {
@@ -2430,7 +1425,7 @@ class SkyAgGridService {
                     cellClassRules: Object.assign({ [SkyCellClass.Date]: cellClassRuleTrueExpression }, editableCellClassRules),
                     cellEditor: SkyAgGridCellEditorDatepickerComponent,
                     comparator: dateComparator,
-                    minWidth: ((_b = (_a = this.currentTheme) === null || _a === void 0 ? void 0 : _a.theme) === null || _b === void 0 ? void 0 : _b.name) === 'modern' ? 180 : 160,
+                    minWidth: ((_b = (_a = __classPrivateFieldGet(this, _SkyAgGridService_currentTheme, "f")) === null || _a === void 0 ? void 0 : _a.theme) === null || _b === void 0 ? void 0 : _b.name) === 'modern' ? 180 : 160,
                     valueFormatter: (params) => this.dateFormatter(params, args.locale),
                 },
                 [SkyCellType.Lookup]: {
@@ -2512,7 +1507,7 @@ class SkyAgGridService {
                     return undefined;
                 }
             },
-            headerHeight: ((_d = (_c = this.currentTheme) === null || _c === void 0 ? void 0 : _c.theme) === null || _d === void 0 ? void 0 : _d.name) === 'modern' ? 60 : 37,
+            headerHeight: this.getHeaderHeight(),
             icons: {
                 sortDescending: this.getIconTemplate('caret-down'),
                 sortAscending: this.getIconTemplate('caret-up'),
@@ -2523,7 +1518,8 @@ class SkyAgGridService {
                 columnMovePin: this.getIconTemplate('arrows'),
             },
             onCellFocused: () => this.onCellFocused(),
-            rowHeight: ((_f = (_e = this.currentTheme) === null || _e === void 0 ? void 0 : _e.theme) === null || _f === void 0 ? void 0 : _f.name) === 'modern' ? 60 : 38,
+            rowHeight: __classPrivateFieldGet(this, _SkyAgGridService_instances, "m", _SkyAgGridService_getRowHeight).call(this),
+            getRowHeight: () => __classPrivateFieldGet(this, _SkyAgGridService_instances, "m", _SkyAgGridService_getRowHeight).call(this),
             rowMultiSelectWithClick: true,
             rowSelection: 'multiple',
             singleClickEdit: true,
@@ -2572,7 +1568,7 @@ class SkyAgGridService {
     }
     getDefaultEditableGridOptions(args) {
         const defaultGridOptions = this.getDefaultGridOptions(args);
-        defaultGridOptions.rowSelection = 'none';
+        defaultGridOptions.rowSelection = undefined;
         return defaultGridOptions;
     }
     dateFormatter(params, locale = 'en-us') {
@@ -2607,7 +1603,11 @@ class SkyAgGridService {
         return false;
     }
 }
-SkyAgGridService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridService, deps: [{ token: SkyAgGridAdapterService }, { token: i1$3.SkyThemeService, optional: true }, { token: i3.SkyLibResourcesService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+_SkyAgGridService_currentTheme = new WeakMap(), _SkyAgGridService_instances = new WeakSet(), _SkyAgGridService_getRowHeight = function _SkyAgGridService_getRowHeight() {
+    var _a, _b;
+    return ((_b = (_a = __classPrivateFieldGet(this, _SkyAgGridService_currentTheme, "f")) === null || _a === void 0 ? void 0 : _a.theme) === null || _b === void 0 ? void 0 : _b.name) === 'modern' ? 60 : 38;
+};
+SkyAgGridService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridService, deps: [{ token: SkyAgGridAdapterService }, { token: i1$2.SkyThemeService, optional: true }, { token: i3.SkyLibResourcesService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
 SkyAgGridService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridService, providedIn: 'any' });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridService, decorators: [{
             type: Injectable,
@@ -2615,13 +1615,1081 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
                     providedIn: 'any',
                 }]
         }], ctorParameters: function () {
-        return [{ type: SkyAgGridAdapterService }, { type: i1$3.SkyThemeService, decorators: [{
+        return [{ type: SkyAgGridAdapterService }, { type: i1$2.SkyThemeService, decorators: [{
                         type: Optional
                     }] }, { type: i3.SkyLibResourcesService, decorators: [{
                         type: Optional
                     }] }];
     } });
 
+var _SkyAgGridWrapperComponent_instances, _SkyAgGridWrapperComponent_agGridService, _SkyAgGridWrapperComponent_ngUnsubscribe, _SkyAgGridWrapperComponent_themeSvc, _SkyAgGridWrapperComponent_wrapperClasses, _SkyAgGridWrapperComponent_currentTheme, _SkyAgGridWrapperComponent_moveHorizontalScroll;
+let idIndex = 0;
+class SkyAgGridWrapperComponent {
+    constructor(adapterService, changeDetector, elementRef, document, agGridService, themeSvc) {
+        this.adapterService = adapterService;
+        this.changeDetector = changeDetector;
+        this.elementRef = elementRef;
+        this.document = document;
+        _SkyAgGridWrapperComponent_instances.add(this);
+        this._viewkeeperClasses = [];
+        _SkyAgGridWrapperComponent_agGridService.set(this, void 0);
+        _SkyAgGridWrapperComponent_ngUnsubscribe.set(this, new Subject());
+        _SkyAgGridWrapperComponent_themeSvc.set(this, void 0);
+        _SkyAgGridWrapperComponent_wrapperClasses.set(this, new BehaviorSubject([`ag-theme-sky-default`]));
+        _SkyAgGridWrapperComponent_currentTheme.set(this, undefined);
+        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;
+        __classPrivateFieldSet(this, _SkyAgGridWrapperComponent_agGridService, agGridService, "f");
+        __classPrivateFieldSet(this, _SkyAgGridWrapperComponent_themeSvc, themeSvc, "f");
+        this.wrapperClasses$ = __classPrivateFieldGet(this, _SkyAgGridWrapperComponent_wrapperClasses, "f").asObservable();
+    }
+    get viewkeeperClasses() {
+        return this._viewkeeperClasses;
+    }
+    set viewkeeperClasses(value) {
+        this._viewkeeperClasses = value;
+        this.changeDetector.markForCheck();
+    }
+    ngAfterContentInit() {
+        var _a;
+        if (this.agGrid.gridOptions &&
+            this.agGrid.gridOptions.domLayout === 'autoHeight') {
+            if ((_a = this.agGrid.gridOptions.context) === null || _a === void 0 ? void 0 : _a.enableTopScroll) {
+                this.viewkeeperClasses.push('.ag-header', '.ag-body-horizontal-scroll');
+            }
+            else {
+                this.viewkeeperClasses.push('.ag-header');
+            }
+        }
+        this.agGrid.gridReady.pipe(takeUntil(__classPrivateFieldGet(this, _SkyAgGridWrapperComponent_ngUnsubscribe, "f"))).subscribe(() => {
+            __classPrivateFieldGet(this, _SkyAgGridWrapperComponent_instances, "m", _SkyAgGridWrapperComponent_moveHorizontalScroll).call(this);
+        });
+        this.agGrid.firstDataRendered
+            .pipe(takeUntil(__classPrivateFieldGet(this, _SkyAgGridWrapperComponent_ngUnsubscribe, "f")))
+            .subscribe(() => {
+            __classPrivateFieldGet(this, _SkyAgGridWrapperComponent_instances, "m", _SkyAgGridWrapperComponent_moveHorizontalScroll).call(this);
+        });
+        this.agGrid.rowDataUpdated
+            .pipe(takeUntil(__classPrivateFieldGet(this, _SkyAgGridWrapperComponent_ngUnsubscribe, "f")))
+            .subscribe(() => {
+            __classPrivateFieldGet(this, _SkyAgGridWrapperComponent_instances, "m", _SkyAgGridWrapperComponent_moveHorizontalScroll).call(this);
+        });
+        this.agGrid.cellEditingStarted
+            .pipe(takeUntil(__classPrivateFieldGet(this, _SkyAgGridWrapperComponent_ngUnsubscribe, "f")))
+            .subscribe((params) => {
+            if (params.colDef.type) {
+                const types = Array.isArray(params.colDef.type)
+                    ? params.colDef.type
+                    : [params.colDef.type];
+                const addClasses = types.map((t) => `sky-ag-grid-cell-editing-${t}`);
+                __classPrivateFieldGet(this, _SkyAgGridWrapperComponent_wrapperClasses, "f").next([
+                    ...__classPrivateFieldGet(this, _SkyAgGridWrapperComponent_wrapperClasses, "f").getValue(),
+                    ...addClasses,
+                ]);
+            }
+        });
+        this.agGrid.cellEditingStopped
+            .pipe(takeUntil(__classPrivateFieldGet(this, _SkyAgGridWrapperComponent_ngUnsubscribe, "f")))
+            .subscribe(() => {
+            __classPrivateFieldGet(this, _SkyAgGridWrapperComponent_wrapperClasses, "f").next(__classPrivateFieldGet(this, _SkyAgGridWrapperComponent_wrapperClasses, "f")
+                .getValue()
+                .filter((c) => c.startsWith('ag-theme-')));
+        });
+    }
+    ngOnDestroy() {
+        __classPrivateFieldGet(this, _SkyAgGridWrapperComponent_ngUnsubscribe, "f").next();
+        __classPrivateFieldGet(this, _SkyAgGridWrapperComponent_ngUnsubscribe, "f").complete();
+    }
+    ngOnInit() {
+        var _a;
+        (_a = __classPrivateFieldGet(this, _SkyAgGridWrapperComponent_themeSvc, "f")) === null || _a === void 0 ? void 0 : _a.settingsChange.pipe(takeUntil(__classPrivateFieldGet(this, _SkyAgGridWrapperComponent_ngUnsubscribe, "f"))).subscribe((settings) => {
+            let agThemeClass;
+            if (settings.currentSettings.theme.name === 'modern') {
+                agThemeClass = `ag-theme-sky-modern-${settings.currentSettings.mode.name}`;
+            }
+            else {
+                agThemeClass = `ag-theme-sky-default`;
+            }
+            __classPrivateFieldGet(this, _SkyAgGridWrapperComponent_wrapperClasses, "f").next([
+                ...__classPrivateFieldGet(this, _SkyAgGridWrapperComponent_wrapperClasses, "f")
+                    .getValue()
+                    .filter((c) => !c.startsWith('ag-theme-')),
+                agThemeClass,
+            ]);
+            if (!__classPrivateFieldGet(this, _SkyAgGridWrapperComponent_currentTheme, "f")) {
+                // Initial theme settings.
+                __classPrivateFieldSet(this, _SkyAgGridWrapperComponent_currentTheme, settings.currentSettings, "f");
+            }
+            else if (this.agGrid.api) {
+                // On subsequent theme changes, we need to call the api to re-render the grid.
+                __classPrivateFieldSet(this, _SkyAgGridWrapperComponent_currentTheme, settings.currentSettings, "f");
+                this.agGrid.api.setHeaderHeight(__classPrivateFieldGet(this, _SkyAgGridWrapperComponent_agGridService, "f").getHeaderHeight());
+                this.agGrid.api.resetRowHeights();
+                this.agGrid.api.refreshCells();
+            }
+        });
+    }
+    /**
+     * Prevent closing a modal when focused in AG Grid.
+     */
+    onKeyUpEscape($event) {
+        $event.stopPropagation();
+        this.agGrid.api.stopEditing(true);
+    }
+    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_agGridService = new WeakMap(), _SkyAgGridWrapperComponent_ngUnsubscribe = new WeakMap(), _SkyAgGridWrapperComponent_themeSvc = new WeakMap(), _SkyAgGridWrapperComponent_wrapperClasses = new WeakMap(), _SkyAgGridWrapperComponent_currentTheme = new WeakMap(), _SkyAgGridWrapperComponent_instances = new WeakSet(), _SkyAgGridWrapperComponent_moveHorizontalScroll = function _SkyAgGridWrapperComponent_moveHorizontalScroll() {
+    var _a;
+    if (this.agGrid && this.agGrid.api) {
+        const toTop = !!((_a = this.agGrid.gridOptions.context) === null || _a === void 0 ? void 0 : _a.enableTopScroll);
+        const root = this.elementRef.nativeElement.querySelector('.ag-root');
+        const header = root.querySelector('.ag-header');
+        const floatingBottom = root.querySelector('.ag-floating-bottom');
+        const scrollbar = root.querySelector('.ag-body-horizontal-scroll');
+        if (header && floatingBottom && scrollbar) {
+            if (scrollbar.style.height !==
+                scrollbar.style.getPropertyValue('--sky-ag-body-horizontal-scroll-width')) {
+                scrollbar.style.setProperty('--sky-ag-body-horizontal-scroll-width', scrollbar.style.height);
+            }
+            const isTop = !!root.children[1].matches('.ag-body-horizontal-scroll');
+            if (toTop && !isTop) {
+                const fragment = this.document.createDocumentFragment();
+                fragment.appendChild(scrollbar);
+                header.after(fragment);
+            }
+            else if (!toTop && isTop) {
+                const fragment = this.document.createDocumentFragment();
+                fragment.appendChild(scrollbar);
+                floatingBottom.after(fragment);
+            }
+        }
+    }
+};
+SkyAgGridWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridWrapperComponent, deps: [{ token: SkyAgGridAdapterService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: DOCUMENT }, { token: SkyAgGridService }, { token: i1$2.SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+SkyAgGridWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", 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  [class.sky-ag-grid-top-scrollbar]=\"\n    agGrid?.gridOptions?.context &&\n    agGrid?.gridOptions?.context['enableTopScroll']\n  \"\n  [ngClass]=\"wrapperClasses$ | async\"\n  tabindex=\"0\"\n  [id]=\"gridId\"\n  [skyViewkeeper]=\"viewkeeperClasses\"\n  (keydown)=\"onGridKeydown($event)\"\n  (keyup.escape)=\"onKeyUpEscape($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", dependencies: [{ kind: "directive", type: i2$3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.λ3, selector: "[skyViewkeeper]", inputs: ["skyViewkeeper"] }, { kind: "pipe", type: i2$3.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", 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  [class.sky-ag-grid-top-scrollbar]=\"\n    agGrid?.gridOptions?.context &&\n    agGrid?.gridOptions?.context['enableTopScroll']\n  \"\n  [ngClass]=\"wrapperClasses$ | async\"\n  tabindex=\"0\"\n  [id]=\"gridId\"\n  [skyViewkeeper]=\"viewkeeperClasses\"\n  (keydown)=\"onGridKeydown($event)\"\n  (keyup.escape)=\"onKeyUpEscape($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 }, { type: Document, decorators: [{
+                        type: Inject,
+                        args: [DOCUMENT]
+                    }] }, { type: SkyAgGridService }, { type: i1$2.SkyThemeService, decorators: [{
+                        type: Optional
+                    }] }];
+    }, 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(() => {
+            var _a;
+            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);
+            });
+            if ((_a = agGrid.gridOptions.context) === null || _a === void 0 ? void 0 : _a.enableTopScroll) {
+                this.dataManagerSvc.setViewkeeperClasses(this.viewId, [
+                    '.ag-header',
+                    '.ag-body-horizontal-scroll',
+                ]);
+            }
+            agGrid.api.sizeColumnsToFit();
+        });
+        agGrid.columnMoved
+            .pipe(takeUntil(this.ngUnsubscribe), filter((event) => ![
+            'gridInitializing',
+            'uiColumnResized',
+            'uiColumnDragged',
+            'api',
+        ].includes(event.source)))
+            .subscribe((value) => {
+            this.updateColumnsInCurrentDataState(value.columnApi);
+        });
+        agGrid.dragStopped
+            .pipe(takeUntil(this.ngUnsubscribe))
+            .subscribe((value) => {
+            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);
+        if (viewState.displayedColumnIds.length !== columnOrder.length ||
+            viewState.displayedColumnIds.some((col, i) => col !== columnOrder[i])) {
+            viewState.displayedColumnIds = columnOrder;
+            this.dataManagerSvc.updateDataState(this.currentDataState.addOrUpdateView(this.viewConfig.id, viewState), this.viewConfig.id);
+        }
+    }
+    getColumnOrder(columnApi) {
+        return columnApi
+            .getColumnState()
+            .filter((state) => !state.hide)
+            .map((state) => state.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 columnOrder = this.getColumnOrder(agGrid.columnApi);
+        if (displayedColumnIds.length !== columnOrder.length ||
+            displayedColumnIds.some((col, i) => col !== columnOrder[i])) {
+            const hideColumns = agGrid.columnApi
+                .getColumnState()
+                .map((col) => col.colId)
+                .filter((colId) => !displayedColumnIds.includes(colId));
+            agGrid.columnApi.setColumnsVisible(hideColumns, false);
+            agGrid.columnApi.setColumnsVisible(displayedColumnIds, true);
+            agGrid.columnApi.moveColumns(displayedColumnIds, 0);
+        }
+    }
+    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: "14.2.0", ngImport: i0, type: SkyAgGridDataManagerAdapterDirective, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$4.SkyDataManagerService }], target: i0.ɵɵFactoryTarget.Directive });
+SkyAgGridDataManagerAdapterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0", 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: "14.2.0", ngImport: i0, type: SkyAgGridDataManagerAdapterDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[skyAgGridDataManagerAdapter]',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1$4.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: "14.2.0", ngImport: i0, type: SkyAgGridRowDeleteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyAgGridRowDeleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", 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, dependencies: [{ kind: "directive", type: i2$3.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2$4.λ8, selector: "sky-inline-delete", inputs: ["pending"], outputs: ["cancelTriggered", "deleteTriggered"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", 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 }]
+            }] } });
+
+class SkyAgGridRowDeleteDirective {
+    constructor(affixService, changeDetector, elementRef, overlayService, viewContainerRef) {
+        this.affixService = affixService;
+        this.changeDetector = changeDetector;
+        this.elementRef = elementRef;
+        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() {
+        this.rowDeleteComponent = this.viewContainerRef.createComponent(SkyAgGridRowDeleteComponent).instance;
+        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();
+        });
+    }
+    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) {
+        var _a;
+        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 = (_a = this.rowDeleteIds) === null || _a === void 0 ? void 0 : _a.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: "14.2.0", ngImport: i0, type: SkyAgGridRowDeleteDirective, deps: [{ token: i1.SkyAffixService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i1.SkyOverlayService }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+SkyAgGridRowDeleteDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.0", 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: "14.2.0", ngImport: i0, type: SkyAgGridRowDeleteDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[skyAgGridRowDelete]',
+                }]
+        }], ctorParameters: function () { return [{ type: i1.SkyAffixService }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { 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_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}',
+        },
+        sky_ag_grid_column_group_header_expand_aria_label: {
+            message: 'Expand column group {0}',
+        },
+        sky_ag_grid_column_group_header_collapse_aria_label: {
+            message: 'Collapse column group {0}',
+        },
+    },
+};
+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: "14.2.0", ngImport: i0, type: SkyAgGridResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyAgGridResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridResourcesModule, exports: [SkyI18nModule] });
+SkyAgGridResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridResourcesModule, providers: [
+        {
+            provide: SKY_LIB_RESOURCES_PROVIDERS,
+            useClass: SkyAgGridResourcesProvider,
+            multi: true,
+        },
+    ], imports: [SkyI18nModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridResourcesModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    exports: [SkyI18nModule],
+                    providers: [
+                        {
+                            provide: SKY_LIB_RESOURCES_PROVIDERS,
+                            useClass: SkyAgGridResourcesProvider,
+                            multi: true,
+                        },
+                    ],
+                }]
+        }] });
+
+class SkyAgGridCellEditorAutocompleteModule {
+}
+SkyAgGridCellEditorAutocompleteModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorAutocompleteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyAgGridCellEditorAutocompleteModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorAutocompleteModule, declarations: [SkyAgGridCellEditorAutocompleteComponent], imports: [ReactiveFormsModule,
+        SkyAgGridResourcesModule,
+        SkyAutocompleteModule], exports: [SkyAgGridCellEditorAutocompleteComponent] });
+SkyAgGridCellEditorAutocompleteModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorAutocompleteModule, imports: [ReactiveFormsModule,
+        SkyAgGridResourcesModule,
+        SkyAutocompleteModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorAutocompleteModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        ReactiveFormsModule,
+                        SkyAgGridResourcesModule,
+                        SkyAutocompleteModule,
+                    ],
+                    declarations: [SkyAgGridCellEditorAutocompleteComponent],
+                    exports: [SkyAgGridCellEditorAutocompleteComponent],
+                }]
+        }] });
+
+class SkyAgGridCellEditorCurrencyModule {
+}
+SkyAgGridCellEditorCurrencyModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorCurrencyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyAgGridCellEditorCurrencyModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorCurrencyModule, declarations: [SkyAgGridCellEditorCurrencyComponent], imports: [SkyAgGridResourcesModule,
+        ReactiveFormsModule,
+        SkyAutonumericModule], exports: [SkyAgGridCellEditorCurrencyComponent] });
+SkyAgGridCellEditorCurrencyModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorCurrencyModule, imports: [SkyAgGridResourcesModule,
+        ReactiveFormsModule,
+        SkyAutonumericModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorCurrencyModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        SkyAgGridResourcesModule,
+                        ReactiveFormsModule,
+                        SkyAutonumericModule,
+                    ],
+                    declarations: [SkyAgGridCellEditorCurrencyComponent],
+                    exports: [SkyAgGridCellEditorCurrencyComponent],
+                }]
+        }] });
+
+class SkyAgGridCellEditorDatepickerModule {
+}
+SkyAgGridCellEditorDatepickerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorDatepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyAgGridCellEditorDatepickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorDatepickerModule, declarations: [SkyAgGridCellEditorDatepickerComponent], imports: [SkyDatepickerModule, ReactiveFormsModule], exports: [SkyAgGridCellEditorDatepickerComponent] });
+SkyAgGridCellEditorDatepickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorDatepickerModule, imports: [SkyDatepickerModule, ReactiveFormsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorDatepickerModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [SkyDatepickerModule, ReactiveFormsModule],
+                    declarations: [SkyAgGridCellEditorDatepickerComponent],
+                    exports: [SkyAgGridCellEditorDatepickerComponent],
+                }]
+        }] });
+
+class SkyAgGridCellEditorLookupModule {
+}
+SkyAgGridCellEditorLookupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorLookupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyAgGridCellEditorLookupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorLookupModule, declarations: [SkyAgGridCellEditorLookupComponent], imports: [CommonModule,
+        ReactiveFormsModule,
+        SkyI18nModule,
+        SkyInputBoxModule,
+        SkyLookupModule], exports: [SkyAgGridCellEditorLookupComponent] });
+SkyAgGridCellEditorLookupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorLookupModule, imports: [CommonModule,
+        ReactiveFormsModule,
+        SkyI18nModule,
+        SkyInputBoxModule,
+        SkyLookupModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorLookupModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [SkyAgGridCellEditorLookupComponent],
+                    exports: [SkyAgGridCellEditorLookupComponent],
+                    imports: [
+                        CommonModule,
+                        ReactiveFormsModule,
+                        SkyI18nModule,
+                        SkyInputBoxModule,
+                        SkyLookupModule,
+                    ],
+                }]
+        }] });
+
+class SkyAgGridCellEditorNumberModule {
+}
+SkyAgGridCellEditorNumberModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorNumberModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyAgGridCellEditorNumberModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorNumberModule, declarations: [SkyAgGridCellEditorNumberComponent], imports: [SkyAgGridResourcesModule, ReactiveFormsModule], exports: [SkyAgGridCellEditorNumberComponent] });
+SkyAgGridCellEditorNumberModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorNumberModule, imports: [SkyAgGridResourcesModule, ReactiveFormsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorNumberModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [SkyAgGridResourcesModule, ReactiveFormsModule],
+                    declarations: [SkyAgGridCellEditorNumberComponent],
+                    exports: [SkyAgGridCellEditorNumberComponent],
+                }]
+        }] });
+
+class SkyAgGridCellEditorTextModule {
+}
+SkyAgGridCellEditorTextModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorTextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyAgGridCellEditorTextModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorTextModule, declarations: [SkyAgGridCellEditorTextComponent], imports: [SkyAgGridResourcesModule, ReactiveFormsModule], exports: [SkyAgGridCellEditorTextComponent] });
+SkyAgGridCellEditorTextModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorTextModule, imports: [SkyAgGridResourcesModule, ReactiveFormsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellEditorTextModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [SkyAgGridResourcesModule, ReactiveFormsModule],
+                    declarations: [SkyAgGridCellEditorTextComponent],
+                    exports: [SkyAgGridCellEditorTextComponent],
+                }]
+        }] });
+
+class SkyAgGridCellValidatorModule {
+}
+SkyAgGridCellValidatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellValidatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyAgGridCellValidatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellValidatorModule, declarations: [SkyAgGridCellValidatorTooltipComponent], imports: [CommonModule, SkyPopoverModule, SkyStatusIndicatorModule], exports: [SkyAgGridCellValidatorTooltipComponent] });
+SkyAgGridCellValidatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellValidatorModule, imports: [CommonModule, SkyPopoverModule, SkyStatusIndicatorModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellValidatorModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [SkyAgGridCellValidatorTooltipComponent],
+                    exports: [SkyAgGridCellValidatorTooltipComponent],
+                    imports: [CommonModule, SkyPopoverModule, SkyStatusIndicatorModule],
+                }]
+        }] });
+
+class SkyAgGridCellRendererCurrencyModule {
+}
+SkyAgGridCellRendererCurrencyModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellRendererCurrencyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyAgGridCellRendererCurrencyModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", 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: "14.2.0", ngImport: i0, type: SkyAgGridCellRendererCurrencyModule, imports: [CommonModule,
+        SkyAgGridResourcesModule,
+        SkyAgGridCellValidatorModule,
+        FormsModule,
+        SkyNumericModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellRendererCurrencyModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        SkyAgGridResourcesModule,
+                        SkyAgGridCellValidatorModule,
+                        FormsModule,
+                        SkyNumericModule,
+                    ],
+                    declarations: [
+                        SkyAgGridCellRendererCurrencyComponent,
+                        SkyAgGridCellRendererCurrencyValidatorComponent,
+                    ],
+                    exports: [
+                        SkyAgGridCellRendererCurrencyComponent,
+                        SkyAgGridCellRendererCurrencyValidatorComponent,
+                    ],
+                }]
+        }] });
+
+class SkyAgGridCellRendererLookupModule {
+}
+SkyAgGridCellRendererLookupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellRendererLookupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyAgGridCellRendererLookupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellRendererLookupModule, declarations: [SkyAgGridCellRendererLookupComponent], imports: [CommonModule, SkyAgGridResourcesModule], exports: [SkyAgGridCellRendererLookupComponent] });
+SkyAgGridCellRendererLookupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellRendererLookupModule, imports: [CommonModule, SkyAgGridResourcesModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellRendererLookupModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [SkyAgGridCellRendererLookupComponent],
+                    exports: [SkyAgGridCellRendererLookupComponent],
+                    imports: [CommonModule, SkyAgGridResourcesModule],
+                }]
+        }] });
+
+class SkyAgGridCellRendererRowSelectorModule {
+}
+SkyAgGridCellRendererRowSelectorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellRendererRowSelectorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyAgGridCellRendererRowSelectorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellRendererRowSelectorModule, declarations: [SkyAgGridCellRendererRowSelectorComponent], imports: [SkyAgGridResourcesModule, SkyCheckboxModule, FormsModule], exports: [SkyAgGridCellRendererRowSelectorComponent] });
+SkyAgGridCellRendererRowSelectorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellRendererRowSelectorModule, imports: [SkyAgGridResourcesModule, SkyCheckboxModule, FormsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellRendererRowSelectorModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [SkyAgGridResourcesModule, SkyCheckboxModule, FormsModule],
+                    declarations: [SkyAgGridCellRendererRowSelectorComponent],
+                    exports: [SkyAgGridCellRendererRowSelectorComponent],
+                }]
+        }] });
+
+class SkyAgGridCellRendererValidatorTooltipModule {
+}
+SkyAgGridCellRendererValidatorTooltipModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellRendererValidatorTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyAgGridCellRendererValidatorTooltipModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellRendererValidatorTooltipModule, declarations: [SkyAgGridCellRendererValidatorTooltipComponent], imports: [SkyAgGridCellValidatorModule], exports: [SkyAgGridCellRendererValidatorTooltipComponent] });
+SkyAgGridCellRendererValidatorTooltipModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellRendererValidatorTooltipModule, imports: [SkyAgGridCellValidatorModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", 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: "14.2.0", ngImport: i0, type: SkyAgGridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyAgGridModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridModule, declarations: [SkyAgGridDataManagerAdapterDirective,
+        SkyAgGridHeaderComponent,
+        SkyAgGridHeaderGroupComponent,
+        SkyAgGridRowDeleteComponent,
+        SkyAgGridRowDeleteDirective,
+        SkyAgGridWrapperComponent], imports: [AgGridModule,
+        CommonModule,
+        SkyAgGridCellEditorAutocompleteModule,
+        SkyAgGridCellEditorDatepickerModule,
+        SkyAgGridCellEditorLookupModule,
+        SkyAgGridCellEditorNumberModule,
+        SkyAgGridCellEditorCurrencyModule,
+        SkyAgGridCellRendererCurrencyModule,
+        SkyAgGridCellRendererLookupModule,
+        SkyAgGridCellRendererRowSelectorModule,
+        SkyAgGridCellRendererValidatorTooltipModule,
+        SkyAgGridCellValidatorModule,
+        SkyAgGridCellEditorTextModule,
+        SkyDataManagerModule,
+        SkyI18nModule,
+        SkyIconModule,
+        SkyInlineDeleteModule,
+        SkyViewkeeperModule,
+        SkyThemeModule], exports: [SkyAgGridDataManagerAdapterDirective,
+        SkyAgGridRowDeleteComponent,
+        SkyAgGridRowDeleteDirective,
+        SkyAgGridWrapperComponent,
+        SkyAgGridHeaderComponent,
+        SkyAgGridHeaderGroupComponent] });
+SkyAgGridModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridModule, imports: [AgGridModule,
+        CommonModule,
+        SkyAgGridCellEditorAutocompleteModule,
+        SkyAgGridCellEditorDatepickerModule,
+        SkyAgGridCellEditorLookupModule,
+        SkyAgGridCellEditorNumberModule,
+        SkyAgGridCellEditorCurrencyModule,
+        SkyAgGridCellRendererCurrencyModule,
+        SkyAgGridCellRendererLookupModule,
+        SkyAgGridCellRendererRowSelectorModule,
+        SkyAgGridCellRendererValidatorTooltipModule,
+        SkyAgGridCellValidatorModule,
+        SkyAgGridCellEditorTextModule,
+        SkyDataManagerModule,
+        SkyI18nModule,
+        SkyIconModule,
+        SkyInlineDeleteModule,
+        SkyViewkeeperModule,
+        SkyThemeModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [
+                        SkyAgGridDataManagerAdapterDirective,
+                        SkyAgGridHeaderComponent,
+                        SkyAgGridHeaderGroupComponent,
+                        SkyAgGridRowDeleteComponent,
+                        SkyAgGridRowDeleteDirective,
+                        SkyAgGridWrapperComponent,
+                    ],
+                    imports: [
+                        AgGridModule,
+                        CommonModule,
+                        SkyAgGridCellEditorAutocompleteModule,
+                        SkyAgGridCellEditorDatepickerModule,
+                        SkyAgGridCellEditorLookupModule,
+                        SkyAgGridCellEditorNumberModule,
+                        SkyAgGridCellEditorCurrencyModule,
+                        SkyAgGridCellRendererCurrencyModule,
+                        SkyAgGridCellRendererLookupModule,
+                        SkyAgGridCellRendererRowSelectorModule,
+                        SkyAgGridCellRendererValidatorTooltipModule,
+                        SkyAgGridCellValidatorModule,
+                        SkyAgGridCellEditorTextModule,
+                        SkyDataManagerModule,
+                        SkyI18nModule,
+                        SkyIconModule,
+                        SkyInlineDeleteModule,
+                        SkyViewkeeperModule,
+                        SkyThemeModule,
+                    ],
+                    exports: [
+                        SkyAgGridDataManagerAdapterDirective,
+                        SkyAgGridRowDeleteComponent,
+                        SkyAgGridRowDeleteDirective,
+                        SkyAgGridWrapperComponent,
+                        SkyAgGridHeaderComponent,
+                        SkyAgGridHeaderGroupComponent,
+                    ],
+                }]
+        }] });
+
 // Export any types that should be included in the root.
 
 /**