@skyux/ag-grid 5.1.0 → 5.1.4

package/bundles/skyux-ag-grid.umd.js

@@ -63,8 +63,11 @@
             if (parentEl) {
                 var focusableChildren = this.skyAdapterService.getFocusableChildren(parentEl);
                 var currentElementIndex = focusableChildren.indexOf(currentEl);
-                var nextIndex = moveFocusLeft ? currentElementIndex - 1 : currentElementIndex + 1;
-                if ((!moveFocusLeft && focusableChildren.length >= nextIndex) || (moveFocusLeft && nextIndex >= 0)) {
+                var nextIndex = moveFocusLeft
+                    ? currentElementIndex - 1
+                    : currentElementIndex + 1;
+                if ((!moveFocusLeft && focusableChildren.length >= nextIndex) ||
+                    (moveFocusLeft && nextIndex >= 0)) {
                     return focusableChildren[nextIndex];
                 }
             }
@@ -77,16 +80,19 @@
         };
         return SkyAgGridAdapterService;
     }());
-    SkyAgGridAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridAdapterService, deps: [{ token: i1__namespace.SkyCoreAdapterService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    SkyAgGridAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridAdapterService, providedIn: 'root' });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridAdapterService, decorators: [{
+    SkyAgGridAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridAdapterService, deps: [{ token: i1__namespace.SkyCoreAdapterService }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    SkyAgGridAdapterService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridAdapterService, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridAdapterService, decorators: [{
                 type: i0.Injectable,
                 args: [{
-                        providedIn: 'root'
+                        providedIn: 'root',
                     }]
             }], ctorParameters: function () { return [{ type: i1__namespace.SkyCoreAdapterService }]; } });
 
     var idIndex = 0;
+    /**
+     * @internal
+     */
     var SkyAgGridWrapperComponent = /** @class */ (function () {
         function SkyAgGridWrapperComponent(adapterService, changeDetector, elementRef) {
             this.adapterService = adapterService;
@@ -110,13 +116,16 @@
             configurable: true
         });
         SkyAgGridWrapperComponent.prototype.ngAfterContentInit = function () {
-            if (this.agGrid.gridOptions && this.agGrid.gridOptions.domLayout === 'autoHeight') {
+            if (this.agGrid.gridOptions &&
+                this.agGrid.gridOptions.domLayout === 'autoHeight') {
                 this.viewkeeperClasses.push('.ag-header');
             }
         };
         SkyAgGridWrapperComponent.prototype.onGridKeydown = function (event) {
             if (this.agGrid && !this.isInEditMode && event.key === 'Tab') {
-                var idToFocus = event.shiftKey ? this.beforeAnchorId : this.afterAnchorId;
+                var idToFocus = event.shiftKey
+                    ? this.beforeAnchorId
+                    : this.afterAnchorId;
                 this.adapterService.setFocusedElementById(this.elementRef.nativeElement, idToFocus);
             }
         };
@@ -124,7 +133,8 @@
             var gridId = this.gridId;
             var relatedTarget = event.relatedTarget;
             var previousFocusedId = relatedTarget && relatedTarget.id;
-            var previousWasCell = relatedTarget && !!this.adapterService.getElementOrParentWithClass(relatedTarget, 'ag-cell');
+            var previousWasCell = relatedTarget &&
+                !!this.adapterService.getElementOrParentWithClass(relatedTarget, 'ag-cell');
             if (previousFocusedId !== gridId && !previousWasCell) {
                 var columns = this.agGrid.columnApi.getAllDisplayedColumns();
                 var firstColumn = columns && columns[0];
@@ -162,22 +172,25 @@
         });
         return SkyAgGridWrapperComponent;
     }());
-    SkyAgGridWrapperComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridWrapperComponent, deps: [{ token: SkyAgGridAdapterService }, { token: i0__namespace.ChangeDetectorRef }, { token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyAgGridWrapperComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.11", type: SkyAgGridWrapperComponent, selector: "sky-ag-grid-wrapper", queries: [{ propertyName: "agGrid", first: true, predicate: agGridAngular.AgGridAngular, descendants: true, static: true }], ngImport: i0__namespace, 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__namespace.λ3, selector: "[skyViewkeeper]", inputs: ["skyViewkeeper"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridWrapperComponent, decorators: [{
+    SkyAgGridWrapperComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridWrapperComponent, deps: [{ token: SkyAgGridAdapterService }, { token: i0__namespace.ChangeDetectorRef }, { token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyAgGridWrapperComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyAgGridWrapperComponent, selector: "sky-ag-grid-wrapper", queries: [{ propertyName: "agGrid", first: true, predicate: agGridAngular.AgGridAngular, descendants: true, static: true }], ngImport: i0__namespace, 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__namespace.λ3, selector: "[skyViewkeeper]", inputs: ["skyViewkeeper"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridWrapperComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'sky-ag-grid-wrapper',
-                        templateUrl: './ag-grid-wrapper.component.html',
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush
+                        template: "<span\n  class=\"nav-anchor\"\n  tabindex=\"0\"\n  [id]=\"beforeAnchorId\"\n  (focusin)=\"onAnchorFocus($event)\"\n>\n</span>\n<div\n  class=\"sky-ag-grid\"\n  tabindex=\"0\"\n  [id]=\"gridId\"\n  [skyViewkeeper]=\"viewkeeperClasses\"\n  (keydown)=\"onGridKeydown($event)\"\n>\n  <ng-content></ng-content>\n</div>\n<span\n  tabindex=\"0\"\n  class=\"nav-anchor\"\n  [id]=\"afterAnchorId\"\n  (focusin)=\"onAnchorFocus($event)\"\n>\n</span>\n",
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     }]
             }], ctorParameters: function () { return [{ type: SkyAgGridAdapterService }, { type: i0__namespace.ChangeDetectorRef }, { type: i0__namespace.ElementRef }]; }, propDecorators: { agGrid: [{
                     type: i0.ContentChild,
                     args: [agGridAngular.AgGridAngular, {
-                            static: true
+                            static: true,
                         }]
                 }] } });
 
+    /**
+     * @internal
+     */
     var SkyAgGridCellEditorAutocompleteComponent = /** @class */ (function () {
         function SkyAgGridCellEditorAutocompleteComponent() {
             this.skyComponentProperties = {};
@@ -197,15 +210,15 @@
         };
         return SkyAgGridCellEditorAutocompleteComponent;
     }());
-    SkyAgGridCellEditorAutocompleteComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellEditorAutocompleteComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyAgGridCellEditorAutocompleteComponent.ɵcmp = i0__namespace.ɵɵ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: i0.ElementRef }], ngImport: i0__namespace, 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__namespace$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__namespace$1.λ1, selector: "input[skyAutocomplete], textarea[skyAutocomplete]", inputs: ["autocompleteAttribute", "disabled"] }, { type: i1__namespace$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__namespace$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "skyLibResources": i3__namespace.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellEditorAutocompleteComponent, decorators: [{
+    SkyAgGridCellEditorAutocompleteComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellEditorAutocompleteComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyAgGridCellEditorAutocompleteComponent.ɵcmp = i0__namespace.ɵɵ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: i0.ElementRef }], ngImport: i0__namespace, 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__namespace$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__namespace$1.λ1, selector: "input[skyAutocomplete], textarea[skyAutocomplete]", inputs: ["autocompleteAttribute", "disabled"] }, { type: i1__namespace$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__namespace$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "skyLibResources": i3__namespace.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellEditorAutocompleteComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'sky-ag-grid-cell-editor-autocomplete',
-                        templateUrl: './cell-editor-autocomplete.component.html',
-                        styleUrls: ['./cell-editor-autocomplete.component.scss'],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush
+                        template: "<div class=\"sky-ag-grid-cell-editor-autocomplete\">\n  <sky-autocomplete\n    [data]=\"skyComponentProperties.data\"\n    [debounceTime]=\"skyComponentProperties.debounceTime\"\n    [descriptorProperty]=\"skyComponentProperties.descriptorProperty\"\n    [propertiesToSearch]=\"skyComponentProperties.propertiesToSearch\"\n    [search]=\"skyComponentProperties.search\"\n    [searchFilters]=\"skyComponentProperties.searchFilters\"\n    [searchResultsLimit]=\"skyComponentProperties.searchResultsLimit\"\n    [searchResultTemplate]=\"skyComponentProperties.searchResultTemplate\"\n    [searchTextMinimumCharacters]=\"\n      skyComponentProperties.searchTextMinimumCharacters\n    \"\n    (selectionChange)=\"\n      skyComponentProperties.selectionChange &&\n        skyComponentProperties.selectionChange($event)\n    \"\n  >\n    <input\n      skyAutocomplete\n      #skyCellEditorAutocomplete\n      type=\"text\"\n      [(ngModel)]=\"currentSelection\"\n      [attr.aria-label]=\"\n        'sky_ag_grid_cell_editor_autocomplete_aria_label'\n          | skyLibResources: columnHeader:rowNumber\n      \"\n    />\n  </sky-autocomplete>\n</div>\n",
+                        styles: ["sky-autocomplete input{border:none;box-shadow:none}\n"],
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     }]
             }], propDecorators: { input: [{
                     type: i0.ViewChild,
@@ -219,7 +232,30 @@
      * To update this file, simply rerun the command.
      */
     var 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' },
+        },
     };
     var AgGridResourcesProvider = /** @class */ (function () {
         function AgGridResourcesProvider() {
@@ -237,22 +273,26 @@
         }
         return AgGridResourcesModule;
     }());
-    AgGridResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: AgGridResourcesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    AgGridResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: AgGridResourcesModule, exports: [i3.SkyI18nModule] });
-    AgGridResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: AgGridResourcesModule, providers: [{
+    AgGridResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: AgGridResourcesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    AgGridResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: AgGridResourcesModule, exports: [i3.SkyI18nModule] });
+    AgGridResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: AgGridResourcesModule, providers: [
+            {
                 provide: i3.SKY_LIB_RESOURCES_PROVIDERS,
                 useClass: AgGridResourcesProvider,
-                multi: true
-            }], imports: [i3.SkyI18nModule] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: AgGridResourcesModule, decorators: [{
+                multi: true,
+            },
+        ], imports: [i3.SkyI18nModule] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: AgGridResourcesModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
                         exports: [i3.SkyI18nModule],
-                        providers: [{
+                        providers: [
+                            {
                                 provide: i3.SKY_LIB_RESOURCES_PROVIDERS,
                                 useClass: AgGridResourcesProvider,
-                                multi: true
-                            }]
+                                multi: true,
+                            },
+                        ],
                     }]
             }] });
 
@@ -261,29 +301,15 @@
         }
         return SkyAgGridCellEditorAutocompleteModule;
     }());
-    SkyAgGridCellEditorAutocompleteModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellEditorAutocompleteModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyAgGridCellEditorAutocompleteModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellEditorAutocompleteModule, declarations: [SkyAgGridCellEditorAutocompleteComponent], imports: [i1$2.FormsModule,
-            AgGridResourcesModule,
-            i1$1.SkyAutocompleteModule], exports: [SkyAgGridCellEditorAutocompleteComponent] });
-    SkyAgGridCellEditorAutocompleteModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellEditorAutocompleteModule, imports: [[
-                i1$2.FormsModule,
-                AgGridResourcesModule,
-                i1$1.SkyAutocompleteModule
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellEditorAutocompleteModule, decorators: [{
+    SkyAgGridCellEditorAutocompleteModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellEditorAutocompleteModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    SkyAgGridCellEditorAutocompleteModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellEditorAutocompleteModule, declarations: [SkyAgGridCellEditorAutocompleteComponent], imports: [i1$2.FormsModule, AgGridResourcesModule, i1$1.SkyAutocompleteModule], exports: [SkyAgGridCellEditorAutocompleteComponent] });
+    SkyAgGridCellEditorAutocompleteModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellEditorAutocompleteModule, imports: [[i1$2.FormsModule, AgGridResourcesModule, i1$1.SkyAutocompleteModule]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellEditorAutocompleteModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
-                        imports: [
-                            i1$2.FormsModule,
-                            AgGridResourcesModule,
-                            i1$1.SkyAutocompleteModule
-                        ],
-                        declarations: [
-                            SkyAgGridCellEditorAutocompleteComponent
-                        ],
-                        exports: [
-                            SkyAgGridCellEditorAutocompleteComponent
-                        ]
+                        imports: [i1$2.FormsModule, AgGridResourcesModule, i1$1.SkyAutocompleteModule],
+                        declarations: [SkyAgGridCellEditorAutocompleteComponent],
+                        exports: [SkyAgGridCellEditorAutocompleteComponent],
                     }]
             }] });
 
@@ -605,6 +631,9 @@
         return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
     }
 
+    /**
+     * @internal
+     */
     var SkyAgGridCellEditorDatepickerComponent = /** @class */ (function (_super) {
         __extends(SkyAgGridCellEditorDatepickerComponent, _super);
         function SkyAgGridCellEditorDatepickerComponent(themeSvc) {
@@ -625,15 +654,18 @@
             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(function (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;
                 }
             });
         };
@@ -655,16 +687,16 @@
         };
         return SkyAgGridCellEditorDatepickerComponent;
     }(agGridCommunity.PopupComponent));
-    SkyAgGridCellEditorDatepickerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellEditorDatepickerComponent, deps: [{ token: i1__namespace$3.SkyThemeService, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyAgGridCellEditorDatepickerComponent.ɵcmp = i0__namespace.ɵɵ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: i0.ElementRef }], usesInheritance: true, ngImport: i0__namespace, 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__namespace.λ2, selector: "sky-datepicker", inputs: ["pickerClass"] }], directives: [{ type: i1__namespace$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__namespace.λ3, selector: "[skyDatepickerInput]", inputs: ["dateFormat", "disabled", "maxDate", "minDate", "skyDatepickerInput", "skyDatepickerNoValidate", "startingDay", "strict"] }, { type: i1__namespace$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellEditorDatepickerComponent, decorators: [{
+    SkyAgGridCellEditorDatepickerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellEditorDatepickerComponent, deps: [{ token: i1__namespace$3.SkyThemeService, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyAgGridCellEditorDatepickerComponent.ɵcmp = i0__namespace.ɵɵ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: i0.ElementRef }], usesInheritance: true, ngImport: i0__namespace, 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__namespace.λ2, selector: "sky-datepicker", inputs: ["pickerClass"] }], directives: [{ type: i1__namespace$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__namespace.λ3, selector: "[skyDatepickerInput]", inputs: ["dateFormat", "disabled", "maxDate", "minDate", "skyDatepickerInput", "skyDatepickerNoValidate", "startingDay", "strict"] }, { type: i1__namespace$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellEditorDatepickerComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'sky-ag-grid-cell-editor-datepicker',
-                        templateUrl: './cell-editor-datepicker.component.html',
-                        styleUrls: ['./cell-editor-datepicker.component.scss'],
+                        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"],
                         changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                        encapsulation: i0.ViewEncapsulation.None
+                        encapsulation: i0.ViewEncapsulation.None,
                     }]
             }], ctorParameters: function () {
             return [{ type: i1__namespace$3.SkyThemeService, decorators: [{
@@ -680,26 +712,15 @@
         }
         return SkyAgGridCellEditorDatepickerModule;
     }());
-    SkyAgGridCellEditorDatepickerModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellEditorDatepickerModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyAgGridCellEditorDatepickerModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellEditorDatepickerModule, declarations: [SkyAgGridCellEditorDatepickerComponent], imports: [i2.SkyDatepickerModule,
-            i1$2.FormsModule], exports: [SkyAgGridCellEditorDatepickerComponent] });
-    SkyAgGridCellEditorDatepickerModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellEditorDatepickerModule, imports: [[
-                i2.SkyDatepickerModule,
-                i1$2.FormsModule
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellEditorDatepickerModule, decorators: [{
+    SkyAgGridCellEditorDatepickerModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellEditorDatepickerModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    SkyAgGridCellEditorDatepickerModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellEditorDatepickerModule, declarations: [SkyAgGridCellEditorDatepickerComponent], imports: [i2.SkyDatepickerModule, i1$2.FormsModule], exports: [SkyAgGridCellEditorDatepickerComponent] });
+    SkyAgGridCellEditorDatepickerModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellEditorDatepickerModule, imports: [[i2.SkyDatepickerModule, i1$2.FormsModule]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellEditorDatepickerModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
-                        imports: [
-                            i2.SkyDatepickerModule,
-                            i1$2.FormsModule
-                        ],
-                        declarations: [
-                            SkyAgGridCellEditorDatepickerComponent
-                        ],
-                        exports: [
-                            SkyAgGridCellEditorDatepickerComponent
-                        ]
+                        imports: [i2.SkyDatepickerModule, i1$2.FormsModule],
+                        declarations: [SkyAgGridCellEditorDatepickerComponent],
+                        exports: [SkyAgGridCellEditorDatepickerComponent],
                     }]
             }] });
 
@@ -723,7 +744,7 @@
             selectMode: skyLookupProperties.selectMode || undefined,
             showAddButton: skyLookupProperties.showAddButton || false,
             showMoreConfig: skyLookupProperties.showMoreConfig || {},
-            wrapperClass: 'ag-custom-component-popup'
+            wrapperClass: 'ag-custom-component-popup',
         };
     }
 
@@ -735,8 +756,8 @@
             this.lookupForm = new i1$2.FormGroup({
                 currentSelection: new i1$2.FormControl({
                     value: [],
-                    disabled: false
-                })
+                    disabled: false,
+                }),
             });
         }
         SkyAgGridCellEditorLookupComponent.prototype.agInit = function (params) {
@@ -778,15 +799,15 @@
         };
         return SkyAgGridCellEditorLookupComponent;
     }());
-    SkyAgGridCellEditorLookupComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellEditorLookupComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyAgGridCellEditorLookupComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.11", type: SkyAgGridCellEditorLookupComponent, selector: "sky-ag-grid-cell-editor-lookup", ngImport: i0__namespace, 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__namespace$4.λ10, selector: "sky-input-box", inputs: ["hasErrors", "disabled"] }, { type: i1__namespace$1.λ4, selector: "sky-lookup", inputs: ["ariaLabel", "ariaLabelledBy", "autocompleteAttribute", "data", "disabled", "enableShowMore", "placeholderText", "idProperty", "showAddButton", "showMoreConfig", "selectMode", "wrapperClass"], outputs: ["addClick"] }], directives: [{ type: i3__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1__namespace$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i1__namespace$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$2.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellEditorLookupComponent, decorators: [{
+    SkyAgGridCellEditorLookupComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellEditorLookupComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: i0__namespace.ElementRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyAgGridCellEditorLookupComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyAgGridCellEditorLookupComponent, selector: "sky-ag-grid-cell-editor-lookup", ngImport: i0__namespace, 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__namespace$4.λ10, selector: "sky-input-box", inputs: ["hasErrors", "disabled"] }, { type: i1__namespace$1.λ4, selector: "sky-lookup", inputs: ["ariaLabel", "ariaLabelledBy", "autocompleteAttribute", "data", "disabled", "enableShowMore", "placeholderText", "idProperty", "showAddButton", "showMoreConfig", "selectMode", "wrapperClass"], outputs: ["addClick"] }], directives: [{ type: i3__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1__namespace$2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i1__namespace$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$2.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellEditorLookupComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'sky-ag-grid-cell-editor-lookup',
-                        templateUrl: './cell-editor-lookup.component.html',
-                        styleUrls: ['./cell-editor-lookup.component.scss'],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush
+                        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"],
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     }]
             }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: i0__namespace.ElementRef }]; } });
 
@@ -795,20 +816,20 @@
         }
         return SkyAgGridCellEditorLookupModule;
     }());
-    SkyAgGridCellEditorLookupModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellEditorLookupModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyAgGridCellEditorLookupModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellEditorLookupModule, declarations: [SkyAgGridCellEditorLookupComponent], imports: [i3$1.CommonModule,
+    SkyAgGridCellEditorLookupModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellEditorLookupModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    SkyAgGridCellEditorLookupModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellEditorLookupModule, declarations: [SkyAgGridCellEditorLookupComponent], imports: [i3$1.CommonModule,
             i1$2.ReactiveFormsModule,
             i3.SkyI18nModule,
             i1$4.SkyInputBoxModule,
             i1$1.SkyLookupModule], exports: [SkyAgGridCellEditorLookupComponent] });
-    SkyAgGridCellEditorLookupModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellEditorLookupModule, imports: [[
+    SkyAgGridCellEditorLookupModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellEditorLookupModule, imports: [[
                 i3$1.CommonModule,
                 i1$2.ReactiveFormsModule,
                 i3.SkyI18nModule,
                 i1$4.SkyInputBoxModule,
-                i1$1.SkyLookupModule
+                i1$1.SkyLookupModule,
             ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellEditorLookupModule, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellEditorLookupModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
                         declarations: [SkyAgGridCellEditorLookupComponent],
@@ -818,11 +839,14 @@
                             i1$2.ReactiveFormsModule,
                             i3.SkyI18nModule,
                             i1$4.SkyInputBoxModule,
-                            i1$1.SkyLookupModule
-                        ]
+                            i1$1.SkyLookupModule,
+                        ],
                     }]
             }] });
 
+    /**
+     * @internal
+     */
     var SkyAgGridCellEditorNumberComponent = /** @class */ (function () {
         function SkyAgGridCellEditorNumberComponent() {
         }
@@ -836,7 +860,8 @@
             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.
@@ -852,15 +877,15 @@
         };
         return SkyAgGridCellEditorNumberComponent;
     }());
-    SkyAgGridCellEditorNumberComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellEditorNumberComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyAgGridCellEditorNumberComponent.ɵcmp = i0__namespace.ɵɵ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: i0.ElementRef }], ngImport: i0__namespace, 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__namespace$2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { type: i1__namespace$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__namespace$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "skyLibResources": i3__namespace.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellEditorNumberComponent, decorators: [{
+    SkyAgGridCellEditorNumberComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellEditorNumberComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyAgGridCellEditorNumberComponent.ɵcmp = i0__namespace.ɵɵ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: i0.ElementRef }], ngImport: i0__namespace, 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__namespace$2.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { type: i1__namespace$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__namespace$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "skyLibResources": i3__namespace.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellEditorNumberComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'sky-ag-grid-cell-editor-number',
-                        templateUrl: './cell-editor-number.component.html',
-                        styleUrls: ['./cell-editor-number.component.scss'],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush
+                        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"],
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     }]
             }], propDecorators: { input: [{
                     type: i0.ViewChild,
@@ -872,29 +897,21 @@
         }
         return SkyAgGridCellEditorNumberModule;
     }());
-    SkyAgGridCellEditorNumberModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellEditorNumberModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyAgGridCellEditorNumberModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellEditorNumberModule, declarations: [SkyAgGridCellEditorNumberComponent], imports: [AgGridResourcesModule,
-            i1$2.FormsModule], exports: [SkyAgGridCellEditorNumberComponent] });
-    SkyAgGridCellEditorNumberModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellEditorNumberModule, imports: [[
-                AgGridResourcesModule,
-                i1$2.FormsModule
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellEditorNumberModule, decorators: [{
+    SkyAgGridCellEditorNumberModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellEditorNumberModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    SkyAgGridCellEditorNumberModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellEditorNumberModule, declarations: [SkyAgGridCellEditorNumberComponent], imports: [AgGridResourcesModule, i1$2.FormsModule], exports: [SkyAgGridCellEditorNumberComponent] });
+    SkyAgGridCellEditorNumberModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellEditorNumberModule, imports: [[AgGridResourcesModule, i1$2.FormsModule]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellEditorNumberModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
-                        imports: [
-                            AgGridResourcesModule,
-                            i1$2.FormsModule
-                        ],
-                        declarations: [
-                            SkyAgGridCellEditorNumberComponent
-                        ],
-                        exports: [
-                            SkyAgGridCellEditorNumberComponent
-                        ]
+                        imports: [AgGridResourcesModule, i1$2.FormsModule],
+                        declarations: [SkyAgGridCellEditorNumberComponent],
+                        exports: [SkyAgGridCellEditorNumberComponent],
                     }]
             }] });
 
+    /**
+     * @internal
+     */
     var SkyAgGridCellEditorTextComponent = /** @class */ (function () {
         function SkyAgGridCellEditorTextComponent() {
         }
@@ -908,7 +925,8 @@
             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.
@@ -924,15 +942,15 @@
         };
         return SkyAgGridCellEditorTextComponent;
     }());
-    SkyAgGridCellEditorTextComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellEditorTextComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyAgGridCellEditorTextComponent.ɵcmp = i0__namespace.ɵɵ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: i0.ElementRef }], ngImport: i0__namespace, 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__namespace$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__namespace$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "skyLibResources": i3__namespace.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellEditorTextComponent, decorators: [{
+    SkyAgGridCellEditorTextComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellEditorTextComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyAgGridCellEditorTextComponent.ɵcmp = i0__namespace.ɵɵ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: i0.ElementRef }], ngImport: i0__namespace, 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__namespace$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__namespace$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "skyLibResources": i3__namespace.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellEditorTextComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'sky-ag-grid-cell-editor-text',
-                        templateUrl: './cell-editor-text.component.html',
-                        styleUrls: ['./cell-editor-text.component.scss'],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush
+                        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"],
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     }]
             }], propDecorators: { input: [{
                     type: i0.ViewChild,
@@ -944,29 +962,21 @@
         }
         return SkyAgGridCellEditorTextModule;
     }());
-    SkyAgGridCellEditorTextModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellEditorTextModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyAgGridCellEditorTextModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellEditorTextModule, declarations: [SkyAgGridCellEditorTextComponent], imports: [AgGridResourcesModule,
-            i1$2.FormsModule], exports: [SkyAgGridCellEditorTextComponent] });
-    SkyAgGridCellEditorTextModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellEditorTextModule, imports: [[
-                AgGridResourcesModule,
-                i1$2.FormsModule
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellEditorTextModule, decorators: [{
+    SkyAgGridCellEditorTextModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellEditorTextModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    SkyAgGridCellEditorTextModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellEditorTextModule, declarations: [SkyAgGridCellEditorTextComponent], imports: [AgGridResourcesModule, i1$2.FormsModule], exports: [SkyAgGridCellEditorTextComponent] });
+    SkyAgGridCellEditorTextModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellEditorTextModule, imports: [[AgGridResourcesModule, i1$2.FormsModule]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellEditorTextModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
-                        imports: [
-                            AgGridResourcesModule,
-                            i1$2.FormsModule
-                        ],
-                        declarations: [
-                            SkyAgGridCellEditorTextComponent
-                        ],
-                        exports: [
-                            SkyAgGridCellEditorTextComponent
-                        ]
+                        imports: [AgGridResourcesModule, i1$2.FormsModule],
+                        declarations: [SkyAgGridCellEditorTextComponent],
+                        exports: [SkyAgGridCellEditorTextComponent],
                     }]
             }] });
 
+    /**
+     * @internal
+     */
     var SkyAgGridCellValidatorTooltipComponent = /** @class */ (function () {
         function SkyAgGridCellValidatorTooltipComponent(changeDetector, zone) {
             this.changeDetector = changeDetector;
@@ -982,7 +992,8 @@
                 /*istanbul ignore next*/
                 (_a = this.cellRendererParams.api) === null || _a === void 0 ? void 0 : _a.addEventListener(agGridCommunity.Events.EVENT_CELL_FOCUSED, function (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();
                     }
@@ -998,10 +1009,12 @@
                     _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();
             },
@@ -1030,20 +1043,23 @@
         };
         return SkyAgGridCellValidatorTooltipComponent;
     }());
-    SkyAgGridCellValidatorTooltipComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellValidatorTooltipComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: i0__namespace.NgZone }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyAgGridCellValidatorTooltipComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.11", type: SkyAgGridCellValidatorTooltipComponent, selector: "sky-ag-grid-cell-validator-tooltip", inputs: { params: "params" }, ngImport: i0__namespace, 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__namespace$5.λ10, selector: "sky-status-indicator", inputs: ["indicatorType", "descriptionType", "customDescription"] }, { type: i2__namespace$1.λ6, selector: "sky-popover", inputs: ["alignment", "dismissOnBlur", "placement", "popoverTitle", "popoverType"], outputs: ["popoverClosed", "popoverOpened"] }], directives: [{ type: i2__namespace$1.λ7, selector: "[skyPopover]", inputs: ["skyPopover", "skyPopoverAlignment", "skyPopoverMessageStream", "skyPopoverPlacement", "skyPopoverTrigger"] }, { type: i3__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellValidatorTooltipComponent, decorators: [{
+    SkyAgGridCellValidatorTooltipComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellValidatorTooltipComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: i0__namespace.NgZone }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyAgGridCellValidatorTooltipComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyAgGridCellValidatorTooltipComponent, selector: "sky-ag-grid-cell-validator-tooltip", inputs: { params: "params" }, ngImport: i0__namespace, 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__namespace$5.λ10, selector: "sky-status-indicator", inputs: ["indicatorType", "descriptionType", "customDescription"] }, { type: i2__namespace$1.λ6, selector: "sky-popover", inputs: ["alignment", "dismissOnBlur", "placement", "popoverTitle", "popoverType"], outputs: ["popoverClosed", "popoverOpened"] }], directives: [{ type: i2__namespace$1.λ7, selector: "[skyPopover]", inputs: ["skyPopover", "skyPopoverAlignment", "skyPopoverMessageStream", "skyPopoverPlacement", "skyPopoverTrigger"] }, { type: i3__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellValidatorTooltipComponent, decorators: [{
                 type: i0.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: i0.ChangeDetectionStrategy.OnPush
+                        styles: [":host div.sky-validator-cell{height:100%;width:100%}:host div.sky-validator-cell:focus{outline:none}\n"],
+                        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",
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     }]
             }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: i0__namespace.NgZone }]; }, propDecorators: { params: [{
                     type: i0.Input
                 }] } });
 
+    /**
+     * @internal
+     */
     var SkyAgGridCellRendererCurrencyComponent = /** @class */ (function () {
         function SkyAgGridCellRendererCurrencyComponent() {
             this.skyComponentProperties = {};
@@ -1073,7 +1089,8 @@
             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;
@@ -1081,20 +1098,23 @@
         };
         return SkyAgGridCellRendererCurrencyComponent;
     }());
-    SkyAgGridCellRendererCurrencyComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellRendererCurrencyComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyAgGridCellRendererCurrencyComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.11", type: SkyAgGridCellRendererCurrencyComponent, selector: "sky-ag-grid-cell-renderer-currency", inputs: { params: "params" }, ngImport: i0__namespace, 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__namespace.SkyLibResourcesPipe, "skyNumeric": i1__namespace.SkyNumericPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellRendererCurrencyComponent, decorators: [{
+    SkyAgGridCellRendererCurrencyComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellRendererCurrencyComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyAgGridCellRendererCurrencyComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyAgGridCellRendererCurrencyComponent, selector: "sky-ag-grid-cell-renderer-currency", inputs: { params: "params" }, ngImport: i0__namespace, 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__namespace.SkyLibResourcesPipe, "skyNumeric": i1__namespace.SkyNumericPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellRendererCurrencyComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'sky-ag-grid-cell-renderer-currency',
-                        templateUrl: './cell-renderer-currency.component.html',
-                        styleUrls: ['./cell-renderer-currency.component.scss'],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush
+                        template: "<span\n  [attr.aria-label]=\"\n    'sky_ag_grid_cell_renderer_currency_aria_label'\n      | skyLibResources: columnHeader:rowNumber\n  \"\n  [style.width.px]=\"columnWidth\"\n  [style.height.px]=\"rowHeightWithoutBorders\"\n>\n  {{ value | skyNumeric: skyComponentProperties }}\n</span>\n",
+                        styles: ["input{border:none;padding-left:11px}\n"],
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     }]
             }], propDecorators: { params: [{
                     type: i0.Input
                 }] } });
 
+    /**
+     * @internal
+     */
     var SkyAgGridCellRendererCurrencyValidatorComponent = /** @class */ (function () {
         function SkyAgGridCellRendererCurrencyValidatorComponent(changeDetector) {
             this.changeDetector = changeDetector;
@@ -1122,14 +1142,14 @@
         };
         return SkyAgGridCellRendererCurrencyValidatorComponent;
     }());
-    SkyAgGridCellRendererCurrencyValidatorComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellRendererCurrencyValidatorComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyAgGridCellRendererCurrencyValidatorComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.11", type: SkyAgGridCellRendererCurrencyValidatorComponent, selector: "sky-ag-grid-cell-renderer-currency-validator", inputs: { parameters: "parameters" }, ngImport: i0__namespace, 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__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellRendererCurrencyValidatorComponent, decorators: [{
+    SkyAgGridCellRendererCurrencyValidatorComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellRendererCurrencyValidatorComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyAgGridCellRendererCurrencyValidatorComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyAgGridCellRendererCurrencyValidatorComponent, selector: "sky-ag-grid-cell-renderer-currency-validator", inputs: { parameters: "parameters" }, ngImport: i0__namespace, 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__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellRendererCurrencyValidatorComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'sky-ag-grid-cell-renderer-currency-validator',
-                        templateUrl: 'cell-renderer-currency-validator.component.html',
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush
+                        template: "<sky-ag-grid-cell-validator-tooltip [params]=\"cellRendererParams\">\n  <sky-ag-grid-cell-renderer-currency\n    *ngIf=\"isNumeric(cellRendererParams.value); else rawValue\"\n    [params]=\"cellRendererParams\"\n  ></sky-ag-grid-cell-renderer-currency>\n  <ng-template #rawValue>{{ cellRendererParams.value }}</ng-template>\n</sky-ag-grid-cell-validator-tooltip>\n",
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     }]
             }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { parameters: [{
                     type: i0.Input
@@ -1154,15 +1174,15 @@
         };
         return SkyAgGridCellRendererLookupComponent;
     }());
-    SkyAgGridCellRendererLookupComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellRendererLookupComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyAgGridCellRendererLookupComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.11", type: SkyAgGridCellRendererLookupComponent, selector: "sky-cell-renderer-lookup", ngImport: i0__namespace, 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__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "skyLibResources": i3__namespace.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellRendererLookupComponent, decorators: [{
+    SkyAgGridCellRendererLookupComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellRendererLookupComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyAgGridCellRendererLookupComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyAgGridCellRendererLookupComponent, selector: "sky-cell-renderer-lookup", ngImport: i0__namespace, 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__namespace$1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "skyLibResources": i3__namespace.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellRendererLookupComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'sky-cell-renderer-lookup',
-                        templateUrl: './cell-renderer-lookup.component.html',
-                        styleUrls: ['./cell-renderer-lookup.component.scss'],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush
+                        template: "<ng-container *ngIf=\"summaryCount > 5; else showValue\">\n  {{ 'skyux_lookup_tokens_summary' | skyLibResources: summaryCount }}\n</ng-container>\n<ng-template #showValue>{{ value }}</ng-template>\n",
+                        styles: [":host{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}\n"],
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     }]
             }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }]; } });
 
@@ -1171,18 +1191,21 @@
         }
         return SkyAgGridCellRendererLookupModule;
     }());
-    SkyAgGridCellRendererLookupModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellRendererLookupModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyAgGridCellRendererLookupModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellRendererLookupModule, declarations: [SkyAgGridCellRendererLookupComponent], imports: [i3$1.CommonModule, AgGridResourcesModule], exports: [SkyAgGridCellRendererLookupComponent] });
-    SkyAgGridCellRendererLookupModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellRendererLookupModule, imports: [[i3$1.CommonModule, AgGridResourcesModule]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellRendererLookupModule, decorators: [{
+    SkyAgGridCellRendererLookupModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellRendererLookupModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    SkyAgGridCellRendererLookupModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellRendererLookupModule, declarations: [SkyAgGridCellRendererLookupComponent], imports: [i3$1.CommonModule, AgGridResourcesModule], exports: [SkyAgGridCellRendererLookupComponent] });
+    SkyAgGridCellRendererLookupModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellRendererLookupModule, imports: [[i3$1.CommonModule, AgGridResourcesModule]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellRendererLookupModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
                         declarations: [SkyAgGridCellRendererLookupComponent],
                         exports: [SkyAgGridCellRendererLookupComponent],
-                        imports: [i3$1.CommonModule, AgGridResourcesModule]
+                        imports: [i3$1.CommonModule, AgGridResourcesModule],
                     }]
             }] });
 
+    /**
+     * @internal
+     */
     var SkyAgGridCellRendererRowSelectorComponent = /** @class */ (function () {
         function SkyAgGridCellRendererRowSelectorComponent(changeDetection) {
             this.changeDetection = changeDetection;
@@ -1231,16 +1254,16 @@
         };
         return SkyAgGridCellRendererRowSelectorComponent;
     }());
-    SkyAgGridCellRendererRowSelectorComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellRendererRowSelectorComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyAgGridCellRendererRowSelectorComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.11", type: SkyAgGridCellRendererRowSelectorComponent, selector: "sky-ag-grid-cell-renderer-row-selector", ngImport: i0__namespace, 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__namespace$4.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "icon", "checkboxType", "checked", "required"], outputs: ["change", "checkedChange", "disabledChange"] }], directives: [{ type: i1__namespace$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "skyLibResources": i3__namespace.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellRendererRowSelectorComponent, decorators: [{
+    SkyAgGridCellRendererRowSelectorComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellRendererRowSelectorComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyAgGridCellRendererRowSelectorComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyAgGridCellRendererRowSelectorComponent, selector: "sky-ag-grid-cell-renderer-row-selector", ngImport: i0__namespace, 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__namespace$4.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "icon", "checkboxType", "checked", "required"], outputs: ["change", "checkedChange", "disabledChange"] }], directives: [{ type: i1__namespace$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "skyLibResources": i3__namespace.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellRendererRowSelectorComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'sky-ag-grid-cell-renderer-row-selector',
-                        templateUrl: './cell-renderer-row-selector.component.html',
-                        styleUrls: ['./cell-renderer-row-selector.component.scss'],
+                        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"],
                         changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                        encapsulation: i0.ViewEncapsulation.None
+                        encapsulation: i0.ViewEncapsulation.None,
                     }]
             }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }]; } });
 
@@ -1249,32 +1272,21 @@
         }
         return SkyAgGridCellRendererRowSelectorModule;
     }());
-    SkyAgGridCellRendererRowSelectorModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellRendererRowSelectorModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyAgGridCellRendererRowSelectorModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellRendererRowSelectorModule, declarations: [SkyAgGridCellRendererRowSelectorComponent], imports: [AgGridResourcesModule,
-            i1$4.SkyCheckboxModule,
-            i1$2.FormsModule], exports: [SkyAgGridCellRendererRowSelectorComponent] });
-    SkyAgGridCellRendererRowSelectorModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellRendererRowSelectorModule, imports: [[
-                AgGridResourcesModule,
-                i1$4.SkyCheckboxModule,
-                i1$2.FormsModule
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellRendererRowSelectorModule, decorators: [{
+    SkyAgGridCellRendererRowSelectorModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellRendererRowSelectorModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    SkyAgGridCellRendererRowSelectorModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellRendererRowSelectorModule, declarations: [SkyAgGridCellRendererRowSelectorComponent], imports: [AgGridResourcesModule, i1$4.SkyCheckboxModule, i1$2.FormsModule], exports: [SkyAgGridCellRendererRowSelectorComponent] });
+    SkyAgGridCellRendererRowSelectorModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellRendererRowSelectorModule, imports: [[AgGridResourcesModule, i1$4.SkyCheckboxModule, i1$2.FormsModule]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellRendererRowSelectorModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
-                        imports: [
-                            AgGridResourcesModule,
-                            i1$4.SkyCheckboxModule,
-                            i1$2.FormsModule
-                        ],
-                        declarations: [
-                            SkyAgGridCellRendererRowSelectorComponent
-                        ],
-                        exports: [
-                            SkyAgGridCellRendererRowSelectorComponent
-                        ]
+                        imports: [AgGridResourcesModule, i1$4.SkyCheckboxModule, i1$2.FormsModule],
+                        declarations: [SkyAgGridCellRendererRowSelectorComponent],
+                        exports: [SkyAgGridCellRendererRowSelectorComponent],
                     }]
             }] });
 
+    /**
+     * @internal
+     */
     var SkyAgGridDataManagerAdapterDirective = /** @class */ (function () {
         function SkyAgGridDataManagerAdapterDirective(changeDetector, dataManagerSvc) {
             this.changeDetector = changeDetector;
@@ -1349,13 +1361,12 @@
             this.unregisterAgGrid();
             var agGrid = this.agGridList.first;
             this.currentAgGrid = agGrid;
-            agGrid.gridReady
-                .pipe(operators.takeUntil(this.ngUnsubscribe))
-                .subscribe(function () {
+            agGrid.gridReady.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function () {
                 _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(operators.takeUntil(_this.ngUnsubscribe))
                     .subscribe(function (dataState) {
                     _this.currentDataState = dataState;
@@ -1364,13 +1375,28 @@
                 agGrid.api.sizeColumnsToFit();
             });
             agGrid.columnMoved
+                .pipe(operators.takeUntil(this.ngUnsubscribe), operators.filter(function (event) { return ![
+                'gridInitializing',
+                'uiColumnResized',
+                'uiColumnDragged',
+                'api',
+            ].includes(event.source); }))
+                .subscribe(function (value) {
+                _this.updateColumnsInCurrentDataState(value.columnApi);
+            });
+            var currentColumns;
+            agGrid.dragStarted
                 .pipe(operators.takeUntil(this.ngUnsubscribe))
-                .subscribe(function (event) {
-                var columnOrder = agGrid.columnApi.getAllDisplayedVirtualColumns().map(function (col) { return col.getColDef().colId; });
-                if (event.source !== 'api') {
-                    var viewState = _this.currentDataState.getViewStateById(_this.viewConfig.id);
-                    viewState.displayedColumnIds = columnOrder;
-                    _this.dataManagerSvc.updateDataState(_this.currentDataState.addOrUpdateView(_this.viewConfig.id, viewState), _this.viewConfig.id);
+                .subscribe(function (value) {
+                currentColumns = _this.getColumnOrder(value.columnApi);
+            });
+            agGrid.dragStopped
+                .pipe(operators.takeUntil(this.ngUnsubscribe))
+                .subscribe(function (value) {
+                var newColumns = _this.getColumnOrder(value.columnApi);
+                var hasChanged = currentColumns.findIndex(function (colId, i) { return colId !== newColumns[i]; });
+                if (hasChanged > -1) {
+                    _this.updateColumnsInCurrentDataState(value.columnApi);
                 }
             });
             agGrid.rowSelected
@@ -1389,9 +1415,7 @@
                 _this.dataManagerSvc.updateDataState(_this.currentDataState, _this.viewConfig.id);
                 _this.changeDetector.markForCheck();
             });
-            agGrid.sortChanged
-                .pipe(operators.takeUntil(this.ngUnsubscribe))
-                .subscribe(function () {
+            agGrid.sortChanged.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function () {
                 var gridSortModel = agGrid.api.getSortModel();
                 var sortOption;
                 /* istanbul ignore else */
@@ -1402,8 +1426,8 @@
                     /* istanbul ignore else */
                     if (dataManagerConfig.sortOptions) {
                         sortOption = dataManagerConfig.sortOptions.find(function (option) {
-                            return option.propertyName === activeSortColumn_1.getColDef().field &&
-                                option.descending === (activeSortModel_1.sort === 'desc');
+                            return (option.propertyName === activeSortColumn_1.getColDef().field &&
+                                option.descending === (activeSortModel_1.sort === 'desc'));
                         });
                     }
                     else {
@@ -1414,6 +1438,17 @@
                 _this.dataManagerSvc.updateDataState(_this.currentDataState, _this.viewConfig.id);
             });
         };
+        SkyAgGridDataManagerAdapterDirective.prototype.updateColumnsInCurrentDataState = function (columnApi) {
+            var columnOrder = this.getColumnOrder(columnApi);
+            var viewState = this.currentDataState.getViewStateById(this.viewConfig.id);
+            viewState.displayedColumnIds = columnOrder;
+            this.dataManagerSvc.updateDataState(this.currentDataState.addOrUpdateView(this.viewConfig.id, viewState), this.viewConfig.id);
+        };
+        SkyAgGridDataManagerAdapterDirective.prototype.getColumnOrder = function (columnApi) {
+            return columnApi
+                .getAllDisplayedVirtualColumns()
+                .map(function (col) { return col.getColDef().colId; });
+        };
         SkyAgGridDataManagerAdapterDirective.prototype.displayColumns = function (dataState) {
             var e_1, _a;
             var agGrid = this.currentAgGrid;
@@ -1451,12 +1486,12 @@
         };
         return SkyAgGridDataManagerAdapterDirective;
     }());
-    SkyAgGridDataManagerAdapterDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridDataManagerAdapterDirective, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: i1__namespace$6.SkyDataManagerService }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    SkyAgGridDataManagerAdapterDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.11", type: SkyAgGridDataManagerAdapterDirective, selector: "[skyAgGridDataManagerAdapter]", inputs: { viewId: "viewId" }, queries: [{ propertyName: "agGridList", predicate: agGridAngular.AgGridAngular, descendants: true }, { propertyName: "skyAgGridWrapperList", predicate: SkyAgGridWrapperComponent, descendants: true }], ngImport: i0__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridDataManagerAdapterDirective, decorators: [{
+    SkyAgGridDataManagerAdapterDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridDataManagerAdapterDirective, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: i1__namespace$6.SkyDataManagerService }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    SkyAgGridDataManagerAdapterDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.14", type: SkyAgGridDataManagerAdapterDirective, selector: "[skyAgGridDataManagerAdapter]", inputs: { viewId: "viewId" }, queries: [{ propertyName: "agGridList", predicate: agGridAngular.AgGridAngular, descendants: true }, { propertyName: "skyAgGridWrapperList", predicate: SkyAgGridWrapperComponent, descendants: true }], ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridDataManagerAdapterDirective, decorators: [{
                 type: i0.Directive,
                 args: [{
-                        selector: '[skyAgGridDataManagerAdapter]'
+                        selector: '[skyAgGridDataManagerAdapter]',
                     }]
             }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: i1__namespace$6.SkyDataManagerService }]; }, propDecorators: { viewId: [{
                     type: i0.Input
@@ -1473,29 +1508,15 @@
         }
         return SkyAgGridCellValidatorModule;
     }());
-    SkyAgGridCellValidatorModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellValidatorModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyAgGridCellValidatorModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellValidatorModule, declarations: [SkyAgGridCellValidatorTooltipComponent], imports: [i3$1.CommonModule,
-            i2$1.SkyPopoverModule,
-            i1$5.SkyStatusIndicatorModule], exports: [SkyAgGridCellValidatorTooltipComponent] });
-    SkyAgGridCellValidatorModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellValidatorModule, imports: [[
-                i3$1.CommonModule,
-                i2$1.SkyPopoverModule,
-                i1$5.SkyStatusIndicatorModule
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellValidatorModule, decorators: [{
+    SkyAgGridCellValidatorModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellValidatorModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    SkyAgGridCellValidatorModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellValidatorModule, declarations: [SkyAgGridCellValidatorTooltipComponent], imports: [i3$1.CommonModule, i2$1.SkyPopoverModule, i1$5.SkyStatusIndicatorModule], exports: [SkyAgGridCellValidatorTooltipComponent] });
+    SkyAgGridCellValidatorModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellValidatorModule, imports: [[i3$1.CommonModule, i2$1.SkyPopoverModule, i1$5.SkyStatusIndicatorModule]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellValidatorModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
-                        declarations: [
-                            SkyAgGridCellValidatorTooltipComponent
-                        ],
-                        exports: [
-                            SkyAgGridCellValidatorTooltipComponent
-                        ],
-                        imports: [
-                            i3$1.CommonModule,
-                            i2$1.SkyPopoverModule,
-                            i1$5.SkyStatusIndicatorModule
-                        ]
+                        declarations: [SkyAgGridCellValidatorTooltipComponent],
+                        exports: [SkyAgGridCellValidatorTooltipComponent],
+                        imports: [i3$1.CommonModule, i2$1.SkyPopoverModule, i1$5.SkyStatusIndicatorModule],
                     }]
             }] });
 
@@ -1504,22 +1525,22 @@
         }
         return SkyAgGridCellRendererCurrencyModule;
     }());
-    SkyAgGridCellRendererCurrencyModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellRendererCurrencyModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyAgGridCellRendererCurrencyModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellRendererCurrencyModule, declarations: [SkyAgGridCellRendererCurrencyComponent,
+    SkyAgGridCellRendererCurrencyModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellRendererCurrencyModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    SkyAgGridCellRendererCurrencyModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellRendererCurrencyModule, declarations: [SkyAgGridCellRendererCurrencyComponent,
             SkyAgGridCellRendererCurrencyValidatorComponent], imports: [i3$1.CommonModule,
             AgGridResourcesModule,
             SkyAgGridCellValidatorModule,
             i1$2.FormsModule,
             i1.SkyNumericModule], exports: [SkyAgGridCellRendererCurrencyComponent,
             SkyAgGridCellRendererCurrencyValidatorComponent] });
-    SkyAgGridCellRendererCurrencyModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellRendererCurrencyModule, imports: [[
+    SkyAgGridCellRendererCurrencyModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellRendererCurrencyModule, imports: [[
                 i3$1.CommonModule,
                 AgGridResourcesModule,
                 SkyAgGridCellValidatorModule,
                 i1$2.FormsModule,
-                i1.SkyNumericModule
+                i1.SkyNumericModule,
             ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellRendererCurrencyModule, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellRendererCurrencyModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
                         imports: [
@@ -1527,16 +1548,16 @@
                             AgGridResourcesModule,
                             SkyAgGridCellValidatorModule,
                             i1$2.FormsModule,
-                            i1.SkyNumericModule
+                            i1.SkyNumericModule,
                         ],
                         declarations: [
                             SkyAgGridCellRendererCurrencyComponent,
-                            SkyAgGridCellRendererCurrencyValidatorComponent
+                            SkyAgGridCellRendererCurrencyValidatorComponent,
                         ],
                         exports: [
                             SkyAgGridCellRendererCurrencyComponent,
-                            SkyAgGridCellRendererCurrencyValidatorComponent
-                        ]
+                            SkyAgGridCellRendererCurrencyValidatorComponent,
+                        ],
                     }]
             }] });
 
@@ -1549,12 +1570,12 @@
         }
         return SkyAgGridRowDeleteComponent;
     }());
-    SkyAgGridRowDeleteComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridRowDeleteComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyAgGridRowDeleteComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.11", type: SkyAgGridRowDeleteComponent, selector: "ng-component", viewQueries: [{ propertyName: "inlineDeleteTemplateRef", first: true, predicate: ["inlineDeleteTemplateRef"], descendants: true, read: i0.TemplateRef }, { propertyName: "inlineDeleteRefs", predicate: ["inlineDeleteRef"], descendants: true }], ngImport: i0__namespace, template: "\n    <ng-template\n      let-row\n      let-tableWidth=\"tableWidth()\"\n      let-getRowDeleteItem=\"getRowDeleteItem\"\n      let-cancelRowDelete=\"cancelRowDelete\"\n      let-confirmRowDelete=\"confirmRowDelete\"\n      #inlineDeleteTemplateRef\n    >\n      <div\n        class=\"sky-ag-grid-row-delete\"\n        [id]=\"'row-delete-ref-' + row.id\"\n        [ngStyle]='{\n          \"height\": row.rowHeight + \"px\",\n          \"position\": \"fixed\",\n          \"width\": tableWidth + \"px\"\n        }'\n        #inlineDeleteRef\n      >\n        <sky-inline-delete\n          [pending]=\"getRowDeleteItem(row).pending\"\n          (cancelTriggered)=\"cancelRowDelete(row)\"\n          (deleteTriggered)=\"confirmRowDelete(row)\"\n        ></sky-inline-delete>\n      </div>\n    </ng-template>\n  ", isInline: true, components: [{ type: i1__namespace$7.λ8, selector: "sky-inline-delete", inputs: ["pending"], outputs: ["cancelTriggered", "deleteTriggered"] }], directives: [{ type: i3__namespace$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridRowDeleteComponent, decorators: [{
+    SkyAgGridRowDeleteComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridRowDeleteComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyAgGridRowDeleteComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyAgGridRowDeleteComponent, selector: "ng-component", viewQueries: [{ propertyName: "inlineDeleteTemplateRef", first: true, predicate: ["inlineDeleteTemplateRef"], descendants: true, read: i0.TemplateRef }, { propertyName: "inlineDeleteRefs", predicate: ["inlineDeleteRef"], descendants: true }], ngImport: i0__namespace, template: "\n    <ng-template\n      let-row\n      let-tableWidth=\"tableWidth()\"\n      let-getRowDeleteItem=\"getRowDeleteItem\"\n      let-cancelRowDelete=\"cancelRowDelete\"\n      let-confirmRowDelete=\"confirmRowDelete\"\n      #inlineDeleteTemplateRef\n    >\n      <div\n        class=\"sky-ag-grid-row-delete\"\n        [id]=\"'row-delete-ref-' + row.id\"\n        [ngStyle]=\"{\n          height: row.rowHeight + 'px',\n          position: 'fixed',\n          width: tableWidth + 'px'\n        }\"\n        #inlineDeleteRef\n      >\n        <sky-inline-delete\n          [pending]=\"getRowDeleteItem(row).pending\"\n          (cancelTriggered)=\"cancelRowDelete(row)\"\n          (deleteTriggered)=\"confirmRowDelete(row)\"\n        ></sky-inline-delete>\n      </div>\n    </ng-template>\n  ", isInline: true, components: [{ type: i1__namespace$7.λ8, selector: "sky-inline-delete", inputs: ["pending"], outputs: ["cancelTriggered", "deleteTriggered"] }], directives: [{ type: i3__namespace$1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridRowDeleteComponent, decorators: [{
                 type: i0.Component,
                 args: [{
-                        template: "\n    <ng-template\n      let-row\n      let-tableWidth=\"tableWidth()\"\n      let-getRowDeleteItem=\"getRowDeleteItem\"\n      let-cancelRowDelete=\"cancelRowDelete\"\n      let-confirmRowDelete=\"confirmRowDelete\"\n      #inlineDeleteTemplateRef\n    >\n      <div\n        class=\"sky-ag-grid-row-delete\"\n        [id]=\"'row-delete-ref-' + row.id\"\n        [ngStyle]='{\n          \"height\": row.rowHeight + \"px\",\n          \"position\": \"fixed\",\n          \"width\": tableWidth + \"px\"\n        }'\n        #inlineDeleteRef\n      >\n        <sky-inline-delete\n          [pending]=\"getRowDeleteItem(row).pending\"\n          (cancelTriggered)=\"cancelRowDelete(row)\"\n          (deleteTriggered)=\"confirmRowDelete(row)\"\n        ></sky-inline-delete>\n      </div>\n    </ng-template>\n  "
+                        template: "\n    <ng-template\n      let-row\n      let-tableWidth=\"tableWidth()\"\n      let-getRowDeleteItem=\"getRowDeleteItem\"\n      let-cancelRowDelete=\"cancelRowDelete\"\n      let-confirmRowDelete=\"confirmRowDelete\"\n      #inlineDeleteTemplateRef\n    >\n      <div\n        class=\"sky-ag-grid-row-delete\"\n        [id]=\"'row-delete-ref-' + row.id\"\n        [ngStyle]=\"{\n          height: row.rowHeight + 'px',\n          position: 'fixed',\n          width: tableWidth + 'px'\n        }\"\n        #inlineDeleteRef\n      >\n        <sky-inline-delete\n          [pending]=\"getRowDeleteItem(row).pending\"\n          (cancelTriggered)=\"cancelRowDelete(row)\"\n          (deleteTriggered)=\"confirmRowDelete(row)\"\n        ></sky-inline-delete>\n      </div>\n    </ng-template>\n  ",
                     }]
             }], propDecorators: { inlineDeleteRefs: [{
                     type: i0.ViewChildren,
@@ -1564,6 +1585,9 @@
                     args: ['inlineDeleteTemplateRef', { read: i0.TemplateRef }]
                 }] } });
 
+    /**
+     * @internal
+     */
     var SkyAgGridRowDeleteDirective = /** @class */ (function () {
         function SkyAgGridRowDeleteDirective(affixService, changeDetector, elementRef, resolver, overlayService, viewContainerRef) {
             this.affixService = affixService;
@@ -1617,29 +1641,30 @@
                     return;
                 }
                 var _loop_1 = function (id) {
-                    var existingConfig = this_1.rowDeleteConfigs
-                        .find(function (config) { return config.id === id; });
+                    var existingConfig = this_1.rowDeleteConfigs.find(function (config) { return config.id === id; });
                     if (existingConfig) {
                         existingConfig.pending = false;
                     }
                     else {
                         this_1.rowDeleteConfigs.push({
                             id: id,
-                            pending: false
+                            pending: false,
                         });
                         var overlay_1 = this_1.overlayService.create({
                             enableScroll: true,
                             showBackdrop: false,
                             closeOnNavigation: true,
                             enableClose: false,
-                            enablePointerEvents: true
+                            enablePointerEvents: true,
                         });
                         overlay_1.attachTemplate(this_1.rowDeleteComponent.inlineDeleteTemplateRef, {
                             $implicit: this_1.agGrid.api.getRowNode(id),
-                            tableWidth: function () { return _this.tableWidth; },
+                            tableWidth: function () {
+                                return _this.tableWidth;
+                            },
                             getRowDeleteItem: function (row) { return _this.getRowDeleteItem(row); },
                             cancelRowDelete: function (row) { return _this.cancelRowDelete(row); },
-                            confirmRowDelete: function (row) { return _this.confirmRowDelete(row); }
+                            confirmRowDelete: function (row) { return _this.confirmRowDelete(row); },
                         });
                         /**
                          * We are manually setting the z-index here because overlays will always be on top of
@@ -1649,7 +1674,8 @@
                          */
                         overlay_1.componentRef.instance.zIndex = '998';
                         setTimeout(function () {
-                            var inlineDeleteRef = _this.rowDeleteComponent.inlineDeleteRefs.toArray()
+                            var inlineDeleteRef = _this.rowDeleteComponent.inlineDeleteRefs
+                                .toArray()
                                 .find(function (elRef) {
                                 return elRef.nativeElement.id === 'row-delete-ref-' + id;
                             });
@@ -1657,7 +1683,7 @@
                             _this.affixToRow(affixer, id);
                             _this.rowDeleteContents[id] = {
                                 affixer: affixer,
-                                overlay: overlay_1
+                                overlay: overlay_1,
                             };
                         });
                     }
@@ -1698,7 +1724,8 @@
         });
         Object.defineProperty(SkyAgGridRowDeleteDirective.prototype, "tableWidth", {
             get: function () {
-                return this.elementRef.nativeElement.querySelectorAll('.sky-ag-grid')[0].offsetWidth;
+                return this.elementRef.nativeElement.querySelectorAll('.sky-ag-grid')[0]
+                    .offsetWidth;
             },
             enumerable: false,
             configurable: true
@@ -1706,7 +1733,8 @@
         SkyAgGridRowDeleteDirective.prototype.ngAfterContentInit = function () {
             var _this = this;
             var factory = this.resolver.resolveComponentFactory(SkyAgGridRowDeleteComponent);
-            this.rowDeleteComponent = this.viewContainerRef.createComponent(factory).instance;
+            this.rowDeleteComponent =
+                this.viewContainerRef.createComponent(factory).instance;
             this.agGrid.rowDataChanged
                 .pipe(operators.takeUntil(this.ngUnsubscribe))
                 .subscribe(function () {
@@ -1752,7 +1780,7 @@
             return this.rowDeleteConfigs.find(function (rowDelete) { return rowDelete.id === row.id; });
         };
         SkyAgGridRowDeleteDirective.prototype.affixToRow = function (affixer, id) {
-            var rowElement = this.elementRef.nativeElement.querySelector('[row-id="' + id + '"] div[aria-colindex="1"]');
+            var rowElement = this.elementRef.nativeElement.querySelector("\n      [row-id=\"" + id + "\"] div[aria-colindex=\"1\"],\n      .ag-row.sky-ag-grid-row-" + id + " div[aria-colindex=\"1\"]\n    ");
             // 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 */
@@ -1771,7 +1799,7 @@
                 placement: 'above',
                 verticalAlignment: 'top',
                 horizontalAlignment: 'left',
-                enableAutoFit: false
+                enableAutoFit: false,
             });
         };
         SkyAgGridRowDeleteDirective.prototype.destroyRowDelete = function (id) {
@@ -1804,12 +1832,12 @@
         };
         return SkyAgGridRowDeleteDirective;
     }());
-    SkyAgGridRowDeleteDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridRowDeleteDirective, deps: [{ token: i1__namespace.SkyAffixService }, { token: i0__namespace.ChangeDetectorRef }, { token: i0__namespace.ElementRef }, { token: i0__namespace.ComponentFactoryResolver }, { token: i1__namespace.SkyOverlayService }, { token: i0__namespace.ViewContainerRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
-    SkyAgGridRowDeleteDirective.ɵdir = i0__namespace.ɵɵ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.AgGridAngular, descendants: true }], ngImport: i0__namespace });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridRowDeleteDirective, decorators: [{
+    SkyAgGridRowDeleteDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridRowDeleteDirective, deps: [{ token: i1__namespace.SkyAffixService }, { token: i0__namespace.ChangeDetectorRef }, { token: i0__namespace.ElementRef }, { token: i0__namespace.ComponentFactoryResolver }, { token: i1__namespace.SkyOverlayService }, { token: i0__namespace.ViewContainerRef }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    SkyAgGridRowDeleteDirective.ɵdir = i0__namespace.ɵɵ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.AgGridAngular, descendants: true }], ngImport: i0__namespace });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridRowDeleteDirective, decorators: [{
                 type: i0.Directive,
                 args: [{
-                        selector: '[skyAgGridRowDelete]'
+                        selector: '[skyAgGridRowDelete]',
                     }]
             }], ctorParameters: function () { return [{ type: i1__namespace.SkyAffixService }, { type: i0__namespace.ChangeDetectorRef }, { type: i0__namespace.ElementRef }, { type: i0__namespace.ComponentFactoryResolver }, { type: i1__namespace.SkyOverlayService }, { type: i0__namespace.ViewContainerRef }]; }, propDecorators: { rowDeleteIds: [{
                     type: i0.Input
@@ -1824,6 +1852,9 @@
                     args: [agGridAngular.AgGridAngular]
                 }] } });
 
+    /**
+     * @internal
+     */
     var SkyAgGridCellEditorCurrencyComponent = /** @class */ (function () {
         function SkyAgGridCellEditorCurrencyComponent() {
             this.skyComponentProperties = {};
@@ -1838,8 +1869,12 @@
             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.
@@ -1855,15 +1890,15 @@
         };
         return SkyAgGridCellEditorCurrencyComponent;
     }());
-    SkyAgGridCellEditorCurrencyComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellEditorCurrencyComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyAgGridCellEditorCurrencyComponent.ɵcmp = i0__namespace.ɵɵ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: i0.ElementRef }], ngImport: i0__namespace, 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__namespace$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__namespace$2.λ1, selector: "input[skyAutonumeric]", inputs: ["skyAutonumeric"] }, { type: i1__namespace$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "skyLibResources": i3__namespace.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellEditorCurrencyComponent, decorators: [{
+    SkyAgGridCellEditorCurrencyComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellEditorCurrencyComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyAgGridCellEditorCurrencyComponent.ɵcmp = i0__namespace.ɵɵ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: i0.ElementRef }], ngImport: i0__namespace, 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__namespace$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__namespace$2.λ1, selector: "input[skyAutonumeric]", inputs: ["skyAutonumeric"] }, { type: i1__namespace$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "skyLibResources": i3__namespace.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellEditorCurrencyComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'sky-ag-grid-cell-editor-currency',
-                        templateUrl: './cell-editor-currency.component.html',
-                        styleUrls: ['./cell-editor-currency.component.scss'],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush
+                        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"],
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     }]
             }], propDecorators: { input: [{
                     type: i0.ViewChild,
@@ -1875,32 +1910,21 @@
         }
         return SkyAgGridCellEditorCurrencyModule;
     }());
-    SkyAgGridCellEditorCurrencyModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellEditorCurrencyModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyAgGridCellEditorCurrencyModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellEditorCurrencyModule, declarations: [SkyAgGridCellEditorCurrencyComponent], imports: [AgGridResourcesModule,
-            i1$2.FormsModule,
-            i2$2.SkyAutonumericModule], exports: [SkyAgGridCellEditorCurrencyComponent] });
-    SkyAgGridCellEditorCurrencyModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellEditorCurrencyModule, imports: [[
-                AgGridResourcesModule,
-                i1$2.FormsModule,
-                i2$2.SkyAutonumericModule
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellEditorCurrencyModule, decorators: [{
+    SkyAgGridCellEditorCurrencyModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellEditorCurrencyModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    SkyAgGridCellEditorCurrencyModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellEditorCurrencyModule, declarations: [SkyAgGridCellEditorCurrencyComponent], imports: [AgGridResourcesModule, i1$2.FormsModule, i2$2.SkyAutonumericModule], exports: [SkyAgGridCellEditorCurrencyComponent] });
+    SkyAgGridCellEditorCurrencyModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellEditorCurrencyModule, imports: [[AgGridResourcesModule, i1$2.FormsModule, i2$2.SkyAutonumericModule]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellEditorCurrencyModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
-                        imports: [
-                            AgGridResourcesModule,
-                            i1$2.FormsModule,
-                            i2$2.SkyAutonumericModule
-                        ],
-                        declarations: [
-                            SkyAgGridCellEditorCurrencyComponent
-                        ],
-                        exports: [
-                            SkyAgGridCellEditorCurrencyComponent
-                        ]
+                        imports: [AgGridResourcesModule, i1$2.FormsModule, i2$2.SkyAutonumericModule],
+                        declarations: [SkyAgGridCellEditorCurrencyComponent],
+                        exports: [SkyAgGridCellEditorCurrencyComponent],
                     }]
             }] });
 
+    /**
+     * @internal
+     */
     var SkyAgGridCellRendererValidatorTooltipComponent = /** @class */ (function () {
         function SkyAgGridCellRendererValidatorTooltipComponent(changeDetector) {
             this.changeDetector = changeDetector;
@@ -1928,14 +1952,14 @@
         };
         return SkyAgGridCellRendererValidatorTooltipComponent;
     }());
-    SkyAgGridCellRendererValidatorTooltipComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellRendererValidatorTooltipComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyAgGridCellRendererValidatorTooltipComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.11", type: SkyAgGridCellRendererValidatorTooltipComponent, selector: "sky-ag-grid-cell-renderer-validator-tooltip", inputs: { params: "params" }, ngImport: i0__namespace, 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__namespace.ChangeDetectionStrategy.OnPush });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellRendererValidatorTooltipComponent, decorators: [{
+    SkyAgGridCellRendererValidatorTooltipComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellRendererValidatorTooltipComponent, deps: [{ token: i0__namespace.ChangeDetectorRef }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyAgGridCellRendererValidatorTooltipComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.14", type: SkyAgGridCellRendererValidatorTooltipComponent, selector: "sky-ag-grid-cell-renderer-validator-tooltip", inputs: { params: "params" }, ngImport: i0__namespace, 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__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellRendererValidatorTooltipComponent, decorators: [{
                 type: i0.Component,
                 args: [{
                         selector: 'sky-ag-grid-cell-renderer-validator-tooltip',
-                        templateUrl: 'cell-renderer-validator-tooltip.component.html',
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush
+                        template: "<sky-ag-grid-cell-validator-tooltip [params]=\"cellRendererParams\">\n  {{ value }}\n</sky-ag-grid-cell-validator-tooltip>\n",
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     }]
             }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { params: [{
                     type: i0.Input
@@ -1946,23 +1970,15 @@
         }
         return SkyAgGridCellRendererValidatorTooltipModule;
     }());
-    SkyAgGridCellRendererValidatorTooltipModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellRendererValidatorTooltipModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyAgGridCellRendererValidatorTooltipModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellRendererValidatorTooltipModule, declarations: [SkyAgGridCellRendererValidatorTooltipComponent], imports: [SkyAgGridCellValidatorModule], exports: [SkyAgGridCellRendererValidatorTooltipComponent] });
-    SkyAgGridCellRendererValidatorTooltipModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellRendererValidatorTooltipModule, imports: [[
-                SkyAgGridCellValidatorModule
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridCellRendererValidatorTooltipModule, decorators: [{
+    SkyAgGridCellRendererValidatorTooltipModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellRendererValidatorTooltipModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    SkyAgGridCellRendererValidatorTooltipModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellRendererValidatorTooltipModule, declarations: [SkyAgGridCellRendererValidatorTooltipComponent], imports: [SkyAgGridCellValidatorModule], exports: [SkyAgGridCellRendererValidatorTooltipComponent] });
+    SkyAgGridCellRendererValidatorTooltipModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellRendererValidatorTooltipModule, imports: [[SkyAgGridCellValidatorModule]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridCellRendererValidatorTooltipModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
-                        declarations: [
-                            SkyAgGridCellRendererValidatorTooltipComponent
-                        ],
-                        exports: [
-                            SkyAgGridCellRendererValidatorTooltipComponent
-                        ],
-                        imports: [
-                            SkyAgGridCellValidatorModule
-                        ]
+                        declarations: [SkyAgGridCellRendererValidatorTooltipComponent],
+                        exports: [SkyAgGridCellRendererValidatorTooltipComponent],
+                        imports: [SkyAgGridCellValidatorModule],
                     }]
             }] });
 
@@ -1971,8 +1987,8 @@
         }
         return SkyAgGridModule;
     }());
-    SkyAgGridModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyAgGridModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridModule, declarations: [SkyAgGridDataManagerAdapterDirective,
+    SkyAgGridModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    SkyAgGridModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridModule, declarations: [SkyAgGridDataManagerAdapterDirective,
             SkyAgGridRowDeleteComponent,
             SkyAgGridRowDeleteDirective,
             SkyAgGridWrapperComponent], imports: [agGridAngular.AgGridModule,
@@ -1994,7 +2010,7 @@
             SkyAgGridRowDeleteComponent,
             SkyAgGridRowDeleteDirective,
             SkyAgGridWrapperComponent] });
-    SkyAgGridModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridModule, imports: [[
+    SkyAgGridModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridModule, imports: [[
                 agGridAngular.AgGridModule,
                 i3$1.CommonModule,
                 SkyAgGridCellEditorAutocompleteModule,
@@ -2010,16 +2026,16 @@
                 SkyAgGridCellEditorTextModule,
                 i1$6.SkyDataManagerModule,
                 i1$7.SkyInlineDeleteModule,
-                i1.SkyViewkeeperModule
+                i1.SkyViewkeeperModule,
             ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridModule, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
                         declarations: [
                             SkyAgGridDataManagerAdapterDirective,
                             SkyAgGridRowDeleteComponent,
                             SkyAgGridRowDeleteDirective,
-                            SkyAgGridWrapperComponent
+                            SkyAgGridWrapperComponent,
                         ],
                         imports: [
                             agGridAngular.AgGridModule,
@@ -2037,13 +2053,13 @@
                             SkyAgGridCellEditorTextModule,
                             i1$6.SkyDataManagerModule,
                             i1$7.SkyInlineDeleteModule,
-                            i1.SkyViewkeeperModule
+                            i1.SkyViewkeeperModule,
                         ],
                         exports: [
                             SkyAgGridDataManagerAdapterDirective,
                             SkyAgGridRowDeleteComponent,
                             SkyAgGridRowDeleteDirective,
-                            SkyAgGridWrapperComponent
+                            SkyAgGridWrapperComponent,
                         ],
                         entryComponents: [
                             SkyAgGridCellEditorAutocompleteComponent,
@@ -2055,11 +2071,14 @@
                             SkyAgGridCellRendererRowSelectorComponent,
                             SkyAgGridCellRendererValidatorTooltipComponent,
                             SkyAgGridCellEditorTextComponent,
-                            SkyAgGridRowDeleteComponent
-                        ]
+                            SkyAgGridRowDeleteComponent,
+                        ],
                     }]
             }] });
 
+    /**
+     * @internal
+     */
     exports.SkyCellClass = void 0;
     (function (SkyCellClass) {
         SkyCellClass["Autocomplete"] = "sky-ag-grid-cell-autocomplete";
@@ -2074,20 +2093,93 @@
         SkyCellClass["Uneditable"] = "sky-ag-grid-cell-uneditable";
     })(exports.SkyCellClass || (exports.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).
+     */
     exports.SkyCellType = void 0;
     (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";
     })(exports.SkyCellType || (exports.SkyCellType = {}));
 
+    /**
+     * @internal
+     */
     exports.SkyHeaderClass = void 0;
     (function (SkyHeaderClass) {
         SkyHeaderClass["RightAligned"] = "sky-ag-grid-header-right-aligned";
@@ -2131,19 +2223,21 @@
     function getValidatorCellRendererSelector(component, fallback) {
         return function (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: component,
-                        params: Object.assign({}, params.colDef.cellRendererParams)
+                        params: Object.assign({}, params.colDef.cellRendererParams),
                     };
                 }
             }
             return fallback;
         };
     }
+    var 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.
      */
     var SkyAgGridService = /** @class */ (function () {
         function SkyAgGridService(agGridAdapterService, themeSvc, resources) {
@@ -2156,7 +2250,7 @@
             if (this.themeSvc) {
                 this.themeSvc.settingsChange
                     .pipe(operators.takeUntil(this.ngUnsubscribe))
-                    .subscribe(function (settingsChange) { return _this.currentTheme = settingsChange.currentSettings; });
+                    .subscribe(function (settingsChange) { return (_this.currentTheme = settingsChange.currentSettings); });
             }
         }
         SkyAgGridService.prototype.ngOnDestroy = function () {
@@ -2164,14 +2258,20 @@
             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
          */
         SkyAgGridService.prototype.getGridOptions = function (args) {
             var defaultGridOptions = this.getDefaultGridOptions(args);
             var 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
+         */
         SkyAgGridService.prototype.getEditableGridOptions = function (args) {
             var defaultGridOptions = this.getDefaultEditableGridOptions(args);
             var mergedGridOptions = this.mergeGridOptions(defaultGridOptions, args.gridOptions);
@@ -2207,7 +2307,8 @@
             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;
@@ -2223,21 +2324,21 @@
                         cellEditorFramework: SkyAgGridCellEditorAutocompleteComponent,
                         valueFormatter: autocompleteFormatter,
                         comparator: autocompleteComparator,
-                        minWidth: 185
+                        minWidth: 185,
                     },
                     _j[exports.SkyCellType.Currency] = {
                         cellClassRules: Object.assign(Object.assign((_l = {}, _l[exports.SkyCellClass.Currency] = cellClassRuleTrueExpression, _l), validatorCellClassRules), editableCellClassRules),
                         cellRendererSelector: getValidatorCellRendererSelector('sky-ag-grid-cell-renderer-currency-validator', { component: 'sky-ag-grid-cell-renderer-currency' }),
                         cellEditorFramework: SkyAgGridCellEditorCurrencyComponent,
                         headerClass: exports.SkyHeaderClass.RightAligned,
-                        minWidth: 185
+                        minWidth: 185,
                     },
                     _j[exports.SkyCellType.Date] = {
                         cellClassRules: Object.assign((_m = {}, _m[exports.SkyCellClass.Date] = cellClassRuleTrueExpression, _m), 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: function (params) { return _this.dateFormatter(params, args.locale); }
+                        valueFormatter: function (params) { return _this.dateFormatter(params, args.locale); },
                     },
                     _j[exports.SkyCellType.Lookup] = {
                         cellClassRules: Object.assign((_o = {}, _o[exports.SkyCellClass.Lookup] = cellClassRuleTrueExpression, _o), editableCellClassRules),
@@ -2252,12 +2353,12 @@
                                 .filter(function (value) { return value !== '' && value !== undefined; })
                                 .join('; ');
                         },
-                        minWidth: 185
+                        minWidth: 185,
                     },
                     _j[exports.SkyCellType.Number] = {
                         cellClassRules: Object.assign((_p = {}, _p[exports.SkyCellClass.Number] = cellClassRuleTrueExpression, _p), editableCellClassRules),
                         cellEditorFramework: SkyAgGridCellEditorNumberComponent,
-                        headerClass: exports.SkyHeaderClass.RightAligned
+                        headerClass: exports.SkyHeaderClass.RightAligned,
                     },
                     _j[exports.SkyCellType.RowSelector] = {
                         cellClassRules: (_q = {},
@@ -2269,15 +2370,15 @@
                         minWidth: 55,
                         maxWidth: 55,
                         sortable: false,
-                        width: 55
+                        width: 55,
                     },
                     _j[exports.SkyCellType.Text] = {
                         cellClassRules: Object.assign((_r = {}, _r[exports.SkyCellClass.Text] = cellClassRuleTrueExpression, _r), editableCellClassRules),
-                        cellEditorFramework: SkyAgGridCellEditorTextComponent
+                        cellEditorFramework: SkyAgGridCellEditorTextComponent,
                     },
                     _j[exports.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'),
                     },
                     _j),
                 defaultColDef: {
@@ -2285,14 +2386,28 @@
                     minWidth: 100,
                     resizable: true,
                     sortable: true,
-                    suppressKeyboardEvent: function (keypress) { return _this.suppressTab(keypress); }
+                    suppressKeyboardEvent: function (keypress) { return _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: function (data) {
+                    if ('id' in data && data.id) {
+                        return "" + data.id;
+                    }
+                    return "" + rowNodeId++;
+                },
+                getRowClass: function (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: {
@@ -2302,7 +2417,7 @@
                     columnMoveHide: this.getIconTemplate('arrows'),
                     columnMoveLeft: this.getIconTemplate('arrows'),
                     columnMoveRight: this.getIconTemplate('arrows'),
-                    columnMovePin: this.getIconTemplate('arrows')
+                    columnMovePin: this.getIconTemplate('arrows'),
                 },
                 onCellFocused: function () { return _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,
@@ -2313,33 +2428,38 @@
                 sortingOrder: ['desc', 'asc', null],
                 stopEditingWhenGridLosesFocus: false,
                 suppressRowClickSelection: true,
-                suppressDragLeaveHidesColumns: true
+                suppressDragLeaveHidesColumns: true,
             };
             defaultSkyGridOptions.columnTypes[exports.SkyCellType.CurrencyValidator] = Object.assign(Object.assign({}, defaultSkyGridOptions.columnTypes[exports.SkyCellType.Currency]), { cellRendererParams: {
                     skyComponentProperties: {
                         validator: function (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(function (value) {
+                this.resources
+                    .getString('sky_ag_grid_cell_renderer_currency_validator_message')
+                    .subscribe(function (value) {
                     defaultSkyGridOptions.columnTypes[exports.SkyCellType.CurrencyValidator].cellRendererParams.skyComponentProperties.validatorMessage = value;
                 });
             }
-            defaultSkyGridOptions.columnTypes[exports.SkyCellType.NumberValidator] = Object.assign(Object.assign(Object.assign({}, defaultSkyGridOptions.columnTypes[exports.SkyCellType.Validator]), defaultSkyGridOptions.columnTypes[exports.SkyCellType.Number]), { cellClassRules: Object.assign(Object.assign({}, defaultSkyGridOptions.columnTypes[exports.SkyCellType.Validator].cellClassRules), defaultSkyGridOptions.columnTypes[exports.SkyCellType.Number].cellClassRules), cellRendererParams: {
+            defaultSkyGridOptions.columnTypes[exports.SkyCellType.NumberValidator] = Object.assign(Object.assign(Object.assign({}, defaultSkyGridOptions.columnTypes[exports.SkyCellType.Validator]), defaultSkyGridOptions.columnTypes[exports.SkyCellType.Number]), { cellClassRules: Object.assign(Object.assign({}, defaultSkyGridOptions.columnTypes[exports.SkyCellType.Validator]
+                    .cellClassRules), defaultSkyGridOptions.columnTypes[exports.SkyCellType.Number].cellClassRules), cellRendererParams: {
                     skyComponentProperties: {
                         validator: function (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(function (value) {
+                this.resources
+                    .getString('sky_ag_grid_cell_renderer_number_validator_message')
+                    .subscribe(function (value) {
                     defaultSkyGridOptions.columnTypes[exports.SkyCellType.NumberValidator].cellRendererParams.skyComponentProperties.validatorMessage = value;
                 });
             }
@@ -2361,8 +2481,9 @@
             if (date && typeof date === 'string') {
                 date = new Date(params.value);
             }
-            // @ts-ignore
-            var formattedDate = date && date.toLocaleDateString && date.toLocaleDateString(locale, dateConfig);
+            var formattedDate = date &&
+                date.toLocaleDateString &&
+                date.toLocaleDateString(locale, dateConfig);
             if (date && date.getTime && !isNaN(date.getTime())) {
                 return formattedDate;
             }
@@ -2387,12 +2508,12 @@
         };
         return SkyAgGridService;
     }());
-    SkyAgGridService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridService, deps: [{ token: SkyAgGridAdapterService }, { token: i1__namespace$3.SkyThemeService, optional: true }, { token: i3__namespace.SkyLibResourcesService, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
-    SkyAgGridService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridService, providedIn: 'root' });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.11", ngImport: i0__namespace, type: SkyAgGridService, decorators: [{
+    SkyAgGridService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridService, deps: [{ token: SkyAgGridAdapterService }, { token: i1__namespace$3.SkyThemeService, optional: true }, { token: i3__namespace.SkyLibResourcesService, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
+    SkyAgGridService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridService, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.14", ngImport: i0__namespace, type: SkyAgGridService, decorators: [{
                 type: i0.Injectable,
                 args: [{
-                        providedIn: 'root'
+                        providedIn: 'root',
                     }]
             }], ctorParameters: function () {
             return [{ type: SkyAgGridAdapterService }, { type: i1__namespace$3.SkyThemeService, decorators: [{