@skyux/ag-grid 5.1.0 → 5.1.4

package/fesm2015/skyux-ag-grid.js

@@ -26,7 +26,7 @@ import { SkyPopoverMessageType, SkyPopoverModule } from '@skyux/popovers';
 import { Subject } from 'rxjs';
 import * as i1$5 from '@skyux/indicators';
 import { SkyStatusIndicatorModule } from '@skyux/indicators';
-import { takeUntil } from 'rxjs/operators';
+import { takeUntil, filter } from 'rxjs/operators';
 import * as i2$2 from '@skyux/autonumeric';
 import { SkyAutonumericModule } from '@skyux/autonumeric';
 
@@ -56,8 +56,11 @@ class SkyAgGridAdapterService {
         if (parentEl) {
             const focusableChildren = this.skyAdapterService.getFocusableChildren(parentEl);
             const currentElementIndex = focusableChildren.indexOf(currentEl);
-            const nextIndex = moveFocusLeft ? currentElementIndex - 1 : currentElementIndex + 1;
-            if ((!moveFocusLeft && focusableChildren.length >= nextIndex) || (moveFocusLeft && nextIndex >= 0)) {
+            const nextIndex = moveFocusLeft
+                ? currentElementIndex - 1
+                : currentElementIndex + 1;
+            if ((!moveFocusLeft && focusableChildren.length >= nextIndex) ||
+                (moveFocusLeft && nextIndex >= 0)) {
                 return focusableChildren[nextIndex];
             }
         }
@@ -69,16 +72,19 @@ class SkyAgGridAdapterService {
         }
     }
 }
-SkyAgGridAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridAdapterService, deps: [{ token: i1.SkyCoreAdapterService }], target: i0.ɵɵFactoryTarget.Injectable });
-SkyAgGridAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridAdapterService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridAdapterService, decorators: [{
+SkyAgGridAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridAdapterService, deps: [{ token: i1.SkyCoreAdapterService }], target: i0.ɵɵFactoryTarget.Injectable });
+SkyAgGridAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridAdapterService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridAdapterService, decorators: [{
             type: Injectable,
             args: [{
-                    providedIn: 'root'
+                    providedIn: 'root',
                 }]
         }], ctorParameters: function () { return [{ type: i1.SkyCoreAdapterService }]; } });
 
 let idIndex = 0;
+/**
+ * @internal
+ */
 class SkyAgGridWrapperComponent {
     constructor(adapterService, changeDetector, elementRef) {
         this.adapterService = adapterService;
@@ -98,13 +104,16 @@ class SkyAgGridWrapperComponent {
         this.changeDetector.markForCheck();
     }
     ngAfterContentInit() {
-        if (this.agGrid.gridOptions && this.agGrid.gridOptions.domLayout === 'autoHeight') {
+        if (this.agGrid.gridOptions &&
+            this.agGrid.gridOptions.domLayout === 'autoHeight') {
             this.viewkeeperClasses.push('.ag-header');
         }
     }
     onGridKeydown(event) {
         if (this.agGrid && !this.isInEditMode && event.key === 'Tab') {
-            const idToFocus = event.shiftKey ? this.beforeAnchorId : this.afterAnchorId;
+            const idToFocus = event.shiftKey
+                ? this.beforeAnchorId
+                : this.afterAnchorId;
             this.adapterService.setFocusedElementById(this.elementRef.nativeElement, idToFocus);
         }
     }
@@ -112,7 +121,8 @@ class SkyAgGridWrapperComponent {
         const gridId = this.gridId;
         const relatedTarget = event.relatedTarget;
         const previousFocusedId = relatedTarget && relatedTarget.id;
-        const previousWasCell = relatedTarget && !!this.adapterService.getElementOrParentWithClass(relatedTarget, 'ag-cell');
+        const previousWasCell = relatedTarget &&
+            !!this.adapterService.getElementOrParentWithClass(relatedTarget, 'ag-cell');
         if (previousFocusedId !== gridId && !previousWasCell) {
             const columns = this.agGrid.columnApi.getAllDisplayedColumns();
             const firstColumn = columns && columns[0];
@@ -145,22 +155,25 @@ class SkyAgGridWrapperComponent {
         }
     }
 }
-SkyAgGridWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridWrapperComponent, deps: [{ token: SkyAgGridAdapterService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-SkyAgGridWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.11", type: SkyAgGridWrapperComponent, selector: "sky-ag-grid-wrapper", queries: [{ propertyName: "agGrid", first: true, predicate: AgGridAngular, descendants: true, static: true }], ngImport: i0, template: "<span\n  class=\"nav-anchor\"\n  tabindex=\"0\"\n  [id]=\"beforeAnchorId\"\n  (focusin)=\"onAnchorFocus($event)\"\n>\n</span>\n<div\n  class=\"sky-ag-grid\"\n  tabindex=\"0\"\n  [id]=\"gridId\"\n  [skyViewkeeper]=\"viewkeeperClasses\"\n  (keydown)=\"onGridKeydown($event)\"\n>\n  <ng-content></ng-content>\n</div>\n<span\n  tabindex=\"0\"\n  class=\"nav-anchor\"\n  [id]=\"afterAnchorId\"\n  (focusin)=\"onAnchorFocus($event)\"\n>\n</span>\n", directives: [{ type: i1.λ3, selector: "[skyViewkeeper]", inputs: ["skyViewkeeper"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridWrapperComponent, decorators: [{
+SkyAgGridWrapperComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridWrapperComponent, deps: [{ token: SkyAgGridAdapterService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+SkyAgGridWrapperComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyAgGridWrapperComponent, selector: "sky-ag-grid-wrapper", queries: [{ propertyName: "agGrid", first: true, predicate: AgGridAngular, descendants: true, static: true }], ngImport: i0, template: "<span\n  class=\"nav-anchor\"\n  tabindex=\"0\"\n  [id]=\"beforeAnchorId\"\n  (focusin)=\"onAnchorFocus($event)\"\n>\n</span>\n<div\n  class=\"sky-ag-grid\"\n  tabindex=\"0\"\n  [id]=\"gridId\"\n  [skyViewkeeper]=\"viewkeeperClasses\"\n  (keydown)=\"onGridKeydown($event)\"\n>\n  <ng-content></ng-content>\n</div>\n<span\n  tabindex=\"0\"\n  class=\"nav-anchor\"\n  [id]=\"afterAnchorId\"\n  (focusin)=\"onAnchorFocus($event)\"\n>\n</span>\n", directives: [{ type: i1.λ3, selector: "[skyViewkeeper]", inputs: ["skyViewkeeper"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridWrapperComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-ag-grid-wrapper',
                     templateUrl: './ag-grid-wrapper.component.html',
-                    changeDetection: ChangeDetectionStrategy.OnPush
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
         }], ctorParameters: function () { return [{ type: SkyAgGridAdapterService }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }]; }, propDecorators: { agGrid: [{
                 type: ContentChild,
                 args: [AgGridAngular, {
-                        static: true
+                        static: true,
                     }]
             }] } });
 
+/**
+ * @internal
+ */
 class SkyAgGridCellEditorAutocompleteComponent {
     constructor() {
         this.skyComponentProperties = {};
@@ -179,15 +192,15 @@ class SkyAgGridCellEditorAutocompleteComponent {
         return this.currentSelection;
     }
 }
-SkyAgGridCellEditorAutocompleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellEditorAutocompleteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyAgGridCellEditorAutocompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.11", type: SkyAgGridCellEditorAutocompleteComponent, selector: "sky-ag-grid-cell-editor-autocomplete", viewQueries: [{ propertyName: "input", first: true, predicate: ["skyCellEditorAutocomplete"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div\n  class=\"sky-ag-grid-cell-editor-autocomplete\"\n>\n  <sky-autocomplete\n    [data]=\"skyComponentProperties.data\"\n    [debounceTime]=\"skyComponentProperties.debounceTime\"\n    [descriptorProperty]=\"skyComponentProperties.descriptorProperty\"\n    [propertiesToSearch]=\"skyComponentProperties.propertiesToSearch\"\n    [search]=\"skyComponentProperties.search\"\n    [searchFilters]=\"skyComponentProperties.searchFilters\"\n    [searchResultsLimit]=\"skyComponentProperties.searchResultsLimit\"\n    [searchResultTemplate]=\"skyComponentProperties.searchResultTemplate\"\n    [searchTextMinimumCharacters]=\"skyComponentProperties.searchTextMinimumCharacters\"\n    (selectionChange)=\"skyComponentProperties.selectionChange && skyComponentProperties.selectionChange($event)\"\n  >\n    <input\n      skyAutocomplete\n      #skyCellEditorAutocomplete\n      type=\"text\"\n      [(ngModel)]=\"currentSelection\"\n      [attr.aria-label]=\"'sky_ag_grid_cell_editor_autocomplete_aria_label' | skyLibResources:columnHeader:rowNumber\"\n    />\n  </sky-autocomplete>\n</div>\n", styles: ["sky-autocomplete input{border:none;box-shadow:none}\n"], components: [{ type: i1$1.λ2, selector: "sky-autocomplete", inputs: ["ariaLabelledBy", "data", "debounceTime", "descriptorProperty", "enableShowMore", "messageStream", "wrapperClass", "propertiesToSearch", "search", "searchResultTemplate", "searchTextMinimumCharacters", "searchFilters", "searchResultsLimit", "showAddButton", "noResultsFoundText"], outputs: ["addClick", "showMoreClick", "selectionChange"] }], directives: [{ type: i1$1.λ1, selector: "input[skyAutocomplete], textarea[skyAutocomplete]", inputs: ["autocompleteAttribute", "disabled"] }, { type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "skyLibResources": i3.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellEditorAutocompleteComponent, decorators: [{
+SkyAgGridCellEditorAutocompleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellEditorAutocompleteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyAgGridCellEditorAutocompleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyAgGridCellEditorAutocompleteComponent, selector: "sky-ag-grid-cell-editor-autocomplete", viewQueries: [{ propertyName: "input", first: true, predicate: ["skyCellEditorAutocomplete"], descendants: true, read: ElementRef }], ngImport: i0, template: "<div class=\"sky-ag-grid-cell-editor-autocomplete\">\n  <sky-autocomplete\n    [data]=\"skyComponentProperties.data\"\n    [debounceTime]=\"skyComponentProperties.debounceTime\"\n    [descriptorProperty]=\"skyComponentProperties.descriptorProperty\"\n    [propertiesToSearch]=\"skyComponentProperties.propertiesToSearch\"\n    [search]=\"skyComponentProperties.search\"\n    [searchFilters]=\"skyComponentProperties.searchFilters\"\n    [searchResultsLimit]=\"skyComponentProperties.searchResultsLimit\"\n    [searchResultTemplate]=\"skyComponentProperties.searchResultTemplate\"\n    [searchTextMinimumCharacters]=\"\n      skyComponentProperties.searchTextMinimumCharacters\n    \"\n    (selectionChange)=\"\n      skyComponentProperties.selectionChange &&\n        skyComponentProperties.selectionChange($event)\n    \"\n  >\n    <input\n      skyAutocomplete\n      #skyCellEditorAutocomplete\n      type=\"text\"\n      [(ngModel)]=\"currentSelection\"\n      [attr.aria-label]=\"\n        'sky_ag_grid_cell_editor_autocomplete_aria_label'\n          | skyLibResources: columnHeader:rowNumber\n      \"\n    />\n  </sky-autocomplete>\n</div>\n", styles: ["sky-autocomplete input{border:none;box-shadow:none}\n"], components: [{ type: i1$1.λ2, selector: "sky-autocomplete", inputs: ["ariaLabelledBy", "data", "debounceTime", "descriptorProperty", "enableShowMore", "messageStream", "wrapperClass", "propertiesToSearch", "search", "searchResultTemplate", "searchTextMinimumCharacters", "searchFilters", "searchResultsLimit", "showAddButton", "noResultsFoundText"], outputs: ["addClick", "showMoreClick", "selectionChange"] }], directives: [{ type: i1$1.λ1, selector: "input[skyAutocomplete], textarea[skyAutocomplete]", inputs: ["autocompleteAttribute", "disabled"] }, { type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "skyLibResources": i3.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellEditorAutocompleteComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-ag-grid-cell-editor-autocomplete',
                     templateUrl: './cell-editor-autocomplete.component.html',
                     styleUrls: ['./cell-editor-autocomplete.component.scss'],
-                    changeDetection: ChangeDetectionStrategy.OnPush
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
         }], propDecorators: { input: [{
                 type: ViewChild,
@@ -201,7 +214,30 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImpo
  * To update this file, simply rerun the command.
  */
 const RESOURCES = {
-    'EN-US': { "sky_ag_grid_row_selector_aria_label": { "message": "Row selector for row {0}" }, "sky_ag_grid_cell_editor_number_aria_label": { "message": "Editable number {0} for row {1}" }, "sky_ag_grid_cell_editor_text_aria_label": { "message": "Editable text {0} for row {1}" }, "sky_ag_grid_cell_editor_autocomplete_aria_label": { "message": "Editable autocomplete {0} for row {1}" }, "sky_ag_grid_cell_renderer_currency_aria_label": { "message": "Editable currency {0} for row {1}" }, "sky_ag_grid_cell_renderer_number_validator_message": { "message": "Please enter a valid number" }, "sky_ag_grid_cell_renderer_currency_validator_message": { "message": "Please enter a valid currency" }, "skyux_lookup_tokens_summary": { "message": "{0} items selected" } },
+    'EN-US': {
+        sky_ag_grid_row_selector_aria_label: {
+            message: 'Row selector for row {0}',
+        },
+        sky_ag_grid_cell_editor_number_aria_label: {
+            message: 'Editable number {0} for row {1}',
+        },
+        sky_ag_grid_cell_editor_text_aria_label: {
+            message: 'Editable text {0} for row {1}',
+        },
+        sky_ag_grid_cell_editor_autocomplete_aria_label: {
+            message: 'Editable autocomplete {0} for row {1}',
+        },
+        sky_ag_grid_cell_renderer_currency_aria_label: {
+            message: 'Editable currency {0} for row {1}',
+        },
+        sky_ag_grid_cell_renderer_number_validator_message: {
+            message: 'Please enter a valid number',
+        },
+        sky_ag_grid_cell_renderer_currency_validator_message: {
+            message: 'Please enter a valid currency',
+        },
+        skyux_lookup_tokens_summary: { message: '{0} items selected' },
+    },
 };
 class AgGridResourcesProvider {
     getString(localeInfo, name) {
@@ -213,53 +249,46 @@ class AgGridResourcesProvider {
  */
 class AgGridResourcesModule {
 }
-AgGridResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: AgGridResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-AgGridResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: AgGridResourcesModule, exports: [SkyI18nModule] });
-AgGridResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: AgGridResourcesModule, providers: [{
+AgGridResourcesModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: AgGridResourcesModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+AgGridResourcesModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: AgGridResourcesModule, exports: [SkyI18nModule] });
+AgGridResourcesModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: AgGridResourcesModule, providers: [
+        {
             provide: SKY_LIB_RESOURCES_PROVIDERS,
             useClass: AgGridResourcesProvider,
-            multi: true
-        }], imports: [SkyI18nModule] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: AgGridResourcesModule, decorators: [{
+            multi: true,
+        },
+    ], imports: [SkyI18nModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: AgGridResourcesModule, decorators: [{
             type: NgModule,
             args: [{
                     exports: [SkyI18nModule],
-                    providers: [{
+                    providers: [
+                        {
                             provide: SKY_LIB_RESOURCES_PROVIDERS,
                             useClass: AgGridResourcesProvider,
-                            multi: true
-                        }]
+                            multi: true,
+                        },
+                    ],
                 }]
         }] });
 
 class SkyAgGridCellEditorAutocompleteModule {
 }
-SkyAgGridCellEditorAutocompleteModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellEditorAutocompleteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyAgGridCellEditorAutocompleteModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellEditorAutocompleteModule, declarations: [SkyAgGridCellEditorAutocompleteComponent], imports: [FormsModule,
-        AgGridResourcesModule,
-        SkyAutocompleteModule], exports: [SkyAgGridCellEditorAutocompleteComponent] });
-SkyAgGridCellEditorAutocompleteModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellEditorAutocompleteModule, imports: [[
-            FormsModule,
-            AgGridResourcesModule,
-            SkyAutocompleteModule
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellEditorAutocompleteModule, decorators: [{
+SkyAgGridCellEditorAutocompleteModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellEditorAutocompleteModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyAgGridCellEditorAutocompleteModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellEditorAutocompleteModule, declarations: [SkyAgGridCellEditorAutocompleteComponent], imports: [FormsModule, AgGridResourcesModule, SkyAutocompleteModule], exports: [SkyAgGridCellEditorAutocompleteComponent] });
+SkyAgGridCellEditorAutocompleteModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellEditorAutocompleteModule, imports: [[FormsModule, AgGridResourcesModule, SkyAutocompleteModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellEditorAutocompleteModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [
-                        FormsModule,
-                        AgGridResourcesModule,
-                        SkyAutocompleteModule
-                    ],
-                    declarations: [
-                        SkyAgGridCellEditorAutocompleteComponent
-                    ],
-                    exports: [
-                        SkyAgGridCellEditorAutocompleteComponent
-                    ]
+                    imports: [FormsModule, AgGridResourcesModule, SkyAutocompleteModule],
+                    declarations: [SkyAgGridCellEditorAutocompleteComponent],
+                    exports: [SkyAgGridCellEditorAutocompleteComponent],
                 }]
         }] });
 
+/**
+ * @internal
+ */
 class SkyAgGridCellEditorDatepickerComponent extends PopupComponent {
     constructor(themeSvc) {
         super();
@@ -277,15 +306,18 @@ class SkyAgGridCellEditorDatepickerComponent extends PopupComponent {
         this.skyComponentProperties = this.params.skyComponentProperties || {};
         this.columnWidth = this.params.column.getActualWidth();
         this.columnWidthWithoutBorders = this.columnWidth - 2;
-        this.rowHeightWithoutBorders = this.params.node && this.params.node.rowHeight - 3;
+        this.rowHeightWithoutBorders =
+            this.params.node && this.params.node.rowHeight - 3;
         (_a = this.themeSvc) === null || _a === void 0 ? void 0 : _a.settingsChange.subscribe((themeSettings) => {
             if (themeSettings.currentSettings.theme.name === 'modern') {
                 this.columnWidthWithoutBorders = this.columnWidth;
-                this.rowHeightWithoutBorders = this.params.node && this.params.node.rowHeight;
+                this.rowHeightWithoutBorders =
+                    this.params.node && this.params.node.rowHeight;
             }
             else {
                 this.columnWidthWithoutBorders = this.columnWidth - 2;
-                this.rowHeightWithoutBorders = this.params.node && this.params.node.rowHeight - 3;
+                this.rowHeightWithoutBorders =
+                    this.params.node && this.params.node.rowHeight - 3;
             }
         });
     }
@@ -306,16 +338,16 @@ class SkyAgGridCellEditorDatepickerComponent extends PopupComponent {
         this.datepickerInput.nativeElement.focus();
     }
 }
-SkyAgGridCellEditorDatepickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellEditorDatepickerComponent, deps: [{ token: i1$3.SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
-SkyAgGridCellEditorDatepickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.11", type: SkyAgGridCellEditorDatepickerComponent, selector: "sky-ag-grid-cell-editor-datepicker", viewQueries: [{ propertyName: "datepickerInput", first: true, predicate: ["skyCellEditorDatepickerInput"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "<div\n  class=\"sky-ag-grid-cell-editor-datepicker\"\n  [style.width.px]=\"columnWidthWithoutBorders\"\n>\n  <sky-datepicker\n    data-sky-id=\"cell-datepicker\"\n    pickerClass=\"ag-custom-component-popup\"\n  >\n    <input\n      skyDatepickerInput\n      [disabled]=\"skyComponentProperties.disabled\"\n      [minDate]=\"skyComponentProperties.minDate\"\n      [maxDate]=\"skyComponentProperties.maxDate\"\n      [dateFormat]=\"skyComponentProperties.dateFormat\"\n      [startingDay]=\"skyComponentProperties.startingDay\"\n      [skyDatepickerNoValidate]=\"skyComponentProperties.skyDatepickerNoValidate\"\n      [style.height.px]=\"rowHeightWithoutBorders\"\n      [(ngModel)]=\"currentDate\"\n      #skyCellEditorDatepickerInput\n    />\n  </sky-datepicker>\n</div>\n", styles: [".sky-ag-grid-cell-editor-datepicker{position:relative;top:1px;left:1px}.sky-ag-grid-cell-editor-datepicker sky-datepicker input.sky-form-control{box-shadow:none;border-width:1px;border-style:solid;border-color:transparent #cdcfd2 transparent transparent}.sky-ag-grid-cell-editor-datepicker sky-datepicker .sky-input-group-datepicker-btn{border-radius:0}:host-context(.sky-theme-modern) .sky-ag-grid-cell-editor-datepicker{position:static;top:initial;left:initial}:host-context(.sky-theme-modern) .sky-ag-grid-cell-editor-datepicker sky-datepicker input.sky-form-control{border-radius:0;border:1px solid #1870B8}:host-context(.sky-theme-modern) .sky-ag-grid-cell-editor-datepicker sky-datepicker input.sky-form-control:focus{border-width:2px!important}.sky-theme-modern .sky-ag-grid-cell-editor-datepicker{position:static;top:initial;left:initial}.sky-theme-modern .sky-ag-grid-cell-editor-datepicker sky-datepicker input.sky-form-control{border-radius:0;border:1px solid #1870B8}.sky-theme-modern .sky-ag-grid-cell-editor-datepicker sky-datepicker input.sky-form-control:focus{border-width:2px!important}\n"], components: [{ type: i2.λ2, selector: "sky-datepicker", inputs: ["pickerClass"] }], directives: [{ type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i2.λ3, selector: "[skyDatepickerInput]", inputs: ["dateFormat", "disabled", "maxDate", "minDate", "skyDatepickerInput", "skyDatepickerNoValidate", "startingDay", "strict"] }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellEditorDatepickerComponent, decorators: [{
+SkyAgGridCellEditorDatepickerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellEditorDatepickerComponent, deps: [{ token: i1$3.SkyThemeService, optional: true }], target: i0.ɵɵFactoryTarget.Component });
+SkyAgGridCellEditorDatepickerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyAgGridCellEditorDatepickerComponent, selector: "sky-ag-grid-cell-editor-datepicker", viewQueries: [{ propertyName: "datepickerInput", first: true, predicate: ["skyCellEditorDatepickerInput"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "<div\n  class=\"sky-ag-grid-cell-editor-datepicker\"\n  [style.width.px]=\"columnWidthWithoutBorders\"\n>\n  <sky-datepicker\n    data-sky-id=\"cell-datepicker\"\n    pickerClass=\"ag-custom-component-popup\"\n  >\n    <input\n      skyDatepickerInput\n      [disabled]=\"skyComponentProperties.disabled\"\n      [minDate]=\"skyComponentProperties.minDate\"\n      [maxDate]=\"skyComponentProperties.maxDate\"\n      [dateFormat]=\"skyComponentProperties.dateFormat\"\n      [startingDay]=\"skyComponentProperties.startingDay\"\n      [skyDatepickerNoValidate]=\"skyComponentProperties.skyDatepickerNoValidate\"\n      [style.height.px]=\"rowHeightWithoutBorders\"\n      [(ngModel)]=\"currentDate\"\n      #skyCellEditorDatepickerInput\n    />\n  </sky-datepicker>\n</div>\n", styles: [".sky-ag-grid-cell-editor-datepicker{position:relative;top:1px;left:1px}.sky-ag-grid-cell-editor-datepicker sky-datepicker input.sky-form-control{box-shadow:none;border-width:1px;border-style:solid;border-color:transparent #cdcfd2 transparent transparent}.sky-ag-grid-cell-editor-datepicker sky-datepicker .sky-input-group-datepicker-btn{border-radius:0}:host-context(.sky-theme-modern) .sky-ag-grid-cell-editor-datepicker{position:static;top:initial;left:initial}:host-context(.sky-theme-modern) .sky-ag-grid-cell-editor-datepicker sky-datepicker input.sky-form-control{border-radius:0;border:1px solid #1870B8}:host-context(.sky-theme-modern) .sky-ag-grid-cell-editor-datepicker sky-datepicker input.sky-form-control:focus{border-width:2px!important}.sky-theme-modern .sky-ag-grid-cell-editor-datepicker{position:static;top:initial;left:initial}.sky-theme-modern .sky-ag-grid-cell-editor-datepicker sky-datepicker input.sky-form-control{border-radius:0;border:1px solid #1870B8}.sky-theme-modern .sky-ag-grid-cell-editor-datepicker sky-datepicker input.sky-form-control:focus{border-width:2px!important}\n"], components: [{ type: i2.λ2, selector: "sky-datepicker", inputs: ["pickerClass"] }], directives: [{ type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i2.λ3, selector: "[skyDatepickerInput]", inputs: ["dateFormat", "disabled", "maxDate", "minDate", "skyDatepickerInput", "skyDatepickerNoValidate", "startingDay", "strict"] }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellEditorDatepickerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-ag-grid-cell-editor-datepicker',
                     templateUrl: './cell-editor-datepicker.component.html',
                     styleUrls: ['./cell-editor-datepicker.component.scss'],
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    encapsulation: ViewEncapsulation.None
+                    encapsulation: ViewEncapsulation.None,
                 }]
         }], ctorParameters: function () { return [{ type: i1$3.SkyThemeService, decorators: [{
                     type: Optional
@@ -326,26 +358,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImpo
 
 class SkyAgGridCellEditorDatepickerModule {
 }
-SkyAgGridCellEditorDatepickerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellEditorDatepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyAgGridCellEditorDatepickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellEditorDatepickerModule, declarations: [SkyAgGridCellEditorDatepickerComponent], imports: [SkyDatepickerModule,
-        FormsModule], exports: [SkyAgGridCellEditorDatepickerComponent] });
-SkyAgGridCellEditorDatepickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellEditorDatepickerModule, imports: [[
-            SkyDatepickerModule,
-            FormsModule
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellEditorDatepickerModule, decorators: [{
+SkyAgGridCellEditorDatepickerModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellEditorDatepickerModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyAgGridCellEditorDatepickerModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellEditorDatepickerModule, declarations: [SkyAgGridCellEditorDatepickerComponent], imports: [SkyDatepickerModule, FormsModule], exports: [SkyAgGridCellEditorDatepickerComponent] });
+SkyAgGridCellEditorDatepickerModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellEditorDatepickerModule, imports: [[SkyDatepickerModule, FormsModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellEditorDatepickerModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [
-                        SkyDatepickerModule,
-                        FormsModule
-                    ],
-                    declarations: [
-                        SkyAgGridCellEditorDatepickerComponent
-                    ],
-                    exports: [
-                        SkyAgGridCellEditorDatepickerComponent
-                    ]
+                    imports: [SkyDatepickerModule, FormsModule],
+                    declarations: [SkyAgGridCellEditorDatepickerComponent],
+                    exports: [SkyAgGridCellEditorDatepickerComponent],
                 }]
         }] });
 
@@ -369,7 +390,7 @@ function applySkyLookupPropertiesDefaults(skyLookupProperties) {
         selectMode: skyLookupProperties.selectMode || undefined,
         showAddButton: skyLookupProperties.showAddButton || false,
         showMoreConfig: skyLookupProperties.showMoreConfig || {},
-        wrapperClass: 'ag-custom-component-popup'
+        wrapperClass: 'ag-custom-component-popup',
     };
 }
 
@@ -381,8 +402,8 @@ class SkyAgGridCellEditorLookupComponent {
         this.lookupForm = new FormGroup({
             currentSelection: new FormControl({
                 value: [],
-                disabled: false
-            })
+                disabled: false,
+            }),
         });
     }
     agInit(params) {
@@ -423,34 +444,34 @@ class SkyAgGridCellEditorLookupComponent {
         return applySkyLookupPropertiesDefaults(skyLookupProperties);
     }
 }
-SkyAgGridCellEditorLookupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellEditorLookupComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-SkyAgGridCellEditorLookupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.11", type: SkyAgGridCellEditorLookupComponent, selector: "sky-ag-grid-cell-editor-lookup", ngImport: i0, template: "<sky-input-box *ngIf=\"isAlive\"\n               [disabled]=\"skyComponentProperties?.disabled\"\n               [formGroup]=\"lookupForm\"\n>\n  <sky-lookup\n    [ariaLabel]=\"skyComponentProperties?.ariaLabel\"\n    [autocompleteAttribute]=\"skyComponentProperties?.autocompleteAttribute\"\n    [data]=\"skyComponentProperties?.data\"\n    [debounceTime]=\"skyComponentProperties?.debounceTime\"\n    [descriptorProperty]=\"skyComponentProperties?.descriptorProperty\"\n    [enableShowMore]=\"skyComponentProperties?.enableShowMore\"\n    formControlName=\"currentSelection\"\n    [idProperty]=\"skyComponentProperties?.idProperty\"\n    [placeholderText]=\"skyComponentProperties?.placeholderText\"\n    [propertiesToSearch]=\"skyComponentProperties?.propertiesToSearch\"\n    [search]=\"skyComponentProperties?.search\"\n    [searchFilters]=\"skyComponentProperties?.searchFilters\"\n    [searchResultsLimit]=\"skyComponentProperties?.searchResultsLimit\"\n    [searchResultTemplate]=\"skyComponentProperties?.searchResultTemplate\"\n    [searchTextMinimumCharacters]=\"skyComponentProperties?.searchTextMinimumCharacters\"\n    [selectMode]=\"skyComponentProperties?.selectMode\"\n    [showAddButton]=\"skyComponentProperties?.showAddButton\"\n    [showMoreConfig]=\"skyComponentProperties?.showMoreConfig\"\n    [wrapperClass]=\"skyComponentProperties?.wrapperClass\"\n  >\n  </sky-lookup>\n</sky-input-box>\n", styles: [":host{display:block}\n"], components: [{ type: i1$4.λ10, selector: "sky-input-box", inputs: ["hasErrors", "disabled"] }, { type: i1$1.λ4, selector: "sky-lookup", inputs: ["ariaLabel", "ariaLabelledBy", "autocompleteAttribute", "data", "disabled", "enableShowMore", "placeholderText", "idProperty", "showAddButton", "showMoreConfig", "selectMode", "wrapperClass"], outputs: ["addClick"] }], directives: [{ type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellEditorLookupComponent, decorators: [{
+SkyAgGridCellEditorLookupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellEditorLookupComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+SkyAgGridCellEditorLookupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyAgGridCellEditorLookupComponent, selector: "sky-ag-grid-cell-editor-lookup", ngImport: i0, template: "<sky-input-box\n  *ngIf=\"isAlive\"\n  [disabled]=\"skyComponentProperties?.disabled\"\n  [formGroup]=\"lookupForm\"\n>\n  <sky-lookup\n    [ariaLabel]=\"skyComponentProperties?.ariaLabel\"\n    [autocompleteAttribute]=\"skyComponentProperties?.autocompleteAttribute\"\n    [data]=\"skyComponentProperties?.data\"\n    [debounceTime]=\"skyComponentProperties?.debounceTime\"\n    [descriptorProperty]=\"skyComponentProperties?.descriptorProperty\"\n    [enableShowMore]=\"skyComponentProperties?.enableShowMore\"\n    formControlName=\"currentSelection\"\n    [idProperty]=\"skyComponentProperties?.idProperty\"\n    [placeholderText]=\"skyComponentProperties?.placeholderText\"\n    [propertiesToSearch]=\"skyComponentProperties?.propertiesToSearch\"\n    [search]=\"skyComponentProperties?.search\"\n    [searchFilters]=\"skyComponentProperties?.searchFilters\"\n    [searchResultsLimit]=\"skyComponentProperties?.searchResultsLimit\"\n    [searchResultTemplate]=\"skyComponentProperties?.searchResultTemplate\"\n    [searchTextMinimumCharacters]=\"\n      skyComponentProperties?.searchTextMinimumCharacters\n    \"\n    [selectMode]=\"skyComponentProperties?.selectMode\"\n    [showAddButton]=\"skyComponentProperties?.showAddButton\"\n    [showMoreConfig]=\"skyComponentProperties?.showMoreConfig\"\n    [wrapperClass]=\"skyComponentProperties?.wrapperClass\"\n  >\n  </sky-lookup>\n</sky-input-box>\n", styles: [":host{display:block}\n"], components: [{ type: i1$4.λ10, selector: "sky-input-box", inputs: ["hasErrors", "disabled"] }, { type: i1$1.λ4, selector: "sky-lookup", inputs: ["ariaLabel", "ariaLabelledBy", "autocompleteAttribute", "data", "disabled", "enableShowMore", "placeholderText", "idProperty", "showAddButton", "showMoreConfig", "selectMode", "wrapperClass"], outputs: ["addClick"] }], directives: [{ type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellEditorLookupComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-ag-grid-cell-editor-lookup',
                     templateUrl: './cell-editor-lookup.component.html',
                     styleUrls: ['./cell-editor-lookup.component.scss'],
-                    changeDetection: ChangeDetectionStrategy.OnPush
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.ElementRef }]; } });
 
 class SkyAgGridCellEditorLookupModule {
 }
-SkyAgGridCellEditorLookupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellEditorLookupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyAgGridCellEditorLookupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellEditorLookupModule, declarations: [SkyAgGridCellEditorLookupComponent], imports: [CommonModule,
+SkyAgGridCellEditorLookupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellEditorLookupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyAgGridCellEditorLookupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellEditorLookupModule, declarations: [SkyAgGridCellEditorLookupComponent], imports: [CommonModule,
         ReactiveFormsModule,
         SkyI18nModule,
         SkyInputBoxModule,
         SkyLookupModule], exports: [SkyAgGridCellEditorLookupComponent] });
-SkyAgGridCellEditorLookupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellEditorLookupModule, imports: [[
+SkyAgGridCellEditorLookupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellEditorLookupModule, imports: [[
             CommonModule,
             ReactiveFormsModule,
             SkyI18nModule,
             SkyInputBoxModule,
-            SkyLookupModule
+            SkyLookupModule,
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellEditorLookupModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellEditorLookupModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [SkyAgGridCellEditorLookupComponent],
@@ -460,11 +481,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImpo
                         ReactiveFormsModule,
                         SkyI18nModule,
                         SkyInputBoxModule,
-                        SkyLookupModule
-                    ]
+                        SkyLookupModule,
+                    ],
                 }]
         }] });
 
+/**
+ * @internal
+ */
 class SkyAgGridCellEditorNumberComponent {
     /**
      * agInit is called by agGrid once after the editor is created and provides the editor with the information it needs.
@@ -476,7 +500,8 @@ class SkyAgGridCellEditorNumberComponent {
         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 =
+            this.params.node && this.params.node.rowHeight - 4;
     }
     /**
      * afterGuiAttached is called by agGrid after the editor is rendered in the DOM. Once it is attached the editor is ready to be focused on.
@@ -491,15 +516,15 @@ class SkyAgGridCellEditorNumberComponent {
         return this.value;
     }
 }
-SkyAgGridCellEditorNumberComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellEditorNumberComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyAgGridCellEditorNumberComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.11", type: SkyAgGridCellEditorNumberComponent, selector: "sky-ag-grid-cell-editor-number", viewQueries: [{ propertyName: "input", first: true, predicate: ["skyCellEditorNumber"], descendants: true, read: ElementRef }], ngImport: i0, template: "<input\n  type=\"number\"\n  [attr.aria-label]=\"'skyux_ag_grid_cell_editor_number_aria_label' | skyLibResources:columnHeader:rowNumber\"\n  [style.width.px]=\"columnWidth\"\n  [style.height.px]=\"rowHeightWithoutBorders\"\n  [(ngModel)]=\"value\"\n  #skyCellEditorNumber\n/>\n", styles: ["input{border:none;text-align:right}\n"], directives: [{ type: i1$2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "skyLibResources": i3.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellEditorNumberComponent, decorators: [{
+SkyAgGridCellEditorNumberComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellEditorNumberComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyAgGridCellEditorNumberComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyAgGridCellEditorNumberComponent, selector: "sky-ag-grid-cell-editor-number", viewQueries: [{ propertyName: "input", first: true, predicate: ["skyCellEditorNumber"], descendants: true, read: ElementRef }], ngImport: i0, template: "<input\n  type=\"number\"\n  [attr.aria-label]=\"\n    'skyux_ag_grid_cell_editor_number_aria_label'\n      | skyLibResources: columnHeader:rowNumber\n  \"\n  [style.width.px]=\"columnWidth\"\n  [style.height.px]=\"rowHeightWithoutBorders\"\n  [(ngModel)]=\"value\"\n  #skyCellEditorNumber\n/>\n", styles: ["input{border:none;text-align:right}\n"], directives: [{ type: i1$2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "skyLibResources": i3.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellEditorNumberComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-ag-grid-cell-editor-number',
                     templateUrl: './cell-editor-number.component.html',
                     styleUrls: ['./cell-editor-number.component.scss'],
-                    changeDetection: ChangeDetectionStrategy.OnPush
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
         }], propDecorators: { input: [{
                 type: ViewChild,
@@ -508,29 +533,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImpo
 
 class SkyAgGridCellEditorNumberModule {
 }
-SkyAgGridCellEditorNumberModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellEditorNumberModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyAgGridCellEditorNumberModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellEditorNumberModule, declarations: [SkyAgGridCellEditorNumberComponent], imports: [AgGridResourcesModule,
-        FormsModule], exports: [SkyAgGridCellEditorNumberComponent] });
-SkyAgGridCellEditorNumberModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellEditorNumberModule, imports: [[
-            AgGridResourcesModule,
-            FormsModule
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellEditorNumberModule, decorators: [{
+SkyAgGridCellEditorNumberModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellEditorNumberModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyAgGridCellEditorNumberModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellEditorNumberModule, declarations: [SkyAgGridCellEditorNumberComponent], imports: [AgGridResourcesModule, FormsModule], exports: [SkyAgGridCellEditorNumberComponent] });
+SkyAgGridCellEditorNumberModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellEditorNumberModule, imports: [[AgGridResourcesModule, FormsModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellEditorNumberModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [
-                        AgGridResourcesModule,
-                        FormsModule
-                    ],
-                    declarations: [
-                        SkyAgGridCellEditorNumberComponent
-                    ],
-                    exports: [
-                        SkyAgGridCellEditorNumberComponent
-                    ]
+                    imports: [AgGridResourcesModule, FormsModule],
+                    declarations: [SkyAgGridCellEditorNumberComponent],
+                    exports: [SkyAgGridCellEditorNumberComponent],
                 }]
         }] });
 
+/**
+ * @internal
+ */
 class SkyAgGridCellEditorTextComponent {
     /**
      * agInit is called by agGrid once after the editor is created and provides the editor with the information it needs.
@@ -542,7 +559,8 @@ class SkyAgGridCellEditorTextComponent {
         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 =
+            this.params.node && this.params.node.rowHeight - 4;
     }
     /**
      * afterGuiAttached is called by agGrid after the editor is rendered in the DOM. Once it is attached the editor is ready to be focused on.
@@ -557,15 +575,15 @@ class SkyAgGridCellEditorTextComponent {
         return this.value;
     }
 }
-SkyAgGridCellEditorTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellEditorTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyAgGridCellEditorTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.11", type: SkyAgGridCellEditorTextComponent, selector: "sky-ag-grid-cell-editor-text", viewQueries: [{ propertyName: "input", first: true, predicate: ["skyCellEditorText"], descendants: true, read: ElementRef }], ngImport: i0, template: "<input\n  type=\"text\"\n  [attr.aria-label]=\"'skyux_ag_grid_cell_editor_text_aria_label' | skyLibResources:columnHeader:rowNumber\"\n  [style.width.px]=\"columnWidth\"\n  [style.height.px]=\"rowHeightWithoutBorders\"\n  [(ngModel)]=\"value\"\n  #skyCellEditorText\n/>\n", styles: ["input{border:none;padding-left:11px}\n"], directives: [{ type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "skyLibResources": i3.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellEditorTextComponent, decorators: [{
+SkyAgGridCellEditorTextComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellEditorTextComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyAgGridCellEditorTextComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyAgGridCellEditorTextComponent, selector: "sky-ag-grid-cell-editor-text", viewQueries: [{ propertyName: "input", first: true, predicate: ["skyCellEditorText"], descendants: true, read: ElementRef }], ngImport: i0, template: "<input\n  type=\"text\"\n  [attr.aria-label]=\"\n    'skyux_ag_grid_cell_editor_text_aria_label'\n      | skyLibResources: columnHeader:rowNumber\n  \"\n  [style.width.px]=\"columnWidth\"\n  [style.height.px]=\"rowHeightWithoutBorders\"\n  [(ngModel)]=\"value\"\n  #skyCellEditorText\n/>\n", styles: ["input{border:none;padding-left:11px}\n"], directives: [{ type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "skyLibResources": i3.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellEditorTextComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-ag-grid-cell-editor-text',
                     templateUrl: './cell-editor-text.component.html',
                     styleUrls: ['./cell-editor-text.component.scss'],
-                    changeDetection: ChangeDetectionStrategy.OnPush
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
         }], propDecorators: { input: [{
                 type: ViewChild,
@@ -574,29 +592,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImpo
 
 class SkyAgGridCellEditorTextModule {
 }
-SkyAgGridCellEditorTextModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellEditorTextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyAgGridCellEditorTextModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellEditorTextModule, declarations: [SkyAgGridCellEditorTextComponent], imports: [AgGridResourcesModule,
-        FormsModule], exports: [SkyAgGridCellEditorTextComponent] });
-SkyAgGridCellEditorTextModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellEditorTextModule, imports: [[
-            AgGridResourcesModule,
-            FormsModule
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellEditorTextModule, decorators: [{
+SkyAgGridCellEditorTextModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellEditorTextModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyAgGridCellEditorTextModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellEditorTextModule, declarations: [SkyAgGridCellEditorTextComponent], imports: [AgGridResourcesModule, FormsModule], exports: [SkyAgGridCellEditorTextComponent] });
+SkyAgGridCellEditorTextModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellEditorTextModule, imports: [[AgGridResourcesModule, FormsModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellEditorTextModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [
-                        AgGridResourcesModule,
-                        FormsModule
-                    ],
-                    declarations: [
-                        SkyAgGridCellEditorTextComponent
-                    ],
-                    exports: [
-                        SkyAgGridCellEditorTextComponent
-                    ]
+                    imports: [AgGridResourcesModule, FormsModule],
+                    declarations: [SkyAgGridCellEditorTextComponent],
+                    exports: [SkyAgGridCellEditorTextComponent],
                 }]
         }] });
 
+/**
+ * @internal
+ */
 class SkyAgGridCellValidatorTooltipComponent {
     constructor(changeDetector, zone) {
         this.changeDetector = changeDetector;
@@ -610,7 +620,8 @@ class SkyAgGridCellValidatorTooltipComponent {
         /*istanbul ignore next*/
         (_a = this.cellRendererParams.api) === null || _a === void 0 ? void 0 : _a.addEventListener(Events.EVENT_CELL_FOCUSED, (eventParams) => {
             // We want to close any popovers that are opened when other cells are focused, but open a popover if the current cell is focused.
-            if (eventParams.column.getColId() !== this.cellRendererParams.column.getColId() ||
+            if (eventParams.column.getColId() !==
+                this.cellRendererParams.column.getColId() ||
                 eventParams.rowIndex !== this.cellRendererParams.rowIndex) {
                 this.hidePopover();
             }
@@ -626,10 +637,12 @@ class SkyAgGridCellValidatorTooltipComponent {
             this.hidePopover();
         });
         if (typeof ((_d = this.cellRendererParams.skyComponentProperties) === null || _d === void 0 ? void 0 : _d.validatorMessage) === 'function') {
-            this.validatorMessage = this.cellRendererParams.skyComponentProperties.validatorMessage(this.cellRendererParams.value, this.cellRendererParams.data, this.cellRendererParams.rowIndex);
+            this.validatorMessage =
+                this.cellRendererParams.skyComponentProperties.validatorMessage(this.cellRendererParams.value, this.cellRendererParams.data, this.cellRendererParams.rowIndex);
         }
         else {
-            this.validatorMessage = (_e = this.cellRendererParams.skyComponentProperties) === null || _e === void 0 ? void 0 : _e.validatorMessage;
+            this.validatorMessage =
+                (_e = this.cellRendererParams.skyComponentProperties) === null || _e === void 0 ? void 0 : _e.validatorMessage;
         }
         this.changeDetector.markForCheck();
     }
@@ -652,20 +665,23 @@ class SkyAgGridCellValidatorTooltipComponent {
         this.popoverMessageStream.next({ type: SkyPopoverMessageType.Open });
     }
 }
-SkyAgGridCellValidatorTooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellValidatorTooltipComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
-SkyAgGridCellValidatorTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.11", 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 *ngIf=\"indicatorShouldShow\"\n    descriptionType=\"none\"\n    indicatorType=\"danger\"\n    class=\"sky-pull-right\"\n  ></sky-status-indicator>\n</div>\n<sky-popover\n  #validatorPopover\n  (popoverClosed)=\"showIndicator()\"\n  (popoverOpened)=\"hideIndicator()\"\n  popoverType=\"danger\"\n>\n  {{ validatorMessage }}\n</sky-popover>\n", styles: [":host div.sky-validator-cell{height:100%;width:100%}:host div.sky-validator-cell:focus{outline:none}\n"], components: [{ type: i1$5.λ10, selector: "sky-status-indicator", inputs: ["indicatorType", "descriptionType", "customDescription"] }, { type: i2$1.λ6, selector: "sky-popover", inputs: ["alignment", "dismissOnBlur", "placement", "popoverTitle", "popoverType"], outputs: ["popoverClosed", "popoverOpened"] }], directives: [{ type: i2$1.λ7, selector: "[skyPopover]", inputs: ["skyPopover", "skyPopoverAlignment", "skyPopoverMessageStream", "skyPopoverPlacement", "skyPopoverTrigger"] }, { type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellValidatorTooltipComponent, decorators: [{
+SkyAgGridCellValidatorTooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellValidatorTooltipComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i0.NgZone }], target: i0.ɵɵFactoryTarget.Component });
+SkyAgGridCellValidatorTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyAgGridCellValidatorTooltipComponent, selector: "sky-ag-grid-cell-validator-tooltip", inputs: { params: "params" }, ngImport: i0, template: "<div\n  [skyPopover]=\"validatorPopover\"\n  [skyPopoverMessageStream]=\"popoverMessageStream\"\n  class=\"sky-validator-cell\"\n>\n  <ng-content></ng-content>\n  <sky-status-indicator\n    *ngIf=\"indicatorShouldShow\"\n    descriptionType=\"none\"\n    indicatorType=\"danger\"\n    class=\"sky-pull-right\"\n  ></sky-status-indicator>\n</div>\n<sky-popover\n  #validatorPopover\n  (popoverClosed)=\"showIndicator()\"\n  (popoverOpened)=\"hideIndicator()\"\n  popoverType=\"danger\"\n>\n  {{ validatorMessage }}\n</sky-popover>\n", styles: [":host div.sky-validator-cell{height:100%;width:100%}:host div.sky-validator-cell:focus{outline:none}\n"], components: [{ type: i1$5.λ10, selector: "sky-status-indicator", inputs: ["indicatorType", "descriptionType", "customDescription"] }, { type: i2$1.λ6, selector: "sky-popover", inputs: ["alignment", "dismissOnBlur", "placement", "popoverTitle", "popoverType"], outputs: ["popoverClosed", "popoverOpened"] }], directives: [{ type: i2$1.λ7, selector: "[skyPopover]", inputs: ["skyPopover", "skyPopoverAlignment", "skyPopoverMessageStream", "skyPopoverPlacement", "skyPopoverTrigger"] }, { type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellValidatorTooltipComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-ag-grid-cell-validator-tooltip',
                     styleUrls: ['ag-grid-cell-validator-tooltip.component.scss'],
                     templateUrl: 'ag-grid-cell-validator-tooltip.component.html',
-                    changeDetection: ChangeDetectionStrategy.OnPush
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i0.NgZone }]; }, propDecorators: { params: [{
                 type: Input
             }] } });
 
+/**
+ * @internal
+ */
 class SkyAgGridCellRendererCurrencyComponent {
     constructor() {
         this.skyComponentProperties = {};
@@ -691,27 +707,31 @@ class SkyAgGridCellRendererCurrencyComponent {
         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.rowHeightWithoutBorders =
+            this._params.node && this._params.node.rowHeight - 4;
         this.skyComponentProperties = this._params.skyComponentProperties || {};
         this.skyComponentProperties.format = 'currency';
         this.skyComponentProperties.minDigits = 2;
         this.skyComponentProperties.truncate = false;
     }
 }
-SkyAgGridCellRendererCurrencyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellRendererCurrencyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyAgGridCellRendererCurrencyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.11", type: SkyAgGridCellRendererCurrencyComponent, selector: "sky-ag-grid-cell-renderer-currency", inputs: { params: "params" }, ngImport: i0, template: "<span\n  [attr.aria-label]=\"\n    'sky_ag_grid_cell_renderer_currency_aria_label'\n      | skyLibResources: columnHeader:rowNumber\n  \"\n  [style.width.px]=\"columnWidth\"\n  [style.height.px]=\"rowHeightWithoutBorders\"\n>\n  {{ value | skyNumeric: skyComponentProperties }}\n</span>\n", styles: ["input{border:none;padding-left:11px}\n"], pipes: { "skyLibResources": i3.SkyLibResourcesPipe, "skyNumeric": i1.SkyNumericPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellRendererCurrencyComponent, decorators: [{
+SkyAgGridCellRendererCurrencyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellRendererCurrencyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyAgGridCellRendererCurrencyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyAgGridCellRendererCurrencyComponent, selector: "sky-ag-grid-cell-renderer-currency", inputs: { params: "params" }, ngImport: i0, template: "<span\n  [attr.aria-label]=\"\n    'sky_ag_grid_cell_renderer_currency_aria_label'\n      | skyLibResources: columnHeader:rowNumber\n  \"\n  [style.width.px]=\"columnWidth\"\n  [style.height.px]=\"rowHeightWithoutBorders\"\n>\n  {{ value | skyNumeric: skyComponentProperties }}\n</span>\n", styles: ["input{border:none;padding-left:11px}\n"], pipes: { "skyLibResources": i3.SkyLibResourcesPipe, "skyNumeric": i1.SkyNumericPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellRendererCurrencyComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-ag-grid-cell-renderer-currency',
                     templateUrl: './cell-renderer-currency.component.html',
                     styleUrls: ['./cell-renderer-currency.component.scss'],
-                    changeDetection: ChangeDetectionStrategy.OnPush
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
         }], propDecorators: { params: [{
                 type: Input
             }] } });
 
+/**
+ * @internal
+ */
 class SkyAgGridCellRendererCurrencyValidatorComponent {
     constructor(changeDetector) {
         this.changeDetector = changeDetector;
@@ -734,14 +754,14 @@ class SkyAgGridCellRendererCurrencyValidatorComponent {
         return false;
     }
 }
-SkyAgGridCellRendererCurrencyValidatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellRendererCurrencyValidatorComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-SkyAgGridCellRendererCurrencyValidatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.11", type: SkyAgGridCellRendererCurrencyValidatorComponent, selector: "sky-ag-grid-cell-renderer-currency-validator", inputs: { parameters: "parameters" }, ngImport: i0, template: "<sky-ag-grid-cell-validator-tooltip\n  [params]=\"cellRendererParams\"\n>\n  <sky-ag-grid-cell-renderer-currency *ngIf=\"isNumeric(cellRendererParams.value); else rawValue\"\n    [params]=\"cellRendererParams\"\n  ></sky-ag-grid-cell-renderer-currency>\n  <ng-template #rawValue>{{ cellRendererParams.value }}</ng-template>\n</sky-ag-grid-cell-validator-tooltip>\n", components: [{ type: SkyAgGridCellValidatorTooltipComponent, selector: "sky-ag-grid-cell-validator-tooltip", inputs: ["params"] }, { type: SkyAgGridCellRendererCurrencyComponent, selector: "sky-ag-grid-cell-renderer-currency", inputs: ["params"] }], directives: [{ type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellRendererCurrencyValidatorComponent, decorators: [{
+SkyAgGridCellRendererCurrencyValidatorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellRendererCurrencyValidatorComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+SkyAgGridCellRendererCurrencyValidatorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyAgGridCellRendererCurrencyValidatorComponent, selector: "sky-ag-grid-cell-renderer-currency-validator", inputs: { parameters: "parameters" }, ngImport: i0, template: "<sky-ag-grid-cell-validator-tooltip [params]=\"cellRendererParams\">\n  <sky-ag-grid-cell-renderer-currency\n    *ngIf=\"isNumeric(cellRendererParams.value); else rawValue\"\n    [params]=\"cellRendererParams\"\n  ></sky-ag-grid-cell-renderer-currency>\n  <ng-template #rawValue>{{ cellRendererParams.value }}</ng-template>\n</sky-ag-grid-cell-validator-tooltip>\n", components: [{ type: SkyAgGridCellValidatorTooltipComponent, selector: "sky-ag-grid-cell-validator-tooltip", inputs: ["params"] }, { type: SkyAgGridCellRendererCurrencyComponent, selector: "sky-ag-grid-cell-renderer-currency", inputs: ["params"] }], directives: [{ type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellRendererCurrencyValidatorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-ag-grid-cell-renderer-currency-validator',
                     templateUrl: 'cell-renderer-currency-validator.component.html',
-                    changeDetection: ChangeDetectionStrategy.OnPush
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { parameters: [{
                 type: Input
@@ -765,32 +785,35 @@ class SkyAgGridCellRendererLookupComponent {
         return true;
     }
 }
-SkyAgGridCellRendererLookupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellRendererLookupComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-SkyAgGridCellRendererLookupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.11", type: SkyAgGridCellRendererLookupComponent, selector: "sky-cell-renderer-lookup", ngImport: i0, template: "<ng-container *ngIf=\"summaryCount > 5; else showValue\">\n  {{ 'skyux_lookup_tokens_summary' | skyLibResources:summaryCount }}\n</ng-container>\n<ng-template #showValue>{{ value }}</ng-template>\n", styles: [":host{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}\n"], directives: [{ type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "skyLibResources": i3.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellRendererLookupComponent, decorators: [{
+SkyAgGridCellRendererLookupComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellRendererLookupComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+SkyAgGridCellRendererLookupComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyAgGridCellRendererLookupComponent, selector: "sky-cell-renderer-lookup", ngImport: i0, template: "<ng-container *ngIf=\"summaryCount > 5; else showValue\">\n  {{ 'skyux_lookup_tokens_summary' | skyLibResources: summaryCount }}\n</ng-container>\n<ng-template #showValue>{{ value }}</ng-template>\n", styles: [":host{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}\n"], directives: [{ type: i3$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "skyLibResources": i3.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellRendererLookupComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-cell-renderer-lookup',
                     templateUrl: './cell-renderer-lookup.component.html',
                     styleUrls: ['./cell-renderer-lookup.component.scss'],
-                    changeDetection: ChangeDetectionStrategy.OnPush
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; } });
 
 class SkyAgGridCellRendererLookupModule {
 }
-SkyAgGridCellRendererLookupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellRendererLookupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyAgGridCellRendererLookupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellRendererLookupModule, declarations: [SkyAgGridCellRendererLookupComponent], imports: [CommonModule, AgGridResourcesModule], exports: [SkyAgGridCellRendererLookupComponent] });
-SkyAgGridCellRendererLookupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellRendererLookupModule, imports: [[CommonModule, AgGridResourcesModule]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellRendererLookupModule, decorators: [{
+SkyAgGridCellRendererLookupModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellRendererLookupModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyAgGridCellRendererLookupModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellRendererLookupModule, declarations: [SkyAgGridCellRendererLookupComponent], imports: [CommonModule, AgGridResourcesModule], exports: [SkyAgGridCellRendererLookupComponent] });
+SkyAgGridCellRendererLookupModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellRendererLookupModule, imports: [[CommonModule, AgGridResourcesModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellRendererLookupModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [SkyAgGridCellRendererLookupComponent],
                     exports: [SkyAgGridCellRendererLookupComponent],
-                    imports: [CommonModule, AgGridResourcesModule]
+                    imports: [CommonModule, AgGridResourcesModule],
                 }]
         }] });
 
+/**
+ * @internal
+ */
 class SkyAgGridCellRendererRowSelectorComponent {
     constructor(changeDetection) {
         this.changeDetection = changeDetection;
@@ -837,47 +860,36 @@ class SkyAgGridCellRendererRowSelectorComponent {
         this.changeDetection.markForCheck();
     }
 }
-SkyAgGridCellRendererRowSelectorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellRendererRowSelectorComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-SkyAgGridCellRendererRowSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.11", 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]=\"'skyux_ag_grid_row_selector_aria_label' | skyLibResources:rowNumber\"\n  [attr.aria-label]=\"'skyux_ag_grid_row_selector_aria_label' | skyLibResources:rowNumber\"\n  [(ngModel)]=\"checked\"\n  (change)=\"updateRow()\"\n>\n</sky-checkbox>\n\n", styles: [".sky-ag-grid-cell-row-selector .sky-switch-control{top:-6px}\n"], components: [{ type: i1$4.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "icon", "checkboxType", "checked", "required"], outputs: ["change", "checkedChange", "disabledChange"] }], directives: [{ type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "skyLibResources": i3.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellRendererRowSelectorComponent, decorators: [{
+SkyAgGridCellRendererRowSelectorComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellRendererRowSelectorComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+SkyAgGridCellRendererRowSelectorComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", 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]=\"'skyux_ag_grid_row_selector_aria_label' | skyLibResources: rowNumber\"\n  [attr.aria-label]=\"\n    'skyux_ag_grid_row_selector_aria_label' | skyLibResources: rowNumber\n  \"\n  [(ngModel)]=\"checked\"\n  (change)=\"updateRow()\"\n>\n</sky-checkbox>\n", styles: [".sky-ag-grid-cell-row-selector .sky-switch-control{top:-6px}\n"], components: [{ type: i1$4.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "icon", "checkboxType", "checked", "required"], outputs: ["change", "checkedChange", "disabledChange"] }], directives: [{ type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "skyLibResources": i3.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellRendererRowSelectorComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-ag-grid-cell-renderer-row-selector',
                     templateUrl: './cell-renderer-row-selector.component.html',
                     styleUrls: ['./cell-renderer-row-selector.component.scss'],
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    encapsulation: ViewEncapsulation.None
+                    encapsulation: ViewEncapsulation.None,
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; } });
 
 class SkyAgGridCellRendererRowSelectorModule {
 }
-SkyAgGridCellRendererRowSelectorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellRendererRowSelectorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyAgGridCellRendererRowSelectorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellRendererRowSelectorModule, declarations: [SkyAgGridCellRendererRowSelectorComponent], imports: [AgGridResourcesModule,
-        SkyCheckboxModule,
-        FormsModule], exports: [SkyAgGridCellRendererRowSelectorComponent] });
-SkyAgGridCellRendererRowSelectorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellRendererRowSelectorModule, imports: [[
-            AgGridResourcesModule,
-            SkyCheckboxModule,
-            FormsModule
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellRendererRowSelectorModule, decorators: [{
+SkyAgGridCellRendererRowSelectorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellRendererRowSelectorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyAgGridCellRendererRowSelectorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellRendererRowSelectorModule, declarations: [SkyAgGridCellRendererRowSelectorComponent], imports: [AgGridResourcesModule, SkyCheckboxModule, FormsModule], exports: [SkyAgGridCellRendererRowSelectorComponent] });
+SkyAgGridCellRendererRowSelectorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellRendererRowSelectorModule, imports: [[AgGridResourcesModule, SkyCheckboxModule, FormsModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellRendererRowSelectorModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [
-                        AgGridResourcesModule,
-                        SkyCheckboxModule,
-                        FormsModule
-                    ],
-                    declarations: [
-                        SkyAgGridCellRendererRowSelectorComponent
-                    ],
-                    exports: [
-                        SkyAgGridCellRendererRowSelectorComponent
-                    ]
+                    imports: [AgGridResourcesModule, SkyCheckboxModule, FormsModule],
+                    declarations: [SkyAgGridCellRendererRowSelectorComponent],
+                    exports: [SkyAgGridCellRendererRowSelectorComponent],
                 }]
         }] });
 
+/**
+ * @internal
+ */
 class SkyAgGridDataManagerAdapterDirective {
     constructor(changeDetector, dataManagerSvc) {
         this.changeDetector = changeDetector;
@@ -949,13 +961,12 @@ class SkyAgGridDataManagerAdapterDirective {
         this.unregisterAgGrid();
         const agGrid = this.agGridList.first;
         this.currentAgGrid = agGrid;
-        agGrid.gridReady
-            .pipe(takeUntil(this.ngUnsubscribe))
-            .subscribe(() => {
+        agGrid.gridReady.pipe(takeUntil(this.ngUnsubscribe)).subscribe(() => {
             this.viewConfig.onSelectAllClick = this.selectAll.bind(this);
             this.viewConfig.onClearAllClick = this.clearAll.bind(this);
             this.dataManagerSvc.updateViewConfig(this.viewConfig);
-            this.dataStateSub = this.dataManagerSvc.getDataStateUpdates(this.viewConfig.id)
+            this.dataStateSub = this.dataManagerSvc
+                .getDataStateUpdates(this.viewConfig.id)
                 .pipe(takeUntil(this.ngUnsubscribe))
                 .subscribe((dataState) => {
                 this.currentDataState = dataState;
@@ -964,13 +975,28 @@ class SkyAgGridDataManagerAdapterDirective {
             agGrid.api.sizeColumnsToFit();
         });
         agGrid.columnMoved
+            .pipe(takeUntil(this.ngUnsubscribe), filter((event) => ![
+            'gridInitializing',
+            'uiColumnResized',
+            'uiColumnDragged',
+            'api',
+        ].includes(event.source)))
+            .subscribe((value) => {
+            this.updateColumnsInCurrentDataState(value.columnApi);
+        });
+        let currentColumns;
+        agGrid.dragStarted
             .pipe(takeUntil(this.ngUnsubscribe))
-            .subscribe((event) => {
-            let columnOrder = agGrid.columnApi.getAllDisplayedVirtualColumns().map(col => col.getColDef().colId);
-            if (event.source !== 'api') {
-                const viewState = this.currentDataState.getViewStateById(this.viewConfig.id);
-                viewState.displayedColumnIds = columnOrder;
-                this.dataManagerSvc.updateDataState(this.currentDataState.addOrUpdateView(this.viewConfig.id, viewState), this.viewConfig.id);
+            .subscribe((value) => {
+            currentColumns = this.getColumnOrder(value.columnApi);
+        });
+        agGrid.dragStopped
+            .pipe(takeUntil(this.ngUnsubscribe))
+            .subscribe((value) => {
+            const newColumns = this.getColumnOrder(value.columnApi);
+            const hasChanged = currentColumns.findIndex((colId, i) => colId !== newColumns[i]);
+            if (hasChanged > -1) {
+                this.updateColumnsInCurrentDataState(value.columnApi);
             }
         });
         agGrid.rowSelected
@@ -989,9 +1015,7 @@ class SkyAgGridDataManagerAdapterDirective {
             this.dataManagerSvc.updateDataState(this.currentDataState, this.viewConfig.id);
             this.changeDetector.markForCheck();
         });
-        agGrid.sortChanged
-            .pipe(takeUntil(this.ngUnsubscribe))
-            .subscribe(() => {
+        agGrid.sortChanged.pipe(takeUntil(this.ngUnsubscribe)).subscribe(() => {
             const gridSortModel = agGrid.api.getSortModel();
             let sortOption;
             /* istanbul ignore else */
@@ -1002,8 +1026,8 @@ class SkyAgGridDataManagerAdapterDirective {
                 /* istanbul ignore else */
                 if (dataManagerConfig.sortOptions) {
                     sortOption = dataManagerConfig.sortOptions.find((option) => {
-                        return option.propertyName === activeSortColumn.getColDef().field &&
-                            option.descending === (activeSortModel.sort === 'desc');
+                        return (option.propertyName === activeSortColumn.getColDef().field &&
+                            option.descending === (activeSortModel.sort === 'desc'));
                     });
                 }
                 else {
@@ -1014,6 +1038,17 @@ class SkyAgGridDataManagerAdapterDirective {
             this.dataManagerSvc.updateDataState(this.currentDataState, this.viewConfig.id);
         });
     }
+    updateColumnsInCurrentDataState(columnApi) {
+        const columnOrder = this.getColumnOrder(columnApi);
+        const viewState = this.currentDataState.getViewStateById(this.viewConfig.id);
+        viewState.displayedColumnIds = columnOrder;
+        this.dataManagerSvc.updateDataState(this.currentDataState.addOrUpdateView(this.viewConfig.id, viewState), this.viewConfig.id);
+    }
+    getColumnOrder(columnApi) {
+        return columnApi
+            .getAllDisplayedVirtualColumns()
+            .map((col) => col.getColDef().colId);
+    }
     displayColumns(dataState) {
         const agGrid = this.currentAgGrid;
         const viewState = dataState.getViewStateById(this.viewConfig.id);
@@ -1039,12 +1074,12 @@ class SkyAgGridDataManagerAdapterDirective {
         agGrid.api.deselectAll();
     }
 }
-SkyAgGridDataManagerAdapterDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridDataManagerAdapterDirective, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$6.SkyDataManagerService }], target: i0.ɵɵFactoryTarget.Directive });
-SkyAgGridDataManagerAdapterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.11", 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: "12.2.11", ngImport: i0, type: SkyAgGridDataManagerAdapterDirective, decorators: [{
+SkyAgGridDataManagerAdapterDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridDataManagerAdapterDirective, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$6.SkyDataManagerService }], target: i0.ɵɵFactoryTarget.Directive });
+SkyAgGridDataManagerAdapterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.14", 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: "12.2.14", ngImport: i0, type: SkyAgGridDataManagerAdapterDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[skyAgGridDataManagerAdapter]'
+                    selector: '[skyAgGridDataManagerAdapter]',
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1$6.SkyDataManagerService }]; }, propDecorators: { viewId: [{
                 type: Input
@@ -1058,50 +1093,36 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImpo
 
 class SkyAgGridCellValidatorModule {
 }
-SkyAgGridCellValidatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellValidatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyAgGridCellValidatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellValidatorModule, declarations: [SkyAgGridCellValidatorTooltipComponent], imports: [CommonModule,
-        SkyPopoverModule,
-        SkyStatusIndicatorModule], exports: [SkyAgGridCellValidatorTooltipComponent] });
-SkyAgGridCellValidatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellValidatorModule, imports: [[
-            CommonModule,
-            SkyPopoverModule,
-            SkyStatusIndicatorModule
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellValidatorModule, decorators: [{
+SkyAgGridCellValidatorModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellValidatorModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyAgGridCellValidatorModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellValidatorModule, declarations: [SkyAgGridCellValidatorTooltipComponent], imports: [CommonModule, SkyPopoverModule, SkyStatusIndicatorModule], exports: [SkyAgGridCellValidatorTooltipComponent] });
+SkyAgGridCellValidatorModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellValidatorModule, imports: [[CommonModule, SkyPopoverModule, SkyStatusIndicatorModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellValidatorModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [
-                        SkyAgGridCellValidatorTooltipComponent
-                    ],
-                    exports: [
-                        SkyAgGridCellValidatorTooltipComponent
-                    ],
-                    imports: [
-                        CommonModule,
-                        SkyPopoverModule,
-                        SkyStatusIndicatorModule
-                    ]
+                    declarations: [SkyAgGridCellValidatorTooltipComponent],
+                    exports: [SkyAgGridCellValidatorTooltipComponent],
+                    imports: [CommonModule, SkyPopoverModule, SkyStatusIndicatorModule],
                 }]
         }] });
 
 class SkyAgGridCellRendererCurrencyModule {
 }
-SkyAgGridCellRendererCurrencyModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellRendererCurrencyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyAgGridCellRendererCurrencyModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellRendererCurrencyModule, declarations: [SkyAgGridCellRendererCurrencyComponent,
+SkyAgGridCellRendererCurrencyModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellRendererCurrencyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyAgGridCellRendererCurrencyModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellRendererCurrencyModule, declarations: [SkyAgGridCellRendererCurrencyComponent,
         SkyAgGridCellRendererCurrencyValidatorComponent], imports: [CommonModule,
         AgGridResourcesModule,
         SkyAgGridCellValidatorModule,
         FormsModule,
         SkyNumericModule], exports: [SkyAgGridCellRendererCurrencyComponent,
         SkyAgGridCellRendererCurrencyValidatorComponent] });
-SkyAgGridCellRendererCurrencyModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellRendererCurrencyModule, imports: [[
+SkyAgGridCellRendererCurrencyModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellRendererCurrencyModule, imports: [[
             CommonModule,
             AgGridResourcesModule,
             SkyAgGridCellValidatorModule,
             FormsModule,
-            SkyNumericModule
+            SkyNumericModule,
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellRendererCurrencyModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellRendererCurrencyModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [
@@ -1109,16 +1130,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImpo
                         AgGridResourcesModule,
                         SkyAgGridCellValidatorModule,
                         FormsModule,
-                        SkyNumericModule
+                        SkyNumericModule,
                     ],
                     declarations: [
                         SkyAgGridCellRendererCurrencyComponent,
-                        SkyAgGridCellRendererCurrencyValidatorComponent
+                        SkyAgGridCellRendererCurrencyValidatorComponent,
                     ],
                     exports: [
                         SkyAgGridCellRendererCurrencyComponent,
-                        SkyAgGridCellRendererCurrencyValidatorComponent
-                    ]
+                        SkyAgGridCellRendererCurrencyValidatorComponent,
+                    ],
                 }]
         }] });
 
@@ -1128,8 +1149,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImpo
  */
 class SkyAgGridRowDeleteComponent {
 }
-SkyAgGridRowDeleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridRowDeleteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyAgGridRowDeleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.11", type: SkyAgGridRowDeleteComponent, selector: "ng-component", viewQueries: [{ propertyName: "inlineDeleteTemplateRef", first: true, predicate: ["inlineDeleteTemplateRef"], descendants: true, read: TemplateRef }, { propertyName: "inlineDeleteRefs", predicate: ["inlineDeleteRef"], descendants: true }], ngImport: i0, template: `
+SkyAgGridRowDeleteComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridRowDeleteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyAgGridRowDeleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyAgGridRowDeleteComponent, selector: "ng-component", viewQueries: [{ propertyName: "inlineDeleteTemplateRef", first: true, predicate: ["inlineDeleteTemplateRef"], descendants: true, read: TemplateRef }, { propertyName: "inlineDeleteRefs", predicate: ["inlineDeleteRef"], descendants: true }], ngImport: i0, template: `
     <ng-template
       let-row
       let-tableWidth="tableWidth()"
@@ -1141,11 +1162,11 @@ SkyAgGridRowDeleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.
       <div
         class="sky-ag-grid-row-delete"
         [id]="'row-delete-ref-' + row.id"
-        [ngStyle]='{
-          "height": row.rowHeight + "px",
-          "position": "fixed",
-          "width": tableWidth + "px"
-        }'
+        [ngStyle]="{
+          height: row.rowHeight + 'px',
+          position: 'fixed',
+          width: tableWidth + 'px'
+        }"
         #inlineDeleteRef
       >
         <sky-inline-delete
@@ -1156,7 +1177,7 @@ SkyAgGridRowDeleteComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.
       </div>
     </ng-template>
   `, isInline: true, components: [{ type: i1$7.λ8, selector: "sky-inline-delete", inputs: ["pending"], outputs: ["cancelTriggered", "deleteTriggered"] }], directives: [{ type: i3$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridRowDeleteComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridRowDeleteComponent, decorators: [{
             type: Component,
             args: [{
                     template: `
@@ -1171,11 +1192,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImpo
       <div
         class="sky-ag-grid-row-delete"
         [id]="'row-delete-ref-' + row.id"
-        [ngStyle]='{
-          "height": row.rowHeight + "px",
-          "position": "fixed",
-          "width": tableWidth + "px"
-        }'
+        [ngStyle]="{
+          height: row.rowHeight + 'px',
+          position: 'fixed',
+          width: tableWidth + 'px'
+        }"
         #inlineDeleteRef
       >
         <sky-inline-delete
@@ -1185,7 +1206,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImpo
         ></sky-inline-delete>
       </div>
     </ng-template>
-  `
+  `,
                 }]
         }], propDecorators: { inlineDeleteRefs: [{
                 type: ViewChildren,
@@ -1195,6 +1216,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImpo
                 args: ['inlineDeleteTemplateRef', { read: TemplateRef }]
             }] } });
 
+/**
+ * @internal
+ */
 class SkyAgGridRowDeleteDirective {
     constructor(affixService, changeDetector, elementRef, resolver, overlayService, viewContainerRef) {
         this.affixService = affixService;
@@ -1232,29 +1256,30 @@ class SkyAgGridRowDeleteDirective {
             return;
         }
         for (let id of value) {
-            const existingConfig = this.rowDeleteConfigs
-                .find(config => config.id === id);
+            const existingConfig = this.rowDeleteConfigs.find((config) => config.id === id);
             if (existingConfig) {
                 existingConfig.pending = false;
             }
             else {
                 this.rowDeleteConfigs.push({
                     id: id,
-                    pending: false
+                    pending: false,
                 });
                 let overlay = this.overlayService.create({
                     enableScroll: true,
                     showBackdrop: false,
                     closeOnNavigation: true,
                     enableClose: false,
-                    enablePointerEvents: true
+                    enablePointerEvents: true,
                 });
                 overlay.attachTemplate(this.rowDeleteComponent.inlineDeleteTemplateRef, {
                     $implicit: this.agGrid.api.getRowNode(id),
-                    tableWidth: () => { return this.tableWidth; },
+                    tableWidth: () => {
+                        return this.tableWidth;
+                    },
                     getRowDeleteItem: (row) => this.getRowDeleteItem(row),
                     cancelRowDelete: (row) => this.cancelRowDelete(row),
-                    confirmRowDelete: (row) => this.confirmRowDelete(row)
+                    confirmRowDelete: (row) => this.confirmRowDelete(row),
                 });
                 /**
                  * We are manually setting the z-index here because overlays will always be on top of
@@ -1264,15 +1289,16 @@ class SkyAgGridRowDeleteDirective {
                  */
                 overlay.componentRef.instance.zIndex = '998';
                 setTimeout(() => {
-                    const inlineDeleteRef = this.rowDeleteComponent.inlineDeleteRefs.toArray()
-                        .find(elRef => {
+                    const inlineDeleteRef = this.rowDeleteComponent.inlineDeleteRefs
+                        .toArray()
+                        .find((elRef) => {
                         return elRef.nativeElement.id === 'row-delete-ref-' + id;
                     });
                     let affixer = this.affixService.createAffixer(inlineDeleteRef);
                     this.affixToRow(affixer, id);
                     this.rowDeleteContents[id] = {
                         affixer: affixer,
-                        overlay: overlay
+                        overlay: overlay,
                     };
                 });
             }
@@ -1288,11 +1314,13 @@ class SkyAgGridRowDeleteDirective {
         return this._rowDeleteIds;
     }
     get tableWidth() {
-        return this.elementRef.nativeElement.querySelectorAll('.sky-ag-grid')[0].offsetWidth;
+        return this.elementRef.nativeElement.querySelectorAll('.sky-ag-grid')[0]
+            .offsetWidth;
     }
     ngAfterContentInit() {
         const factory = this.resolver.resolveComponentFactory(SkyAgGridRowDeleteComponent);
-        this.rowDeleteComponent = this.viewContainerRef.createComponent(factory).instance;
+        this.rowDeleteComponent =
+            this.viewContainerRef.createComponent(factory).instance;
         this.agGrid.rowDataChanged
             .pipe(takeUntil(this.ngUnsubscribe))
             .subscribe(() => {
@@ -1320,24 +1348,27 @@ class SkyAgGridRowDeleteDirective {
     ngOnDestroy() {
         this.ngUnsubscribe.next();
         this.ngUnsubscribe.complete();
-        Object.keys(this.rowDeleteContents).forEach(id => {
+        Object.keys(this.rowDeleteContents).forEach((id) => {
             this.destroyRowDelete(id);
         });
     }
     cancelRowDelete(row) {
-        this.rowDeleteConfigs = this.rowDeleteConfigs.filter(config => config.id !== row.id);
+        this.rowDeleteConfigs = this.rowDeleteConfigs.filter((config) => config.id !== row.id);
         this.rowDeleteCancel.emit({ id: row.id });
         this.destroyRowDelete(row.id);
     }
     confirmRowDelete(row) {
-        this.rowDeleteConfigs.find(config => config.id === row.id).pending = true;
+        this.rowDeleteConfigs.find((config) => config.id === row.id).pending = true;
         this.rowDeleteConfirm.emit({ id: row.id });
     }
     getRowDeleteItem(row) {
-        return this.rowDeleteConfigs.find(rowDelete => rowDelete.id === row.id);
+        return this.rowDeleteConfigs.find((rowDelete) => rowDelete.id === row.id);
     }
     affixToRow(affixer, id) {
-        let rowElement = this.elementRef.nativeElement.querySelector('[row-id="' + id + '"] div[aria-colindex="1"]');
+        let rowElement = this.elementRef.nativeElement.querySelector(`
+      [row-id="${id}"] div[aria-colindex="1"],
+      .ag-row.sky-ag-grid-row-${id} div[aria-colindex="1"]
+    `);
         // This covers cases where AG Grid places the column index on an inner element (such as with the `enableCellTextSelection` option)
         // This appears to have been fixed by AG Grid in version 24 and so it is not testable after that version.
         /* istanbul ignore if */
@@ -1356,7 +1387,7 @@ class SkyAgGridRowDeleteDirective {
             placement: 'above',
             verticalAlignment: 'top',
             horizontalAlignment: 'left',
-            enableAutoFit: false
+            enableAutoFit: false,
         });
     }
     destroyRowDelete(id) {
@@ -1368,8 +1399,8 @@ class SkyAgGridRowDeleteDirective {
             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.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);
         }
     }
@@ -1387,12 +1418,12 @@ class SkyAgGridRowDeleteDirective {
         this.changeDetector.markForCheck();
     }
 }
-SkyAgGridRowDeleteDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridRowDeleteDirective, deps: [{ token: i1.SkyAffixService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.ComponentFactoryResolver }, { token: i1.SkyOverlayService }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
-SkyAgGridRowDeleteDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.11", 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: "12.2.11", ngImport: i0, type: SkyAgGridRowDeleteDirective, decorators: [{
+SkyAgGridRowDeleteDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridRowDeleteDirective, deps: [{ token: i1.SkyAffixService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.ComponentFactoryResolver }, { token: i1.SkyOverlayService }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+SkyAgGridRowDeleteDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.14", 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: "12.2.14", ngImport: i0, type: SkyAgGridRowDeleteDirective, decorators: [{
             type: Directive,
             args: [{
-                    selector: '[skyAgGridRowDelete]'
+                    selector: '[skyAgGridRowDelete]',
                 }]
         }], ctorParameters: function () { return [{ type: i1.SkyAffixService }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.ComponentFactoryResolver }, { type: i1.SkyOverlayService }, { type: i0.ViewContainerRef }]; }, propDecorators: { rowDeleteIds: [{
                 type: Input
@@ -1407,6 +1438,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImpo
                 args: [AgGridAngular]
             }] } });
 
+/**
+ * @internal
+ */
 class SkyAgGridCellEditorCurrencyComponent {
     constructor() {
         this.skyComponentProperties = {};
@@ -1421,8 +1455,12 @@ class SkyAgGridCellEditorCurrencyComponent {
         this.columnHeader = this.params.colDef.headerName;
         this.rowNumber = this.params.rowIndex + 1;
         this.columnWidth = this.params.column.getActualWidth();
-        this.rowHeightWithoutBorders = this.params.node && this.params.node.rowHeight - 4;
-        this.skyComponentProperties = this.params.skyComponentProperties || { decimalPlaces: 2, currencySymbol: '$' };
+        this.rowHeightWithoutBorders =
+            this.params.node && this.params.node.rowHeight - 4;
+        this.skyComponentProperties = this.params.skyComponentProperties || {
+            decimalPlaces: 2,
+            currencySymbol: '$',
+        };
     }
     /**
      * afterGuiAttached is called by agGrid after the editor is rendered in the DOM. Once it is attached the editor is ready to be focused on.
@@ -1437,15 +1475,15 @@ class SkyAgGridCellEditorCurrencyComponent {
         return this.value;
     }
 }
-SkyAgGridCellEditorCurrencyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellEditorCurrencyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SkyAgGridCellEditorCurrencyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.11", type: SkyAgGridCellEditorCurrencyComponent, selector: "sky-ag-grid-cell-editor-currency", viewQueries: [{ propertyName: "input", first: true, predicate: ["skyCellEditorCurrency"], descendants: true, read: ElementRef }], ngImport: i0, template: "<input\n  type=\"text\"\n  [attr.aria-label]=\"'skyux_ag_grid_cell_editor_currency_aria_label' | skyLibResources:columnHeader:rowNumber\"\n  [style.width.px]=\"columnWidth\"\n  [style.height.px]=\"rowHeightWithoutBorders\"\n  [(ngModel)]=\"value\"\n  [skyAutonumeric]=\"skyComponentProperties\"\n  #skyCellEditorCurrency\n/>\n", styles: ["input{border:none;padding-left:11px}\n"], directives: [{ type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i2$2.λ1, selector: "input[skyAutonumeric]", inputs: ["skyAutonumeric"] }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "skyLibResources": i3.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellEditorCurrencyComponent, decorators: [{
+SkyAgGridCellEditorCurrencyComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellEditorCurrencyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SkyAgGridCellEditorCurrencyComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyAgGridCellEditorCurrencyComponent, selector: "sky-ag-grid-cell-editor-currency", viewQueries: [{ propertyName: "input", first: true, predicate: ["skyCellEditorCurrency"], descendants: true, read: ElementRef }], ngImport: i0, template: "<input\n  type=\"text\"\n  [attr.aria-label]=\"\n    'skyux_ag_grid_cell_editor_currency_aria_label'\n      | skyLibResources: columnHeader:rowNumber\n  \"\n  [style.width.px]=\"columnWidth\"\n  [style.height.px]=\"rowHeightWithoutBorders\"\n  [(ngModel)]=\"value\"\n  [skyAutonumeric]=\"skyComponentProperties\"\n  #skyCellEditorCurrency\n/>\n", styles: ["input{border:none;padding-left:11px}\n"], directives: [{ type: i1$2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i2$2.λ1, selector: "input[skyAutonumeric]", inputs: ["skyAutonumeric"] }, { type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "skyLibResources": i3.SkyLibResourcesPipe }, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellEditorCurrencyComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-ag-grid-cell-editor-currency',
                     templateUrl: './cell-editor-currency.component.html',
                     styleUrls: ['./cell-editor-currency.component.scss'],
-                    changeDetection: ChangeDetectionStrategy.OnPush
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
         }], propDecorators: { input: [{
                 type: ViewChild,
@@ -1454,32 +1492,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImpo
 
 class SkyAgGridCellEditorCurrencyModule {
 }
-SkyAgGridCellEditorCurrencyModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellEditorCurrencyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyAgGridCellEditorCurrencyModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellEditorCurrencyModule, declarations: [SkyAgGridCellEditorCurrencyComponent], imports: [AgGridResourcesModule,
-        FormsModule,
-        SkyAutonumericModule], exports: [SkyAgGridCellEditorCurrencyComponent] });
-SkyAgGridCellEditorCurrencyModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellEditorCurrencyModule, imports: [[
-            AgGridResourcesModule,
-            FormsModule,
-            SkyAutonumericModule
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellEditorCurrencyModule, decorators: [{
+SkyAgGridCellEditorCurrencyModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellEditorCurrencyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyAgGridCellEditorCurrencyModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellEditorCurrencyModule, declarations: [SkyAgGridCellEditorCurrencyComponent], imports: [AgGridResourcesModule, FormsModule, SkyAutonumericModule], exports: [SkyAgGridCellEditorCurrencyComponent] });
+SkyAgGridCellEditorCurrencyModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellEditorCurrencyModule, imports: [[AgGridResourcesModule, FormsModule, SkyAutonumericModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellEditorCurrencyModule, decorators: [{
             type: NgModule,
             args: [{
-                    imports: [
-                        AgGridResourcesModule,
-                        FormsModule,
-                        SkyAutonumericModule
-                    ],
-                    declarations: [
-                        SkyAgGridCellEditorCurrencyComponent
-                    ],
-                    exports: [
-                        SkyAgGridCellEditorCurrencyComponent
-                    ]
+                    imports: [AgGridResourcesModule, FormsModule, SkyAutonumericModule],
+                    declarations: [SkyAgGridCellEditorCurrencyComponent],
+                    exports: [SkyAgGridCellEditorCurrencyComponent],
                 }]
         }] });
 
+/**
+ * @internal
+ */
 class SkyAgGridCellRendererValidatorTooltipComponent {
     constructor(changeDetector) {
         this.changeDetector = changeDetector;
@@ -1502,14 +1529,14 @@ class SkyAgGridCellRendererValidatorTooltipComponent {
         return false;
     }
 }
-SkyAgGridCellRendererValidatorTooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellRendererValidatorTooltipComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-SkyAgGridCellRendererValidatorTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.11", type: SkyAgGridCellRendererValidatorTooltipComponent, selector: "sky-ag-grid-cell-renderer-validator-tooltip", inputs: { params: "params" }, ngImport: i0, template: "<sky-ag-grid-cell-validator-tooltip [params]=\"cellRendererParams\">\n  {{ value }}\n</sky-ag-grid-cell-validator-tooltip>\n", components: [{ type: SkyAgGridCellValidatorTooltipComponent, selector: "sky-ag-grid-cell-validator-tooltip", inputs: ["params"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellRendererValidatorTooltipComponent, decorators: [{
+SkyAgGridCellRendererValidatorTooltipComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellRendererValidatorTooltipComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
+SkyAgGridCellRendererValidatorTooltipComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyAgGridCellRendererValidatorTooltipComponent, selector: "sky-ag-grid-cell-renderer-validator-tooltip", inputs: { params: "params" }, ngImport: i0, template: "<sky-ag-grid-cell-validator-tooltip [params]=\"cellRendererParams\">\n  {{ value }}\n</sky-ag-grid-cell-validator-tooltip>\n", components: [{ type: SkyAgGridCellValidatorTooltipComponent, selector: "sky-ag-grid-cell-validator-tooltip", inputs: ["params"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellRendererValidatorTooltipComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'sky-ag-grid-cell-renderer-validator-tooltip',
                     templateUrl: 'cell-renderer-validator-tooltip.component.html',
-                    changeDetection: ChangeDetectionStrategy.OnPush
+                    changeDetection: ChangeDetectionStrategy.OnPush,
                 }]
         }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { params: [{
                 type: Input
@@ -1517,30 +1544,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImpo
 
 class SkyAgGridCellRendererValidatorTooltipModule {
 }
-SkyAgGridCellRendererValidatorTooltipModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellRendererValidatorTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyAgGridCellRendererValidatorTooltipModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellRendererValidatorTooltipModule, declarations: [SkyAgGridCellRendererValidatorTooltipComponent], imports: [SkyAgGridCellValidatorModule], exports: [SkyAgGridCellRendererValidatorTooltipComponent] });
-SkyAgGridCellRendererValidatorTooltipModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellRendererValidatorTooltipModule, imports: [[
-            SkyAgGridCellValidatorModule
-        ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridCellRendererValidatorTooltipModule, decorators: [{
+SkyAgGridCellRendererValidatorTooltipModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellRendererValidatorTooltipModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyAgGridCellRendererValidatorTooltipModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellRendererValidatorTooltipModule, declarations: [SkyAgGridCellRendererValidatorTooltipComponent], imports: [SkyAgGridCellValidatorModule], exports: [SkyAgGridCellRendererValidatorTooltipComponent] });
+SkyAgGridCellRendererValidatorTooltipModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellRendererValidatorTooltipModule, imports: [[SkyAgGridCellValidatorModule]] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridCellRendererValidatorTooltipModule, decorators: [{
             type: NgModule,
             args: [{
-                    declarations: [
-                        SkyAgGridCellRendererValidatorTooltipComponent
-                    ],
-                    exports: [
-                        SkyAgGridCellRendererValidatorTooltipComponent
-                    ],
-                    imports: [
-                        SkyAgGridCellValidatorModule
-                    ]
+                    declarations: [SkyAgGridCellRendererValidatorTooltipComponent],
+                    exports: [SkyAgGridCellRendererValidatorTooltipComponent],
+                    imports: [SkyAgGridCellValidatorModule],
                 }]
         }] });
 
 class SkyAgGridModule {
 }
-SkyAgGridModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-SkyAgGridModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridModule, declarations: [SkyAgGridDataManagerAdapterDirective,
+SkyAgGridModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+SkyAgGridModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridModule, declarations: [SkyAgGridDataManagerAdapterDirective,
         SkyAgGridRowDeleteComponent,
         SkyAgGridRowDeleteDirective,
         SkyAgGridWrapperComponent], imports: [AgGridModule,
@@ -1562,7 +1581,7 @@ SkyAgGridModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version
         SkyAgGridRowDeleteComponent,
         SkyAgGridRowDeleteDirective,
         SkyAgGridWrapperComponent] });
-SkyAgGridModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridModule, imports: [[
+SkyAgGridModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridModule, imports: [[
             AgGridModule,
             CommonModule,
             SkyAgGridCellEditorAutocompleteModule,
@@ -1578,16 +1597,16 @@ SkyAgGridModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version
             SkyAgGridCellEditorTextModule,
             SkyDataManagerModule,
             SkyInlineDeleteModule,
-            SkyViewkeeperModule
+            SkyViewkeeperModule,
         ]] });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridModule, decorators: [{
             type: NgModule,
             args: [{
                     declarations: [
                         SkyAgGridDataManagerAdapterDirective,
                         SkyAgGridRowDeleteComponent,
                         SkyAgGridRowDeleteDirective,
-                        SkyAgGridWrapperComponent
+                        SkyAgGridWrapperComponent,
                     ],
                     imports: [
                         AgGridModule,
@@ -1605,13 +1624,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImpo
                         SkyAgGridCellEditorTextModule,
                         SkyDataManagerModule,
                         SkyInlineDeleteModule,
-                        SkyViewkeeperModule
+                        SkyViewkeeperModule,
                     ],
                     exports: [
                         SkyAgGridDataManagerAdapterDirective,
                         SkyAgGridRowDeleteComponent,
                         SkyAgGridRowDeleteDirective,
-                        SkyAgGridWrapperComponent
+                        SkyAgGridWrapperComponent,
                     ],
                     entryComponents: [
                         SkyAgGridCellEditorAutocompleteComponent,
@@ -1623,11 +1642,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImpo
                         SkyAgGridCellRendererRowSelectorComponent,
                         SkyAgGridCellRendererValidatorTooltipComponent,
                         SkyAgGridCellEditorTextComponent,
-                        SkyAgGridRowDeleteComponent
-                    ]
+                        SkyAgGridRowDeleteComponent,
+                    ],
                 }]
         }] });
 
+/**
+ * @internal
+ */
 var SkyCellClass;
 (function (SkyCellClass) {
     SkyCellClass["Autocomplete"] = "sky-ag-grid-cell-autocomplete";
@@ -1642,20 +1664,93 @@ var SkyCellClass;
     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/javascript-grid-column-properties/) to one of the following values.
+ * <br/>
+ * Any [SKY UX component](https://developer.blackbaud.com/skyux/components can be made into a [cell editor](https://www.ag-grid.com/javascript-grid-cell-editor/) or [cell renderer](https://www.ag-grid.com/javascript-grid-cell-rendering-components/) component. If you would like to use a component that does not have a column definition yet, please consider [contributing it](https://developer.blackbaud.com/skyux/contribute/contribution-process) to the SKY UX data entry grid module, or [file an issue](https://developer.blackbaud.com/skyux/contribute/contribution-process/file-issue) in the [`@skyux/ag-grid` repo](https://github.com/blackbaud/skyux-ag-grid).
+ */
 var SkyCellType;
 (function (SkyCellType) {
+    /**
+     * **Edit mode**
+     * <br/>
+     * Specifies that cells in the column will be edited as  [SKY UX autocomplete components](https://developer.blackbaud.com/skyux/components/autocomplete). You can set any of the autocomplete component's properties by passing them in the [column definition's `cellEditorParams` property](https://www.ag-grid.com/javascript-grid-column-properties/). These params can be updated as other cell edits are made or [provided dynamically](https://www.ag-grid.com/javascript-grid-cell-editing/#dynamic-parameters) based on other cell values. See the demo for an example. Text can be entered and a value selected from the provided list.
+     * <br/><br/>
+     * **Read-only mode**
+     * <br/>
+     * Specifies that cells the column will display the currently selected value's name property by default. If the autocomplete needs to show a different property or needs to be formatted in any way, you can [define a `valueFormatter`](https://www.ag-grid.com/javascript-grid-value-formatters/) on the column definition.
+     */
     SkyCellType["Autocomplete"] = "skyCellAutocomplete";
+    /**
+     * **Edit mode**
+     * <br/>
+     * Specifies that cells in the column will be edited as a currency amount.
+     * <br/><br/>
+     * **Read-only mode**
+     * <br/>
+     * Formats the display as currency using [SKY UX numeric components](https://developer.blackbaud.com/skyux/components/numeric).
+     */
     SkyCellType["Currency"] = "skyCellCurrency";
+    /**
+     * **Edit and read-only modes**
+     * <br/>
+     * Combines SkyCellType.Currency and SkyCellType.Validator, where the value is displayed as a currency and passed to a validator function.
+     */
     SkyCellType["CurrencyValidator"] = "skyCellCurrencyValidator";
+    /**
+     * **Edit mode**
+     * <br/>
+     * Specifies that cells in the column will be edited as [SKY UX datepicker components](https://developer.blackbaud.com/skyux/components/datepicker). You can set any of the datepicker component's properties by passing them in the [column definition's `cellEditorParams` property](https://www.ag-grid.com/javascript-grid-column-properties/). These params can be updated as other cell edits are made or [provided dynamically](https://www.ag-grid.com/javascript-grid-cell-editing/#dynamic-parameters) based on other cell values. See the demo for an example. Date values can be entered.
+     * <br/><br/>
+     * **Read-only mode**
+     * <br/>
+     * Specifies that cells in the column will display the currently selected date formatted as `MM-DD-YYYY`, or the date format of the locale passed to `getGridOptions()`. If you would like to overwrite this format, you can [define a `valueFormatter`](https://www.ag-grid.com/javascript-grid-value-formatters/) on the column definition. See the demo for an example.
+     */
     SkyCellType["Date"] = "skyCellDate";
     SkyCellType["Lookup"] = "skyCellLookup";
+    /**
+     * **Edit mode**
+     * <br/>
+     * Specifies that cells in the column will be edited as HTML number `inputs`. Only numbers can be entered.
+     * <br/><br/>
+     * **Read-only mode**
+     * <br/>
+     * Specifies that cells in the column will render as the number value.
+     */
     SkyCellType["Number"] = "skyCellNumber";
+    /**
+     * **Edit and read-only modes**
+     * <br/>
+     * Combines SkyCellType.Number and SkyCellType.Validator, where the value is displayed as a number and passed to a validator function.
+     */
     SkyCellType["NumberValidator"] = "skyCellNumberValidator";
+    /**
+     * **Edit and read-only modes**
+     * <br/>
+     * Specifies that cells in the column will render as [SKY UX checkbox components](https://developer.blackbaud.com/skyux/components/checkbox). It allows the user to select multiple rows, and adds a highlight to selected rows. The [Ag Grid `rowNode`](https://www.ag-grid.com/javascript-grid-row-node/) will be updated to reflect the selected state.
+     */
     SkyCellType["RowSelector"] = "skyCellRowSelector";
+    /**
+     * **Edit mode**
+     * <br/>
+     * Specifies that cells in the column will be edited as HTML text `inputs`. Any characters can be entered.
+     * <br/><br/>
+     * **Read-only mode**
+     * <br/>
+     * Specifies cells in the column will render as their string value.
+     */
     SkyCellType["Text"] = "skyCellText";
+    /**
+     * **Edit and read-only modes**
+     * <br/>
+     * Specifies cell in the column will be passed to a validator function which flags erroneous entries. You can set the validator function and message by passing them to [column definition's `cellRendererParams` property](https://www.ag-grid.com/javascript-grid-column-properties/) as `skyComponentProperties.validator` and `skyComponentProperties.validatorMessage`. SkyCellType.Validator can be combined with other cell types, such as SkyCellType.Autocomplete or SkyCellType.Date, by using the array syntax for the [column definition's `type` property](https://www.ag-grid.com/javascript-grid-column-properties/).
+     */
     SkyCellType["Validator"] = "skyCellValidator";
 })(SkyCellType || (SkyCellType = {}));
 
+/**
+ * @internal
+ */
 var SkyHeaderClass;
 (function (SkyHeaderClass) {
     SkyHeaderClass["RightAligned"] = "sky-ag-grid-header-right-aligned";
@@ -1699,19 +1794,21 @@ function dateComparator(date1, date2) {
 function getValidatorCellRendererSelector(component, fallback) {
     return (params) => {
         var _a, _b;
-        if (params.colDef && typeof ((_b = (_a = params.colDef.cellRendererParams) === null || _a === void 0 ? void 0 : _a.skyComponentProperties) === null || _b === void 0 ? void 0 : _b.validator) === 'function') {
+        if (params.colDef &&
+            typeof ((_b = (_a = params.colDef.cellRendererParams) === null || _a === void 0 ? void 0 : _a.skyComponentProperties) === null || _b === void 0 ? void 0 : _b.validator) === 'function') {
             if (!params.colDef.cellRendererParams.skyComponentProperties.validator(params.value, params.data, params.rowIndex)) {
                 return {
                     component,
-                    params: Object.assign({}, params.colDef.cellRendererParams)
+                    params: Object.assign({}, params.colDef.cellRendererParams),
                 };
             }
         }
         return fallback;
     };
 }
+let rowNodeId = 1;
 /**
- * A service that provides default styling and behavior for agGrids in SKY UX SPAs.
+ * `SkyAgGridService` provides methods to get AG Grid `gridOptions` to ensure grids match SKY UX functionality. The `gridOptions` can be overridden, and include registered SKY UX column types.
  */
 class SkyAgGridService {
     constructor(agGridAdapterService, themeSvc, resources) {
@@ -1723,7 +1820,7 @@ class SkyAgGridService {
         if (this.themeSvc) {
             this.themeSvc.settingsChange
                 .pipe(takeUntil(this.ngUnsubscribe))
-                .subscribe(settingsChange => this.currentTheme = settingsChange.currentSettings);
+                .subscribe((settingsChange) => (this.currentTheme = settingsChange.currentSettings));
         }
     }
     ngOnDestroy() {
@@ -1731,14 +1828,20 @@ class SkyAgGridService {
         this.ngUnsubscribe.complete();
     }
     /**
-     * Get SKY UX gridOptions to create your agGrid with default SKY styling and behavior.
-     * @param args options to be applied to the default SKY UX agGrid gridOptions.
+     * Returns [AG Grid `gridOptions`](https://www.ag-grid.com/javascript-grid-properties/) with default SKY UX options, styling, and cell renderers registered for read-only grids.
+     * @param args
+     * @returns
      */
     getGridOptions(args) {
         const defaultGridOptions = this.getDefaultGridOptions(args);
         const mergedGridOptions = this.mergeGridOptions(defaultGridOptions, args.gridOptions);
         return mergedGridOptions;
     }
+    /**
+     * Returns [AG Grid `gridOptions`](https://www.ag-grid.com/javascript-grid-properties/) with default SKY UX options, styling, and cell editors registered for editable grids.
+     * @param args
+     * @returns
+     */
     getEditableGridOptions(args) {
         const defaultGridOptions = this.getDefaultEditableGridOptions(args);
         const mergedGridOptions = this.mergeGridOptions(defaultGridOptions, args.gridOptions);
@@ -1766,19 +1869,20 @@ class SkyAgGridService {
         }
         const editableCellClassRules = {
             [SkyCellClass.Editable]: getEditableFn(),
-            [SkyCellClass.Uneditable]: getEditableFn(true)
+            [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') {
+                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()
+            [SkyCellClass.Invalid]: getValidatorFn(),
         };
         const defaultSkyGridOptions = {
             columnTypes: {
@@ -1787,21 +1891,21 @@ class SkyAgGridService {
                     cellEditorFramework: SkyAgGridCellEditorAutocompleteComponent,
                     valueFormatter: autocompleteFormatter,
                     comparator: autocompleteComparator,
-                    minWidth: 185
+                    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' }),
                     cellEditorFramework: SkyAgGridCellEditorCurrencyComponent,
                     headerClass: SkyHeaderClass.RightAligned,
-                    minWidth: 185
+                    minWidth: 185,
                 },
                 [SkyCellType.Date]: {
                     cellClassRules: Object.assign({ [SkyCellClass.Date]: cellClassRuleTrueExpression }, editableCellClassRules),
                     cellEditorFramework: SkyAgGridCellEditorDatepickerComponent,
                     comparator: dateComparator,
                     minWidth: ((_b = (_a = this.currentTheme) === null || _a === void 0 ? void 0 : _a.theme) === null || _b === void 0 ? void 0 : _b.name) === 'modern' ? 180 : 160,
-                    valueFormatter: (params) => this.dateFormatter(params, args.locale)
+                    valueFormatter: (params) => this.dateFormatter(params, args.locale),
                 },
                 [SkyCellType.Lookup]: {
                     cellClassRules: Object.assign({ [SkyCellClass.Lookup]: cellClassRuleTrueExpression }, editableCellClassRules),
@@ -1816,47 +1920,61 @@ class SkyAgGridService {
                             .filter((value) => value !== '' && value !== undefined)
                             .join('; ');
                     },
-                    minWidth: 185
+                    minWidth: 185,
                 },
                 [SkyCellType.Number]: {
                     cellClassRules: Object.assign({ [SkyCellClass.Number]: cellClassRuleTrueExpression }, editableCellClassRules),
                     cellEditorFramework: SkyAgGridCellEditorNumberComponent,
-                    headerClass: SkyHeaderClass.RightAligned
+                    headerClass: SkyHeaderClass.RightAligned,
                 },
                 [SkyCellType.RowSelector]: {
                     cellClassRules: {
                         [SkyCellClass.RowSelector]: cellClassRuleTrueExpression,
-                        [SkyCellClass.Uneditable]: cellClassRuleTrueExpression
+                        [SkyCellClass.Uneditable]: cellClassRuleTrueExpression,
                     },
                     cellRendererFramework: SkyAgGridCellRendererRowSelectorComponent,
                     headerName: '',
                     minWidth: 55,
                     maxWidth: 55,
                     sortable: false,
-                    width: 55
+                    width: 55,
                 },
                 [SkyCellType.Text]: {
                     cellClassRules: Object.assign({ [SkyCellClass.Text]: cellClassRuleTrueExpression }, editableCellClassRules),
-                    cellEditorFramework: SkyAgGridCellEditorTextComponent
+                    cellEditorFramework: SkyAgGridCellEditorTextComponent,
                 },
                 [SkyCellType.Validator]: {
                     cellClassRules: Object.assign(Object.assign({}, validatorCellClassRules), editableCellClassRules),
-                    cellRendererSelector: getValidatorCellRendererSelector('sky-ag-grid-cell-renderer-validator-tooltip')
-                }
+                    cellRendererSelector: getValidatorCellRendererSelector('sky-ag-grid-cell-renderer-validator-tooltip'),
+                },
             },
             defaultColDef: {
                 cellClassRules: editableCellClassRules,
                 minWidth: 100,
                 resizable: true,
                 sortable: true,
-                suppressKeyboardEvent: (keypress) => this.suppressTab(keypress)
+                suppressKeyboardEvent: (keypress) => this.suppressTab(keypress),
             },
             domLayout: 'autoHeight',
             enterMovesDownAfterEdit: true,
             frameworkComponents: {
                 'sky-ag-grid-cell-renderer-currency': SkyAgGridCellRendererCurrencyComponent,
                 'sky-ag-grid-cell-renderer-currency-validator': SkyAgGridCellRendererCurrencyValidatorComponent,
-                'sky-ag-grid-cell-renderer-validator-tooltip': SkyAgGridCellRendererValidatorTooltipComponent
+                'sky-ag-grid-cell-renderer-validator-tooltip': SkyAgGridCellRendererValidatorTooltipComponent,
+            },
+            getRowNodeId(data) {
+                if ('id' in data && data.id) {
+                    return `${data.id}`;
+                }
+                return `${rowNodeId++}`;
+            },
+            getRowClass: (params) => {
+                if (params.node.id) {
+                    return `sky-ag-grid-row-${params.node.id}`;
+                }
+                else {
+                    return undefined;
+                }
             },
             headerHeight: ((_d = (_c = this.currentTheme) === null || _c === void 0 ? void 0 : _c.theme) === null || _d === void 0 ? void 0 : _d.name) === 'modern' ? 60 : 37,
             icons: {
@@ -1866,7 +1984,7 @@ class SkyAgGridService {
                 columnMoveHide: this.getIconTemplate('arrows'),
                 columnMoveLeft: this.getIconTemplate('arrows'),
                 columnMoveRight: this.getIconTemplate('arrows'),
-                columnMovePin: this.getIconTemplate('arrows')
+                columnMovePin: this.getIconTemplate('arrows'),
             },
             onCellFocused: () => this.onCellFocused(),
             rowHeight: ((_f = (_e = this.currentTheme) === null || _e === void 0 ? void 0 : _e.theme) === null || _f === void 0 ? void 0 : _f.name) === 'modern' ? 60 : 38,
@@ -1877,33 +1995,38 @@ class SkyAgGridService {
             sortingOrder: ['desc', 'asc', null],
             stopEditingWhenGridLosesFocus: false,
             suppressRowClickSelection: true,
-            suppressDragLeaveHidesColumns: 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'
-                }
+                    validatorMessage: 'Please enter a valid currency',
+                },
             } });
         /*istanbul ignore else*/
         if (this.resources) {
-            this.resources.getString('sky_ag_grid_cell_renderer_currency_validator_message').subscribe((value) => {
+            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: {
+        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 number',
+                },
             } });
         /*istanbul ignore else*/
         if (this.resources) {
-            this.resources.getString('sky_ag_grid_cell_renderer_number_validator_message').subscribe((value) => {
+            this.resources
+                .getString('sky_ag_grid_cell_renderer_number_validator_message')
+                .subscribe((value) => {
                 defaultSkyGridOptions.columnTypes[SkyCellType.NumberValidator].cellRendererParams.skyComponentProperties.validatorMessage = value;
             });
         }
@@ -1924,8 +2047,9 @@ class SkyAgGridService {
         if (date && typeof date === 'string') {
             date = new Date(params.value);
         }
-        // @ts-ignore
-        let formattedDate = date && date.toLocaleDateString && date.toLocaleDateString(locale, dateConfig);
+        let formattedDate = date &&
+            date.toLocaleDateString &&
+            date.toLocaleDateString(locale, dateConfig);
         if (date && date.getTime && !isNaN(date.getTime())) {
             return formattedDate;
         }
@@ -1949,12 +2073,12 @@ class SkyAgGridService {
         return false;
     }
 }
-SkyAgGridService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridService, deps: [{ token: SkyAgGridAdapterService }, { token: i1$3.SkyThemeService, optional: true }, { token: i3.SkyLibResourcesService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
-SkyAgGridService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridService, providedIn: 'root' });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0, type: SkyAgGridService, decorators: [{
+SkyAgGridService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridService, deps: [{ token: SkyAgGridAdapterService }, { token: i1$3.SkyThemeService, optional: true }, { token: i3.SkyLibResourcesService, optional: true }], target: i0.ɵɵFactoryTarget.Injectable });
+SkyAgGridService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0, type: SkyAgGridService, decorators: [{
             type: Injectable,
             args: [{
-                    providedIn: 'root'
+                    providedIn: 'root',
                 }]
         }], ctorParameters: function () { return [{ type: SkyAgGridAdapterService }, { type: i1$3.SkyThemeService, decorators: [{
                     type: Optional