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

package/fesm2015/skyux-ag-grid.mjs

@@ -15,9 +15,9 @@ import { SkyInlineDeleteModule } from '@skyux/layout';
 import * as i1$2 from '@skyux/theme';
 import { SkyThemeModule } from '@skyux/theme';
 import { AgGridAngular, AgGridModule } from 'ag-grid-angular';
-import { fromEvent, Subject, BehaviorSubject, Subscription } from 'rxjs';
-import { first, takeUntil, filter } from 'rxjs/operators';
 import { __classPrivateFieldSet, __classPrivateFieldGet } from 'tslib';
+import { fromEvent, Subject, BehaviorSubject, Subscription, fromEventPattern } from 'rxjs';
+import { first, takeUntil, filter } from 'rxjs/operators';
 import * as i1$1 from '@angular/forms';
 import { UntypedFormGroup, UntypedFormControl, ReactiveFormsModule, FormsModule } from '@angular/forms';
 import { KeyCode, PopupComponent, Events, Column, RowNode } from 'ag-grid-community';
@@ -43,6 +43,7 @@ class SkyAgGridAdapterService {
         else if (element.parentElement) {
             return this.getElementOrParentWithClass(element.parentElement, className);
         }
+        return undefined;
     }
     setFocusedElementById(parentEl, selector) {
         const element = parentEl.querySelector(`#${selector}`);
@@ -66,6 +67,7 @@ class SkyAgGridAdapterService {
                 return focusableChildren[nextIndex];
             }
         }
+        return undefined;
     }
     focusOnFocusableChildren(element) {
         const focusableChildren = this.skyAdapterService.getFocusableChildren(element);
@@ -87,8 +89,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
  * @internal
  */
 function applySkyLookupPropertiesDefaults(skyLookupProperties) {
+    /* istanbul ignore if */
+    if (!skyLookupProperties) {
+        return {};
+    }
     return {
-        addClick: skyLookupProperties.addClick || undefined,
+        addClick: skyLookupProperties.addClick,
         ariaLabel: skyLookupProperties.ariaLabel || '',
         autocompleteAttribute: skyLookupProperties.autocompleteAttribute || 'off',
         data: skyLookupProperties.data || [],
@@ -96,16 +102,16 @@ function applySkyLookupPropertiesDefaults(skyLookupProperties) {
         descriptorProperty: skyLookupProperties.descriptorProperty || 'name',
         disabled: skyLookupProperties.disabled || false,
         enableShowMore: skyLookupProperties.enableShowMore || false,
-        idProperty: skyLookupProperties.idProperty || undefined,
+        idProperty: skyLookupProperties.idProperty,
         placeholderText: skyLookupProperties.placeholderText || '',
-        propertiesToSearch: skyLookupProperties.propertiesToSearch || undefined,
-        search: skyLookupProperties.search || undefined,
-        searchAsync: skyLookupProperties.searchAsync || undefined,
+        propertiesToSearch: skyLookupProperties.propertiesToSearch,
+        search: skyLookupProperties.search,
+        searchAsync: skyLookupProperties.searchAsync,
         searchFilters: skyLookupProperties.searchFilters || [],
-        searchResultsLimit: skyLookupProperties.searchResultsLimit || undefined,
-        searchResultTemplate: skyLookupProperties.searchResultTemplate || undefined,
+        searchResultsLimit: skyLookupProperties.searchResultsLimit,
+        searchResultTemplate: skyLookupProperties.searchResultTemplate,
         searchTextMinimumCharacters: skyLookupProperties.searchTextMinimumCharacters || 1,
-        selectMode: skyLookupProperties.selectMode || undefined,
+        selectMode: skyLookupProperties.selectMode,
         showAddButton: skyLookupProperties.showAddButton || false,
         showMoreConfig: skyLookupProperties.showMoreConfig || {},
         wrapperClass: 'ag-custom-component-popup',
@@ -131,7 +137,7 @@ class SkyAgGridCellEditorUtils {
      * @param params The editor's initializing parameters.
      */
     static getEditorInitialAction(params) {
-        if (params.cellStartedEdit) {
+        if (params === null || params === void 0 ? void 0 : params.cellStartedEdit) {
             if (params.eventKey === KeyCode.BACKSPACE ||
                 params.eventKey === KeyCode.DELETE) {
                 return SkyAgGridCellEditorInitialAction.Delete;
@@ -152,6 +158,11 @@ class SkyAgGridCellEditorUtils {
             return SkyAgGridCellEditorInitialAction.Untouched;
         }
     }
+    static subtractOrZero(minuend, subtrahend) {
+        // Swapping minuend with subtrahend when minuend is null or undefined results in
+        // the subtrahend being subtracted from itself, which will always be 0.
+        return (minuend !== null && minuend !== void 0 ? minuend : subtrahend) - subtrahend;
+    }
 }
 
 var _SkyAgGridCellEditorAutocompleteComponent_triggerType;
@@ -170,36 +181,43 @@ class SkyAgGridCellEditorAutocompleteComponent {
         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;
+        if (control) {
+            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 || {};
     }
     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();
+        var _a;
+        if (this.input) {
+            this.input.nativeElement.focus();
+            if (__classPrivateFieldGet(this, _SkyAgGridCellEditorAutocompleteComponent_triggerType, "f") === SkyAgGridCellEditorInitialAction.Replace) {
+                const charPress = (_a = this.params) === null || _a === void 0 ? void 0 : _a.charPress;
+                this.input.nativeElement.select();
+                this.input.nativeElement.setRangeText(charPress);
+                // Ensure the cursor is at the end of the text.
+                this.input.nativeElement.setSelectionRange(charPress.length, 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;
+        var _a;
+        const val = (_a = this.editorForm.get('selection')) === null || _a === void 0 ? void 0 : _a.value;
         return val !== undefined && val !== null ? val : undefined;
     }
 }
@@ -214,30 +232,31 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
                 args: ['skyCellEditorAutocomplete', { read: ElementRef }]
             }] } });
 
-var _SkyAgGridCellEditorCurrencyComponent_triggerType;
+var _SkyAgGridCellEditorCurrencyComponent_triggerType, _SkyAgGridCellEditorCurrencyComponent_changeDetector;
 /**
  * @internal
  */
 class SkyAgGridCellEditorCurrencyComponent {
     constructor(changeDetector) {
-        this.changeDetector = changeDetector;
         this.skyComponentProperties = {};
         this.editorForm = new UntypedFormGroup({
             currency: new UntypedFormControl(),
         });
         _SkyAgGridCellEditorCurrencyComponent_triggerType.set(this, void 0);
+        _SkyAgGridCellEditorCurrencyComponent_changeDetector.set(this, void 0);
+        __classPrivateFieldSet(this, _SkyAgGridCellEditorCurrencyComponent_changeDetector, changeDetector, "f");
     }
     /**
      * 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;
         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.rowHeightWithoutBorders = SkyAgGridCellEditorUtils.subtractOrZero((_a = this.params.node) === null || _a === void 0 ? void 0 : _a.rowHeight, 4);
         this.skyComponentProperties = this.params.skyComponentProperties || {
             decimalPlaces: 2,
             currencySymbol: '$',
@@ -247,29 +266,33 @@ class SkyAgGridCellEditorCurrencyComponent {
      * 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();
+        var _a, _b, _c;
+        (_a = this.input) === null || _a === void 0 ? void 0 : _a.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 (control) {
+            switch (__classPrivateFieldGet(this, _SkyAgGridCellEditorCurrencyComponent_triggerType, "f")) {
+                case SkyAgGridCellEditorInitialAction.Delete:
+                    control.setValue(undefined);
+                    break;
+                case SkyAgGridCellEditorInitialAction.Replace:
+                    control.setValue(parseFloat(String((_b = this.params) === null || _b === void 0 ? void 0 : _b.charPress)) || undefined);
+                    break;
+                case SkyAgGridCellEditorInitialAction.Highlighted:
+                case SkyAgGridCellEditorInitialAction.Untouched:
+                default:
+                    control.setValue(parseFloat(String((_c = this.params) === null || _c === void 0 ? void 0 : _c.value)));
+                    break;
+            }
         }
-        this.changeDetector.markForCheck();
+        __classPrivateFieldGet(this, _SkyAgGridCellEditorCurrencyComponent_changeDetector, "f").markForCheck();
         // Without the `setTimeout` there is inconsistent behavior with the highlighting when no initial value is present.
         setTimeout(() => {
+            var _a;
             if (__classPrivateFieldGet(this, _SkyAgGridCellEditorCurrencyComponent_triggerType, "f") === SkyAgGridCellEditorInitialAction.Highlighted) {
-                this.input.nativeElement.select();
+                (_a = this.input) === null || _a === void 0 ? void 0 : _a.nativeElement.select();
             }
         }, 100);
     }
@@ -277,18 +300,21 @@ class SkyAgGridCellEditorCurrencyComponent {
      * 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;
+        var _a;
+        const val = (_a = this.editorForm.get('currency')) === null || _a === void 0 ? void 0 : _a.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);
+        if (this.params) {
+            this.params.api.stopEditing(true);
+            this.params.api.setFocusedCell(this.params.rowIndex, this.params.column);
+        }
     }
 }
-_SkyAgGridCellEditorCurrencyComponent_triggerType = new WeakMap();
+_SkyAgGridCellEditorCurrencyComponent_triggerType = new WeakMap(), _SkyAgGridCellEditorCurrencyComponent_changeDetector = 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: [{
@@ -299,20 +325,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
                 args: ['skyCellEditorCurrency', { read: ElementRef }]
             }] } });
 
-var _SkyAgGridCellEditorDatepickerComponent_triggerType;
+var _SkyAgGridCellEditorDatepickerComponent_params, _SkyAgGridCellEditorDatepickerComponent_triggerType, _SkyAgGridCellEditorDatepickerComponent_changeDetector, _SkyAgGridCellEditorDatepickerComponent_themeSvc;
 /**
  * @internal
  */
 class SkyAgGridCellEditorDatepickerComponent extends PopupComponent {
     constructor(changeDetector, themeSvc) {
         super();
-        this.changeDetector = changeDetector;
-        this.themeSvc = themeSvc;
         this.editorForm = new UntypedFormGroup({
             date: new UntypedFormControl(),
         });
         this.skyComponentProperties = {};
+        _SkyAgGridCellEditorDatepickerComponent_params.set(this, void 0);
         _SkyAgGridCellEditorDatepickerComponent_triggerType.set(this, void 0);
+        _SkyAgGridCellEditorDatepickerComponent_changeDetector.set(this, void 0);
+        _SkyAgGridCellEditorDatepickerComponent_themeSvc.set(this, void 0);
+        __classPrivateFieldSet(this, _SkyAgGridCellEditorDatepickerComponent_changeDetector, changeDetector, "f");
+        __classPrivateFieldSet(this, _SkyAgGridCellEditorDatepickerComponent_themeSvc, themeSvc, "f");
     }
     /**
      * agInit is called by agGrid once after the editor is created and provides the editor with the information it needs.
@@ -320,41 +349,42 @@ class SkyAgGridCellEditorDatepickerComponent extends PopupComponent {
      */
     agInit(params) {
         var _a, _b;
-        this.params = params;
+        __classPrivateFieldSet(this, _SkyAgGridCellEditorDatepickerComponent_params, params, "f");
         __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;
-        }
-        if ((_a = this.params.skyComponentProperties) === null || _a === void 0 ? void 0 : _a.disabled) {
-            control.disable();
+        if (control) {
+            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;
+            }
+            if ((_a = __classPrivateFieldGet(this, _SkyAgGridCellEditorDatepickerComponent_params, "f").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();
+        __classPrivateFieldGet(this, _SkyAgGridCellEditorDatepickerComponent_changeDetector, "f").markForCheck();
+        this.skyComponentProperties = __classPrivateFieldGet(this, _SkyAgGridCellEditorDatepickerComponent_params, "f").skyComponentProperties || {};
+        this.columnWidth = __classPrivateFieldGet(this, _SkyAgGridCellEditorDatepickerComponent_params, "f").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) => {
+        this.rowHeightWithoutBorders = __classPrivateFieldGet(this, _SkyAgGridCellEditorDatepickerComponent_params, "f").node.rowHeight - 3;
+        (_b = __classPrivateFieldGet(this, _SkyAgGridCellEditorDatepickerComponent_themeSvc, "f")) === null || _b === void 0 ? void 0 : _b.settingsChange.subscribe((themeSettings) => {
+            var _a, _b, _c;
             if (themeSettings.currentSettings.theme.name === 'modern') {
                 this.columnWidthWithoutBorders = this.columnWidth;
-                this.rowHeightWithoutBorders =
-                    this.params.node && this.params.node.rowHeight;
+                this.rowHeightWithoutBorders = (_b = (_a = __classPrivateFieldGet(this, _SkyAgGridCellEditorDatepickerComponent_params, "f")) === null || _a === void 0 ? void 0 : _a.node) === null || _b === void 0 ? void 0 : _b.rowHeight;
             }
             else {
-                this.columnWidthWithoutBorders = this.columnWidth - 2;
-                this.rowHeightWithoutBorders =
-                    this.params.node && this.params.node.rowHeight - 3;
+                this.columnWidthWithoutBorders =
+                    this.columnWidth === undefined ? undefined : this.columnWidth - 2;
+                this.rowHeightWithoutBorders = SkyAgGridCellEditorUtils.subtractOrZero((_c = __classPrivateFieldGet(this, _SkyAgGridCellEditorDatepickerComponent_params, "f")) === null || _c === void 0 ? void 0 : _c.node.rowHeight, 3);
             }
         });
     }
@@ -362,36 +392,41 @@ class SkyAgGridCellEditorDatepickerComponent extends PopupComponent {
      * 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();
+        var _a, _b;
+        const datepickerInputEl = (_a = this.datepickerInput) === null || _a === void 0 ? void 0 : _a.nativeElement;
+        if (datepickerInputEl) {
+            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();
+                const charPress = (_b = __classPrivateFieldGet(this, _SkyAgGridCellEditorDatepickerComponent_params, "f")) === null || _b === void 0 ? void 0 : _b.charPress;
+                if (charPress) {
+                    datepickerInputEl.setRangeText(charPress);
+                    // Ensure the cursor is at the end of the text.
+                    datepickerInputEl.setSelectionRange(charPress.length, charPress.length);
+                }
+            }
+            if (__classPrivateFieldGet(this, _SkyAgGridCellEditorDatepickerComponent_triggerType, "f") === SkyAgGridCellEditorInitialAction.Highlighted) {
+                datepickerInputEl.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;
+        var _a, _b;
+        (_a = this.datepickerInput) === null || _a === void 0 ? void 0 : _a.nativeElement.blur();
+        return (_b = this.editorForm.get('date')) === null || _b === void 0 ? void 0 : _b.value;
     }
 }
-_SkyAgGridCellEditorDatepickerComponent_triggerType = new WeakMap();
+_SkyAgGridCellEditorDatepickerComponent_params = new WeakMap(), _SkyAgGridCellEditorDatepickerComponent_triggerType = new WeakMap(), _SkyAgGridCellEditorDatepickerComponent_changeDetector = new WeakMap(), _SkyAgGridCellEditorDatepickerComponent_themeSvc = 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: [{
@@ -406,14 +441,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
                 args: ['skyCellEditorDatepickerInput', { read: ElementRef }]
             }] } });
 
-var _SkyAgGridCellEditorLookupComponent_triggerType;
+var _SkyAgGridCellEditorLookupComponent_instances, _SkyAgGridCellEditorLookupComponent_params, _SkyAgGridCellEditorLookupComponent_triggerType, _SkyAgGridCellEditorLookupComponent_changeDetector, _SkyAgGridCellEditorLookupComponent_elementRef, _SkyAgGridCellEditorLookupComponent_updateComponentProperties;
 /**
  * @internal
  */
 class SkyAgGridCellEditorLookupComponent {
     constructor(changeDetector, elementRef) {
-        this.changeDetector = changeDetector;
-        this.elementRef = elementRef;
+        _SkyAgGridCellEditorLookupComponent_instances.add(this);
         this.isAlive = false;
         this.editorForm = new UntypedFormGroup({
             selection: new UntypedFormControl({
@@ -422,61 +456,73 @@ class SkyAgGridCellEditorLookupComponent {
             }),
         });
         this.useAsyncSearch = false;
+        _SkyAgGridCellEditorLookupComponent_params.set(this, void 0);
         _SkyAgGridCellEditorLookupComponent_triggerType.set(this, void 0);
+        _SkyAgGridCellEditorLookupComponent_changeDetector.set(this, void 0);
+        _SkyAgGridCellEditorLookupComponent_elementRef.set(this, void 0);
+        __classPrivateFieldSet(this, _SkyAgGridCellEditorLookupComponent_changeDetector, changeDetector, "f");
+        __classPrivateFieldSet(this, _SkyAgGridCellEditorLookupComponent_elementRef, elementRef, "f");
     }
     agInit(params) {
-        this.params = params;
-        if (!Array.isArray(this.params.value)) {
+        var _a;
+        __classPrivateFieldSet(this, _SkyAgGridCellEditorLookupComponent_params, params, "f");
+        if (!Array.isArray(__classPrivateFieldGet(this, _SkyAgGridCellEditorLookupComponent_params, "f").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();
+        if (control) {
+            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 ((_a = __classPrivateFieldGet(this, _SkyAgGridCellEditorLookupComponent_params, "f").skyComponentProperties) === null || _a === void 0 ? void 0 : _a.disabled) {
+                control.disable();
+            }
         }
-        this.skyComponentProperties = this.updateComponentProperties(this.params);
+        this.skyComponentProperties = __classPrivateFieldGet(this, _SkyAgGridCellEditorLookupComponent_instances, "m", _SkyAgGridCellEditorLookupComponent_updateComponentProperties).call(this, __classPrivateFieldGet(this, _SkyAgGridCellEditorLookupComponent_params, "f"));
         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.width = __classPrivateFieldGet(this, _SkyAgGridCellEditorLookupComponent_params, "f").column.getActualWidth();
+        __classPrivateFieldGet(this, _SkyAgGridCellEditorLookupComponent_params, "f").column.addEventListener('uiColumnResized', (event) => {
+            var _a;
+            this.width = (_a = event.column) === null || _a === void 0 ? void 0 : _a.getActualWidth();
+            __classPrivateFieldGet(this, _SkyAgGridCellEditorLookupComponent_changeDetector, "f").markForCheck();
         });
-        this.changeDetector.markForCheck();
+        __classPrivateFieldGet(this, _SkyAgGridCellEditorLookupComponent_changeDetector, "f").markForCheck();
     }
     isCancelAfterEnd() {
         // Shut down components to commit values before final value syncs to grid.
         this.isAlive = false;
-        this.changeDetector.detectChanges();
+        __classPrivateFieldGet(this, _SkyAgGridCellEditorLookupComponent_changeDetector, "f").detectChanges();
         return false;
     }
     getGui() {
-        return this.elementRef.nativeElement;
+        return __classPrivateFieldGet(this, _SkyAgGridCellEditorLookupComponent_elementRef, "f").nativeElement;
     }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     getValue() {
-        return this.editorForm.get('selection').value;
+        var _a;
+        return (_a = this.editorForm.get('selection')) === null || _a === void 0 ? void 0 : _a.value;
     }
     isPopup() {
         return true;
     }
     afterGuiAttached() {
-        const lookupInput = this.elementRef.nativeElement.querySelector('.sky-lookup-input');
+        var _a;
+        const lookupInput = __classPrivateFieldGet(this, _SkyAgGridCellEditorLookupComponent_elementRef, "f").nativeElement.querySelector('.sky-lookup-input');
         lookupInput.focus();
         if (__classPrivateFieldGet(this, _SkyAgGridCellEditorLookupComponent_triggerType, "f") === SkyAgGridCellEditorInitialAction.Replace) {
             lookupInput.select();
-            lookupInput.setRangeText(this.params.charPress);
+            lookupInput.setRangeText((_a = __classPrivateFieldGet(this, _SkyAgGridCellEditorLookupComponent_params, "f")) === null || _a === void 0 ? void 0 : _a.charPress);
             // Ensure the cursor is at the end of the text.
             lookupInput.setSelectionRange(lookupInput.value.length, lookupInput.value.length);
             lookupInput.dispatchEvent(new Event('input'));
@@ -485,23 +531,22 @@ class SkyAgGridCellEditorLookupComponent {
             lookupInput.select();
         }
     }
-    updateComponentProperties(params) {
-        const skyLookupProperties = params.skyComponentProperties;
-        return applySkyLookupPropertiesDefaults(skyLookupProperties);
-    }
 }
-_SkyAgGridCellEditorLookupComponent_triggerType = new WeakMap();
+_SkyAgGridCellEditorLookupComponent_params = new WeakMap(), _SkyAgGridCellEditorLookupComponent_triggerType = new WeakMap(), _SkyAgGridCellEditorLookupComponent_changeDetector = new WeakMap(), _SkyAgGridCellEditorLookupComponent_elementRef = new WeakMap(), _SkyAgGridCellEditorLookupComponent_instances = new WeakSet(), _SkyAgGridCellEditorLookupComponent_updateComponentProperties = function _SkyAgGridCellEditorLookupComponent_updateComponentProperties(params) {
+    const skyLookupProperties = params.skyComponentProperties;
+    return applySkyLookupPropertiesDefaults(skyLookupProperties);
+};
 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 });
+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"] }]
+            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;
+var _SkyAgGridCellEditorNumberComponent_params, _SkyAgGridCellEditorNumberComponent_triggerType;
 /**
  * @internal
  */
@@ -510,6 +555,7 @@ class SkyAgGridCellEditorNumberComponent {
         this.editorForm = new UntypedFormGroup({
             number: new UntypedFormControl(),
         });
+        _SkyAgGridCellEditorNumberComponent_params.set(this, void 0);
         _SkyAgGridCellEditorNumberComponent_triggerType.set(this, void 0);
     }
     /**
@@ -517,60 +563,64 @@ class SkyAgGridCellEditorNumberComponent {
      * @param params The cell editor params that include data about the cell, column, row, and grid.
      */
     agInit(params) {
-        var _a, _b;
-        this.params = params;
+        var _a, _b, _c;
+        __classPrivateFieldSet(this, _SkyAgGridCellEditorNumberComponent_params, params, "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;
+        if (control) {
+            switch (__classPrivateFieldGet(this, _SkyAgGridCellEditorNumberComponent_triggerType, "f")) {
+                case SkyAgGridCellEditorInitialAction.Delete:
+                    control.setValue(undefined);
+                    break;
+                case SkyAgGridCellEditorInitialAction.Replace:
+                    control.setValue(parseFloat((_a = __classPrivateFieldGet(this, _SkyAgGridCellEditorNumberComponent_params, "f")) === null || _a === void 0 ? void 0 : _a.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;
+        this.max = (_b = params.skyComponentProperties) === null || _b === void 0 ? void 0 : _b.max;
+        this.min = (_c = params.skyComponentProperties) === null || _c === void 0 ? void 0 : _c.min;
+        this.columnHeader = __classPrivateFieldGet(this, _SkyAgGridCellEditorNumberComponent_params, "f").colDef.headerName;
+        this.rowNumber = __classPrivateFieldGet(this, _SkyAgGridCellEditorNumberComponent_params, "f").rowIndex + 1;
+        this.columnWidth = __classPrivateFieldGet(this, _SkyAgGridCellEditorNumberComponent_params, "f").column.getActualWidth();
+        this.rowHeightWithoutBorders = __classPrivateFieldGet(this, _SkyAgGridCellEditorNumberComponent_params, "f").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();
+        if (this.input) {
+            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;
+        var _a;
+        const val = (_a = this.editorForm.get('number')) === null || _a === void 0 ? void 0 : _a.value;
         return val !== undefined && val !== null ? val : undefined;
     }
 }
-_SkyAgGridCellEditorNumberComponent_triggerType = new WeakMap();
+_SkyAgGridCellEditorNumberComponent_params = new WeakMap(), _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 });
+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 ?? null\"\n    [min]=\"min ?? null\"\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-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"] }]
+            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 ?? null\"\n    [min]=\"min ?? null\"\n    #skyCellEditorNumber\n  />\n</ng-container>\n", styles: ["input{border:none;text-align:right}\n"] }]
         }], propDecorators: { input: [{
                 type: ViewChild,
                 args: ['skyCellEditorNumber', { read: ElementRef }]
             }] } });
 
-var _SkyAgGridCellEditorTextComponent_triggerType;
+var _SkyAgGridCellEditorTextComponent_params, _SkyAgGridCellEditorTextComponent_triggerType;
 /**
  * @internal
  */
@@ -579,6 +629,7 @@ class SkyAgGridCellEditorTextComponent {
         this.editorForm = new UntypedFormGroup({
             text: new UntypedFormControl(),
         });
+        _SkyAgGridCellEditorTextComponent_params.set(this, void 0);
         _SkyAgGridCellEditorTextComponent_triggerType.set(this, void 0);
     }
     /**
@@ -587,126 +638,134 @@ class SkyAgGridCellEditorTextComponent {
      */
     agInit(params) {
         var _a;
-        this.params = params;
+        __classPrivateFieldSet(this, _SkyAgGridCellEditorTextComponent_params, params, "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;
-            case SkyAgGridCellEditorInitialAction.Replace:
-                control.setValue(params.charPress);
-                break;
-            case SkyAgGridCellEditorInitialAction.Highlighted:
-            case SkyAgGridCellEditorInitialAction.Untouched:
-            default:
-                control.setValue(params.value);
-                break;
+        if (control) {
+            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;
+        this.columnHeader = __classPrivateFieldGet(this, _SkyAgGridCellEditorTextComponent_params, "f").colDef.headerName;
+        this.rowNumber = __classPrivateFieldGet(this, _SkyAgGridCellEditorTextComponent_params, "f").rowIndex + 1;
+        this.columnWidth = __classPrivateFieldGet(this, _SkyAgGridCellEditorTextComponent_params, "f").column.getActualWidth();
+        this.rowHeightWithoutBorders = __classPrivateFieldGet(this, _SkyAgGridCellEditorTextComponent_params, "f").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();
+        if (this.input) {
+            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;
+        var _a;
+        return ((_a = this.editorForm.get('text')) === null || _a === void 0 ? void 0 : _a.value) || undefined;
     }
 }
-_SkyAgGridCellEditorTextComponent_triggerType = new WeakMap();
+_SkyAgGridCellEditorTextComponent_params = new WeakMap(), _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 });
+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 ?? null\"\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-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"] }]
+            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 ?? null\"\n    #skyCellEditorText\n  />\n</ng-container>\n", styles: ["input{border:none;padding-left:11px}\n"] }]
         }], propDecorators: { input: [{
                 type: ViewChild,
                 args: ['skyCellEditorText', { read: ElementRef }]
             }] } });
 
+var _SkyAgGridCellValidatorTooltipComponent_instances, _SkyAgGridCellValidatorTooltipComponent_hoverTimeout, _SkyAgGridCellValidatorTooltipComponent_changeDetector, _SkyAgGridCellValidatorTooltipComponent_scheduleDelayedPopover, _SkyAgGridCellValidatorTooltipComponent_cancelDelayedPopover;
 /**
  * @internal
  */
 class SkyAgGridCellValidatorTooltipComponent {
     constructor(changeDetector) {
-        this.changeDetector = changeDetector;
+        _SkyAgGridCellValidatorTooltipComponent_instances.add(this);
         this.popoverMessageStream = new Subject();
+        _SkyAgGridCellValidatorTooltipComponent_hoverTimeout.set(this, void 0);
+        _SkyAgGridCellValidatorTooltipComponent_changeDetector.set(this, void 0);
+        __classPrivateFieldSet(this, _SkyAgGridCellValidatorTooltipComponent_changeDetector, changeDetector, "f");
     }
     set params(value) {
-        var _a, _b, _c, _d, _e, _f, _g;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
         this.cellRendererParams = value;
         /*istanbul ignore next*/
-        (_a = this.cellRendererParams.api) === null || _a === void 0 ? void 0 : _a.addEventListener(Events.EVENT_CELL_FOCUSED, (eventParams) => {
+        (_b = (_a = this.cellRendererParams) === null || _a === void 0 ? void 0 : _a.api) === null || _b === void 0 ? void 0 : _b.addEventListener(Events.EVENT_CELL_FOCUSED, (eventParams) => {
+            var _a, _b;
             // 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() ||
+                    ((_b = (_a = this.cellRendererParams) === null || _a === void 0 ? void 0 : _a.column) === null || _b === void 0 ? void 0 : _b.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) => {
+        (_d = (_c = this.cellRendererParams) === null || _c === void 0 ? void 0 : _c.eGridCell) === null || _d === void 0 ? void 0 : _d.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();
+        (_f = (_e = this.cellRendererParams) === null || _e === void 0 ? void 0 : _e.eGridCell) === null || _f === void 0 ? void 0 : _f.addEventListener('mouseenter', () => {
+            __classPrivateFieldGet(this, _SkyAgGridCellValidatorTooltipComponent_instances, "m", _SkyAgGridCellValidatorTooltipComponent_scheduleDelayedPopover).call(this);
         });
-        (_d = this.cellRendererParams.eGridCell) === null || _d === void 0 ? void 0 : _d.addEventListener('mouseleave', () => {
+        (_h = (_g = this.cellRendererParams) === null || _g === void 0 ? void 0 : _g.eGridCell) === null || _h === void 0 ? void 0 : _h.addEventListener('mouseleave', () => {
             this.hidePopover();
         });
         /*istanbul ignore next*/
-        (_e = this.cellRendererParams.api) === null || _e === void 0 ? void 0 : _e.addEventListener(Events.EVENT_CELL_EDITING_STARTED, () => {
+        (_k = (_j = this.cellRendererParams) === null || _j === void 0 ? void 0 : _j.api) === null || _k === void 0 ? void 0 : _k.addEventListener(Events.EVENT_CELL_EDITING_STARTED, () => {
             this.hidePopover();
         });
-        if (typeof ((_f = this.cellRendererParams.skyComponentProperties) === null || _f === void 0 ? void 0 : _f.validatorMessage) === 'function') {
+        if (typeof ((_m = (_l = this.cellRendererParams) === null || _l === void 0 ? void 0 : _l.skyComponentProperties) === null || _m === void 0 ? void 0 : _m.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;
+                (_p = (_o = this.cellRendererParams) === null || _o === void 0 ? void 0 : _o.skyComponentProperties) === null || _p === void 0 ? void 0 : _p.validatorMessage;
         }
-        this.changeDetector.markForCheck();
+        __classPrivateFieldGet(this, _SkyAgGridCellValidatorTooltipComponent_changeDetector, "f").markForCheck();
     }
     hidePopover() {
-        this.cancelDelayedPopover();
+        __classPrivateFieldGet(this, _SkyAgGridCellValidatorTooltipComponent_instances, "m", _SkyAgGridCellValidatorTooltipComponent_cancelDelayedPopover).call(this);
         this.popoverMessageStream.next({ type: SkyPopoverMessageType.Close });
     }
     showPopover() {
-        this.cancelDelayedPopover();
+        __classPrivateFieldGet(this, _SkyAgGridCellValidatorTooltipComponent_instances, "m", _SkyAgGridCellValidatorTooltipComponent_cancelDelayedPopover).call(this);
         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_hoverTimeout = new WeakMap(), _SkyAgGridCellValidatorTooltipComponent_changeDetector = new WeakMap(), _SkyAgGridCellValidatorTooltipComponent_instances = new WeakSet(), _SkyAgGridCellValidatorTooltipComponent_scheduleDelayedPopover = function _SkyAgGridCellValidatorTooltipComponent_scheduleDelayedPopover() {
+    /* istanbul ignore else */
+    if (!__classPrivateFieldGet(this, _SkyAgGridCellValidatorTooltipComponent_hoverTimeout, "f")) {
+        __classPrivateFieldSet(this, _SkyAgGridCellValidatorTooltipComponent_hoverTimeout, window.setTimeout(() => {
+            this.showPopover();
+        }, 300), "f");
+    }
+}, _SkyAgGridCellValidatorTooltipComponent_cancelDelayedPopover = function _SkyAgGridCellValidatorTooltipComponent_cancelDelayedPopover() {
+    if (__classPrivateFieldGet(this, _SkyAgGridCellValidatorTooltipComponent_hoverTimeout, "f")) {
+        window.clearTimeout(__classPrivateFieldGet(this, _SkyAgGridCellValidatorTooltipComponent_hoverTimeout, "f"));
+        __classPrivateFieldSet(this, _SkyAgGridCellValidatorTooltipComponent_hoverTimeout, undefined, "f");
+    }
+};
 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: [{
@@ -716,11 +775,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
                 type: Input
             }] } });
 
+var _SkyAgGridCellRendererCurrencyComponent_instances, _SkyAgGridCellRendererCurrencyComponent_updateProperties;
 /**
  * @internal
  */
 class SkyAgGridCellRendererCurrencyComponent {
     constructor() {
+        _SkyAgGridCellRendererCurrencyComponent_instances.add(this);
         this.skyComponentProperties = {};
         this.numericOptions = {};
     }
@@ -732,31 +793,33 @@ class SkyAgGridCellRendererCurrencyComponent {
      * @param params The cell renderer params that include data about the cell, column, row, and grid.
      */
     agInit(params) {
-        this.updateProperties(params);
+        __classPrivateFieldGet(this, _SkyAgGridCellRendererCurrencyComponent_instances, "m", _SkyAgGridCellRendererCurrencyComponent_updateProperties).call(this, params);
     }
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     refresh(params) {
         return false;
     }
-    updateProperties(params) {
-        var _a;
-        this._params = params;
-        this.value = this._params.value;
-        this.columnHeader = this._params.colDef && this._params.colDef.headerName;
-        this.rowNumber = this._params.rowIndex + 1;
-        this.columnWidth = (_a = this._params.column) === null || _a === void 0 ? void 0 : _a.getActualWidth();
-        this.rowHeightWithoutBorders =
-            this._params.node && this._params.node.rowHeight - 4;
-        this.skyComponentProperties = this._params.skyComponentProperties || {};
-        this.skyComponentProperties.format = 'currency';
-        this.skyComponentProperties.minDigits = 2;
-        this.skyComponentProperties.truncate = false;
-    }
 }
+_SkyAgGridCellRendererCurrencyComponent_instances = new WeakSet(), _SkyAgGridCellRendererCurrencyComponent_updateProperties = function _SkyAgGridCellRendererCurrencyComponent_updateProperties(params) {
+    var _a, _b, _c, _d;
+    this.value = params.value;
+    this.columnHeader = (_a = params.colDef) === null || _a === void 0 ? void 0 : _a.headerName;
+    this.rowNumber = params.rowIndex + 1;
+    this.columnWidth = (_b = params.column) === null || _b === void 0 ? void 0 : _b.getActualWidth();
+    this.rowHeightWithoutBorders =
+        typeof ((_c = params.node) === null || _c === void 0 ? void 0 : _c.rowHeight) === 'number'
+            ? ((_d = params.node) === null || _d === void 0 ? void 0 : _d.rowHeight) - 4
+            : undefined;
+    this.skyComponentProperties = params.skyComponentProperties || {};
+    this.skyComponentProperties.format = 'currency';
+    this.skyComponentProperties.minDigits = 2;
+    this.skyComponentProperties.truncate = false;
+};
 SkyAgGridCellRendererCurrencyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellRendererCurrencyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyAgGridCellRendererCurrencyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: SkyAgGridCellRendererCurrencyComponent, selector: "sky-ag-grid-cell-renderer-currency", inputs: { params: "params" }, ngImport: i0, template: "<span\n  [style.width.px]=\"columnWidth\"\n  [style.height.px]=\"rowHeightWithoutBorders\"\n>\n  {{ value | skyNumeric: skyComponentProperties }}\n</span>\n", styles: ["input{border:none;padding-left:11px}\n"], dependencies: [{ kind: "pipe", type: i1.SkyNumericPipe, name: "skyNumeric" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+SkyAgGridCellRendererCurrencyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.0", type: SkyAgGridCellRendererCurrencyComponent, selector: "sky-ag-grid-cell-renderer-currency", inputs: { params: "params" }, ngImport: i0, template: "<span\n  [style.width.px]=\"columnWidth\"\n  [style.height.px]=\"rowHeightWithoutBorders\"\n>\n  {{\n    value === undefined\n      ? undefined\n      : (value | skyNumeric: skyComponentProperties)\n  }}\n</span>\n", styles: ["input{border:none;padding-left:11px}\n"], dependencies: [{ kind: "pipe", type: i1.SkyNumericPipe, name: "skyNumeric" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImport: i0, type: SkyAgGridCellRendererCurrencyComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sky-ag-grid-cell-renderer-currency', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span\n  [style.width.px]=\"columnWidth\"\n  [style.height.px]=\"rowHeightWithoutBorders\"\n>\n  {{ value | skyNumeric: skyComponentProperties }}\n</span>\n", styles: ["input{border:none;padding-left:11px}\n"] }]
+            args: [{ selector: 'sky-ag-grid-cell-renderer-currency', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span\n  [style.width.px]=\"columnWidth\"\n  [style.height.px]=\"rowHeightWithoutBorders\"\n>\n  {{\n    value === undefined\n      ? undefined\n      : (value | skyNumeric: skyComponentProperties)\n  }}\n</span>\n", styles: ["input{border:none;padding-left:11px}\n"] }]
         }], propDecorators: { params: [{
                 type: Input
             }] } });
@@ -779,18 +842,20 @@ class SkyAgGridCellRendererCurrencyValidatorComponent {
         this.cellRendererParams = params;
         this.changeDetector.markForCheck();
     }
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     isNumeric(value) {
         return !isNaN(parseFloat(value));
     }
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     refresh(params) {
         return false;
     }
 }
 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$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 });
+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\n  *ngIf=\"cellRendererParams\"\n  [params]=\"cellRendererParams\"\n>\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" }]
+            args: [{ selector: 'sky-ag-grid-cell-renderer-currency-validator', changeDetection: ChangeDetectionStrategy.OnPush, template: "<sky-ag-grid-cell-validator-tooltip\n  *ngIf=\"cellRendererParams\"\n  [params]=\"cellRendererParams\"\n>\n  <sky-ag-grid-cell-renderer-currency\n    *ngIf=\"isNumeric(cellRendererParams.value); else rawValue\"\n    [params]=\"cellRendererParams\"\n  ></sky-ag-grid-cell-renderer-currency>\n  <ng-template #rawValue>{{ cellRendererParams.value }}</ng-template>\n</sky-ag-grid-cell-validator-tooltip>\n" }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { parameters: [{
                 type: Input
             }] } });
@@ -822,31 +887,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
             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 }]; } });
 
+var _SkyAgGridCellRendererRowSelectorComponent_instances, _SkyAgGridCellRendererRowSelectorComponent_params, _SkyAgGridCellRendererRowSelectorComponent_changeDetector, _SkyAgGridCellRendererRowSelectorComponent_rowSelectedListener;
 /**
  * @internal
  */
 class SkyAgGridCellRendererRowSelectorComponent {
-    constructor(changeDetection) {
-        this.changeDetection = changeDetection;
+    constructor(changeDetector) {
+        _SkyAgGridCellRendererRowSelectorComponent_instances.add(this);
+        _SkyAgGridCellRendererRowSelectorComponent_params.set(this, void 0);
+        _SkyAgGridCellRendererRowSelectorComponent_changeDetector.set(this, void 0);
+        __classPrivateFieldSet(this, _SkyAgGridCellRendererRowSelectorComponent_changeDetector, changeDetector, "f");
     }
     /**
      * agInit is called by agGrid once after the cell is created and provides the renderer with the information it needs.
      * @param params The cell renderer params that include data about the cell, column, row, and grid.
      */
     agInit(params) {
-        this.params = params;
-        this.dataField = this.params.colDef && this.params.colDef.field;
-        this.rowNode = this.params.node;
-        this.rowNumber = this.params.rowIndex + 1;
+        var _a;
+        __classPrivateFieldSet(this, _SkyAgGridCellRendererRowSelectorComponent_params, params, "f");
+        this.dataField = (_a = __classPrivateFieldGet(this, _SkyAgGridCellRendererRowSelectorComponent_params, "f").colDef) === null || _a === void 0 ? void 0 : _a.field;
+        this.rowNode = __classPrivateFieldGet(this, _SkyAgGridCellRendererRowSelectorComponent_params, "f").node;
+        this.rowNumber = __classPrivateFieldGet(this, _SkyAgGridCellRendererRowSelectorComponent_params, "f").rowIndex + 1;
         if (this.dataField) {
-            this.checked = this.params.value;
-            this.rowNode.setSelected(this.checked);
+            this.checked = __classPrivateFieldGet(this, _SkyAgGridCellRendererRowSelectorComponent_params, "f").value;
+            this.rowNode.setSelected(!!this.checked);
         }
         else {
             this.checked = this.rowNode.isSelected();
         }
         this.rowNode.addEventListener(RowNode.EVENT_ROW_SELECTED, (event) => {
-            this.rowSelectedListener(event);
+            __classPrivateFieldGet(this, _SkyAgGridCellRendererRowSelectorComponent_instances, "m", _SkyAgGridCellRendererRowSelectorComponent_rowSelectedListener).call(this, event);
         });
     }
     /**
@@ -858,19 +928,21 @@ class SkyAgGridCellRendererRowSelectorComponent {
         return false;
     }
     updateRow() {
-        this.rowNode.setSelected(this.checked);
-        if (this.dataField) {
-            this.rowNode.data[this.dataField] = this.checked;
-        }
-    }
-    rowSelectedListener(event) {
-        this.checked = event.node.isSelected();
-        if (this.dataField) {
-            this.rowNode.data[this.dataField] = this.checked;
+        if (this.rowNode) {
+            this.rowNode.setSelected(!!this.checked);
+            if (this.dataField) {
+                this.rowNode.data[this.dataField] = this.checked;
+            }
         }
-        this.changeDetection.markForCheck();
     }
 }
+_SkyAgGridCellRendererRowSelectorComponent_params = new WeakMap(), _SkyAgGridCellRendererRowSelectorComponent_changeDetector = new WeakMap(), _SkyAgGridCellRendererRowSelectorComponent_instances = new WeakSet(), _SkyAgGridCellRendererRowSelectorComponent_rowSelectedListener = function _SkyAgGridCellRendererRowSelectorComponent_rowSelectedListener(event) {
+    this.checked = event.node.isSelected();
+    if (this.rowNode && this.dataField) {
+        this.rowNode.data[this.dataField] = this.checked;
+    }
+    __classPrivateFieldGet(this, _SkyAgGridCellRendererRowSelectorComponent_changeDetector, "f").markForCheck();
+};
 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$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: [{
@@ -899,6 +971,7 @@ class SkyAgGridCellRendererValidatorTooltipComponent {
         }
         this.changeDetector.markForCheck();
     }
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
     refresh(params) {
         return false;
     }
@@ -957,13 +1030,13 @@ class SkyAgGridHeaderGroupComponent {
         __classPrivateFieldSet(this, _SkyAgGridHeaderGroupComponent_agIntialized, true, "f");
         this.params = params;
         __classPrivateFieldGet(this, _SkyAgGridHeaderGroupComponent_subscriptions, "f").unsubscribe();
-        if (!this.params) {
+        if (!params) {
             return;
         }
         __classPrivateFieldSet(this, _SkyAgGridHeaderGroupComponent_subscriptions, new Subscription(), "f");
-        __classPrivateFieldSet(this, _SkyAgGridHeaderGroupComponent_columnGroup, this.params.columnGroup.getProvidedColumnGroup(), "f");
+        __classPrivateFieldSet(this, _SkyAgGridHeaderGroupComponent_columnGroup, params.columnGroup.getProvidedColumnGroup(), "f");
         if (__classPrivateFieldGet(this, _SkyAgGridHeaderGroupComponent_columnGroup, "f").isExpandable()) {
-            __classPrivateFieldGet(this, _SkyAgGridHeaderGroupComponent_subscriptions, "f").add(fromEvent(this.params.api, Events.EVENT_COLUMN_GROUP_OPENED).subscribe((event) => {
+            __classPrivateFieldGet(this, _SkyAgGridHeaderGroupComponent_subscriptions, "f").add(fromEventPattern((handler) => params.api.addEventListener(Events.EVENT_COLUMN_GROUP_OPENED, handler), (handler) => params.api.removeEventListener(Events.EVENT_COLUMN_GROUP_OPENED, handler)).subscribe((event) => {
                 if (event.columnGroup === __classPrivateFieldGet(this, _SkyAgGridHeaderGroupComponent_columnGroup, "f")) {
                     __classPrivateFieldGet(this, _SkyAgGridHeaderGroupComponent_isExpandedSubject, "f").next(__classPrivateFieldGet(this, _SkyAgGridHeaderGroupComponent_columnGroup, "f").isExpanded());
                 }
@@ -973,29 +1046,30 @@ class SkyAgGridHeaderGroupComponent {
         __classPrivateFieldGet(this, _SkyAgGridHeaderGroupComponent_changeDetector, "f").markForCheck();
     }
     setExpanded($event) {
-        this.params.setExpanded($event);
+        var _a;
+        (_a = this.params) === null || _a === void 0 ? void 0 : _a.setExpanded($event);
     }
 }
 _SkyAgGridHeaderGroupComponent_columnGroup = new WeakMap(), _SkyAgGridHeaderGroupComponent_isExpandedSubject = new WeakMap(), _SkyAgGridHeaderGroupComponent_subscriptions = new WeakMap(), _SkyAgGridHeaderGroupComponent_changeDetector = new WeakMap(), _SkyAgGridHeaderGroupComponent_dynamicComponentService = new WeakMap(), _SkyAgGridHeaderGroupComponent_viewInitialized = new WeakMap(), _SkyAgGridHeaderGroupComponent_agIntialized = new WeakMap(), _SkyAgGridHeaderGroupComponent_instances = new WeakSet(), _SkyAgGridHeaderGroupComponent_updateInlineHelp = function _SkyAgGridHeaderGroupComponent_updateInlineHelp() {
-    var _a, _b, _c;
+    var _a, _b, _c, _d, _e, _f, _g;
     if (!__classPrivateFieldGet(this, _SkyAgGridHeaderGroupComponent_viewInitialized, "f") || !__classPrivateFieldGet(this, _SkyAgGridHeaderGroupComponent_agIntialized, "f")) {
         return;
     }
     const colGroupDef = (_b = (_a = this.params) === null || _a === void 0 ? void 0 : _a.columnGroup) === null || _b === void 0 ? void 0 : _b.getColGroupDef();
     const inlineHelpComponent = (_c = colGroupDef === null || colGroupDef === void 0 ? void 0 : colGroupDef.headerGroupComponentParams) === null || _c === void 0 ? void 0 : _c.inlineHelpComponent;
     if (inlineHelpComponent) {
+        const headerGroupInfo = new SkyAgGridHeaderGroupInfo();
+        headerGroupInfo.columnGroup = (_d = this.params) === null || _d === void 0 ? void 0 : _d.columnGroup;
+        headerGroupInfo.context = (_e = this.params) === null || _e === void 0 ? void 0 : _e.context;
+        headerGroupInfo.displayName = (_f = this.params) === null || _f === void 0 ? void 0 : _f.displayName;
         __classPrivateFieldGet(this, _SkyAgGridHeaderGroupComponent_dynamicComponentService, "f").createComponent(inlineHelpComponent, {
             providers: [
                 {
                     provide: SkyAgGridHeaderGroupInfo,
-                    useValue: {
-                        columnGroup: this.params.columnGroup,
-                        context: this.params.context,
-                        displayName: this.params.displayName,
-                    },
+                    useValue: headerGroupInfo,
                 },
             ],
-            referenceEl: this.inlineHelpContainer.nativeElement,
+            referenceEl: (_g = this.inlineHelpContainer) === null || _g === void 0 ? void 0 : _g.nativeElement,
             location: SkyDynamicComponentLocation.ElementBottom,
         });
     }
@@ -1056,12 +1130,12 @@ class SkyAgGridHeaderComponent {
         __classPrivateFieldSet(this, _SkyAgGridHeaderComponent_agIntialized, true, "f");
         this.params = params;
         __classPrivateFieldGet(this, _SkyAgGridHeaderComponent_subscriptions, "f").unsubscribe();
-        if (!this.params) {
+        if (!params) {
             return;
         }
         __classPrivateFieldSet(this, _SkyAgGridHeaderComponent_subscriptions, new Subscription(), "f");
         if (params.column.isFilterAllowed()) {
-            __classPrivateFieldGet(this, _SkyAgGridHeaderComponent_subscriptions, "f").add(fromEvent(params.column, 'filterChanged').subscribe(() => {
+            __classPrivateFieldGet(this, _SkyAgGridHeaderComponent_subscriptions, "f").add(fromEventPattern((handler) => params.column.addEventListener(Events.EVENT_FILTER_CHANGED, handler), (handler) => params.column.removeEventListener(Events.EVENT_FILTER_CHANGED, handler)).subscribe(() => {
                 const isFilterActive = params.column.isFilterActive();
                 if (isFilterActive !== this.filterEnabled$.getValue()) {
                     this.filterEnabled$.next(isFilterActive);
@@ -1070,11 +1144,11 @@ class SkyAgGridHeaderComponent {
         }
         if (params.enableSorting) {
             // Column sort state changes
-            __classPrivateFieldGet(this, _SkyAgGridHeaderComponent_subscriptions, "f").add(fromEvent(params.column, Events.EVENT_SORT_CHANGED).subscribe(() => {
+            __classPrivateFieldGet(this, _SkyAgGridHeaderComponent_subscriptions, "f").add(fromEventPattern((handler) => params.column.addEventListener(Events.EVENT_SORT_CHANGED, handler), (handler) => params.column.removeEventListener(Events.EVENT_SORT_CHANGED, handler)).subscribe(() => {
                 __classPrivateFieldGet(this, _SkyAgGridHeaderComponent_instances, "m", _SkyAgGridHeaderComponent_updateSort).call(this);
             }));
             // Other column sort state changes, for multi-column sorting
-            __classPrivateFieldGet(this, _SkyAgGridHeaderComponent_subscriptions, "f").add(fromEvent(params.api, Events.EVENT_SORT_CHANGED).subscribe(() => {
+            __classPrivateFieldGet(this, _SkyAgGridHeaderComponent_subscriptions, "f").add(fromEventPattern((handler) => params.api.addEventListener(Events.EVENT_SORT_CHANGED, handler), (handler) => params.api.removeEventListener(Events.EVENT_SORT_CHANGED, handler)).subscribe(() => {
                 __classPrivateFieldGet(this, _SkyAgGridHeaderComponent_instances, "m", _SkyAgGridHeaderComponent_updateSortIndex).call(this);
             }));
             __classPrivateFieldGet(this, _SkyAgGridHeaderComponent_instances, "m", _SkyAgGridHeaderComponent_updateSort).call(this);
@@ -1084,10 +1158,12 @@ class SkyAgGridHeaderComponent {
         __classPrivateFieldGet(this, _SkyAgGridHeaderComponent_changeDetector, "f").markForCheck();
     }
     onMenuClick($event) {
-        this.params.showColumnMenu($event.target);
+        var _a;
+        (_a = this.params) === null || _a === void 0 ? void 0 : _a.showColumnMenu($event.target);
     }
     onSortRequested(event) {
-        this.params.progressSort(!!event.shiftKey);
+        var _a;
+        (_a = this.params) === null || _a === void 0 ? void 0 : _a.progressSort(!!event.shiftKey);
     }
     refresh(params) {
         this.agInit(params);
@@ -1095,26 +1171,27 @@ class SkyAgGridHeaderComponent {
     }
 }
 _SkyAgGridHeaderComponent_subscriptions = new WeakMap(), _SkyAgGridHeaderComponent_changeDetector = new WeakMap(), _SkyAgGridHeaderComponent_dynamicComponentService = new WeakMap(), _SkyAgGridHeaderComponent_inlineHelpComponentRef = new WeakMap(), _SkyAgGridHeaderComponent_viewInitialized = new WeakMap(), _SkyAgGridHeaderComponent_agIntialized = new WeakMap(), _SkyAgGridHeaderComponent_instances = new WeakSet(), _SkyAgGridHeaderComponent_updateInlineHelp = function _SkyAgGridHeaderComponent_updateInlineHelp() {
+    var _a, _b, _c, _d, _e;
     if (!__classPrivateFieldGet(this, _SkyAgGridHeaderComponent_viewInitialized, "f") || !__classPrivateFieldGet(this, _SkyAgGridHeaderComponent_agIntialized, "f")) {
         return;
     }
-    const inlineHelpComponent = this.params.inlineHelpComponent;
+    const inlineHelpComponent = (_a = this.params) === null || _a === void 0 ? void 0 : _a.inlineHelpComponent;
     if (inlineHelpComponent &&
         (!__classPrivateFieldGet(this, _SkyAgGridHeaderComponent_inlineHelpComponentRef, "f") ||
             __classPrivateFieldGet(this, _SkyAgGridHeaderComponent_inlineHelpComponentRef, "f").componentType !== inlineHelpComponent)) {
         __classPrivateFieldGet(this, _SkyAgGridHeaderComponent_dynamicComponentService, "f").removeComponent(__classPrivateFieldGet(this, _SkyAgGridHeaderComponent_inlineHelpComponentRef, "f"));
+        const headerInfo = new SkyAgGridHeaderInfo();
+        headerInfo.column = (_b = this.params) === null || _b === void 0 ? void 0 : _b.column;
+        headerInfo.context = (_c = this.params) === null || _c === void 0 ? void 0 : _c.context;
+        headerInfo.displayName = (_d = this.params) === null || _d === void 0 ? void 0 : _d.displayName;
         __classPrivateFieldSet(this, _SkyAgGridHeaderComponent_inlineHelpComponentRef, __classPrivateFieldGet(this, _SkyAgGridHeaderComponent_dynamicComponentService, "f").createComponent(inlineHelpComponent, {
             providers: [
                 {
                     provide: SkyAgGridHeaderInfo,
-                    useValue: {
-                        column: this.params.column,
-                        context: this.params.context,
-                        displayName: this.params.displayName,
-                    },
+                    useValue: headerInfo,
                 },
             ],
-            referenceEl: this.inlineHelpContainer.nativeElement,
+            referenceEl: (_e = this.inlineHelpContainer) === null || _e === void 0 ? void 0 : _e.nativeElement,
             location: SkyDynamicComponentLocation.ElementBottom,
         }), "f");
     }
@@ -1122,13 +1199,16 @@ _SkyAgGridHeaderComponent_subscriptions = new WeakMap(), _SkyAgGridHeaderCompone
         __classPrivateFieldGet(this, _SkyAgGridHeaderComponent_dynamicComponentService, "f").removeComponent(__classPrivateFieldGet(this, _SkyAgGridHeaderComponent_inlineHelpComponentRef, "f"));
     }
 }, _SkyAgGridHeaderComponent_updateSort = function _SkyAgGridHeaderComponent_updateSort() {
-    this.sortOrder$.next(this.params.column.getSort() || undefined);
+    var _a;
+    this.sortOrder$.next(((_a = this.params) === null || _a === void 0 ? void 0 : _a.column.getSort()) || undefined);
 }, _SkyAgGridHeaderComponent_updateSortIndex = function _SkyAgGridHeaderComponent_updateSortIndex() {
-    const sortIndex = this.params.column.getSortIndex();
-    const otherSortColumns = this.params.columnApi
-        .getColumns()
-        .some((column) => column.getColId() !== this.params.column.getColId() &&
-        !!column.getSort());
+    var _a, _b, _c, _d;
+    const sortIndex = (_a = this.params) === null || _a === void 0 ? void 0 : _a.column.getSortIndex();
+    const otherSortColumns = (_d = (_c = (_b = this.params) === null || _b === void 0 ? void 0 : _b.columnApi) === null || _c === void 0 ? void 0 : _c.getColumns()) === null || _d === void 0 ? void 0 : _d.some((column) => {
+        var _a;
+        return column.getColId() !== ((_a = this.params) === null || _a === void 0 ? void 0 : _a.column.getColId()) &&
+            !!column.getSort();
+    });
     if (sortIndex !== undefined && sortIndex !== null && otherSortColumns) {
         this.sortIndexDisplay$.next(`${sortIndex + 1}`);
     }
@@ -1146,23 +1226,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
                 args: ['inlineHelpContainer', { read: ElementRef, static: true }]
             }] } });
 
-/**
- * @internal
- */
-var SkyCellClass;
-(function (SkyCellClass) {
-    SkyCellClass["Autocomplete"] = "sky-ag-grid-cell-autocomplete";
-    SkyCellClass["Currency"] = "sky-ag-grid-cell-currency";
-    SkyCellClass["Date"] = "sky-ag-grid-cell-date";
-    SkyCellClass["Editable"] = "sky-ag-grid-cell-editable";
-    SkyCellClass["Invalid"] = "sky-ag-grid-cell-invalid";
-    SkyCellClass["Lookup"] = "sky-ag-grid-cell-lookup";
-    SkyCellClass["Number"] = "sky-ag-grid-cell-number";
-    SkyCellClass["RowSelector"] = "sky-ag-grid-cell-row-selector";
-    SkyCellClass["Text"] = "sky-ag-grid-cell-text";
-    SkyCellClass["Uneditable"] = "sky-ag-grid-cell-uneditable";
-})(SkyCellClass || (SkyCellClass = {}));
-
 /**
  * These column types can be used by setting the AG Grid [column definition `type`](https://www.ag-grid.com/angular-data-grid/column-properties/#reference-editing) to one of the following values.
  * <br/>
@@ -1264,7 +1327,7 @@ var SkyHeaderClass;
     SkyHeaderClass["RightAligned"] = "sky-ag-grid-header-right-aligned";
 })(SkyHeaderClass || (SkyHeaderClass = {}));
 
-var _SkyAgGridService_instances, _SkyAgGridService_currentTheme, _SkyAgGridService_getRowHeight;
+var _SkyAgGridService_instances, _SkyAgGridService_keyMap, _SkyAgGridService_ngUnsubscribe, _SkyAgGridService_currentTheme, _SkyAgGridService_agGridAdapterService, _SkyAgGridService_resources, _SkyAgGridService_mergeGridOptions, _SkyAgGridService_getDefaultGridOptions, _SkyAgGridService_onCellFocused, _SkyAgGridService_getDefaultEditableGridOptions, _SkyAgGridService_dateFormatter, _SkyAgGridService_getIconTemplate, _SkyAgGridService_suppressTab, _SkyAgGridService_getRowHeight;
 function autocompleteComparator(value1, value2) {
     if (value1 && value2) {
         if (value1.name > value2.name) {
@@ -1300,7 +1363,9 @@ function dateComparator(date1, date2) {
     }
     return date1value ? 1 : -1;
 }
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 function getValidatorCellRendererSelector(component, fallback) {
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     return (params) => {
         var _a, _b;
         if (params.colDef &&
@@ -1321,24 +1386,27 @@ let rowNodeId = -1;
  */
 class SkyAgGridService {
     constructor(agGridAdapterService, themeSvc, resources) {
-        this.agGridAdapterService = agGridAdapterService;
-        this.resources = resources;
         _SkyAgGridService_instances.add(this);
-        this.ngUnsubscribe = new Subject();
-        this.keyMap = new WeakMap();
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        _SkyAgGridService_keyMap.set(this, new WeakMap());
+        _SkyAgGridService_ngUnsubscribe.set(this, new Subject());
         _SkyAgGridService_currentTheme.set(this, undefined);
+        _SkyAgGridService_agGridAdapterService.set(this, void 0);
+        _SkyAgGridService_resources.set(this, void 0);
+        __classPrivateFieldSet(this, _SkyAgGridService_agGridAdapterService, agGridAdapterService, "f");
+        __classPrivateFieldSet(this, _SkyAgGridService_resources, resources, "f");
         /*istanbul ignore else*/
         if (themeSvc) {
             themeSvc.settingsChange
-                .pipe(takeUntil(this.ngUnsubscribe))
+                .pipe(takeUntil(__classPrivateFieldGet(this, _SkyAgGridService_ngUnsubscribe, "f")))
                 .subscribe((settingsChange) => {
                 __classPrivateFieldSet(this, _SkyAgGridService_currentTheme, settingsChange.currentSettings, "f");
             });
         }
     }
     ngOnDestroy() {
-        this.ngUnsubscribe.next();
-        this.ngUnsubscribe.complete();
+        __classPrivateFieldGet(this, _SkyAgGridService_ngUnsubscribe, "f").next();
+        __classPrivateFieldGet(this, _SkyAgGridService_ngUnsubscribe, "f").complete();
     }
     /**
      * Returns [AG Grid `gridOptions`](https://www.ag-grid.com/javascript-grid-properties/) with default SKY UX options, styling, and cell renderers registered for read-only grids.
@@ -1346,8 +1414,8 @@ class SkyAgGridService {
      * @returns
      */
     getGridOptions(args) {
-        const defaultGridOptions = this.getDefaultGridOptions(args);
-        const mergedGridOptions = this.mergeGridOptions(defaultGridOptions, args.gridOptions);
+        const defaultGridOptions = __classPrivateFieldGet(this, _SkyAgGridService_instances, "m", _SkyAgGridService_getDefaultGridOptions).call(this, args);
+        const mergedGridOptions = __classPrivateFieldGet(this, _SkyAgGridService_instances, "m", _SkyAgGridService_mergeGridOptions).call(this, defaultGridOptions, args.gridOptions);
         return mergedGridOptions;
     }
     /**
@@ -1356,254 +1424,249 @@ class SkyAgGridService {
      * @returns
      */
     getEditableGridOptions(args) {
-        const defaultGridOptions = this.getDefaultEditableGridOptions(args);
-        const mergedGridOptions = this.mergeGridOptions(defaultGridOptions, args.gridOptions);
+        const defaultGridOptions = __classPrivateFieldGet(this, _SkyAgGridService_instances, "m", _SkyAgGridService_getDefaultEditableGridOptions).call(this, args);
+        const mergedGridOptions = __classPrivateFieldGet(this, _SkyAgGridService_instances, "m", _SkyAgGridService_mergeGridOptions).call(this, 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
-                cellClassRules: defaultGridOptions.defaultColDef.cellClassRules }), defaultColGroupDef: Object.assign(Object.assign({}, defaultGridOptions.defaultColGroupDef), providedGridOptions.defaultColGroupDef), icons: Object.assign(Object.assign({}, defaultGridOptions.icons), providedGridOptions.icons) });
-        // Prefer `getRowNodeId` over `getNodeId` if set by the consumer, for backward compatibility.
-        if (mergedGridOptions.getRowNodeId) {
-            delete mergedGridOptions.getRowId;
-        }
-        return mergedGridOptions;
-    }
-    getDefaultGridOptions(args) {
-        var _a, _b;
-        // cellClassRules can be functions or string expressions
-        const cellClassRuleTrueExpression = () => true;
-        function getEditableFn(isUneditable) {
-            return function (params) {
-                let isEditable = params.colDef.editable;
-                if (typeof isEditable === 'function') {
-                    const column = params.columnApi.getColumn(params.colDef.field);
-                    isEditable = isEditable(Object.assign(Object.assign({}, params), { column }));
-                }
-                return isUneditable ? !isEditable : isEditable;
-            };
-        }
-        const editableCellClassRules = {
-            [SkyCellClass.Editable]: getEditableFn(),
-            [SkyCellClass.Uneditable]: getEditableFn(true),
+}
+_SkyAgGridService_keyMap = new WeakMap(), _SkyAgGridService_ngUnsubscribe = new WeakMap(), _SkyAgGridService_currentTheme = new WeakMap(), _SkyAgGridService_agGridAdapterService = new WeakMap(), _SkyAgGridService_resources = new WeakMap(), _SkyAgGridService_instances = new WeakSet(), _SkyAgGridService_mergeGridOptions = function _SkyAgGridService_mergeGridOptions(defaultGridOptions, providedGridOptions) {
+    var _a;
+    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
+            cellClassRules: (_a = defaultGridOptions.defaultColDef) === null || _a === void 0 ? void 0 : _a.cellClassRules }), defaultColGroupDef: Object.assign(Object.assign({}, defaultGridOptions.defaultColGroupDef), providedGridOptions.defaultColGroupDef), icons: Object.assign(Object.assign({}, defaultGridOptions.icons), providedGridOptions.icons) });
+    // Prefer `getRowNodeId` over `getNodeId` if set by the consumer, for backward compatibility.
+    if (mergedGridOptions.getRowNodeId) {
+        delete mergedGridOptions.getRowId;
+    }
+    return mergedGridOptions;
+}, _SkyAgGridService_getDefaultGridOptions = function _SkyAgGridService_getDefaultGridOptions(args) {
+    var _a, _b;
+    // cellClassRules can be functions or string expressions
+    const cellClassRuleTrueExpression = () => true;
+    function getEditableFn(isUneditable) {
+        return function (params) {
+            let isEditable = params.colDef.editable;
+            if (typeof isEditable === 'function') {
+                const column = params.columnApi.getColumn(params.colDef.field);
+                isEditable = isEditable(Object.assign(Object.assign({}, params), { column }));
+            }
+            return isUneditable ? !isEditable : !!isEditable;
         };
-        function getValidatorFn() {
-            return function (param) {
-                var _a, _b;
-                if (param.colDef &&
-                    typeof ((_b = (_a = param.colDef.cellRendererParams) === null || _a === void 0 ? void 0 : _a.skyComponentProperties) === null || _b === void 0 ? void 0 : _b.validator) === 'function') {
-                    return !param.colDef.cellRendererParams.skyComponentProperties.validator(param.value, param.data, param.rowIndex);
-                }
-                return false;
-            };
-        }
-        const validatorCellClassRules = {
-            [SkyCellClass.Invalid]: getValidatorFn(),
+    }
+    const editableCellClassRules = {
+        ["sky-ag-grid-cell-editable" /* SkyCellClass.Editable */]: getEditableFn(),
+        ["sky-ag-grid-cell-uneditable" /* SkyCellClass.Uneditable */]: getEditableFn(true),
+    };
+    function getValidatorFn() {
+        return function (param) {
+            var _a, _b;
+            if (param.colDef &&
+                typeof ((_b = (_a = param.colDef.cellRendererParams) === null || _a === void 0 ? void 0 : _a.skyComponentProperties) === null || _b === void 0 ? void 0 : _b.validator) === 'function') {
+                return !param.colDef.cellRendererParams.skyComponentProperties.validator(param.value, param.data, param.rowIndex);
+            }
+            return false;
         };
-        const defaultSkyGridOptions = {
-            columnTypes: {
-                [SkyCellType.Autocomplete]: {
-                    cellClassRules: Object.assign({ [SkyCellClass.Autocomplete]: cellClassRuleTrueExpression }, editableCellClassRules),
-                    cellEditor: SkyAgGridCellEditorAutocompleteComponent,
-                    valueFormatter: autocompleteFormatter,
-                    comparator: autocompleteComparator,
-                    minWidth: 185,
-                },
-                [SkyCellType.Currency]: {
-                    cellClassRules: Object.assign(Object.assign({ [SkyCellClass.Currency]: cellClassRuleTrueExpression }, validatorCellClassRules), editableCellClassRules),
-                    cellRendererSelector: getValidatorCellRendererSelector('sky-ag-grid-cell-renderer-currency-validator', { component: 'sky-ag-grid-cell-renderer-currency' }),
-                    cellEditor: SkyAgGridCellEditorCurrencyComponent,
-                    headerClass: SkyHeaderClass.RightAligned,
-                    minWidth: 185,
-                },
-                [SkyCellType.Date]: {
-                    cellClassRules: Object.assign({ [SkyCellClass.Date]: cellClassRuleTrueExpression }, editableCellClassRules),
-                    cellEditor: SkyAgGridCellEditorDatepickerComponent,
-                    comparator: dateComparator,
-                    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]: {
-                    cellClassRules: Object.assign({ [SkyCellClass.Lookup]: cellClassRuleTrueExpression }, editableCellClassRules),
-                    cellEditor: SkyAgGridCellEditorLookupComponent,
-                    cellRenderer: SkyAgGridCellRendererLookupComponent,
-                    valueFormatter: (params) => {
-                        const lookupProperties = applySkyLookupPropertiesDefaults(params);
-                        return (params.value || [])
-                            .map((value) => {
-                            return value[lookupProperties.descriptorProperty];
-                        })
-                            .filter((value) => value !== '' && value !== undefined)
-                            .join('; ');
-                    },
-                    minWidth: 185,
-                },
-                [SkyCellType.Number]: {
-                    cellClassRules: Object.assign(Object.assign({ [SkyCellClass.Number]: cellClassRuleTrueExpression }, validatorCellClassRules), editableCellClassRules),
-                    cellRendererSelector: getValidatorCellRendererSelector('sky-ag-grid-cell-renderer-validator-tooltip'),
-                    cellEditor: SkyAgGridCellEditorNumberComponent,
-                    headerClass: SkyHeaderClass.RightAligned,
-                },
-                [SkyCellType.RowSelector]: {
-                    cellClassRules: {
-                        [SkyCellClass.RowSelector]: cellClassRuleTrueExpression,
-                        [SkyCellClass.Uneditable]: cellClassRuleTrueExpression,
-                    },
-                    cellRenderer: SkyAgGridCellRendererRowSelectorComponent,
-                    headerName: '',
-                    minWidth: 55,
-                    maxWidth: 55,
-                    sortable: false,
-                    width: 55,
-                },
-                [SkyCellType.Text]: {
-                    cellClassRules: Object.assign(Object.assign({ [SkyCellClass.Text]: cellClassRuleTrueExpression }, validatorCellClassRules), editableCellClassRules),
-                    cellEditor: SkyAgGridCellEditorTextComponent,
-                    cellRendererSelector: getValidatorCellRendererSelector('sky-ag-grid-cell-renderer-validator-tooltip'),
-                },
-                [SkyCellType.Validator]: {
-                    cellClassRules: Object.assign(Object.assign({}, validatorCellClassRules), editableCellClassRules),
-                    cellRendererSelector: getValidatorCellRendererSelector('sky-ag-grid-cell-renderer-validator-tooltip'),
-                },
+    }
+    const validatorCellClassRules = {
+        ["sky-ag-grid-cell-invalid" /* SkyCellClass.Invalid */]: getValidatorFn(),
+    };
+    const defaultSkyGridOptions = {
+        columnTypes: {
+            [SkyCellType.Autocomplete]: {
+                cellClassRules: Object.assign({ ["sky-ag-grid-cell-autocomplete" /* SkyCellClass.Autocomplete */]: cellClassRuleTrueExpression }, editableCellClassRules),
+                cellEditor: SkyAgGridCellEditorAutocompleteComponent,
+                valueFormatter: autocompleteFormatter,
+                comparator: autocompleteComparator,
+                minWidth: 185,
             },
-            defaultColDef: {
-                cellClassRules: editableCellClassRules,
-                headerComponent: SkyAgGridHeaderComponent,
-                minWidth: 100,
-                resizable: true,
-                sortable: true,
-                suppressKeyboardEvent: (keypress) => this.suppressTab(keypress),
+            [SkyCellType.Currency]: {
+                cellClassRules: Object.assign(Object.assign({ ["sky-ag-grid-cell-currency" /* SkyCellClass.Currency */]: cellClassRuleTrueExpression }, validatorCellClassRules), editableCellClassRules),
+                cellRendererSelector: getValidatorCellRendererSelector('sky-ag-grid-cell-renderer-currency-validator', { component: 'sky-ag-grid-cell-renderer-currency' }),
+                cellEditor: SkyAgGridCellEditorCurrencyComponent,
+                headerClass: SkyHeaderClass.RightAligned,
+                minWidth: 185,
             },
-            defaultColGroupDef: {
-                headerGroupComponent: SkyAgGridHeaderGroupComponent,
+            [SkyCellType.Date]: {
+                cellClassRules: Object.assign({ ["sky-ag-grid-cell-date" /* SkyCellClass.Date */]: cellClassRuleTrueExpression }, editableCellClassRules),
+                cellEditor: SkyAgGridCellEditorDatepickerComponent,
+                comparator: dateComparator,
+                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) => __classPrivateFieldGet(this, _SkyAgGridService_instances, "m", _SkyAgGridService_dateFormatter).call(this, params, args.locale),
             },
-            domLayout: 'autoHeight',
-            enterMovesDownAfterEdit: true,
-            components: {
-                'sky-ag-grid-cell-renderer-currency': SkyAgGridCellRendererCurrencyComponent,
-                'sky-ag-grid-cell-renderer-currency-validator': SkyAgGridCellRendererCurrencyValidatorComponent,
-                'sky-ag-grid-cell-renderer-validator-tooltip': SkyAgGridCellRendererValidatorTooltipComponent,
+            [SkyCellType.Lookup]: {
+                cellClassRules: Object.assign({ ["sky-ag-grid-cell-lookup" /* SkyCellClass.Lookup */]: cellClassRuleTrueExpression }, editableCellClassRules),
+                cellEditor: SkyAgGridCellEditorLookupComponent,
+                cellRenderer: SkyAgGridCellRendererLookupComponent,
+                valueFormatter: (params) => {
+                    const lookupProperties = applySkyLookupPropertiesDefaults(params);
+                    return (params.value || [])
+                        .map((value) => {
+                        return value[lookupProperties.descriptorProperty];
+                    })
+                        .filter((value) => value !== '' && value !== undefined)
+                        .join('; ');
+                },
+                minWidth: 185,
             },
-            getRowId: (params) => {
-                const dataId = params.data.id;
-                if (dataId !== undefined) {
-                    return `${params.data.id}`;
-                }
-                if (!this.keyMap.has(params.data)) {
-                    this.keyMap.set(params.data, `${rowNodeId--}`);
-                }
-                return this.keyMap.get(params.data);
+            [SkyCellType.Number]: {
+                cellClassRules: Object.assign(Object.assign({ ["sky-ag-grid-cell-number" /* SkyCellClass.Number */]: cellClassRuleTrueExpression }, validatorCellClassRules), editableCellClassRules),
+                cellRendererSelector: getValidatorCellRendererSelector('sky-ag-grid-cell-renderer-validator-tooltip'),
+                cellEditor: SkyAgGridCellEditorNumberComponent,
+                headerClass: SkyHeaderClass.RightAligned,
             },
-            getRowClass: (params) => {
-                if (params.node.id) {
-                    return `sky-ag-grid-row-${params.node.id}`;
-                }
-                else {
-                    return undefined;
-                }
+            [SkyCellType.RowSelector]: {
+                cellClassRules: {
+                    ["sky-ag-grid-cell-row-selector" /* SkyCellClass.RowSelector */]: cellClassRuleTrueExpression,
+                    ["sky-ag-grid-cell-uneditable" /* SkyCellClass.Uneditable */]: cellClassRuleTrueExpression,
+                },
+                cellRenderer: SkyAgGridCellRendererRowSelectorComponent,
+                headerName: '',
+                minWidth: 55,
+                maxWidth: 55,
+                sortable: false,
+                width: 55,
             },
-            headerHeight: this.getHeaderHeight(),
-            icons: {
-                sortDescending: this.getIconTemplate('caret-down'),
-                sortAscending: this.getIconTemplate('caret-up'),
-                columnMoveMove: this.getIconTemplate('arrows'),
-                columnMoveHide: this.getIconTemplate('arrows'),
-                columnMoveLeft: this.getIconTemplate('arrows'),
-                columnMoveRight: this.getIconTemplate('arrows'),
-                columnMovePin: this.getIconTemplate('arrows'),
+            [SkyCellType.Text]: {
+                cellClassRules: Object.assign(Object.assign({ ["sky-ag-grid-cell-text" /* SkyCellClass.Text */]: cellClassRuleTrueExpression }, validatorCellClassRules), editableCellClassRules),
+                cellEditor: SkyAgGridCellEditorTextComponent,
+                cellRendererSelector: getValidatorCellRendererSelector('sky-ag-grid-cell-renderer-validator-tooltip'),
             },
-            onCellFocused: () => this.onCellFocused(),
-            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,
-            sortingOrder: ['desc', 'asc', null],
-            suppressRowClickSelection: true,
-            suppressDragLeaveHidesColumns: true,
-        };
-        defaultSkyGridOptions.columnTypes[SkyCellType.CurrencyValidator] = Object.assign(Object.assign({}, defaultSkyGridOptions.columnTypes[SkyCellType.Currency]), { cellRendererParams: {
-                skyComponentProperties: {
-                    validator: (value, data, rowIndex) => {
-                        return !!`${value || ''}`.match(/^[^0-9]*(\d+[,.]?)+\d*[^0-9]*$/);
-                    },
-                    validatorMessage: 'Please enter a valid currency',
+            [SkyCellType.Validator]: {
+                cellClassRules: Object.assign(Object.assign({}, validatorCellClassRules), editableCellClassRules),
+                cellRendererSelector: getValidatorCellRendererSelector('sky-ag-grid-cell-renderer-validator-tooltip'),
+            },
+        },
+        defaultColDef: {
+            cellClassRules: editableCellClassRules,
+            headerComponent: SkyAgGridHeaderComponent,
+            minWidth: 100,
+            resizable: true,
+            sortable: true,
+            suppressKeyboardEvent: (keypress) => __classPrivateFieldGet(this, _SkyAgGridService_instances, "m", _SkyAgGridService_suppressTab).call(this, keypress),
+        },
+        defaultColGroupDef: {
+            headerGroupComponent: SkyAgGridHeaderGroupComponent,
+        },
+        domLayout: 'autoHeight',
+        enterMovesDownAfterEdit: true,
+        components: {
+            'sky-ag-grid-cell-renderer-currency': SkyAgGridCellRendererCurrencyComponent,
+            'sky-ag-grid-cell-renderer-currency-validator': SkyAgGridCellRendererCurrencyValidatorComponent,
+            'sky-ag-grid-cell-renderer-validator-tooltip': SkyAgGridCellRendererValidatorTooltipComponent,
+        },
+        getRowId: (params) => {
+            const dataId = params.data.id;
+            if (dataId !== undefined) {
+                return `${params.data.id}`;
+            }
+            if (!__classPrivateFieldGet(this, _SkyAgGridService_keyMap, "f").has(params.data)) {
+                __classPrivateFieldGet(this, _SkyAgGridService_keyMap, "f").set(params.data, `${rowNodeId--}`);
+            }
+            return __classPrivateFieldGet(this, _SkyAgGridService_keyMap, "f").get(params.data);
+        },
+        getRowClass: (params) => {
+            if (params.node.id) {
+                return `sky-ag-grid-row-${params.node.id}`;
+            }
+            else {
+                return undefined;
+            }
+        },
+        headerHeight: this.getHeaderHeight(),
+        icons: {
+            sortDescending: __classPrivateFieldGet(this, _SkyAgGridService_instances, "m", _SkyAgGridService_getIconTemplate).call(this, 'caret-down'),
+            sortAscending: __classPrivateFieldGet(this, _SkyAgGridService_instances, "m", _SkyAgGridService_getIconTemplate).call(this, 'caret-up'),
+            columnMoveMove: __classPrivateFieldGet(this, _SkyAgGridService_instances, "m", _SkyAgGridService_getIconTemplate).call(this, 'arrows'),
+            columnMoveHide: __classPrivateFieldGet(this, _SkyAgGridService_instances, "m", _SkyAgGridService_getIconTemplate).call(this, 'arrows'),
+            columnMoveLeft: __classPrivateFieldGet(this, _SkyAgGridService_instances, "m", _SkyAgGridService_getIconTemplate).call(this, 'arrows'),
+            columnMoveRight: __classPrivateFieldGet(this, _SkyAgGridService_instances, "m", _SkyAgGridService_getIconTemplate).call(this, 'arrows'),
+            columnMovePin: __classPrivateFieldGet(this, _SkyAgGridService_instances, "m", _SkyAgGridService_getIconTemplate).call(this, 'arrows'),
+        },
+        onCellFocused: () => __classPrivateFieldGet(this, _SkyAgGridService_instances, "m", _SkyAgGridService_onCellFocused).call(this),
+        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,
+        sortingOrder: ['desc', 'asc', null],
+        suppressRowClickSelection: true,
+        suppressDragLeaveHidesColumns: true,
+    };
+    const columnTypes = defaultSkyGridOptions.columnTypes;
+    columnTypes[SkyCellType.CurrencyValidator] = Object.assign(Object.assign({}, columnTypes[SkyCellType.Currency]), { cellRendererParams: {
+            skyComponentProperties: {
+                validator: (value) => {
+                    return !!`${value || ''}`.match(/^[^0-9]*(\d+[,.]?)+\d*[^0-9]*$/);
                 },
-            } });
-        /*istanbul ignore else*/
-        if (this.resources) {
-            this.resources
-                .getString('sky_ag_grid_cell_renderer_currency_validator_message')
-                .subscribe((value) => {
-                defaultSkyGridOptions.columnTypes[SkyCellType.CurrencyValidator].cellRendererParams.skyComponentProperties.validatorMessage = value;
-            });
-        }
-        defaultSkyGridOptions.columnTypes[SkyCellType.NumberValidator] = Object.assign(Object.assign(Object.assign({}, defaultSkyGridOptions.columnTypes[SkyCellType.Validator]), defaultSkyGridOptions.columnTypes[SkyCellType.Number]), { cellClassRules: Object.assign(Object.assign({}, defaultSkyGridOptions.columnTypes[SkyCellType.Validator]
-                .cellClassRules), defaultSkyGridOptions.columnTypes[SkyCellType.Number].cellClassRules), cellRendererParams: {
-                skyComponentProperties: {
-                    validator: (value, data, rowIndex) => {
-                        return !!value && !isNaN(parseFloat(value));
-                    },
-                    validatorMessage: 'Please enter a valid number',
+                validatorMessage: 'Please enter a valid currency',
+            },
+        } });
+    /*istanbul ignore else*/
+    if (__classPrivateFieldGet(this, _SkyAgGridService_resources, "f")) {
+        __classPrivateFieldGet(this, _SkyAgGridService_resources, "f")
+            .getString('sky_ag_grid_cell_renderer_currency_validator_message')
+            .subscribe((value) => {
+            columnTypes[SkyCellType.CurrencyValidator].cellRendererParams.skyComponentProperties.validatorMessage = value;
+        });
+    }
+    columnTypes[SkyCellType.NumberValidator] = Object.assign(Object.assign(Object.assign({}, columnTypes[SkyCellType.Validator]), columnTypes[SkyCellType.Number]), { cellClassRules: Object.assign(Object.assign({}, columnTypes[SkyCellType.Validator].cellClassRules), columnTypes[SkyCellType.Number].cellClassRules), cellRendererParams: {
+            skyComponentProperties: {
+                validator: (value) => {
+                    return !!value && !isNaN(parseFloat(value));
                 },
-            } });
-        /*istanbul ignore else*/
-        if (this.resources) {
-            this.resources
-                .getString('sky_ag_grid_cell_renderer_number_validator_message')
-                .subscribe((value) => {
-                defaultSkyGridOptions.columnTypes[SkyCellType.NumberValidator].cellRendererParams.skyComponentProperties.validatorMessage = value;
-            });
-        }
-        return defaultSkyGridOptions;
-    }
-    onCellFocused() {
-        const currentElement = this.agGridAdapterService.getFocusedElement();
-        this.agGridAdapterService.focusOnFocusableChildren(currentElement);
-    }
-    getDefaultEditableGridOptions(args) {
-        const defaultGridOptions = this.getDefaultGridOptions(args);
-        defaultGridOptions.rowSelection = undefined;
-        return defaultGridOptions;
-    }
-    dateFormatter(params, locale = 'en-us') {
-        const dateConfig = { year: 'numeric', month: '2-digit', day: '2-digit' };
-        let date = params.value;
-        if (date && typeof date === 'string') {
-            date = new Date(params.value);
-        }
-        const formattedDate = date &&
-            date.toLocaleDateString &&
-            date.toLocaleDateString(locale, dateConfig);
-        if (date && date.getTime && !isNaN(date.getTime())) {
-            return formattedDate;
-        }
-    }
-    getIconTemplate(iconName) {
-        return `<i class="fa fa-${iconName}"></i>`;
-    }
-    suppressTab(params) {
-        if (params.event.code === 'Tab') {
-            if (params.editing) {
-                const currentlyFocusedEl = this.agGridAdapterService.getFocusedElement();
-                // inline cell editors have the 'ag-cell' class, while popup editors have the 'ag-popup-editor' class
-                const cellEl = this.agGridAdapterService.getElementOrParentWithClass(currentlyFocusedEl, 'ag-cell');
-                const popupEl = this.agGridAdapterService.getElementOrParentWithClass(currentlyFocusedEl, 'ag-popup-editor');
-                const parentEl = cellEl || popupEl;
-                const nextFocusableElementInCell = this.agGridAdapterService.getNextFocusableElement(currentlyFocusedEl, parentEl, params.event.shiftKey);
-                return !!nextFocusableElementInCell;
-            }
-            return true;
+                validatorMessage: 'Please enter a valid number',
+            },
+        } });
+    /*istanbul ignore else*/
+    if (__classPrivateFieldGet(this, _SkyAgGridService_resources, "f")) {
+        __classPrivateFieldGet(this, _SkyAgGridService_resources, "f")
+            .getString('sky_ag_grid_cell_renderer_number_validator_message')
+            .subscribe((value) => {
+            columnTypes[SkyCellType.NumberValidator].cellRendererParams.skyComponentProperties.validatorMessage = value;
+        });
+    }
+    return defaultSkyGridOptions;
+}, _SkyAgGridService_onCellFocused = function _SkyAgGridService_onCellFocused() {
+    const currentElement = __classPrivateFieldGet(this, _SkyAgGridService_agGridAdapterService, "f").getFocusedElement();
+    __classPrivateFieldGet(this, _SkyAgGridService_agGridAdapterService, "f").focusOnFocusableChildren(currentElement);
+}, _SkyAgGridService_getDefaultEditableGridOptions = function _SkyAgGridService_getDefaultEditableGridOptions(args) {
+    const defaultGridOptions = __classPrivateFieldGet(this, _SkyAgGridService_instances, "m", _SkyAgGridService_getDefaultGridOptions).call(this, args);
+    defaultGridOptions.rowSelection = undefined;
+    return defaultGridOptions;
+}, _SkyAgGridService_dateFormatter = function _SkyAgGridService_dateFormatter(params, locale = 'en-us') {
+    const dateConfig = { year: 'numeric', month: '2-digit', day: '2-digit' };
+    let date = params.value;
+    if (date && typeof date === 'string') {
+        date = new Date(params.value);
+    }
+    const formattedDate = date &&
+        date.toLocaleDateString &&
+        date.toLocaleDateString(locale, dateConfig);
+    if (date && date.getTime && !isNaN(date.getTime())) {
+        return formattedDate;
+    }
+    return '';
+}, _SkyAgGridService_getIconTemplate = function _SkyAgGridService_getIconTemplate(iconName) {
+    return `<i class="fa fa-${iconName}"></i>`;
+}, _SkyAgGridService_suppressTab = function _SkyAgGridService_suppressTab(params) {
+    if (params.event.code === 'Tab') {
+        if (params.editing) {
+            const currentlyFocusedEl = __classPrivateFieldGet(this, _SkyAgGridService_agGridAdapterService, "f").getFocusedElement();
+            // inline cell editors have the 'ag-cell' class, while popup editors have the 'ag-popup-editor' class
+            const cellEl = __classPrivateFieldGet(this, _SkyAgGridService_agGridAdapterService, "f").getElementOrParentWithClass(currentlyFocusedEl, 'ag-cell');
+            const popupEl = __classPrivateFieldGet(this, _SkyAgGridService_agGridAdapterService, "f").getElementOrParentWithClass(currentlyFocusedEl, 'ag-popup-editor');
+            const parentEl = cellEl || popupEl;
+            const nextFocusableElementInCell = __classPrivateFieldGet(this, _SkyAgGridService_agGridAdapterService, "f").getNextFocusableElement(currentlyFocusedEl, parentEl, params.event.shiftKey);
+            return !!nextFocusableElementInCell;
         }
-        return false;
+        return true;
     }
-}
-_SkyAgGridService_currentTheme = new WeakMap(), _SkyAgGridService_instances = new WeakSet(), _SkyAgGridService_getRowHeight = function _SkyAgGridService_getRowHeight() {
+    return false;
+}, _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;
 };
@@ -1622,21 +1685,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
                     }] }];
     } });
 
-var _SkyAgGridWrapperComponent_instances, _SkyAgGridWrapperComponent_agGridService, _SkyAgGridWrapperComponent_ngUnsubscribe, _SkyAgGridWrapperComponent_themeSvc, _SkyAgGridWrapperComponent_wrapperClasses, _SkyAgGridWrapperComponent_currentTheme, _SkyAgGridWrapperComponent_moveHorizontalScroll;
+var _SkyAgGridWrapperComponent_instances, _SkyAgGridWrapperComponent_isInEditMode_get, _SkyAgGridWrapperComponent__viewkeeperClasses, _SkyAgGridWrapperComponent_agGridService, _SkyAgGridWrapperComponent_ngUnsubscribe, _SkyAgGridWrapperComponent_themeSvc, _SkyAgGridWrapperComponent_wrapperClasses, _SkyAgGridWrapperComponent_currentTheme, _SkyAgGridWrapperComponent_adapterService, _SkyAgGridWrapperComponent_changeDetector, _SkyAgGridWrapperComponent_elementRef, _SkyAgGridWrapperComponent_document, _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__viewkeeperClasses.set(this, []);
         _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);
+        _SkyAgGridWrapperComponent_adapterService.set(this, void 0);
+        _SkyAgGridWrapperComponent_changeDetector.set(this, void 0);
+        _SkyAgGridWrapperComponent_elementRef.set(this, void 0);
+        _SkyAgGridWrapperComponent_document.set(this, void 0);
+        __classPrivateFieldSet(this, _SkyAgGridWrapperComponent_adapterService, adapterService, "f");
+        __classPrivateFieldSet(this, _SkyAgGridWrapperComponent_changeDetector, changeDetector, "f");
+        __classPrivateFieldSet(this, _SkyAgGridWrapperComponent_elementRef, elementRef, "f");
+        __classPrivateFieldSet(this, _SkyAgGridWrapperComponent_document, document, "f");
         idIndex++;
         this.afterAnchorId = 'sky-ag-grid-nav-anchor-after-' + idIndex;
         this.beforeAnchorId = 'sky-ag-grid-nav-anchor-before-' + idIndex;
@@ -1646,57 +1713,61 @@ class SkyAgGridWrapperComponent {
         this.wrapperClasses$ = __classPrivateFieldGet(this, _SkyAgGridWrapperComponent_wrapperClasses, "f").asObservable();
     }
     get viewkeeperClasses() {
-        return this._viewkeeperClasses;
+        return __classPrivateFieldGet(this, _SkyAgGridWrapperComponent__viewkeeperClasses, "f");
     }
     set viewkeeperClasses(value) {
-        this._viewkeeperClasses = value;
-        this.changeDetector.markForCheck();
+        __classPrivateFieldSet(this, _SkyAgGridWrapperComponent__viewkeeperClasses, value, "f");
+        __classPrivateFieldGet(this, _SkyAgGridWrapperComponent_changeDetector, "f").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');
+        if (this.agGrid) {
+            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-')));
+            });
         }
-        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();
@@ -1705,6 +1776,7 @@ class SkyAgGridWrapperComponent {
     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) => {
+            var _a;
             let agThemeClass;
             if (settings.currentSettings.theme.name === 'modern') {
                 agThemeClass = `ag-theme-sky-modern-${settings.currentSettings.mode.name}`;
@@ -1722,7 +1794,7 @@ class SkyAgGridWrapperComponent {
                 // Initial theme settings.
                 __classPrivateFieldSet(this, _SkyAgGridWrapperComponent_currentTheme, settings.currentSettings, "f");
             }
-            else if (this.agGrid.api) {
+            else if ((_a = this.agGrid) === null || _a === void 0 ? void 0 : _a.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());
@@ -1735,60 +1807,60 @@ class SkyAgGridWrapperComponent {
      * Prevent closing a modal when focused in AG Grid.
      */
     onKeyUpEscape($event) {
+        var _a;
         $event.stopPropagation();
-        this.agGrid.api.stopEditing(true);
+        (_a = this.agGrid) === null || _a === void 0 ? void 0 : _a.api.stopEditing(true);
     }
     onGridKeydown(event) {
-        if (this.agGrid && !this.isInEditMode && event.key === 'Tab') {
+        if (this.agGrid && !__classPrivateFieldGet(this, _SkyAgGridWrapperComponent_instances, "a", _SkyAgGridWrapperComponent_isInEditMode_get) && event.key === 'Tab') {
             const idToFocus = event.shiftKey
                 ? this.beforeAnchorId
                 : this.afterAnchorId;
-            this.adapterService.setFocusedElementById(this.elementRef.nativeElement, idToFocus);
+            __classPrivateFieldGet(this, _SkyAgGridWrapperComponent_adapterService, "f").setFocusedElementById(__classPrivateFieldGet(this, _SkyAgGridWrapperComponent_elementRef, "f").nativeElement, idToFocus);
         }
     }
     onAnchorFocus(event) {
+        var _a, _b, _c;
         const gridId = this.gridId;
         const relatedTarget = event.relatedTarget;
         const previousFocusedId = relatedTarget && relatedTarget.id;
         const previousWasCell = relatedTarget &&
-            !!this.adapterService.getElementOrParentWithClass(relatedTarget, 'ag-cell');
+            !!__classPrivateFieldGet(this, _SkyAgGridWrapperComponent_adapterService, "f").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);
+            const columns = (_a = this.agGrid) === null || _a === void 0 ? void 0 : _a.columnApi.getAllDisplayedColumns();
+            const firstColumn = columns === null || columns === void 0 ? void 0 : columns[0];
+            const rowIndex = (_b = this.agGrid) === null || _b === void 0 ? void 0 : _b.api.getFirstDisplayedRow();
+            if (firstColumn && rowIndex !== undefined && rowIndex >= 0) {
+                (_c = this.agGrid) === null || _c === void 0 ? void 0 : _c.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;
-            }
+}
+_SkyAgGridWrapperComponent__viewkeeperClasses = new WeakMap(), _SkyAgGridWrapperComponent_agGridService = new WeakMap(), _SkyAgGridWrapperComponent_ngUnsubscribe = new WeakMap(), _SkyAgGridWrapperComponent_themeSvc = new WeakMap(), _SkyAgGridWrapperComponent_wrapperClasses = new WeakMap(), _SkyAgGridWrapperComponent_currentTheme = new WeakMap(), _SkyAgGridWrapperComponent_adapterService = new WeakMap(), _SkyAgGridWrapperComponent_changeDetector = new WeakMap(), _SkyAgGridWrapperComponent_elementRef = new WeakMap(), _SkyAgGridWrapperComponent_document = new WeakMap(), _SkyAgGridWrapperComponent_instances = new WeakSet(), _SkyAgGridWrapperComponent_isInEditMode_get = function _SkyAgGridWrapperComponent_isInEditMode_get() {
+    /* istanbul ignore else */
+    if (this.agGrid && this.agGrid.api) {
+        const primaryGridEditing = this.agGrid.api.getEditingCells().length > 0;
+        if (primaryGridEditing) {
+            return true;
         }
         else {
-            return false;
+            let innerEditing = false;
+            this.agGrid.api.forEachDetailGridInfo((detailGrid) => {
+                if ((detailGrid === null || detailGrid === void 0 ? void 0 : detailGrid.api) && detailGrid.api.getEditingCells().length > 0) {
+                    innerEditing = true;
+                }
+            });
+            return innerEditing;
         }
     }
-}
-_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() {
+    else {
+        return false;
+    }
+}, _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 root = __classPrivateFieldGet(this, _SkyAgGridWrapperComponent_elementRef, "f").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');
@@ -1799,12 +1871,12 @@ _SkyAgGridWrapperComponent_agGridService = new WeakMap(), _SkyAgGridWrapperCompo
             }
             const isTop = !!root.children[1].matches('.ag-body-horizontal-scroll');
             if (toTop && !isTop) {
-                const fragment = this.document.createDocumentFragment();
+                const fragment = __classPrivateFieldGet(this, _SkyAgGridWrapperComponent_document, "f").createDocumentFragment();
                 fragment.appendChild(scrollbar);
                 header.after(fragment);
             }
             else if (!toTop && isTop) {
-                const fragment = this.document.createDocumentFragment();
+                const fragment = __classPrivateFieldGet(this, _SkyAgGridWrapperComponent_document, "f").createDocumentFragment();
                 fragment.appendChild(scrollbar);
                 floatingBottom.after(fragment);
             }
@@ -1830,138 +1902,153 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
                     }]
             }] } });
 
+var _SkyAgGridDataManagerAdapterDirective_instances, _SkyAgGridDataManagerAdapterDirective_currentAgGrid, _SkyAgGridDataManagerAdapterDirective_currentDataState, _SkyAgGridDataManagerAdapterDirective_currentSkyAgGridWrapper, _SkyAgGridDataManagerAdapterDirective_dataStateSub, _SkyAgGridDataManagerAdapterDirective_viewConfig, _SkyAgGridDataManagerAdapterDirective_ngUnsubscribe, _SkyAgGridDataManagerAdapterDirective_changeDetector, _SkyAgGridDataManagerAdapterDirective_dataManagerSvc, _SkyAgGridDataManagerAdapterDirective_checkForAgGrid, _SkyAgGridDataManagerAdapterDirective_checkForSkyAgGridWrapper, _SkyAgGridDataManagerAdapterDirective_unregisterAgGrid, _SkyAgGridDataManagerAdapterDirective_unregisterSkyAgGridWrapper, _SkyAgGridDataManagerAdapterDirective_registerSkyAgGridWrapper, _SkyAgGridDataManagerAdapterDirective_registerAgGrid, _SkyAgGridDataManagerAdapterDirective_updateColumnsInCurrentDataState, _SkyAgGridDataManagerAdapterDirective_getColumnOrder, _SkyAgGridDataManagerAdapterDirective_displayColumns, _SkyAgGridDataManagerAdapterDirective_selectAll, _SkyAgGridDataManagerAdapterDirective_clearAll;
 /**
  * @internal
  */
 class SkyAgGridDataManagerAdapterDirective {
     constructor(changeDetector, dataManagerSvc) {
-        this.changeDetector = changeDetector;
-        this.dataManagerSvc = dataManagerSvc;
-        this.ngUnsubscribe = new Subject();
+        _SkyAgGridDataManagerAdapterDirective_instances.add(this);
+        _SkyAgGridDataManagerAdapterDirective_currentAgGrid.set(this, void 0);
+        _SkyAgGridDataManagerAdapterDirective_currentDataState.set(this, void 0);
+        _SkyAgGridDataManagerAdapterDirective_currentSkyAgGridWrapper.set(this, void 0);
+        _SkyAgGridDataManagerAdapterDirective_dataStateSub.set(this, void 0);
+        _SkyAgGridDataManagerAdapterDirective_viewConfig.set(this, void 0);
+        _SkyAgGridDataManagerAdapterDirective_ngUnsubscribe.set(this, new Subject());
+        _SkyAgGridDataManagerAdapterDirective_changeDetector.set(this, void 0);
+        _SkyAgGridDataManagerAdapterDirective_dataManagerSvc.set(this, void 0);
+        __classPrivateFieldSet(this, _SkyAgGridDataManagerAdapterDirective_changeDetector, changeDetector, "f");
+        __classPrivateFieldSet(this, _SkyAgGridDataManagerAdapterDirective_dataManagerSvc, dataManagerSvc, "f");
     }
     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());
+        var _a, _b;
+        if (this.viewId) {
+            __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_dataManagerSvc, "f").setViewkeeperClasses(this.viewId, ['.ag-header']);
+            __classPrivateFieldSet(this, _SkyAgGridDataManagerAdapterDirective_viewConfig, __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_dataManagerSvc, "f").getViewById(this.viewId), "f");
+            __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_instances, "m", _SkyAgGridDataManagerAdapterDirective_checkForAgGrid).call(this);
+            __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_instances, "m", _SkyAgGridDataManagerAdapterDirective_checkForSkyAgGridWrapper).call(this);
+            (_a = this.agGridList) === null || _a === void 0 ? void 0 : _a.changes.pipe(takeUntil(__classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_ngUnsubscribe, "f"))).subscribe(() => __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_instances, "m", _SkyAgGridDataManagerAdapterDirective_checkForAgGrid).call(this));
+            (_b = this.skyAgGridWrapperList) === null || _b === void 0 ? void 0 : _b.changes.pipe(takeUntil(__classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_ngUnsubscribe, "f"))).subscribe(() => __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_instances, "m", _SkyAgGridDataManagerAdapterDirective_checkForSkyAgGridWrapper).call(this));
+        }
     }
     ngOnDestroy() {
-        this.ngUnsubscribe.next();
-        this.ngUnsubscribe.complete();
+        __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_ngUnsubscribe, "f").next();
+        __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_ngUnsubscribe, "f").complete();
     }
-    checkForAgGrid() {
+}
+_SkyAgGridDataManagerAdapterDirective_currentAgGrid = new WeakMap(), _SkyAgGridDataManagerAdapterDirective_currentDataState = new WeakMap(), _SkyAgGridDataManagerAdapterDirective_currentSkyAgGridWrapper = new WeakMap(), _SkyAgGridDataManagerAdapterDirective_dataStateSub = new WeakMap(), _SkyAgGridDataManagerAdapterDirective_viewConfig = new WeakMap(), _SkyAgGridDataManagerAdapterDirective_ngUnsubscribe = new WeakMap(), _SkyAgGridDataManagerAdapterDirective_changeDetector = new WeakMap(), _SkyAgGridDataManagerAdapterDirective_dataManagerSvc = new WeakMap(), _SkyAgGridDataManagerAdapterDirective_instances = new WeakSet(), _SkyAgGridDataManagerAdapterDirective_checkForAgGrid = function _SkyAgGridDataManagerAdapterDirective_checkForAgGrid() {
+    if (this.agGridList) {
         const agGridCount = this.agGridList.length;
         /* istanbul ignore else */
         if (agGridCount === 0) {
-            this.unregisterAgGrid();
+            __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_instances, "m", _SkyAgGridDataManagerAdapterDirective_unregisterAgGrid).call(this);
         }
-        else if (this.agGridList.first !== this.currentAgGrid) {
-            this.registerAgGrid();
+        else if (this.agGridList.first !== __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_currentAgGrid, "f")) {
+            __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_instances, "m", _SkyAgGridDataManagerAdapterDirective_registerAgGrid).call(this);
         }
         if (agGridCount > 1) {
             console.warn('More than one ag-grid child component was found. Using the first ag-Grid.');
         }
     }
-    checkForSkyAgGridWrapper() {
+}, _SkyAgGridDataManagerAdapterDirective_checkForSkyAgGridWrapper = function _SkyAgGridDataManagerAdapterDirective_checkForSkyAgGridWrapper() {
+    if (this.skyAgGridWrapperList) {
         const skyAgGridWrapperCount = this.skyAgGridWrapperList.length;
         /* istanbul ignore else */
         if (skyAgGridWrapperCount === 0) {
-            this.unregisterSkyAgGridWrapper();
+            __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_instances, "m", _SkyAgGridDataManagerAdapterDirective_unregisterSkyAgGridWrapper).call(this);
         }
-        else if (this.skyAgGridWrapperList.first !== this.currentSkyAgGridWrapper) {
-            this.registerSkyAgGridWrapper();
+        else if (this.skyAgGridWrapperList.first !== __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_currentSkyAgGridWrapper, "f")) {
+            __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_instances, "m", _SkyAgGridDataManagerAdapterDirective_registerSkyAgGridWrapper).call(this);
         }
         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 = [];
-            }
-        });
+}, _SkyAgGridDataManagerAdapterDirective_unregisterAgGrid = function _SkyAgGridDataManagerAdapterDirective_unregisterAgGrid() {
+    __classPrivateFieldSet(this, _SkyAgGridDataManagerAdapterDirective_currentAgGrid, undefined, "f");
+    /* istanbul ignore if */
+    if (__classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_dataStateSub, "f")) {
+        __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_dataStateSub, "f").unsubscribe();
     }
-    registerAgGrid() {
-        this.unregisterAgGrid();
-        const agGrid = this.agGridList.first;
-        this.currentAgGrid = agGrid;
-        agGrid.gridReady.pipe(takeUntil(this.ngUnsubscribe)).subscribe(() => {
+}, _SkyAgGridDataManagerAdapterDirective_unregisterSkyAgGridWrapper = function _SkyAgGridDataManagerAdapterDirective_unregisterSkyAgGridWrapper() {
+    __classPrivateFieldSet(this, _SkyAgGridDataManagerAdapterDirective_currentSkyAgGridWrapper, undefined, "f");
+}, _SkyAgGridDataManagerAdapterDirective_registerSkyAgGridWrapper = function _SkyAgGridDataManagerAdapterDirective_registerSkyAgGridWrapper() {
+    var _a;
+    __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_instances, "m", _SkyAgGridDataManagerAdapterDirective_unregisterSkyAgGridWrapper).call(this);
+    __classPrivateFieldSet(this, _SkyAgGridDataManagerAdapterDirective_currentSkyAgGridWrapper, (_a = this.skyAgGridWrapperList) === null || _a === void 0 ? void 0 : _a.first, "f");
+    setTimeout(() => {
+        if (__classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_currentSkyAgGridWrapper, "f")) {
+            __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_currentSkyAgGridWrapper, "f").viewkeeperClasses = [];
+        }
+    });
+}, _SkyAgGridDataManagerAdapterDirective_registerAgGrid = function _SkyAgGridDataManagerAdapterDirective_registerAgGrid() {
+    var _a;
+    __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_instances, "m", _SkyAgGridDataManagerAdapterDirective_unregisterAgGrid).call(this);
+    const agGrid = (_a = this.agGridList) === null || _a === void 0 ? void 0 : _a.first;
+    __classPrivateFieldSet(this, _SkyAgGridDataManagerAdapterDirective_currentAgGrid, agGrid, "f");
+    if (agGrid) {
+        agGrid.gridReady.pipe(takeUntil(__classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_ngUnsubscribe, "f"))).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',
-                ]);
+            if (__classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_viewConfig, "f") && this.viewId) {
+                __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_viewConfig, "f").onSelectAllClick = __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_instances, "m", _SkyAgGridDataManagerAdapterDirective_selectAll).bind(this);
+                __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_viewConfig, "f").onClearAllClick = __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_instances, "m", _SkyAgGridDataManagerAdapterDirective_clearAll).bind(this);
+                __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_dataManagerSvc, "f").updateViewConfig(__classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_viewConfig, "f"));
+                __classPrivateFieldSet(this, _SkyAgGridDataManagerAdapterDirective_dataStateSub, __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_dataManagerSvc, "f")
+                    .getDataStateUpdates(__classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_viewConfig, "f").id)
+                    .pipe(takeUntil(__classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_ngUnsubscribe, "f")))
+                    .subscribe((dataState) => {
+                    __classPrivateFieldSet(this, _SkyAgGridDataManagerAdapterDirective_currentDataState, dataState, "f");
+                    __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_instances, "m", _SkyAgGridDataManagerAdapterDirective_displayColumns).call(this, dataState);
+                }), "f");
+                if ((_a = agGrid.gridOptions.context) === null || _a === void 0 ? void 0 : _a.enableTopScroll) {
+                    __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_dataManagerSvc, "f").setViewkeeperClasses(this.viewId, [
+                        '.ag-header',
+                        '.ag-body-horizontal-scroll',
+                    ]);
+                }
+                agGrid.api.sizeColumnsToFit();
             }
-            agGrid.api.sizeColumnsToFit();
         });
         agGrid.columnMoved
-            .pipe(takeUntil(this.ngUnsubscribe), filter((event) => ![
+            .pipe(takeUntil(__classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_ngUnsubscribe, "f")), filter((event) => ![
             'gridInitializing',
             'uiColumnResized',
             'uiColumnDragged',
             'api',
         ].includes(event.source)))
             .subscribe((value) => {
-            this.updateColumnsInCurrentDataState(value.columnApi);
+            __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_instances, "m", _SkyAgGridDataManagerAdapterDirective_updateColumnsInCurrentDataState).call(this, value.columnApi);
         });
         agGrid.dragStopped
-            .pipe(takeUntil(this.ngUnsubscribe))
+            .pipe(takeUntil(__classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_ngUnsubscribe, "f")))
             .subscribe((value) => {
-            this.updateColumnsInCurrentDataState(value.columnApi);
+            __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_instances, "m", _SkyAgGridDataManagerAdapterDirective_updateColumnsInCurrentDataState).call(this, value.columnApi);
         });
         agGrid.rowSelected
-            .pipe(takeUntil(this.ngUnsubscribe))
+            .pipe(takeUntil(__classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_ngUnsubscribe, "f")))
             .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);
+            if (__classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_viewConfig, "f") && __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_currentDataState, "f")) {
+                const row = event.node;
+                const selectedIds = __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_currentDataState, "f").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);
+                }
+                __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_currentDataState, "f").selectedIds = selectedIds;
+                __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_dataManagerSvc, "f").updateDataState(__classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_currentDataState, "f"), __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_viewConfig, "f").id);
+                __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_changeDetector, "f").markForCheck();
             }
-            this.currentDataState.selectedIds = selectedIds;
-            this.dataManagerSvc.updateDataState(this.currentDataState, this.viewConfig.id);
-            this.changeDetector.markForCheck();
         });
-        agGrid.sortChanged.pipe(takeUntil(this.ngUnsubscribe)).subscribe(() => {
+        agGrid.sortChanged.pipe(takeUntil(__classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_ngUnsubscribe, "f"))).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();
+                const dataManagerConfig = __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_dataManagerSvc, "f").getCurrentDataManagerConfig();
                 /* istanbul ignore else */
                 if (dataManagerConfig.sortOptions && activeSortColumnState) {
                     sortOption = dataManagerConfig.sortOptions.find((option) => {
@@ -1973,34 +2060,38 @@ class SkyAgGridDataManagerAdapterDirective {
                     sortOption = undefined;
                 }
             }
-            this.currentDataState.activeSortOption = sortOption;
-            this.dataManagerSvc.updateDataState(this.currentDataState, this.viewConfig.id);
+            if (__classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_viewConfig, "f") && __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_currentDataState, "f")) {
+                __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_currentDataState, "f").activeSortOption = sortOption;
+                __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_dataManagerSvc, "f").updateDataState(__classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_currentDataState, "f"), __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_viewConfig, "f").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])) {
+}, _SkyAgGridDataManagerAdapterDirective_updateColumnsInCurrentDataState = function _SkyAgGridDataManagerAdapterDirective_updateColumnsInCurrentDataState(columnApi) {
+    if (__classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_viewConfig, "f") && __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_currentDataState, "f")) {
+        const columnOrder = __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_instances, "m", _SkyAgGridDataManagerAdapterDirective_getColumnOrder).call(this, columnApi);
+        const viewState = __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_currentDataState, "f").getViewStateById(__classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_viewConfig, "f").id);
+        if (viewState &&
+            (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);
+            __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_dataManagerSvc, "f").updateDataState(__classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_currentDataState, "f").addOrUpdateView(__classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_viewConfig, "f").id, viewState), __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_viewConfig, "f").id);
+        }
+    }
+}, _SkyAgGridDataManagerAdapterDirective_getColumnOrder = function _SkyAgGridDataManagerAdapterDirective_getColumnOrder(columnApi) {
+    return columnApi
+        .getColumnState()
+        .filter((state) => !state.hide)
+        .map((state) => state.colId);
+}, _SkyAgGridDataManagerAdapterDirective_displayColumns = function _SkyAgGridDataManagerAdapterDirective_displayColumns(dataState) {
+    const agGrid = __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_currentAgGrid, "f");
+    if (agGrid && __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_viewConfig, "f")) {
+        const viewState = dataState.getViewStateById(__classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_viewConfig, "f").id);
         let displayedColumnIds = [];
         /*istanbul ignore else*/
-        if (viewState.displayedColumnIds) {
+        if (viewState === null || viewState === void 0 ? void 0 : viewState.displayedColumnIds) {
             displayedColumnIds = viewState.displayedColumnIds;
         }
-        const columnOrder = this.getColumnOrder(agGrid.columnApi);
+        const columnOrder = __classPrivateFieldGet(this, _SkyAgGridDataManagerAdapterDirective_instances, "m", _SkyAgGridDataManagerAdapterDirective_getColumnOrder).call(this, agGrid.columnApi);
         if (displayedColumnIds.length !== columnOrder.length ||
             displayedColumnIds.some((col, i) => col !== columnOrder[i])) {
             const hideColumns = agGrid.columnApi
@@ -2012,15 +2103,15 @@ class SkyAgGridDataManagerAdapterDirective {
             agGrid.columnApi.moveColumns(displayedColumnIds, 0);
         }
     }
-    selectAll() {
-        const agGrid = this.agGridList.first;
-        agGrid.api.selectAll();
-    }
-    clearAll() {
-        const agGrid = this.agGridList.first;
-        agGrid.api.deselectAll();
-    }
-}
+}, _SkyAgGridDataManagerAdapterDirective_selectAll = function _SkyAgGridDataManagerAdapterDirective_selectAll() {
+    var _a;
+    const agGrid = (_a = this.agGridList) === null || _a === void 0 ? void 0 : _a.first;
+    agGrid === null || agGrid === void 0 ? void 0 : agGrid.api.selectAll();
+}, _SkyAgGridDataManagerAdapterDirective_clearAll = function _SkyAgGridDataManagerAdapterDirective_clearAll() {
+    var _a;
+    const agGrid = (_a = this.agGridList) === null || _a === void 0 ? void 0 : _a.first;
+    agGrid === null || agGrid === void 0 ? void 0 : 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: [{
@@ -2111,13 +2202,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
                 args: ['inlineDeleteTemplateRef', { read: TemplateRef }]
             }] } });
 
+var _SkyAgGridRowDeleteDirective_instances, _SkyAgGridRowDeleteDirective_rowDeleteConfigs, _SkyAgGridRowDeleteDirective_ngUnsubscribe, _SkyAgGridRowDeleteDirective_rowDeleteComponent, _SkyAgGridRowDeleteDirective_rowDeleteContents, _SkyAgGridRowDeleteDirective_rowDeleteIdsInternal, _SkyAgGridRowDeleteDirective_affixService, _SkyAgGridRowDeleteDirective_changeDetector, _SkyAgGridRowDeleteDirective_elementRef, _SkyAgGridRowDeleteDirective_overlayService, _SkyAgGridRowDeleteDirective_viewContainerRef, _SkyAgGridRowDeleteDirective_affixToRow, _SkyAgGridRowDeleteDirective_destroyRowDelete, _SkyAgGridRowDeleteDirective_updateRowDeleteStates;
 class SkyAgGridRowDeleteDirective {
     constructor(affixService, changeDetector, elementRef, overlayService, viewContainerRef) {
-        this.affixService = affixService;
-        this.changeDetector = changeDetector;
-        this.elementRef = elementRef;
-        this.overlayService = overlayService;
-        this.viewContainerRef = viewContainerRef;
+        _SkyAgGridRowDeleteDirective_instances.add(this);
         /**
          * Emits a `SkyAgGridRowDeleteCancelArgs` object when a row's inline delete is cancelled.
          */
@@ -2130,48 +2218,61 @@ class SkyAgGridRowDeleteDirective {
          * 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 = {};
+        _SkyAgGridRowDeleteDirective_rowDeleteConfigs.set(this, []);
+        _SkyAgGridRowDeleteDirective_ngUnsubscribe.set(this, new Subject());
+        _SkyAgGridRowDeleteDirective_rowDeleteComponent.set(this, void 0);
+        _SkyAgGridRowDeleteDirective_rowDeleteContents.set(this, {});
+        _SkyAgGridRowDeleteDirective_rowDeleteIdsInternal.set(this, void 0);
+        _SkyAgGridRowDeleteDirective_affixService.set(this, void 0);
+        _SkyAgGridRowDeleteDirective_changeDetector.set(this, void 0);
+        _SkyAgGridRowDeleteDirective_elementRef.set(this, void 0);
+        _SkyAgGridRowDeleteDirective_overlayService.set(this, void 0);
+        _SkyAgGridRowDeleteDirective_viewContainerRef.set(this, void 0);
+        __classPrivateFieldSet(this, _SkyAgGridRowDeleteDirective_affixService, affixService, "f");
+        __classPrivateFieldSet(this, _SkyAgGridRowDeleteDirective_changeDetector, changeDetector, "f");
+        __classPrivateFieldSet(this, _SkyAgGridRowDeleteDirective_elementRef, elementRef, "f");
+        __classPrivateFieldSet(this, _SkyAgGridRowDeleteDirective_overlayService, overlayService, "f");
+        __classPrivateFieldSet(this, _SkyAgGridRowDeleteDirective_viewContainerRef, viewContainerRef, "f");
     }
     /**
      * Specifies the ids of the data in the rows on which inline delete's should be shown.
      */
     set rowDeleteIds(value) {
-        this._rowDeleteIds = value;
+        __classPrivateFieldSet(this, _SkyAgGridRowDeleteDirective_rowDeleteIdsInternal, value, "f");
         if (!value) {
-            for (const config of this.rowDeleteConfigs) {
-                this.destroyRowDelete(config.id);
+            for (const config of __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_rowDeleteConfigs, "f")) {
+                __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_instances, "m", _SkyAgGridRowDeleteDirective_destroyRowDelete).call(this, config.id);
             }
-            this.changeDetector.markForCheck();
+            __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_changeDetector, "f").markForCheck();
             return;
         }
         for (const id of value) {
-            const existingConfig = this.rowDeleteConfigs.find((config) => config.id === id);
+            const existingConfig = __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_rowDeleteConfigs, "f").find((config) => config.id === id);
             if (existingConfig) {
                 existingConfig.pending = false;
             }
-            else {
-                this.rowDeleteConfigs.push({
+            else if (__classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_rowDeleteComponent, "f") && this.agGrid) {
+                __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_rowDeleteConfigs, "f").push({
                     id: id,
                     pending: false,
                 });
-                const overlay = this.overlayService.create({
+                const overlay = __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_overlayService, "f").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),
-                });
+                if (__classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_rowDeleteComponent, "f").inlineDeleteTemplateRef) {
+                    overlay.attachTemplate(__classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_rowDeleteComponent, "f").inlineDeleteTemplateRef, {
+                        $implicit: this.agGrid.api.getRowNode(id),
+                        tableWidth: () => __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_elementRef, "f").nativeElement.querySelector('.sky-ag-grid')
+                            .offsetWidth,
+                        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
@@ -2180,125 +2281,126 @@ class SkyAgGridRowDeleteDirective {
                  */
                 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] = {
+                    var _a, _b;
+                    const inlineDeleteRef = (_b = (_a = __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_rowDeleteComponent, "f")) === null || _a === void 0 ? void 0 : _a.inlineDeleteRefs) === null || _b === void 0 ? void 0 : _b.toArray().find((elRef) => elRef.nativeElement.id === 'row-delete-ref-' + id);
+                    const affixer = __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_affixService, "f").createAffixer(inlineDeleteRef);
+                    __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_instances, "m", _SkyAgGridRowDeleteDirective_affixToRow).call(this, affixer, id);
+                    __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_rowDeleteContents, "f")[id] = {
                         affixer: affixer,
                         overlay: overlay,
                     };
                 });
             }
         }
-        for (const config of this.rowDeleteConfigs) {
+        for (const config of __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_rowDeleteConfigs, "f")) {
             if (value.indexOf(config.id) < 0) {
-                this.destroyRowDelete(config.id);
+                __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_instances, "m", _SkyAgGridRowDeleteDirective_destroyRowDelete).call(this, config.id);
             }
         }
-        this.changeDetector.markForCheck();
+        __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_changeDetector, "f").markForCheck();
     }
     get rowDeleteIds() {
-        return this._rowDeleteIds;
-    }
-    get tableWidth() {
-        return this.elementRef.nativeElement.querySelectorAll('.sky-ag-grid')[0]
-            .offsetWidth;
+        return __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_rowDeleteIdsInternal, "f");
     }
     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();
-        });
+        __classPrivateFieldSet(this, _SkyAgGridRowDeleteDirective_rowDeleteComponent, __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_viewContainerRef, "f").createComponent(SkyAgGridRowDeleteComponent).instance, "f");
+        if (this.agGrid) {
+            this.agGrid.rowDataUpdated
+                .pipe(takeUntil(__classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_ngUnsubscribe, "f")))
+                .subscribe(() => {
+                __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_instances, "m", _SkyAgGridRowDeleteDirective_updateRowDeleteStates).call(this);
+            });
+            this.agGrid.sortChanged
+                .pipe(takeUntil(__classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_ngUnsubscribe, "f")))
+                .subscribe(() => {
+                __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_instances, "m", _SkyAgGridRowDeleteDirective_updateRowDeleteStates).call(this);
+            });
+            this.agGrid.filterChanged
+                .pipe(takeUntil(__classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_ngUnsubscribe, "f")))
+                .subscribe(() => {
+                __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_instances, "m", _SkyAgGridRowDeleteDirective_updateRowDeleteStates).call(this);
+            });
+        }
     }
     ngOnDestroy() {
-        this.ngUnsubscribe.next();
-        this.ngUnsubscribe.complete();
-        Object.keys(this.rowDeleteContents).forEach((id) => {
-            this.destroyRowDelete(id);
+        __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_ngUnsubscribe, "f").next();
+        __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_ngUnsubscribe, "f").complete();
+        Object.keys(__classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_rowDeleteContents, "f")).forEach((id) => {
+            __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_instances, "m", _SkyAgGridRowDeleteDirective_destroyRowDelete).call(this, id);
         });
     }
     cancelRowDelete(row) {
-        this.rowDeleteConfigs = this.rowDeleteConfigs.filter((config) => config.id !== row.id);
-        this.rowDeleteCancel.emit({ id: row.id });
-        this.destroyRowDelete(row.id);
+        if (row.id) {
+            __classPrivateFieldSet(this, _SkyAgGridRowDeleteDirective_rowDeleteConfigs, __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_rowDeleteConfigs, "f").filter((config) => config.id !== row.id), "f");
+            this.rowDeleteCancel.emit({ id: row.id });
+            __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_instances, "m", _SkyAgGridRowDeleteDirective_destroyRowDelete).call(this, row.id);
+        }
     }
     confirmRowDelete(row) {
-        this.rowDeleteConfigs.find((config) => config.id === row.id).pending = true;
-        this.rowDeleteConfirm.emit({ id: row.id });
+        if (row.id) {
+            const rowConfig = __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_rowDeleteConfigs, "f").find((config) => config.id === row.id);
+            if (rowConfig) {
+                rowConfig.pending = true;
+                this.rowDeleteConfirm.emit({ id: row.id });
+            }
+        }
     }
     getRowDeleteItem(row) {
-        return this.rowDeleteConfigs.find((rowDelete) => rowDelete.id === row.id);
+        return __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_rowDeleteConfigs, "f").find((rowDelete) => rowDelete.id === row.id);
     }
-    affixToRow(affixer, id) {
-        let rowElement = this.elementRef.nativeElement.querySelector(`
+}
+_SkyAgGridRowDeleteDirective_rowDeleteConfigs = new WeakMap(), _SkyAgGridRowDeleteDirective_ngUnsubscribe = new WeakMap(), _SkyAgGridRowDeleteDirective_rowDeleteComponent = new WeakMap(), _SkyAgGridRowDeleteDirective_rowDeleteContents = new WeakMap(), _SkyAgGridRowDeleteDirective_rowDeleteIdsInternal = new WeakMap(), _SkyAgGridRowDeleteDirective_affixService = new WeakMap(), _SkyAgGridRowDeleteDirective_changeDetector = new WeakMap(), _SkyAgGridRowDeleteDirective_elementRef = new WeakMap(), _SkyAgGridRowDeleteDirective_overlayService = new WeakMap(), _SkyAgGridRowDeleteDirective_viewContainerRef = new WeakMap(), _SkyAgGridRowDeleteDirective_instances = new WeakSet(), _SkyAgGridRowDeleteDirective_affixToRow = function _SkyAgGridRowDeleteDirective_affixToRow(affixer, id) {
+    let rowElement = __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_elementRef, "f").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;
-                }
+    // 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 = __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_elementRef, "f").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) {
+    affixer.affixTo(rowElement, {
+        autoFitContext: SkyAffixAutoFitContext.Viewport,
+        isSticky: true,
+        placement: 'above',
+        verticalAlignment: 'top',
+        horizontalAlignment: 'left',
+        enableAutoFit: false,
+    });
+}, _SkyAgGridRowDeleteDirective_destroyRowDelete = function _SkyAgGridRowDeleteDirective_destroyRowDelete(id) {
+    var _a;
+    const rowDeleteContents = __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_rowDeleteContents, "f")[id];
+    /* sanity check */
+    /* istanbul ignore else */
+    if (rowDeleteContents) {
+        rowDeleteContents.affixer.destroy();
+        __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_overlayService, "f").close(rowDeleteContents.overlay);
+        delete __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_rowDeleteContents, "f")[id];
+        __classPrivateFieldSet(this, _SkyAgGridRowDeleteDirective_rowDeleteConfigs, __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_rowDeleteConfigs, "f").filter((config) => config.id !== id), "f");
+        __classPrivateFieldSet(this, _SkyAgGridRowDeleteDirective_rowDeleteIdsInternal, (_a = this.rowDeleteIds) === null || _a === void 0 ? void 0 : _a.filter((arrayId) => arrayId !== id), "f");
+        this.rowDeleteIdsChange.emit(__classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_rowDeleteIdsInternal, "f"));
+    }
+}, _SkyAgGridRowDeleteDirective_updateRowDeleteStates = function _SkyAgGridRowDeleteDirective_updateRowDeleteStates() {
+    __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_rowDeleteConfigs, "f").forEach((config) => {
         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();
-    }
-}
+        if (!((_a = this.agGrid) === null || _a === void 0 ? void 0 : _a.api.getRowNode(config.id))) {
+            __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_instances, "m", _SkyAgGridRowDeleteDirective_destroyRowDelete).call(this, 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.
+            __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_instances, "m", _SkyAgGridRowDeleteDirective_affixToRow).call(this, __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_rowDeleteContents, "f")[config.id].affixer, config.id);
+        }
+    });
+    __classPrivateFieldGet(this, _SkyAgGridRowDeleteDirective_changeDetector, "f").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: [{
@@ -2696,5 +2798,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.0", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { SkyAgGridCellEditorInitialAction, SkyAgGridCellEditorUtils, SkyAgGridHeaderGroupInfo, SkyAgGridHeaderInfo, SkyAgGridModule, SkyAgGridService, SkyCellClass, SkyCellType, SkyHeaderClass, SkyAgGridCellEditorAutocompleteComponent as λ1, SkyAgGridCellRendererValidatorTooltipComponent as λ10, SkyAgGridCellValidatorTooltipComponent as λ11, SkyAgGridWrapperComponent as λ12, SkyAgGridRowDeleteDirective as λ13, SkyAgGridDataManagerAdapterDirective as λ14, SkyAgGridCellEditorLookupComponent as λ15, SkyAgGridCellRendererLookupComponent as λ16, SkyAgGridHeaderComponent as λ17, SkyAgGridHeaderGroupComponent as λ18, SkyAgGridCellEditorTextComponent as λ2, SkyAgGridCellEditorCurrencyComponent as λ3, SkyAgGridCellEditorNumberComponent as λ4, SkyAgGridCellEditorDatepickerComponent as λ5, SkyAgGridRowDeleteComponent as λ6, SkyAgGridCellRendererRowSelectorComponent as λ7, SkyAgGridCellRendererCurrencyValidatorComponent as λ8, SkyAgGridCellRendererCurrencyComponent as λ9 };
+export { SkyAgGridCellEditorInitialAction, SkyAgGridCellEditorUtils, SkyAgGridHeaderGroupInfo, SkyAgGridHeaderInfo, SkyAgGridModule, SkyAgGridService, SkyCellType, SkyHeaderClass, SkyAgGridCellEditorAutocompleteComponent as λ1, SkyAgGridCellRendererValidatorTooltipComponent as λ10, SkyAgGridCellValidatorTooltipComponent as λ11, SkyAgGridWrapperComponent as λ12, SkyAgGridRowDeleteDirective as λ13, SkyAgGridDataManagerAdapterDirective as λ14, SkyAgGridCellEditorLookupComponent as λ15, SkyAgGridCellRendererLookupComponent as λ16, SkyAgGridHeaderComponent as λ17, SkyAgGridHeaderGroupComponent as λ18, SkyAgGridCellEditorTextComponent as λ2, SkyAgGridCellEditorCurrencyComponent as λ3, SkyAgGridCellEditorNumberComponent as λ4, SkyAgGridCellEditorDatepickerComponent as λ5, SkyAgGridRowDeleteComponent as λ6, SkyAgGridCellRendererRowSelectorComponent as λ7, SkyAgGridCellRendererCurrencyValidatorComponent as λ8, SkyAgGridCellRendererCurrencyComponent as λ9 };
 //# sourceMappingURL=skyux-ag-grid.mjs.map