@skyux/ag-grid 5.5.0-alpha.0 → 5.6.0

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

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core'), require('@skyux/core'), require('ag-grid-angular'), require('@skyux/data-manager'), require('@skyux/layout'), require('@skyux/lookup'), require('@angular/forms'), require('@skyux/i18n'), require('ag-grid-community'), require('@skyux/theme'), require('@skyux/datetime'), require('@skyux/forms'), require('@skyux/popovers'), require('rxjs'), require('@skyux/indicators'), require('rxjs/operators'), require('@skyux/autonumeric')) :
-    typeof define === 'function' && define.amd ? define('@skyux/ag-grid', ['exports', '@angular/common', '@angular/core', '@skyux/core', 'ag-grid-angular', '@skyux/data-manager', '@skyux/layout', '@skyux/lookup', '@angular/forms', '@skyux/i18n', 'ag-grid-community', '@skyux/theme', '@skyux/datetime', '@skyux/forms', '@skyux/popovers', 'rxjs', '@skyux/indicators', 'rxjs/operators', '@skyux/autonumeric'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.skyux = global.skyux || {}, global.skyux["ag-grid"] = {}), global.ng.common, global.ng.core, global.i1, global.agGridAngular, global.i1$6, global.i1$7, global.i1$1, global.ng.forms, global.i3, global.agGridCommunity, global.i1$3, global.i2, global.i1$4, global.i2$1, global.rxjs, global.i1$5, global.rxjs.operators, global.i2$2));
-})(this, (function (exports, i3$1, i0, i1, agGridAngular, i1$6, i1$7, i1$1, i1$2, i3, agGridCommunity, i1$3, i2, i1$4, i2$1, rxjs, i1$5, operators, i2$2) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/common'), require('@angular/core'), require('@skyux/core'), require('@skyux/data-manager'), require('@skyux/layout'), require('ag-grid-angular'), require('rxjs'), require('rxjs/operators'), require('@skyux/lookup'), require('@angular/forms'), require('@skyux/i18n'), require('@skyux/autonumeric'), require('ag-grid-community'), require('@skyux/theme'), require('@skyux/datetime'), require('@skyux/forms'), require('@skyux/popovers'), require('@skyux/indicators')) :
+    typeof define === 'function' && define.amd ? define('@skyux/ag-grid', ['exports', '@angular/common', '@angular/core', '@skyux/core', '@skyux/data-manager', '@skyux/layout', 'ag-grid-angular', 'rxjs', 'rxjs/operators', '@skyux/lookup', '@angular/forms', '@skyux/i18n', '@skyux/autonumeric', 'ag-grid-community', '@skyux/theme', '@skyux/datetime', '@skyux/forms', '@skyux/popovers', '@skyux/indicators'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.skyux = global.skyux || {}, global.skyux["ag-grid"] = {}), global.ng.common, global.ng.core, global.i1, global.i1$1, global.i1$2, global.agGridAngular, global.rxjs, global.rxjs.operators, global.i1$3, global.ng.forms, global.i3$1, global.i2, global.agGridCommunity, global.i1$5, global.i2$1, global.i1$6, global.i2$2, global.i1$7));
+})(this, (function (exports, i3, i0, i1, i1$1, i1$2, agGridAngular, rxjs, operators, i1$3, i1$4, i3$1, i2, agGridCommunity, i1$5, i2$1, i1$6, i2$2, i1$7) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -22,1902 +22,1908 @@
         return Object.freeze(n);
     }
 
-    var i3__namespace$1 = /*#__PURE__*/_interopNamespace(i3$1);
+    var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
     var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
     var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
-    var i1__namespace$6 = /*#__PURE__*/_interopNamespace(i1$6);
-    var i1__namespace$7 = /*#__PURE__*/_interopNamespace(i1$7);
     var i1__namespace$1 = /*#__PURE__*/_interopNamespace(i1$1);
     var i1__namespace$2 = /*#__PURE__*/_interopNamespace(i1$2);
-    var i3__namespace = /*#__PURE__*/_interopNamespace(i3);
     var i1__namespace$3 = /*#__PURE__*/_interopNamespace(i1$3);
-    var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
     var i1__namespace$4 = /*#__PURE__*/_interopNamespace(i1$4);
-    var i2__namespace$1 = /*#__PURE__*/_interopNamespace(i2$1);
+    var i3__namespace$1 = /*#__PURE__*/_interopNamespace(i3$1);
+    var i2__namespace = /*#__PURE__*/_interopNamespace(i2);
     var i1__namespace$5 = /*#__PURE__*/_interopNamespace(i1$5);
+    var i2__namespace$1 = /*#__PURE__*/_interopNamespace(i2$1);
+    var i1__namespace$6 = /*#__PURE__*/_interopNamespace(i1$6);
     var i2__namespace$2 = /*#__PURE__*/_interopNamespace(i2$2);
+    var i1__namespace$7 = /*#__PURE__*/_interopNamespace(i1$7);
 
-    var SkyAgGridAdapterService = /** @class */ (function () {
-        function SkyAgGridAdapterService(skyAdapterService) {
-            this.skyAdapterService = skyAdapterService;
-        }
-        SkyAgGridAdapterService.prototype.getElementOrParentWithClass = function (element, className) {
-            if (element && element.classList.contains(className)) {
-                return element;
-            }
-            else if (element.parentElement) {
-                return this.getElementOrParentWithClass(element.parentElement, className);
+    /*! *****************************************************************************
+    Copyright (c) Microsoft Corporation.
+
+    Permission to use, copy, modify, and/or distribute this software for any
+    purpose with or without fee is hereby granted.
+
+    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+    PERFORMANCE OF THIS SOFTWARE.
+    ***************************************************************************** */
+    /* global Reflect, Promise */
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b)
+                if (Object.prototype.hasOwnProperty.call(b, p))
+                    d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    function __extends(d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    }
+    var __assign = function () {
+        __assign = Object.assign || function __assign(t) {
+            for (var s, i = 1, n = arguments.length; i < n; i++) {
+                s = arguments[i];
+                for (var p in s)
+                    if (Object.prototype.hasOwnProperty.call(s, p))
+                        t[p] = s[p];
             }
+            return t;
         };
-        SkyAgGridAdapterService.prototype.setFocusedElementById = function (parentEl, selector) {
-            var element = parentEl.querySelector("#" + selector);
-            /* istanbul ignore else */
-            if (element) {
-                element.focus();
+        return __assign.apply(this, arguments);
+    };
+    function __rest(s, e) {
+        var t = {};
+        for (var p in s)
+            if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+                t[p] = s[p];
+        if (s != null && typeof Object.getOwnPropertySymbols === "function")
+            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                    t[p[i]] = s[p[i]];
             }
-        };
-        SkyAgGridAdapterService.prototype.getFocusedElement = function () {
-            return document.activeElement;
-        };
-        SkyAgGridAdapterService.prototype.getNextFocusableElement = function (currentEl, parentEl, moveFocusLeft) {
-            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)) {
-                    return focusableChildren[nextIndex];
-                }
+        return t;
+    }
+    function __decorate(decorators, target, key, desc) {
+        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+        if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
+            r = Reflect.decorate(decorators, target, key, desc);
+        else
+            for (var i = decorators.length - 1; i >= 0; i--)
+                if (d = decorators[i])
+                    r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+        return c > 3 && r && Object.defineProperty(target, key, r), r;
+    }
+    function __param(paramIndex, decorator) {
+        return function (target, key) { decorator(target, key, paramIndex); };
+    }
+    function __metadata(metadataKey, metadataValue) {
+        if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
+            return Reflect.metadata(metadataKey, metadataValue);
+    }
+    function __awaiter(thisArg, _arguments, P, generator) {
+        function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+        return new (P || (P = Promise))(function (resolve, reject) {
+            function fulfilled(value) { try {
+                step(generator.next(value));
             }
-        };
-        SkyAgGridAdapterService.prototype.focusOnFocusableChildren = function (element) {
-            var focusableChildren = this.skyAdapterService.getFocusableChildren(element);
-            if (focusableChildren.length) {
-                focusableChildren[0].focus();
+            catch (e) {
+                reject(e);
+            } }
+            function rejected(value) { try {
+                step(generator["throw"](value));
             }
-        };
-        return SkyAgGridAdapterService;
-    }());
-    SkyAgGridAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", 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.16", ngImport: i0__namespace, type: SkyAgGridAdapterService, providedIn: 'root' });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridAdapterService, decorators: [{
-                type: i0.Injectable,
-                args: [{
-                        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;
-            this.changeDetector = changeDetector;
-            this.elementRef = elementRef;
-            this._viewkeeperClasses = [];
-            idIndex++;
-            this.afterAnchorId = 'sky-ag-grid-nav-anchor-after-' + idIndex;
-            this.beforeAnchorId = 'sky-ag-grid-nav-anchor-before-' + idIndex;
-            this.gridId = 'sky-ag-grid-' + idIndex;
-        }
-        Object.defineProperty(SkyAgGridWrapperComponent.prototype, "viewkeeperClasses", {
-            get: function () {
-                return this._viewkeeperClasses;
-            },
-            set: function (value) {
-                this._viewkeeperClasses = value;
-                this.changeDetector.markForCheck();
-            },
-            enumerable: false,
-            configurable: true
+            catch (e) {
+                reject(e);
+            } }
+            function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+            step((generator = generator.apply(thisArg, _arguments || [])).next());
         });
-        SkyAgGridWrapperComponent.prototype.ngAfterContentInit = function () {
-            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;
-                this.adapterService.setFocusedElementById(this.elementRef.nativeElement, idToFocus);
-            }
-        };
-        SkyAgGridWrapperComponent.prototype.onAnchorFocus = function (event) {
-            var gridId = this.gridId;
-            var relatedTarget = event.relatedTarget;
-            var previousFocusedId = relatedTarget && relatedTarget.id;
-            var previousWasCell = relatedTarget &&
-                !!this.adapterService.getElementOrParentWithClass(relatedTarget, 'ag-cell');
-            if (previousFocusedId !== gridId && !previousWasCell) {
-                var columns = this.agGrid.columnApi.getAllDisplayedColumns();
-                var firstColumn = columns && columns[0];
-                var rowIndex = this.agGrid.api.getFirstDisplayedRow();
-                if (firstColumn && rowIndex >= 0) {
-                    this.agGrid.api.setFocusedCell(rowIndex, firstColumn);
-                }
-            }
-        };
-        Object.defineProperty(SkyAgGridWrapperComponent.prototype, "isInEditMode", {
-            get: function () {
-                /* Sanity check */
-                /* istanbul ignore else */
-                if (this.agGrid && this.agGrid.api) {
-                    var primaryGridEditing = this.agGrid.api.getEditingCells().length > 0;
-                    if (primaryGridEditing) {
-                        return true;
-                    }
-                    else {
-                        var innerEditing_1 = false;
-                        this.agGrid.api.forEachDetailGridInfo(function (detailGrid) {
-                            if (detailGrid.api.getEditingCells().length > 0) {
-                                innerEditing_1 = true;
+    }
+    function __generator(thisArg, body) {
+        var _ = { label: 0, sent: function () { if (t[0] & 1)
+                throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+        return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
+        function verb(n) { return function (v) { return step([n, v]); }; }
+        function step(op) {
+            if (f)
+                throw new TypeError("Generator is already executing.");
+            while (_)
+                try {
+                    if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
+                        return t;
+                    if (y = 0, t)
+                        op = [op[0] & 2, t.value];
+                    switch (op[0]) {
+                        case 0:
+                        case 1:
+                            t = op;
+                            break;
+                        case 4:
+                            _.label++;
+                            return { value: op[1], done: false };
+                        case 5:
+                            _.label++;
+                            y = op[1];
+                            op = [0];
+                            continue;
+                        case 7:
+                            op = _.ops.pop();
+                            _.trys.pop();
+                            continue;
+                        default:
+                            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
+                                _ = 0;
+                                continue;
                             }
-                        });
-                        return innerEditing_1;
-                    }
-                }
-                else {
-                    return false;
-                }
-            },
-            enumerable: false,
-            configurable: true
-        });
-        return SkyAgGridWrapperComponent;
+                            if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
+                                _.label = op[1];
+                                break;
+                            }
+                            if (op[0] === 6 && _.label < t[1]) {
+                                _.label = t[1];
+                                t = op;
+                                break;
+                            }
+                            if (t && _.label < t[2]) {
+                                _.label = t[2];
+                                _.ops.push(op);
+                                break;
+                            }
+                            if (t[2])
+                                _.ops.pop();
+                            _.trys.pop();
+                            continue;
+                    }
+                    op = body.call(thisArg, _);
+                }
+                catch (e) {
+                    op = [6, e];
+                    y = 0;
+                }
+                finally {
+                    f = t = 0;
+                }
+            if (op[0] & 5)
+                throw op[1];
+            return { value: op[0] ? op[1] : void 0, done: true };
+        }
+    }
+    var __createBinding = Object.create ? (function (o, m, k, k2) {
+        if (k2 === undefined)
+            k2 = k;
+        Object.defineProperty(o, k2, { enumerable: true, get: function () { return m[k]; } });
+    }) : (function (o, m, k, k2) {
+        if (k2 === undefined)
+            k2 = k;
+        o[k2] = m[k];
+    });
+    function __exportStar(m, o) {
+        for (var p in m)
+            if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p))
+                __createBinding(o, m, p);
+    }
+    function __values(o) {
+        var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+        if (m)
+            return m.call(o);
+        if (o && typeof o.length === "number")
+            return {
+                next: function () {
+                    if (o && i >= o.length)
+                        o = void 0;
+                    return { value: o && o[i++], done: !o };
+                }
+            };
+        throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+    }
+    function __read(o, n) {
+        var m = typeof Symbol === "function" && o[Symbol.iterator];
+        if (!m)
+            return o;
+        var i = m.call(o), r, ar = [], e;
+        try {
+            while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
+                ar.push(r.value);
+        }
+        catch (error) {
+            e = { error: error };
+        }
+        finally {
+            try {
+                if (r && !r.done && (m = i["return"]))
+                    m.call(i);
+            }
+            finally {
+                if (e)
+                    throw e.error;
+            }
+        }
+        return ar;
+    }
+    /** @deprecated */
+    function __spread() {
+        for (var ar = [], i = 0; i < arguments.length; i++)
+            ar = ar.concat(__read(arguments[i]));
+        return ar;
+    }
+    /** @deprecated */
+    function __spreadArrays() {
+        for (var s = 0, i = 0, il = arguments.length; i < il; i++)
+            s += arguments[i].length;
+        for (var r = Array(s), k = 0, i = 0; i < il; i++)
+            for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
+                r[k] = a[j];
+        return r;
+    }
+    function __spreadArray(to, from, pack) {
+        if (pack || arguments.length === 2)
+            for (var i = 0, l = from.length, ar; i < l; i++) {
+                if (ar || !(i in from)) {
+                    if (!ar)
+                        ar = Array.prototype.slice.call(from, 0, i);
+                    ar[i] = from[i];
+                }
+            }
+        return to.concat(ar || Array.prototype.slice.call(from));
+    }
+    function __await(v) {
+        return this instanceof __await ? (this.v = v, this) : new __await(v);
+    }
+    function __asyncGenerator(thisArg, _arguments, generator) {
+        if (!Symbol.asyncIterator)
+            throw new TypeError("Symbol.asyncIterator is not defined.");
+        var g = generator.apply(thisArg, _arguments || []), i, q = [];
+        return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
+        function verb(n) { if (g[n])
+            i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
+        function resume(n, v) { try {
+            step(g[n](v));
+        }
+        catch (e) {
+            settle(q[0][3], e);
+        } }
+        function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
+        function fulfill(value) { resume("next", value); }
+        function reject(value) { resume("throw", value); }
+        function settle(f, v) { if (f(v), q.shift(), q.length)
+            resume(q[0][0], q[0][1]); }
+    }
+    function __asyncDelegator(o) {
+        var i, p;
+        return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
+        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
+    }
+    function __asyncValues(o) {
+        if (!Symbol.asyncIterator)
+            throw new TypeError("Symbol.asyncIterator is not defined.");
+        var m = o[Symbol.asyncIterator], i;
+        return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
+        function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
+        function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
+    }
+    function __makeTemplateObject(cooked, raw) {
+        if (Object.defineProperty) {
+            Object.defineProperty(cooked, "raw", { value: raw });
+        }
+        else {
+            cooked.raw = raw;
+        }
+        return cooked;
+    }
+    ;
+    var __setModuleDefault = Object.create ? (function (o, v) {
+        Object.defineProperty(o, "default", { enumerable: true, value: v });
+    }) : function (o, v) {
+        o["default"] = v;
+    };
+    function __importStar(mod) {
+        if (mod && mod.__esModule)
+            return mod;
+        var result = {};
+        if (mod != null)
+            for (var k in mod)
+                if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
+                    __createBinding(result, mod, k);
+        __setModuleDefault(result, mod);
+        return result;
+    }
+    function __importDefault(mod) {
+        return (mod && mod.__esModule) ? mod : { default: mod };
+    }
+    function __classPrivateFieldGet(receiver, state, kind, f) {
+        if (kind === "a" && !f)
+            throw new TypeError("Private accessor was defined without a getter");
+        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+            throw new TypeError("Cannot read private member from an object whose class did not declare it");
+        return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+    }
+    function __classPrivateFieldSet(receiver, state, value, kind, f) {
+        if (kind === "m")
+            throw new TypeError("Private method is not writable");
+        if (kind === "a" && !f)
+            throw new TypeError("Private accessor was defined without a setter");
+        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
+            throw new TypeError("Cannot write private member to an object whose class did not declare it");
+        return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+    }
+
+    var SkyAgGridAdapterService = /** @class */ (function () {
+        function SkyAgGridAdapterService(skyAdapterService) {
+            this.skyAdapterService = skyAdapterService;
+        }
+        SkyAgGridAdapterService.prototype.getElementOrParentWithClass = function (element, className) {
+            if (element && element.classList.contains(className)) {
+                return element;
+            }
+            else if (element.parentElement) {
+                return this.getElementOrParentWithClass(element.parentElement, className);
+            }
+        };
+        SkyAgGridAdapterService.prototype.setFocusedElementById = function (parentEl, selector) {
+            var element = parentEl.querySelector("#" + selector);
+            /* istanbul ignore else */
+            if (element) {
+                element.focus();
+            }
+        };
+        SkyAgGridAdapterService.prototype.getFocusedElement = function () {
+            return document.activeElement;
+        };
+        SkyAgGridAdapterService.prototype.getNextFocusableElement = function (currentEl, parentEl, moveFocusLeft) {
+            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)) {
+                    return focusableChildren[nextIndex];
+                }
+            }
+        };
+        SkyAgGridAdapterService.prototype.focusOnFocusableChildren = function (element) {
+            var focusableChildren = this.skyAdapterService.getFocusableChildren(element);
+            if (focusableChildren.length) {
+                focusableChildren[0].focus();
+            }
+        };
+        return SkyAgGridAdapterService;
     }());
-    SkyAgGridWrapperComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", 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.16", 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.16", ngImport: i0__namespace, type: SkyAgGridWrapperComponent, decorators: [{
-                type: i0.Component,
+    SkyAgGridAdapterService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", 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.16", ngImport: i0__namespace, type: SkyAgGridAdapterService, providedIn: 'root' });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridAdapterService, decorators: [{
+                type: i0.Injectable,
                 args: [{
-                        selector: 'sky-ag-grid-wrapper',
-                        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,
+                        providedIn: 'root',
                     }]
-            }], ctorParameters: function () { return [{ type: SkyAgGridAdapterService }, { type: i0__namespace.ChangeDetectorRef }, { type: i0__namespace.ElementRef }]; }, propDecorators: { agGrid: [{
-                    type: i0.ContentChild,
-                    args: [agGridAngular.AgGridAngular, {
-                            static: true,
-                        }]
-                }] } });
+            }], ctorParameters: function () { return [{ type: i1__namespace.SkyCoreAdapterService }]; } });
 
+    var idIndex = 0;
     /**
      * @internal
      */
-    var SkyAgGridCellEditorAutocompleteComponent = /** @class */ (function () {
-        function SkyAgGridCellEditorAutocompleteComponent() {
-            this.skyComponentProperties = {};
+    var SkyAgGridWrapperComponent = /** @class */ (function () {
+        function SkyAgGridWrapperComponent(adapterService, changeDetector, elementRef) {
+            this.adapterService = adapterService;
+            this.changeDetector = changeDetector;
+            this.elementRef = elementRef;
+            this._viewkeeperClasses = [];
+            idIndex++;
+            this.afterAnchorId = 'sky-ag-grid-nav-anchor-after-' + idIndex;
+            this.beforeAnchorId = 'sky-ag-grid-nav-anchor-before-' + idIndex;
+            this.gridId = 'sky-ag-grid-' + idIndex;
         }
-        SkyAgGridCellEditorAutocompleteComponent.prototype.agInit = function (params) {
-            this.params = params;
-            this.currentSelection = this.params.value;
-            this.columnHeader = this.params.colDef && this.params.colDef.headerName;
-            this.rowNumber = this.params.rowIndex + 1;
-            this.skyComponentProperties = this.params.skyComponentProperties || {};
+        Object.defineProperty(SkyAgGridWrapperComponent.prototype, "viewkeeperClasses", {
+            get: function () {
+                return this._viewkeeperClasses;
+            },
+            set: function (value) {
+                this._viewkeeperClasses = value;
+                this.changeDetector.markForCheck();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        SkyAgGridWrapperComponent.prototype.ngAfterContentInit = function () {
+            if (this.agGrid.gridOptions &&
+                this.agGrid.gridOptions.domLayout === 'autoHeight') {
+                this.viewkeeperClasses.push('.ag-header');
+            }
         };
-        SkyAgGridCellEditorAutocompleteComponent.prototype.afterGuiAttached = function () {
-            this.input.nativeElement.focus();
+        SkyAgGridWrapperComponent.prototype.onGridKeydown = function (event) {
+            if (this.agGrid && !this.isInEditMode && event.key === 'Tab') {
+                var idToFocus = event.shiftKey
+                    ? this.beforeAnchorId
+                    : this.afterAnchorId;
+                this.adapterService.setFocusedElementById(this.elementRef.nativeElement, idToFocus);
+            }
         };
-        SkyAgGridCellEditorAutocompleteComponent.prototype.getValue = function () {
-            return this.currentSelection;
+        SkyAgGridWrapperComponent.prototype.onAnchorFocus = function (event) {
+            var gridId = this.gridId;
+            var relatedTarget = event.relatedTarget;
+            var previousFocusedId = relatedTarget && relatedTarget.id;
+            var previousWasCell = relatedTarget &&
+                !!this.adapterService.getElementOrParentWithClass(relatedTarget, 'ag-cell');
+            if (previousFocusedId !== gridId && !previousWasCell) {
+                var columns = this.agGrid.columnApi.getAllDisplayedColumns();
+                var firstColumn = columns && columns[0];
+                var rowIndex = this.agGrid.api.getFirstDisplayedRow();
+                if (firstColumn && rowIndex >= 0) {
+                    this.agGrid.api.setFocusedCell(rowIndex, firstColumn);
+                }
+            }
         };
-        return SkyAgGridCellEditorAutocompleteComponent;
+        Object.defineProperty(SkyAgGridWrapperComponent.prototype, "isInEditMode", {
+            get: function () {
+                /* Sanity check */
+                /* istanbul ignore else */
+                if (this.agGrid && this.agGrid.api) {
+                    var primaryGridEditing = this.agGrid.api.getEditingCells().length > 0;
+                    if (primaryGridEditing) {
+                        return true;
+                    }
+                    else {
+                        var innerEditing_1 = false;
+                        this.agGrid.api.forEachDetailGridInfo(function (detailGrid) {
+                            if (detailGrid.api.getEditingCells().length > 0) {
+                                innerEditing_1 = true;
+                            }
+                        });
+                        return innerEditing_1;
+                    }
+                }
+                else {
+                    return false;
+                }
+            },
+            enumerable: false,
+            configurable: true
+        });
+        return SkyAgGridWrapperComponent;
     }());
-    SkyAgGridCellEditorAutocompleteComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellEditorAutocompleteComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyAgGridCellEditorAutocompleteComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", 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", "searchAsyncDisabled"], outputs: ["addClick", "showMoreClick", "selectionChange", "searchAsync"] }], 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.16", ngImport: i0__namespace, type: SkyAgGridCellEditorAutocompleteComponent, decorators: [{
+    SkyAgGridWrapperComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", 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.16", 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.16", ngImport: i0__namespace, type: SkyAgGridWrapperComponent, decorators: [{
                 type: i0.Component,
                 args: [{
-                        selector: 'sky-ag-grid-cell-editor-autocomplete',
-                        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"],
+                        selector: 'sky-ag-grid-wrapper',
+                        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,
                     }]
-            }], propDecorators: { input: [{
-                    type: i0.ViewChild,
-                    args: ['skyCellEditorAutocomplete', { read: i0.ElementRef }]
+            }], ctorParameters: function () { return [{ type: SkyAgGridAdapterService }, { type: i0__namespace.ChangeDetectorRef }, { type: i0__namespace.ElementRef }]; }, propDecorators: { agGrid: [{
+                    type: i0.ContentChild,
+                    args: [agGridAngular.AgGridAngular, {
+                            static: true,
+                        }]
                 }] } });
 
     /**
-     * NOTICE: DO NOT MODIFY THIS FILE!
-     * The contents of this file were automatically generated by
-     * the 'ng generate @skyux/i18n:lib-resources-module modules/shared/ag-grid' schematic.
-     * To update this file, simply rerun the command.
+     * @internal
      */
-    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' },
-        },
-    };
-    var AgGridResourcesProvider = /** @class */ (function () {
-        function AgGridResourcesProvider() {
+    var SkyAgGridDataManagerAdapterDirective = /** @class */ (function () {
+        function SkyAgGridDataManagerAdapterDirective(changeDetector, dataManagerSvc) {
+            this.changeDetector = changeDetector;
+            this.dataManagerSvc = dataManagerSvc;
+            this.ngUnsubscribe = new rxjs.Subject();
         }
-        AgGridResourcesProvider.prototype.getString = function (localeInfo, name) {
-            return i3.getLibStringForLocale(RESOURCES, localeInfo.locale, name);
+        SkyAgGridDataManagerAdapterDirective.prototype.ngAfterContentInit = function () {
+            var _this = this;
+            this.dataManagerSvc.setViewkeeperClasses(this.viewId, ['.ag-header']);
+            this.viewConfig = this.dataManagerSvc.getViewById(this.viewId);
+            this.checkForAgGrid();
+            this.checkForSkyAgGridWrapper();
+            this.agGridList.changes
+                .pipe(operators.takeUntil(this.ngUnsubscribe))
+                .subscribe(function () { return _this.checkForAgGrid(); });
+            this.skyAgGridWrapperList.changes
+                .pipe(operators.takeUntil(this.ngUnsubscribe))
+                .subscribe(function () { return _this.checkForSkyAgGridWrapper(); });
         };
-        return AgGridResourcesProvider;
-    }());
-    /**
-     * Import into any component library module that needs to use resource strings.
-     */
-    var AgGridResourcesModule = /** @class */ (function () {
-        function AgGridResourcesModule() {
-        }
-        return AgGridResourcesModule;
-    }());
-    AgGridResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: AgGridResourcesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    AgGridResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: AgGridResourcesModule, exports: [i3.SkyI18nModule] });
-    AgGridResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", 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.16", ngImport: i0__namespace, type: AgGridResourcesModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        exports: [i3.SkyI18nModule],
-                        providers: [
-                            {
-                                provide: i3.SKY_LIB_RESOURCES_PROVIDERS,
-                                useClass: AgGridResourcesProvider,
-                                multi: true,
-                            },
-                        ],
-                    }]
-            }] });
-
-    var SkyAgGridCellEditorAutocompleteModule = /** @class */ (function () {
-        function SkyAgGridCellEditorAutocompleteModule() {
-        }
-        return SkyAgGridCellEditorAutocompleteModule;
-    }());
-    SkyAgGridCellEditorAutocompleteModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellEditorAutocompleteModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyAgGridCellEditorAutocompleteModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", 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.16", ngImport: i0__namespace, type: SkyAgGridCellEditorAutocompleteModule, imports: [[i1$2.FormsModule, AgGridResourcesModule, i1$1.SkyAutocompleteModule]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellEditorAutocompleteModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        imports: [i1$2.FormsModule, AgGridResourcesModule, i1$1.SkyAutocompleteModule],
-                        declarations: [SkyAgGridCellEditorAutocompleteComponent],
-                        exports: [SkyAgGridCellEditorAutocompleteComponent],
-                    }]
-            }] });
-
-    /*! *****************************************************************************
-    Copyright (c) Microsoft Corporation.
-
-    Permission to use, copy, modify, and/or distribute this software for any
-    purpose with or without fee is hereby granted.
-
-    THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-    REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-    AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-    INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-    LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-    OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-    PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */
-    /* global Reflect, Promise */
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b)
-                if (Object.prototype.hasOwnProperty.call(b, p))
-                    d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    function __extends(d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    }
-    var __assign = function () {
-        __assign = Object.assign || function __assign(t) {
-            for (var s, i = 1, n = arguments.length; i < n; i++) {
-                s = arguments[i];
-                for (var p in s)
-                    if (Object.prototype.hasOwnProperty.call(s, p))
-                        t[p] = s[p];
+        SkyAgGridDataManagerAdapterDirective.prototype.ngOnDestroy = function () {
+            this.ngUnsubscribe.next();
+            this.ngUnsubscribe.complete();
+        };
+        SkyAgGridDataManagerAdapterDirective.prototype.checkForAgGrid = function () {
+            var agGridCount = this.agGridList.length;
+            /* istanbul ignore else */
+            if (agGridCount === 0) {
+                this.unregisterAgGrid();
+            }
+            else if (this.agGridList.first !== this.currentAgGrid) {
+                this.registerAgGrid();
+            }
+            if (agGridCount > 1) {
+                console.warn('More than one ag-grid child component was found. Using the first ag-Grid.');
             }
-            return t;
         };
-        return __assign.apply(this, arguments);
-    };
-    function __rest(s, e) {
-        var t = {};
-        for (var p in s)
-            if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-                t[p] = s[p];
-        if (s != null && typeof Object.getOwnPropertySymbols === "function")
-            for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-                if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                    t[p[i]] = s[p[i]];
+        SkyAgGridDataManagerAdapterDirective.prototype.checkForSkyAgGridWrapper = function () {
+            var skyAgGridWrapperCount = this.skyAgGridWrapperList.length;
+            /* istanbul ignore else */
+            if (skyAgGridWrapperCount === 0) {
+                this.unregisterSkyAgGridWrapper();
             }
-        return t;
-    }
-    function __decorate(decorators, target, key, desc) {
-        var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-        if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-            r = Reflect.decorate(decorators, target, key, desc);
-        else
-            for (var i = decorators.length - 1; i >= 0; i--)
-                if (d = decorators[i])
-                    r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-        return c > 3 && r && Object.defineProperty(target, key, r), r;
-    }
-    function __param(paramIndex, decorator) {
-        return function (target, key) { decorator(target, key, paramIndex); };
-    }
-    function __metadata(metadataKey, metadataValue) {
-        if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
-            return Reflect.metadata(metadataKey, metadataValue);
-    }
-    function __awaiter(thisArg, _arguments, P, generator) {
-        function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-        return new (P || (P = Promise))(function (resolve, reject) {
-            function fulfilled(value) { try {
-                step(generator.next(value));
+            else if (this.skyAgGridWrapperList.first !== this.currentSkyAgGridWrapper) {
+                this.registerSkyAgGridWrapper();
             }
-            catch (e) {
-                reject(e);
-            } }
-            function rejected(value) { try {
-                step(generator["throw"](value));
+            if (skyAgGridWrapperCount > 1) {
+                console.warn('More than one ag-grid child component was found. Using the first ag-Grid.');
             }
-            catch (e) {
-                reject(e);
-            } }
-            function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-            step((generator = generator.apply(thisArg, _arguments || [])).next());
-        });
-    }
-    function __generator(thisArg, body) {
-        var _ = { label: 0, sent: function () { if (t[0] & 1)
-                throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-        return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function () { return this; }), g;
-        function verb(n) { return function (v) { return step([n, v]); }; }
-        function step(op) {
-            if (f)
-                throw new TypeError("Generator is already executing.");
-            while (_)
-                try {
-                    if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done)
-                        return t;
-                    if (y = 0, t)
-                        op = [op[0] & 2, t.value];
-                    switch (op[0]) {
-                        case 0:
-                        case 1:
-                            t = op;
-                            break;
-                        case 4:
-                            _.label++;
-                            return { value: op[1], done: false };
-                        case 5:
-                            _.label++;
-                            y = op[1];
-                            op = [0];
-                            continue;
-                        case 7:
-                            op = _.ops.pop();
-                            _.trys.pop();
-                            continue;
-                        default:
-                            if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
-                                _ = 0;
-                                continue;
-                            }
-                            if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) {
-                                _.label = op[1];
-                                break;
-                            }
-                            if (op[0] === 6 && _.label < t[1]) {
-                                _.label = t[1];
-                                t = op;
-                                break;
-                            }
-                            if (t && _.label < t[2]) {
-                                _.label = t[2];
-                                _.ops.push(op);
-                                break;
-                            }
-                            if (t[2])
-                                _.ops.pop();
-                            _.trys.pop();
-                            continue;
-                    }
-                    op = body.call(thisArg, _);
+        };
+        SkyAgGridDataManagerAdapterDirective.prototype.unregisterAgGrid = function () {
+            this.currentAgGrid = undefined;
+            /* istanbul ignore if */
+            if (this.dataStateSub) {
+                this.dataStateSub.unsubscribe();
+            }
+        };
+        SkyAgGridDataManagerAdapterDirective.prototype.unregisterSkyAgGridWrapper = function () {
+            this.currentSkyAgGridWrapper = undefined;
+        };
+        SkyAgGridDataManagerAdapterDirective.prototype.registerSkyAgGridWrapper = function () {
+            var _this = this;
+            this.unregisterSkyAgGridWrapper();
+            this.currentSkyAgGridWrapper = this.skyAgGridWrapperList.first;
+            setTimeout(function () {
+                if (_this.currentSkyAgGridWrapper) {
+                    _this.currentSkyAgGridWrapper.viewkeeperClasses = [];
                 }
-                catch (e) {
-                    op = [6, e];
-                    y = 0;
+            });
+        };
+        SkyAgGridDataManagerAdapterDirective.prototype.registerAgGrid = function () {
+            var _this = this;
+            this.unregisterAgGrid();
+            var agGrid = this.agGridList.first;
+            this.currentAgGrid = agGrid;
+            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)
+                    .pipe(operators.takeUntil(_this.ngUnsubscribe))
+                    .subscribe(function (dataState) {
+                    _this.currentDataState = dataState;
+                    _this.displayColumns(dataState);
+                });
+                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 (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);
                 }
-                finally {
-                    f = t = 0;
+            });
+            agGrid.rowSelected
+                .pipe(operators.takeUntil(this.ngUnsubscribe))
+                .subscribe(function (event) {
+                var row = event.node;
+                var selectedIds = _this.currentDataState.selectedIds || [];
+                var rowIndex = selectedIds.indexOf(row.data.id);
+                if (row.isSelected() && rowIndex === -1) {
+                    selectedIds.push(row.data.id);
                 }
-            if (op[0] & 5)
-                throw op[1];
-            return { value: op[0] ? op[1] : void 0, done: true };
-        }
-    }
-    var __createBinding = Object.create ? (function (o, m, k, k2) {
-        if (k2 === undefined)
-            k2 = k;
-        Object.defineProperty(o, k2, { enumerable: true, get: function () { return m[k]; } });
-    }) : (function (o, m, k, k2) {
-        if (k2 === undefined)
-            k2 = k;
-        o[k2] = m[k];
-    });
-    function __exportStar(m, o) {
-        for (var p in m)
-            if (p !== "default" && !Object.prototype.hasOwnProperty.call(o, p))
-                __createBinding(o, m, p);
-    }
-    function __values(o) {
-        var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
-        if (m)
-            return m.call(o);
-        if (o && typeof o.length === "number")
-            return {
-                next: function () {
-                    if (o && i >= o.length)
-                        o = void 0;
-                    return { value: o && o[i++], done: !o };
+                else if (!row.isSelected() && rowIndex !== -1) {
+                    selectedIds.splice(rowIndex, 1);
                 }
-            };
-        throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
-    }
-    function __read(o, n) {
-        var m = typeof Symbol === "function" && o[Symbol.iterator];
-        if (!m)
-            return o;
-        var i = m.call(o), r, ar = [], e;
-        try {
-            while ((n === void 0 || n-- > 0) && !(r = i.next()).done)
-                ar.push(r.value);
-        }
-        catch (error) {
-            e = { error: error };
-        }
-        finally {
-            try {
-                if (r && !r.done && (m = i["return"]))
-                    m.call(i);
-            }
-            finally {
-                if (e)
-                    throw e.error;
-            }
-        }
-        return ar;
-    }
-    /** @deprecated */
-    function __spread() {
-        for (var ar = [], i = 0; i < arguments.length; i++)
-            ar = ar.concat(__read(arguments[i]));
-        return ar;
-    }
-    /** @deprecated */
-    function __spreadArrays() {
-        for (var s = 0, i = 0, il = arguments.length; i < il; i++)
-            s += arguments[i].length;
-        for (var r = Array(s), k = 0, i = 0; i < il; i++)
-            for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)
-                r[k] = a[j];
-        return r;
-    }
-    function __spreadArray(to, from, pack) {
-        if (pack || arguments.length === 2)
-            for (var i = 0, l = from.length, ar; i < l; i++) {
-                if (ar || !(i in from)) {
-                    if (!ar)
-                        ar = Array.prototype.slice.call(from, 0, i);
-                    ar[i] = from[i];
+                _this.currentDataState.selectedIds = selectedIds;
+                _this.dataManagerSvc.updateDataState(_this.currentDataState, _this.viewConfig.id);
+                _this.changeDetector.markForCheck();
+            });
+            agGrid.sortChanged.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function () {
+                var gridColumnStates = agGrid.columnApi.getColumnState();
+                var sortOption;
+                /* istanbul ignore else */
+                if (gridColumnStates.length) {
+                    var activeSortColumnState_1 = gridColumnStates.find(function (aGridColumnState) { return aGridColumnState.sortIndex === 0; });
+                    var dataManagerConfig = _this.dataManagerSvc.getCurrentDataManagerConfig();
+                    /* istanbul ignore else */
+                    if (dataManagerConfig.sortOptions && activeSortColumnState_1) {
+                        sortOption = dataManagerConfig.sortOptions.find(function (option) {
+                            return (option.propertyName === activeSortColumnState_1.colId &&
+                                option.descending === (activeSortColumnState_1.sort === 'desc'));
+                        });
+                    }
+                    else {
+                        sortOption = undefined;
+                    }
                 }
+                _this.currentDataState.activeSortOption = sortOption;
+                _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;
+            var viewState = dataState.getViewStateById(this.viewConfig.id);
+            var displayedColumnIds = [];
+            /*istanbul ignore else*/
+            if (viewState.displayedColumnIds) {
+                displayedColumnIds = viewState.displayedColumnIds;
             }
-        return to.concat(ar || Array.prototype.slice.call(from));
-    }
-    function __await(v) {
-        return this instanceof __await ? (this.v = v, this) : new __await(v);
-    }
-    function __asyncGenerator(thisArg, _arguments, generator) {
-        if (!Symbol.asyncIterator)
-            throw new TypeError("Symbol.asyncIterator is not defined.");
-        var g = generator.apply(thisArg, _arguments || []), i, q = [];
-        return i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i;
-        function verb(n) { if (g[n])
-            i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }
-        function resume(n, v) { try {
-            step(g[n](v));
-        }
-        catch (e) {
-            settle(q[0][3], e);
-        } }
-        function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }
-        function fulfill(value) { resume("next", value); }
-        function reject(value) { resume("throw", value); }
-        function settle(f, v) { if (f(v), q.shift(), q.length)
-            resume(q[0][0], q[0][1]); }
-    }
-    function __asyncDelegator(o) {
-        var i, p;
-        return i = {}, verb("next"), verb("throw", function (e) { throw e; }), verb("return"), i[Symbol.iterator] = function () { return this; }, i;
-        function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === "return" } : f ? f(v) : v; } : f; }
-    }
-    function __asyncValues(o) {
-        if (!Symbol.asyncIterator)
-            throw new TypeError("Symbol.asyncIterator is not defined.");
-        var m = o[Symbol.asyncIterator], i;
-        return m ? m.call(o) : (o = typeof __values === "function" ? __values(o) : o[Symbol.iterator](), i = {}, verb("next"), verb("throw"), verb("return"), i[Symbol.asyncIterator] = function () { return this; }, i);
-        function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }
-        function settle(resolve, reject, d, v) { Promise.resolve(v).then(function (v) { resolve({ value: v, done: d }); }, reject); }
-    }
-    function __makeTemplateObject(cooked, raw) {
-        if (Object.defineProperty) {
-            Object.defineProperty(cooked, "raw", { value: raw });
-        }
-        else {
-            cooked.raw = raw;
+            var columns = agGrid.columnApi.getAllColumns();
+            try {
+                for (var columns_1 = __values(columns), columns_1_1 = columns_1.next(); !columns_1_1.done; columns_1_1 = columns_1.next()) {
+                    var column = columns_1_1.value;
+                    var colId = column.getColId();
+                    var colIndex = displayedColumnIds.indexOf(colId);
+                    agGrid.columnApi.setColumnVisible(colId, colIndex !== -1);
+                    agGrid.columnApi.moveColumn(colId, colIndex);
+                }
+            }
+            catch (e_1_1) { e_1 = { error: e_1_1 }; }
+            finally {
+                try {
+                    if (columns_1_1 && !columns_1_1.done && (_a = columns_1.return)) _a.call(columns_1);
+                }
+                finally { if (e_1) throw e_1.error; }
+            }
+        };
+        SkyAgGridDataManagerAdapterDirective.prototype.selectAll = function () {
+            var agGrid = this.agGridList.first;
+            agGrid.api.selectAll();
+        };
+        SkyAgGridDataManagerAdapterDirective.prototype.clearAll = function () {
+            var agGrid = this.agGridList.first;
+            agGrid.api.deselectAll();
+        };
+        return SkyAgGridDataManagerAdapterDirective;
+    }());
+    SkyAgGridDataManagerAdapterDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridDataManagerAdapterDirective, deps: [{ token: i0__namespace.ChangeDetectorRef }, { token: i1__namespace$1.SkyDataManagerService }], target: i0__namespace.ɵɵFactoryTarget.Directive });
+    SkyAgGridDataManagerAdapterDirective.ɵdir = i0__namespace.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", 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.16", ngImport: i0__namespace, type: SkyAgGridDataManagerAdapterDirective, decorators: [{
+                type: i0.Directive,
+                args: [{
+                        selector: '[skyAgGridDataManagerAdapter]',
+                    }]
+            }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: i1__namespace$1.SkyDataManagerService }]; }, propDecorators: { viewId: [{
+                    type: i0.Input
+                }], agGridList: [{
+                    type: i0.ContentChildren,
+                    args: [agGridAngular.AgGridAngular, { descendants: true }]
+                }], skyAgGridWrapperList: [{
+                    type: i0.ContentChildren,
+                    args: [SkyAgGridWrapperComponent, { descendants: true }]
+                }] } });
+
+    /**
+     * Component for rendering the inline delete template in the overlay.
+     * @internal
+     */
+    var SkyAgGridRowDeleteComponent = /** @class */ (function () {
+        function SkyAgGridRowDeleteComponent() {
         }
-        return cooked;
-    }
-    ;
-    var __setModuleDefault = Object.create ? (function (o, v) {
-        Object.defineProperty(o, "default", { enumerable: true, value: v });
-    }) : function (o, v) {
-        o["default"] = v;
-    };
-    function __importStar(mod) {
-        if (mod && mod.__esModule)
-            return mod;
-        var result = {};
-        if (mod != null)
-            for (var k in mod)
-                if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
-                    __createBinding(result, mod, k);
-        __setModuleDefault(result, mod);
-        return result;
-    }
-    function __importDefault(mod) {
-        return (mod && mod.__esModule) ? mod : { default: mod };
-    }
-    function __classPrivateFieldGet(receiver, state, kind, f) {
-        if (kind === "a" && !f)
-            throw new TypeError("Private accessor was defined without a getter");
-        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-            throw new TypeError("Cannot read private member from an object whose class did not declare it");
-        return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
-    }
-    function __classPrivateFieldSet(receiver, state, value, kind, f) {
-        if (kind === "m")
-            throw new TypeError("Private method is not writable");
-        if (kind === "a" && !f)
-            throw new TypeError("Private accessor was defined without a setter");
-        if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-            throw new TypeError("Cannot write private member to an object whose class did not declare it");
-        return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
-    }
+        return SkyAgGridRowDeleteComponent;
+    }());
+    SkyAgGridRowDeleteComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridRowDeleteComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyAgGridRowDeleteComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", 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$2.λ8, selector: "sky-inline-delete", inputs: ["pending"], outputs: ["cancelTriggered", "deleteTriggered"] }], directives: [{ type: i3__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", 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  ",
+                    }]
+            }], propDecorators: { inlineDeleteRefs: [{
+                    type: i0.ViewChildren,
+                    args: ['inlineDeleteRef']
+                }], inlineDeleteTemplateRef: [{
+                    type: i0.ViewChild,
+                    args: ['inlineDeleteTemplateRef', { read: i0.TemplateRef }]
+                }] } });
 
     /**
      * @internal
      */
-    var SkyAgGridCellEditorDatepickerComponent = /** @class */ (function (_super) {
-        __extends(SkyAgGridCellEditorDatepickerComponent, _super);
-        function SkyAgGridCellEditorDatepickerComponent(themeSvc) {
-            var _this = _super.call(this) || this;
-            _this.themeSvc = themeSvc;
-            _this.skyComponentProperties = {};
-            return _this;
+    var SkyAgGridRowDeleteDirective = /** @class */ (function () {
+        function SkyAgGridRowDeleteDirective(affixService, changeDetector, elementRef, resolver, overlayService, viewContainerRef) {
+            this.affixService = affixService;
+            this.changeDetector = changeDetector;
+            this.elementRef = elementRef;
+            this.resolver = resolver;
+            this.overlayService = overlayService;
+            this.viewContainerRef = viewContainerRef;
+            /**
+             * Emits a `SkyAgGridRowDeleteCancelArgs` object when a row's inline delete is cancelled.
+             */
+            this.rowDeleteCancel = new i0.EventEmitter();
+            /**
+             * Emits a `SkyAgGridRowDeleteConfirmArgs` object when a row's inline delete is confirmed.
+             */
+            this.rowDeleteConfirm = new i0.EventEmitter();
+            /**
+             * Emits when the list of ids of the data in the rows where inline deletes are shown changes.
+             */
+            this.rowDeleteIdsChange = new i0.EventEmitter();
+            this.rowDeleteConfigs = [];
+            this.ngUnsubscribe = new rxjs.Subject();
+            this.rowDeleteContents = {};
         }
-        /**
-         * agInit is called by agGrid once after the editor is created and provides the editor with the information it needs.
-         * @param params The cell editor params that include data about the cell, column, row, and grid.
-         */
-        SkyAgGridCellEditorDatepickerComponent.prototype.agInit = function (params) {
-            var _this = this;
-            var _a;
-            this.params = params;
-            this.currentDate = this.params.value;
-            this.skyComponentProperties = this.params.skyComponentProperties || {};
-            this.columnWidth = this.params.column.getActualWidth();
-            this.columnWidthWithoutBorders = this.columnWidth - 2;
-            this.rowHeightWithoutBorders =
-                this.params.node && this.params.node.rowHeight - 3;
-            (_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;
+        Object.defineProperty(SkyAgGridRowDeleteDirective.prototype, "rowDeleteIds", {
+            get: function () {
+                return this._rowDeleteIds;
+            },
+            /**
+             * Specifies the ids of the data in the rows on which inline delete's should be shown.
+             */
+            set: function (value) {
+                var e_1, _b, e_2, _c, e_3, _d;
+                var _this = this;
+                this._rowDeleteIds = value;
+                if (!value) {
+                    try {
+                        for (var _e = __values(this.rowDeleteConfigs), _f = _e.next(); !_f.done; _f = _e.next()) {
+                            var config = _f.value;
+                            this.destroyRowDelete(config.id);
+                        }
+                    }
+                    catch (e_1_1) { e_1 = { error: e_1_1 }; }
+                    finally {
+                        try {
+                            if (_f && !_f.done && (_b = _e.return)) _b.call(_e);
+                        }
+                        finally { if (e_1) throw e_1.error; }
+                    }
+                    this.changeDetector.markForCheck();
+                    return;
+                }
+                var _loop_1 = function (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,
+                        });
+                        var overlay_1 = this_1.overlayService.create({
+                            enableScroll: true,
+                            showBackdrop: false,
+                            closeOnNavigation: true,
+                            enableClose: false,
+                            enablePointerEvents: true,
+                        });
+                        overlay_1.attachTemplate(this_1.rowDeleteComponent.inlineDeleteTemplateRef, {
+                            $implicit: this_1.agGrid.api.getRowNode(id),
+                            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); },
+                        });
+                        /**
+                         * We are manually setting the z-index here because overlays will always be on top of
+                         * the omnibar. This manual setting is 2 less than the omnibar's z-index of 1000 and one less than
+                         * the header row's viewkeeper which is 999. We discussed changing the overlay service to allow for this
+                         * but decided against that change at this time due to its niche nature.
+                         */
+                        overlay_1.componentRef.instance.zIndex = '998';
+                        setTimeout(function () {
+                            var inlineDeleteRef = _this.rowDeleteComponent.inlineDeleteRefs
+                                .toArray()
+                                .find(function (elRef) {
+                                return elRef.nativeElement.id === 'row-delete-ref-' + id;
+                            });
+                            var affixer = _this.affixService.createAffixer(inlineDeleteRef);
+                            _this.affixToRow(affixer, id);
+                            _this.rowDeleteContents[id] = {
+                                affixer: affixer,
+                                overlay: overlay_1,
+                            };
+                        });
+                    }
+                };
+                var this_1 = this;
+                try {
+                    for (var value_1 = __values(value), value_1_1 = value_1.next(); !value_1_1.done; value_1_1 = value_1.next()) {
+                        var id = value_1_1.value;
+                        _loop_1(id);
+                    }
+                }
+                catch (e_2_1) { e_2 = { error: e_2_1 }; }
+                finally {
+                    try {
+                        if (value_1_1 && !value_1_1.done && (_c = value_1.return)) _c.call(value_1);
+                    }
+                    finally { if (e_2) throw e_2.error; }
                 }
-                else {
-                    _this.columnWidthWithoutBorders = _this.columnWidth - 2;
-                    _this.rowHeightWithoutBorders =
-                        _this.params.node && _this.params.node.rowHeight - 3;
+                try {
+                    for (var _g = __values(this.rowDeleteConfigs), _h = _g.next(); !_h.done; _h = _g.next()) {
+                        var config = _h.value;
+                        if (value.indexOf(config.id) < 0) {
+                            this.destroyRowDelete(config.id);
+                        }
+                    }
+                }
+                catch (e_3_1) { e_3 = { error: e_3_1 }; }
+                finally {
+                    try {
+                        if (_h && !_h.done && (_d = _g.return)) _d.call(_g);
+                    }
+                    finally { if (e_3) throw e_3.error; }
                 }
+                this.changeDetector.markForCheck();
+            },
+            enumerable: false,
+            configurable: true
+        });
+        Object.defineProperty(SkyAgGridRowDeleteDirective.prototype, "tableWidth", {
+            get: function () {
+                return this.elementRef.nativeElement.querySelectorAll('.sky-ag-grid')[0]
+                    .offsetWidth;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        SkyAgGridRowDeleteDirective.prototype.ngAfterContentInit = function () {
+            var _this = this;
+            var factory = this.resolver.resolveComponentFactory(SkyAgGridRowDeleteComponent);
+            this.rowDeleteComponent =
+                this.viewContainerRef.createComponent(factory).instance;
+            this.agGrid.rowDataChanged
+                .pipe(operators.takeUntil(this.ngUnsubscribe))
+                .subscribe(function () {
+                _this.updateRowDeleteStates();
             });
+            this.agGrid.rowDataUpdated
+                .pipe(operators.takeUntil(this.ngUnsubscribe))
+                .subscribe(function () {
+                _this.updateRowDeleteStates();
+            });
+            this.agGrid.sortChanged
+                .pipe(operators.takeUntil(this.ngUnsubscribe))
+                .subscribe(function () {
+                _this.updateRowDeleteStates();
+            });
+            this.agGrid.filterChanged
+                .pipe(operators.takeUntil(this.ngUnsubscribe))
+                .subscribe(function () {
+                _this.updateRowDeleteStates();
+            });
+            this.agGrid.getRowNodeId = function (data) {
+                return data.id.toString();
+            };
         };
-        /**
-         * 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.
-         */
-        SkyAgGridCellEditorDatepickerComponent.prototype.afterGuiAttached = function () {
-            this.focusOnDatepickerInput();
-        };
-        /**
-         * getValue is called by agGrid when editing is stopped to get the new value of the cell.
-         */
-        SkyAgGridCellEditorDatepickerComponent.prototype.getValue = function () {
-            this.datepickerInput.nativeElement.blur();
-            return this.currentDate;
-        };
-        SkyAgGridCellEditorDatepickerComponent.prototype.focusOnDatepickerInput = function () {
-            this.datepickerInput.nativeElement.focus();
-        };
-        return SkyAgGridCellEditorDatepickerComponent;
-    }(agGridCommunity.PopupComponent));
-    SkyAgGridCellEditorDatepickerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", 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.16", 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"], outputs: ["calendarDateRangeChange"] }], 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.16", ngImport: i0__namespace, type: SkyAgGridCellEditorDatepickerComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-ag-grid-cell-editor-datepicker',
-                        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,
-                    }]
-            }], ctorParameters: function () {
-            return [{ type: i1__namespace$3.SkyThemeService, decorators: [{
-                            type: i0.Optional
-                        }] }];
-        }, propDecorators: { datepickerInput: [{
-                    type: i0.ViewChild,
-                    args: ['skyCellEditorDatepickerInput', { read: i0.ElementRef }]
-                }] } });
-
-    var SkyAgGridCellEditorDatepickerModule = /** @class */ (function () {
-        function SkyAgGridCellEditorDatepickerModule() {
-        }
-        return SkyAgGridCellEditorDatepickerModule;
-    }());
-    SkyAgGridCellEditorDatepickerModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellEditorDatepickerModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyAgGridCellEditorDatepickerModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", 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.16", ngImport: i0__namespace, type: SkyAgGridCellEditorDatepickerModule, imports: [[i2.SkyDatepickerModule, i1$2.FormsModule]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellEditorDatepickerModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        imports: [i2.SkyDatepickerModule, i1$2.FormsModule],
-                        declarations: [SkyAgGridCellEditorDatepickerComponent],
-                        exports: [SkyAgGridCellEditorDatepickerComponent],
-                    }]
-            }] });
-
-    function applySkyLookupPropertiesDefaults(skyLookupProperties) {
-        return {
-            ariaLabel: skyLookupProperties.ariaLabel || '',
-            autocompleteAttribute: skyLookupProperties.autocompleteAttribute || 'off',
-            data: skyLookupProperties.data || [],
-            debounceTime: skyLookupProperties.debounceTime || 0,
-            descriptorProperty: skyLookupProperties.descriptorProperty || 'name',
-            disabled: skyLookupProperties.disabled || false,
-            enableShowMore: skyLookupProperties.enableShowMore || false,
-            idProperty: skyLookupProperties.idProperty || undefined,
-            placeholderText: skyLookupProperties.placeholderText || '',
-            propertiesToSearch: skyLookupProperties.propertiesToSearch || undefined,
-            search: skyLookupProperties.search || undefined,
-            searchFilters: skyLookupProperties.searchFilters || [],
-            searchResultsLimit: skyLookupProperties.searchResultsLimit || undefined,
-            searchResultTemplate: skyLookupProperties.searchResultTemplate || undefined,
-            searchTextMinimumCharacters: skyLookupProperties.searchTextMinimumCharacters || 1,
-            selectMode: skyLookupProperties.selectMode || undefined,
-            showAddButton: skyLookupProperties.showAddButton || false,
-            showMoreConfig: skyLookupProperties.showMoreConfig || {},
-            wrapperClass: 'ag-custom-component-popup',
-        };
-    }
-
-    var SkyAgGridCellEditorLookupComponent = /** @class */ (function () {
-        function SkyAgGridCellEditorLookupComponent(changeDetector, elementRef) {
-            this.changeDetector = changeDetector;
-            this.elementRef = elementRef;
-            this.isAlive = true;
-            this.lookupForm = new i1$2.FormGroup({
-                currentSelection: new i1$2.FormControl({
-                    value: [],
-                    disabled: false,
-                }),
+        SkyAgGridRowDeleteDirective.prototype.ngOnDestroy = function () {
+            var _this = this;
+            this.ngUnsubscribe.next();
+            this.ngUnsubscribe.complete();
+            Object.keys(this.rowDeleteContents).forEach(function (id) {
+                _this.destroyRowDelete(id);
             });
-        }
-        SkyAgGridCellEditorLookupComponent.prototype.agInit = function (params) {
-            this.params = params;
-            if (!Array.isArray(this.params.value)) {
-                throw new Error("Lookup value must be an array");
-            }
-            var control = this.lookupForm.get('currentSelection');
-            control.setValue(this.params.value);
-            if (this.params.skyComponentProperties.disabled) {
-                control.disable();
-            }
-            this.skyComponentProperties = this.updateComponentProperties(this.params);
-            this.changeDetector.markForCheck();
         };
-        SkyAgGridCellEditorLookupComponent.prototype.isCancelAfterEnd = function () {
-            // Shut down components to commit values before final value syncs to grid.
-            this.isAlive = false;
-            this.changeDetector.detectChanges();
-            return false;
+        SkyAgGridRowDeleteDirective.prototype.cancelRowDelete = function (row) {
+            this.rowDeleteConfigs = this.rowDeleteConfigs.filter(function (config) { return config.id !== row.id; });
+            this.rowDeleteCancel.emit({ id: row.id });
+            this.destroyRowDelete(row.id);
         };
-        SkyAgGridCellEditorLookupComponent.prototype.getGui = function () {
-            return this.elementRef.nativeElement;
+        SkyAgGridRowDeleteDirective.prototype.confirmRowDelete = function (row) {
+            this.rowDeleteConfigs.find(function (config) { return config.id === row.id; }).pending = true;
+            this.rowDeleteConfirm.emit({ id: row.id });
         };
-        SkyAgGridCellEditorLookupComponent.prototype.getValue = function () {
-            return this.lookupForm.get('currentSelection').value;
+        SkyAgGridRowDeleteDirective.prototype.getRowDeleteItem = function (row) {
+            return this.rowDeleteConfigs.find(function (rowDelete) { return rowDelete.id === row.id; });
         };
-        SkyAgGridCellEditorLookupComponent.prototype.isPopup = function () {
-            return true;
+        SkyAgGridRowDeleteDirective.prototype.affixToRow = function (affixer, id) {
+            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 */
+            if (!rowElement) {
+                var columns = this.elementRef.nativeElement.querySelectorAll('[row-id="' + id + '"] > div');
+                for (var i = 0; i < columns.length; i++) {
+                    if (columns[i].querySelector('[aria-colindex="1"]')) {
+                        rowElement = columns[i];
+                        break;
+                    }
+                }
+            }
+            affixer.affixTo(rowElement, {
+                autoFitContext: i1.SkyAffixAutoFitContext.Viewport,
+                isSticky: true,
+                placement: 'above',
+                verticalAlignment: 'top',
+                horizontalAlignment: 'left',
+                enableAutoFit: false,
+            });
         };
-        /*istanbul ignore next*/
-        SkyAgGridCellEditorLookupComponent.prototype.afterGuiAttached = function () {
+        SkyAgGridRowDeleteDirective.prototype.destroyRowDelete = function (id) {
             var _a;
-            (_a = this.elementRef.nativeElement.querySelector('.sky-lookup-input')) === null || _a === void 0 ? void 0 : _a.focus();
+            var rowDeleteContents = this.rowDeleteContents[id];
+            /* sanity check */
+            /* istanbul ignore else */
+            if (rowDeleteContents) {
+                rowDeleteContents.affixer.destroy();
+                this.overlayService.close(rowDeleteContents.overlay);
+                delete this.rowDeleteContents[id];
+                this.rowDeleteConfigs = this.rowDeleteConfigs.filter(function (config) { return config.id !== id; });
+                this._rowDeleteIds = (_a = this.rowDeleteIds) === null || _a === void 0 ? void 0 : _a.filter(function (arrayId) { return arrayId !== id; });
+                this.rowDeleteIdsChange.emit(this._rowDeleteIds);
+            }
         };
-        SkyAgGridCellEditorLookupComponent.prototype.updateComponentProperties = function (params) {
-            var skyLookupProperties = params.skyComponentProperties;
-            return applySkyLookupPropertiesDefaults(skyLookupProperties);
+        SkyAgGridRowDeleteDirective.prototype.updateRowDeleteStates = function () {
+            var _this = this;
+            this.rowDeleteConfigs.forEach(function (config) {
+                if (!_this.agGrid.api.getRowNode(config.id)) {
+                    _this.destroyRowDelete(config.id);
+                }
+                else {
+                    // We must reaffix things when the data changes because the rows rerender and the previous element that the delete was affixed
+                    // to is destroyed.
+                    _this.affixToRow(_this.rowDeleteContents[config.id].affixer, config.id);
+                }
+            });
+            this.changeDetector.markForCheck();
         };
-        return SkyAgGridCellEditorLookupComponent;
-    }());
-    SkyAgGridCellEditorLookupComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", 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.16", 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.16", ngImport: i0__namespace, type: SkyAgGridCellEditorLookupComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-ag-grid-cell-editor-lookup',
-                        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 }]; } });
-
-    var SkyAgGridCellEditorLookupModule = /** @class */ (function () {
-        function SkyAgGridCellEditorLookupModule() {
-        }
-        return SkyAgGridCellEditorLookupModule;
-    }());
-    SkyAgGridCellEditorLookupModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellEditorLookupModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyAgGridCellEditorLookupModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", 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.16", ngImport: i0__namespace, type: SkyAgGridCellEditorLookupModule, imports: [[
-                i3$1.CommonModule,
-                i1$2.ReactiveFormsModule,
-                i3.SkyI18nModule,
-                i1$4.SkyInputBoxModule,
-                i1$1.SkyLookupModule,
-            ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellEditorLookupModule, decorators: [{
-                type: i0.NgModule,
+        return SkyAgGridRowDeleteDirective;
+    }());
+    SkyAgGridRowDeleteDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", 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.16", 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.16", ngImport: i0__namespace, type: SkyAgGridRowDeleteDirective, decorators: [{
+                type: i0.Directive,
                 args: [{
-                        declarations: [SkyAgGridCellEditorLookupComponent],
-                        exports: [SkyAgGridCellEditorLookupComponent],
-                        imports: [
-                            i3$1.CommonModule,
-                            i1$2.ReactiveFormsModule,
-                            i3.SkyI18nModule,
-                            i1$4.SkyInputBoxModule,
-                            i1$1.SkyLookupModule,
-                        ],
+                        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
+                }], rowDeleteCancel: [{
+                    type: i0.Output
+                }], rowDeleteConfirm: [{
+                    type: i0.Output
+                }], rowDeleteIdsChange: [{
+                    type: i0.Output
+                }], agGrid: [{
+                    type: i0.ContentChild,
+                    args: [agGridAngular.AgGridAngular]
+                }] } });
 
     /**
      * @internal
      */
-    var SkyAgGridCellEditorNumberComponent = /** @class */ (function () {
-        function SkyAgGridCellEditorNumberComponent() {
+    var SkyAgGridCellEditorAutocompleteComponent = /** @class */ (function () {
+        function SkyAgGridCellEditorAutocompleteComponent() {
+            this.skyComponentProperties = {};
         }
-        /**
-         * agInit is called by agGrid once after the editor is created and provides the editor with the information it needs.
-         * @param params The cell editor params that include data about the cell, column, row, and grid.
-         */
-        SkyAgGridCellEditorNumberComponent.prototype.agInit = function (params) {
+        SkyAgGridCellEditorAutocompleteComponent.prototype.agInit = function (params) {
             this.params = params;
-            this.value = this.params.value;
-            this.columnHeader = this.params.colDef.headerName;
+            this.currentSelection = this.params.value;
+            this.columnHeader = this.params.colDef && this.params.colDef.headerName;
             this.rowNumber = this.params.rowIndex + 1;
-            this.columnWidth = this.params.column.getActualWidth();
-            this.rowHeightWithoutBorders =
-                this.params.node && this.params.node.rowHeight - 4;
+            this.skyComponentProperties = this.params.skyComponentProperties || {};
         };
-        /**
-         * 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.
-         */
-        SkyAgGridCellEditorNumberComponent.prototype.afterGuiAttached = function () {
+        SkyAgGridCellEditorAutocompleteComponent.prototype.afterGuiAttached = function () {
             this.input.nativeElement.focus();
         };
-        /**
-         * getValue is called by agGrid when editing is stopped to get the new value of the cell.
-         */
-        SkyAgGridCellEditorNumberComponent.prototype.getValue = function () {
-            return this.value;
+        SkyAgGridCellEditorAutocompleteComponent.prototype.getValue = function () {
+            return this.currentSelection;
         };
-        return SkyAgGridCellEditorNumberComponent;
+        return SkyAgGridCellEditorAutocompleteComponent;
     }());
-    SkyAgGridCellEditorNumberComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellEditorNumberComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyAgGridCellEditorNumberComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", 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    'sky_ag_grid_cell_editor_number_aria_label'\n      | skyLibResources: columnHeader:rowNumber\n  \"\n  [style.width.px]=\"columnWidth\"\n  [style.height.px]=\"rowHeightWithoutBorders\"\n  [(ngModel)]=\"value\"\n  #skyCellEditorNumber\n/>\n", styles: ["input{border:none;text-align:right}\n"], directives: [{ type: i1__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.16", ngImport: i0__namespace, type: SkyAgGridCellEditorNumberComponent, decorators: [{
+    SkyAgGridCellEditorAutocompleteComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellEditorAutocompleteComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyAgGridCellEditorAutocompleteComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", 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$3.λ2, selector: "sky-autocomplete", inputs: ["ariaLabelledBy", "data", "debounceTime", "descriptorProperty", "enableShowMore", "messageStream", "wrapperClass", "propertiesToSearch", "search", "searchResultTemplate", "searchTextMinimumCharacters", "searchFilters", "searchResultsLimit", "showAddButton", "noResultsFoundText", "searchAsyncDisabled"], outputs: ["addClick", "showMoreClick", "selectionChange", "searchAsync"] }], directives: [{ type: i1__namespace$3.λ1, selector: "input[skyAutocomplete], textarea[skyAutocomplete]", inputs: ["autocompleteAttribute", "disabled"] }, { type: i1__namespace$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1__namespace$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "skyLibResources": i3__namespace$1.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellEditorAutocompleteComponent, decorators: [{
                 type: i0.Component,
                 args: [{
-                        selector: 'sky-ag-grid-cell-editor-number',
-                        template: "<input\n  type=\"number\"\n  [attr.aria-label]=\"\n    'sky_ag_grid_cell_editor_number_aria_label'\n      | skyLibResources: columnHeader:rowNumber\n  \"\n  [style.width.px]=\"columnWidth\"\n  [style.height.px]=\"rowHeightWithoutBorders\"\n  [(ngModel)]=\"value\"\n  #skyCellEditorNumber\n/>\n",
-                        styles: ["input{border:none;text-align:right}\n"],
+                        selector: 'sky-ag-grid-cell-editor-autocomplete',
+                        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,
-                    args: ['skyCellEditorNumber', { read: i0.ElementRef }]
+                    args: ['skyCellEditorAutocomplete', { read: i0.ElementRef }]
                 }] } });
 
-    var SkyAgGridCellEditorNumberModule = /** @class */ (function () {
-        function SkyAgGridCellEditorNumberModule() {
-        }
-        return SkyAgGridCellEditorNumberModule;
-    }());
-    SkyAgGridCellEditorNumberModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellEditorNumberModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyAgGridCellEditorNumberModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", 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.16", ngImport: i0__namespace, type: SkyAgGridCellEditorNumberModule, imports: [[AgGridResourcesModule, i1$2.FormsModule]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellEditorNumberModule, decorators: [{
-                type: i0.NgModule,
-                args: [{
-                        imports: [AgGridResourcesModule, i1$2.FormsModule],
-                        declarations: [SkyAgGridCellEditorNumberComponent],
-                        exports: [SkyAgGridCellEditorNumberComponent],
-                    }]
-            }] });
-
     /**
-     * @internal
+     * NOTICE: DO NOT MODIFY THIS FILE!
+     * The contents of this file were automatically generated by
+     * the 'ng generate @skyux/i18n:lib-resources-module modules/shared/ag-grid' schematic.
+     * To update this file, simply rerun the command.
      */
-    var SkyAgGridCellEditorTextComponent = /** @class */ (function () {
-        function SkyAgGridCellEditorTextComponent() {
+    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' },
+        },
+    };
+    var AgGridResourcesProvider = /** @class */ (function () {
+        function AgGridResourcesProvider() {
         }
-        /**
-         * agInit is called by agGrid once after the editor is created and provides the editor with the information it needs.
-         * @param params The cell editor params that include data about the cell, column, row, and grid.
-         */
-        SkyAgGridCellEditorTextComponent.prototype.agInit = function (params) {
-            this.params = params;
-            this.value = this.params.charPress || this.params.value;
-            this.columnHeader = this.params.colDef.headerName;
-            this.rowNumber = this.params.rowIndex + 1;
-            this.columnWidth = this.params.column.getActualWidth();
-            this.rowHeightWithoutBorders =
-                this.params.node && this.params.node.rowHeight - 4;
-        };
-        /**
-         * afterGuiAttached is called by agGrid after the editor is rendered in the DOM. Once it is attached the editor is ready to be focused on.
-         */
-        SkyAgGridCellEditorTextComponent.prototype.afterGuiAttached = function () {
-            this.input.nativeElement.focus();
-        };
-        /**
-         * getValue is called by agGrid when editing is stopped to get the new value of the cell.
-         */
-        SkyAgGridCellEditorTextComponent.prototype.getValue = function () {
-            return this.value;
+        AgGridResourcesProvider.prototype.getString = function (localeInfo, name) {
+            return i3$1.getLibStringForLocale(RESOURCES, localeInfo.locale, name);
         };
-        return SkyAgGridCellEditorTextComponent;
+        return AgGridResourcesProvider;
     }());
-    SkyAgGridCellEditorTextComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellEditorTextComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyAgGridCellEditorTextComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", 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    'sky_ag_grid_cell_editor_text_aria_label'\n      | skyLibResources: columnHeader:rowNumber\n  \"\n  [style.width.px]=\"columnWidth\"\n  [style.height.px]=\"rowHeightWithoutBorders\"\n  [(ngModel)]=\"value\"\n  #skyCellEditorText\n/>\n", styles: ["input{border:none;padding-left:11px}\n"], directives: [{ type: i1__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.16", ngImport: i0__namespace, type: SkyAgGridCellEditorTextComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-ag-grid-cell-editor-text',
-                        template: "<input\n  type=\"text\"\n  [attr.aria-label]=\"\n    'sky_ag_grid_cell_editor_text_aria_label'\n      | skyLibResources: columnHeader:rowNumber\n  \"\n  [style.width.px]=\"columnWidth\"\n  [style.height.px]=\"rowHeightWithoutBorders\"\n  [(ngModel)]=\"value\"\n  #skyCellEditorText\n/>\n",
-                        styles: ["input{border:none;padding-left:11px}\n"],
-                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
-                    }]
-            }], propDecorators: { input: [{
-                    type: i0.ViewChild,
-                    args: ['skyCellEditorText', { read: i0.ElementRef }]
-                }] } });
-
-    var SkyAgGridCellEditorTextModule = /** @class */ (function () {
-        function SkyAgGridCellEditorTextModule() {
+    /**
+     * Import into any component library module that needs to use resource strings.
+     */
+    var AgGridResourcesModule = /** @class */ (function () {
+        function AgGridResourcesModule() {
         }
-        return SkyAgGridCellEditorTextModule;
+        return AgGridResourcesModule;
     }());
-    SkyAgGridCellEditorTextModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellEditorTextModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyAgGridCellEditorTextModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", 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.16", ngImport: i0__namespace, type: SkyAgGridCellEditorTextModule, imports: [[AgGridResourcesModule, i1$2.FormsModule]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellEditorTextModule, decorators: [{
+    AgGridResourcesModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: AgGridResourcesModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    AgGridResourcesModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: AgGridResourcesModule, exports: [i3$1.SkyI18nModule] });
+    AgGridResourcesModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: AgGridResourcesModule, providers: [
+            {
+                provide: i3$1.SKY_LIB_RESOURCES_PROVIDERS,
+                useClass: AgGridResourcesProvider,
+                multi: true,
+            },
+        ], imports: [i3$1.SkyI18nModule] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: AgGridResourcesModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
-                        imports: [AgGridResourcesModule, i1$2.FormsModule],
-                        declarations: [SkyAgGridCellEditorTextComponent],
-                        exports: [SkyAgGridCellEditorTextComponent],
+                        exports: [i3$1.SkyI18nModule],
+                        providers: [
+                            {
+                                provide: i3$1.SKY_LIB_RESOURCES_PROVIDERS,
+                                useClass: AgGridResourcesProvider,
+                                multi: true,
+                            },
+                        ],
                     }]
             }] });
 
-    /**
-     * @internal
-     */
-    var SkyAgGridCellValidatorTooltipComponent = /** @class */ (function () {
-        function SkyAgGridCellValidatorTooltipComponent(changeDetector, zone) {
-            this.changeDetector = changeDetector;
-            this.zone = zone;
-            this.indicatorShouldShow = true;
-            this.popoverMessageStream = new rxjs.Subject();
+    var SkyAgGridCellEditorAutocompleteModule = /** @class */ (function () {
+        function SkyAgGridCellEditorAutocompleteModule() {
         }
-        Object.defineProperty(SkyAgGridCellValidatorTooltipComponent.prototype, "params", {
-            set: function (value) {
-                var _this = this;
-                var _a, _b, _c, _d, _e;
-                this.cellRendererParams = value;
-                /*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() ||
-                        eventParams.rowIndex !== _this.cellRendererParams.rowIndex) {
-                        _this.hidePopover();
-                    }
-                });
-                /*istanbul ignore next*/
-                (_b = this.cellRendererParams.eGridCell) === null || _b === void 0 ? void 0 : _b.addEventListener('keyup', function (event) {
-                    if (['ArrowDown', 'ArrowLeft', 'ArrowRight', 'ArrowUp'].includes(event.key)) {
-                        _this.showPopover();
-                    }
-                });
-                /*istanbul ignore next*/
-                (_c = this.cellRendererParams.api) === null || _c === void 0 ? void 0 : _c.addEventListener(agGridCommunity.Events.EVENT_CELL_EDITING_STARTED, function () {
-                    _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);
-                }
-                else {
-                    this.validatorMessage =
-                        (_e = this.cellRendererParams.skyComponentProperties) === null || _e === void 0 ? void 0 : _e.validatorMessage;
-                }
-                this.changeDetector.markForCheck();
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SkyAgGridCellValidatorTooltipComponent.prototype.hideIndicator = function () {
-            var _this = this;
-            this.zone.run(function () {
-                _this.indicatorShouldShow = false;
-                _this.changeDetector.detectChanges();
-            });
-        };
-        SkyAgGridCellValidatorTooltipComponent.prototype.hidePopover = function () {
-            this.popoverMessageStream.next({ type: i2$1.SkyPopoverMessageType.Close });
-        };
-        SkyAgGridCellValidatorTooltipComponent.prototype.showIndicator = function () {
-            var _this = this;
-            this.zone.run(function () {
-                _this.indicatorShouldShow = true;
-                _this.changeDetector.detectChanges();
-            });
-        };
-        SkyAgGridCellValidatorTooltipComponent.prototype.showPopover = function () {
-            this.popoverMessageStream.next({ type: i2$1.SkyPopoverMessageType.Open });
-        };
-        return SkyAgGridCellValidatorTooltipComponent;
+        return SkyAgGridCellEditorAutocompleteModule;
     }());
-    SkyAgGridCellValidatorTooltipComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", 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.16", 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.16", ngImport: i0__namespace, type: SkyAgGridCellValidatorTooltipComponent, decorators: [{
-                type: i0.Component,
+    SkyAgGridCellEditorAutocompleteModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellEditorAutocompleteModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    SkyAgGridCellEditorAutocompleteModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellEditorAutocompleteModule, declarations: [SkyAgGridCellEditorAutocompleteComponent], imports: [i1$4.FormsModule, AgGridResourcesModule, i1$3.SkyAutocompleteModule], exports: [SkyAgGridCellEditorAutocompleteComponent] });
+    SkyAgGridCellEditorAutocompleteModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellEditorAutocompleteModule, imports: [[i1$4.FormsModule, AgGridResourcesModule, i1$3.SkyAutocompleteModule]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellEditorAutocompleteModule, decorators: [{
+                type: i0.NgModule,
                 args: [{
-                        selector: 'sky-ag-grid-cell-validator-tooltip',
-                        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,
+                        imports: [i1$4.FormsModule, AgGridResourcesModule, i1$3.SkyAutocompleteModule],
+                        declarations: [SkyAgGridCellEditorAutocompleteComponent],
+                        exports: [SkyAgGridCellEditorAutocompleteComponent],
                     }]
-            }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: i0__namespace.NgZone }]; }, propDecorators: { params: [{
-                    type: i0.Input
-                }] } });
+            }] });
 
     /**
      * @internal
      */
-    var SkyAgGridCellRendererCurrencyComponent = /** @class */ (function () {
-        function SkyAgGridCellRendererCurrencyComponent() {
+    var SkyAgGridCellEditorCurrencyComponent = /** @class */ (function () {
+        function SkyAgGridCellEditorCurrencyComponent() {
             this.skyComponentProperties = {};
-            this.numericOptions = {};
         }
-        Object.defineProperty(SkyAgGridCellRendererCurrencyComponent.prototype, "params", {
-            set: function (value) {
-                this.agInit(value);
-            },
-            enumerable: false,
-            configurable: true
-        });
         /**
-         * agInit is called by agGrid once after the renderer is created and provides the renderer with the information it needs.
-         * @param params The cell renderer params that include data about the cell, column, row, and grid.
+         * agInit is called by agGrid once after the editor is created and provides the editor with the information it needs.
+         * @param params The cell editor params that include data about the cell, column, row, and grid.
          */
-        SkyAgGridCellRendererCurrencyComponent.prototype.agInit = function (params) {
-            this.updateProperties(params);
-        };
-        SkyAgGridCellRendererCurrencyComponent.prototype.refresh = function (params) {
-            return false;
-        };
-        SkyAgGridCellRendererCurrencyComponent.prototype.updateProperties = function (params) {
-            var _a;
-            this._params = params;
-            this.value = this._params.value;
-            this.columnHeader = this._params.colDef && this._params.colDef.headerName;
-            this.rowNumber = this._params.rowIndex + 1;
-            this.columnWidth = (_a = this._params.column) === null || _a === void 0 ? void 0 : _a.getActualWidth();
+        SkyAgGridCellEditorCurrencyComponent.prototype.agInit = function (params) {
+            this.params = params;
+            this.value = this.params.value;
+            this.columnHeader = this.params.colDef.headerName;
+            this.rowNumber = this.params.rowIndex + 1;
+            this.columnWidth = this.params.column.getActualWidth();
             this.rowHeightWithoutBorders =
-                this._params.node && this._params.node.rowHeight - 4;
-            this.skyComponentProperties = this._params.skyComponentProperties || {};
-            this.skyComponentProperties.format = 'currency';
-            this.skyComponentProperties.minDigits = 2;
-            this.skyComponentProperties.truncate = false;
+                this.params.node && this.params.node.rowHeight - 4;
+            this.skyComponentProperties = this.params.skyComponentProperties || {
+                decimalPlaces: 2,
+                currencySymbol: '$',
+            };
         };
-        return SkyAgGridCellRendererCurrencyComponent;
-    }());
-    SkyAgGridCellRendererCurrencyComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellRendererCurrencyComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyAgGridCellRendererCurrencyComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", 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.16", ngImport: i0__namespace, type: SkyAgGridCellRendererCurrencyComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-ag-grid-cell-renderer-currency',
-                        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;
-        }
-        Object.defineProperty(SkyAgGridCellRendererCurrencyValidatorComponent.prototype, "parameters", {
-            set: function (value) {
-                this.agInit(value);
-            },
-            enumerable: false,
-            configurable: true
-        });
         /**
-         * agInit is called by agGrid once after the renderer is created and provides the renderer with the information it needs.
-         * @param params The cell renderer params that include data about the cell, column, row, and grid.
+         * 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.
          */
-        SkyAgGridCellRendererCurrencyValidatorComponent.prototype.agInit = function (params) {
-            this.cellRendererParams = params;
-            this.changeDetector.markForCheck();
-        };
-        SkyAgGridCellRendererCurrencyValidatorComponent.prototype.isNumeric = function (value) {
-            return !isNaN(parseFloat(value));
+        SkyAgGridCellEditorCurrencyComponent.prototype.afterGuiAttached = function () {
+            this.input.nativeElement.focus();
         };
-        SkyAgGridCellRendererCurrencyValidatorComponent.prototype.refresh = function (params) {
-            return false;
+        /**
+         * getValue is called by agGrid when editing is stopped to get the new value of the cell.
+         */
+        SkyAgGridCellEditorCurrencyComponent.prototype.getValue = function () {
+            return this.value;
         };
-        return SkyAgGridCellRendererCurrencyValidatorComponent;
+        return SkyAgGridCellEditorCurrencyComponent;
     }());
-    SkyAgGridCellRendererCurrencyValidatorComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", 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.16", 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.16", ngImport: i0__namespace, type: SkyAgGridCellRendererCurrencyValidatorComponent, decorators: [{
+    SkyAgGridCellEditorCurrencyComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellEditorCurrencyComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyAgGridCellEditorCurrencyComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", 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    'sky_ag_grid_cell_editor_currency_aria_label'\n      | skyLibResources: columnHeader:rowNumber\n  \"\n  [style.width.px]=\"columnWidth\"\n  [style.height.px]=\"rowHeightWithoutBorders\"\n  [(ngModel)]=\"value\"\n  [skyAutonumeric]=\"skyComponentProperties\"\n  #skyCellEditorCurrency\n/>\n", styles: ["input{border:none;padding-left:11px}\n"], directives: [{ type: i1__namespace$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i2__namespace.λ1, selector: "input[skyAutonumeric]", inputs: ["skyAutonumeric"] }, { type: i1__namespace$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "skyLibResources": i3__namespace$1.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellEditorCurrencyComponent, decorators: [{
                 type: i0.Component,
                 args: [{
-                        selector: 'sky-ag-grid-cell-renderer-currency-validator',
-                        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",
+                        selector: 'sky-ag-grid-cell-editor-currency',
+                        template: "<input\n  type=\"text\"\n  [attr.aria-label]=\"\n    'sky_ag_grid_cell_editor_currency_aria_label'\n      | skyLibResources: columnHeader:rowNumber\n  \"\n  [style.width.px]=\"columnWidth\"\n  [style.height.px]=\"rowHeightWithoutBorders\"\n  [(ngModel)]=\"value\"\n  [skyAutonumeric]=\"skyComponentProperties\"\n  #skyCellEditorCurrency\n/>\n",
+                        styles: ["input{border:none;padding-left:11px}\n"],
                         changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     }]
-            }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { parameters: [{
-                    type: i0.Input
+            }], propDecorators: { input: [{
+                    type: i0.ViewChild,
+                    args: ['skyCellEditorCurrency', { read: i0.ElementRef }]
                 }] } });
 
-    var SkyAgGridCellRendererLookupComponent = /** @class */ (function () {
-        function SkyAgGridCellRendererLookupComponent(changeDetector) {
-            this.changeDetector = changeDetector;
-            this.value = '';
-            this.summaryCount = 0;
-        }
-        SkyAgGridCellRendererLookupComponent.prototype.agInit = function (params) {
-            var _a;
-            this.lookupProperties = applySkyLookupPropertiesDefaults(params);
-            this.summaryCount = ((_a = params.value) === null || _a === void 0 ? void 0 : _a.length) || 0;
-            this.value = "" + params.valueFormatted;
-            this.changeDetector.markForCheck();
-        };
-        SkyAgGridCellRendererLookupComponent.prototype.refresh = function (params) {
-            this.agInit(params);
-            return true;
-        };
-        return SkyAgGridCellRendererLookupComponent;
-    }());
-    SkyAgGridCellRendererLookupComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", 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.16", 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.16", ngImport: i0__namespace, type: SkyAgGridCellRendererLookupComponent, decorators: [{
-                type: i0.Component,
-                args: [{
-                        selector: 'sky-cell-renderer-lookup',
-                        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 }]; } });
-
-    var SkyAgGridCellRendererLookupModule = /** @class */ (function () {
-        function SkyAgGridCellRendererLookupModule() {
+    var SkyAgGridCellEditorCurrencyModule = /** @class */ (function () {
+        function SkyAgGridCellEditorCurrencyModule() {
         }
-        return SkyAgGridCellRendererLookupModule;
+        return SkyAgGridCellEditorCurrencyModule;
     }());
-    SkyAgGridCellRendererLookupModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellRendererLookupModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyAgGridCellRendererLookupModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", 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.16", ngImport: i0__namespace, type: SkyAgGridCellRendererLookupModule, imports: [[i3$1.CommonModule, AgGridResourcesModule]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellRendererLookupModule, decorators: [{
+    SkyAgGridCellEditorCurrencyModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellEditorCurrencyModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    SkyAgGridCellEditorCurrencyModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellEditorCurrencyModule, declarations: [SkyAgGridCellEditorCurrencyComponent], imports: [AgGridResourcesModule, i1$4.FormsModule, i2.SkyAutonumericModule], exports: [SkyAgGridCellEditorCurrencyComponent] });
+    SkyAgGridCellEditorCurrencyModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellEditorCurrencyModule, imports: [[AgGridResourcesModule, i1$4.FormsModule, i2.SkyAutonumericModule]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellEditorCurrencyModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
-                        declarations: [SkyAgGridCellRendererLookupComponent],
-                        exports: [SkyAgGridCellRendererLookupComponent],
-                        imports: [i3$1.CommonModule, AgGridResourcesModule],
+                        imports: [AgGridResourcesModule, i1$4.FormsModule, i2.SkyAutonumericModule],
+                        declarations: [SkyAgGridCellEditorCurrencyComponent],
+                        exports: [SkyAgGridCellEditorCurrencyComponent],
                     }]
             }] });
 
     /**
      * @internal
      */
-    var SkyAgGridCellRendererRowSelectorComponent = /** @class */ (function () {
-        function SkyAgGridCellRendererRowSelectorComponent(changeDetection) {
-            this.changeDetection = changeDetection;
+    var SkyAgGridCellEditorDatepickerComponent = /** @class */ (function (_super) {
+        __extends(SkyAgGridCellEditorDatepickerComponent, _super);
+        function SkyAgGridCellEditorDatepickerComponent(themeSvc) {
+            var _this = _super.call(this) || this;
+            _this.themeSvc = themeSvc;
+            _this.skyComponentProperties = {};
+            return _this;
         }
         /**
-         * agInit is called by agGrid once after the cell is created and provides the renderer with the information it needs.
-         * @param params The cell renderer params that include data about the cell, column, row, and grid.
+         * agInit is called by agGrid once after the editor is created and provides the editor with the information it needs.
+         * @param params The cell editor params that include data about the cell, column, row, and grid.
          */
-        SkyAgGridCellRendererRowSelectorComponent.prototype.agInit = function (params) {
+        SkyAgGridCellEditorDatepickerComponent.prototype.agInit = function (params) {
             var _this = this;
+            var _a;
             this.params = params;
-            this.dataField = this.params.colDef && this.params.colDef.field;
-            this.rowNode = this.params.node;
-            this.rowNumber = this.params.rowIndex + 1;
-            if (this.dataField) {
-                this.checked = this.params.value;
-                this.rowNode.setSelected(this.checked);
-            }
-            else {
-                this.checked = this.rowNode.isSelected();
-            }
-            this.rowNode.addEventListener(agGridCommunity.RowNode.EVENT_ROW_SELECTED, function (event) {
-                _this.rowSelectedListener(event);
+            this.currentDate = this.params.value;
+            this.skyComponentProperties = this.params.skyComponentProperties || {};
+            this.columnWidth = this.params.column.getActualWidth();
+            this.columnWidthWithoutBorders = this.columnWidth - 2;
+            this.rowHeightWithoutBorders =
+                this.params.node && this.params.node.rowHeight - 3;
+            (_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;
+                }
+                else {
+                    _this.columnWidthWithoutBorders = _this.columnWidth - 2;
+                    _this.rowHeightWithoutBorders =
+                        _this.params.node && _this.params.node.rowHeight - 3;
+                }
             });
         };
         /**
-         * Used by agGrid to update cell value after a user triggers a refresh. It updates the cell DOM and returns true when the refresh is
-         * successful, or false if the cell should be destroyed and rerendered. If consumers have external logic that changes the value of a
-         * checkbox cell, rerendering it will gurantee the change applies without knowing the consumer's implementation.
+         * 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.
          */
-        SkyAgGridCellRendererRowSelectorComponent.prototype.refresh = function () {
-            return false;
+        SkyAgGridCellEditorDatepickerComponent.prototype.afterGuiAttached = function () {
+            this.focusOnDatepickerInput();
         };
-        SkyAgGridCellRendererRowSelectorComponent.prototype.updateRow = function () {
-            this.rowNode.setSelected(this.checked);
-            if (this.dataField) {
-                this.rowNode.data[this.dataField] = this.checked;
-            }
+        /**
+         * getValue is called by agGrid when editing is stopped to get the new value of the cell.
+         */
+        SkyAgGridCellEditorDatepickerComponent.prototype.getValue = function () {
+            this.datepickerInput.nativeElement.blur();
+            return this.currentDate;
         };
-        SkyAgGridCellRendererRowSelectorComponent.prototype.rowSelectedListener = function (event) {
-            this.checked = event.node.isSelected();
-            if (this.dataField) {
-                this.rowNode.data[this.dataField] = this.checked;
-            }
-            this.changeDetection.markForCheck();
+        SkyAgGridCellEditorDatepickerComponent.prototype.focusOnDatepickerInput = function () {
+            this.datepickerInput.nativeElement.focus();
         };
-        return SkyAgGridCellRendererRowSelectorComponent;
-    }());
-    SkyAgGridCellRendererRowSelectorComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", 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.16", 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]=\"'sky_ag_grid_row_selector_aria_label' | skyLibResources: rowNumber\"\n  [attr.aria-label]=\"\n    'sky_ag_grid_row_selector_aria_label' | skyLibResources: rowNumber\n  \"\n  [(ngModel)]=\"checked\"\n  (change)=\"updateRow()\"\n>\n</sky-checkbox>\n", styles: [".sky-ag-grid-cell-row-selector .sky-switch-control{top:-6px}\n"], components: [{ type: i1__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.16", ngImport: i0__namespace, type: SkyAgGridCellRendererRowSelectorComponent, decorators: [{
+        return SkyAgGridCellEditorDatepickerComponent;
+    }(agGridCommunity.PopupComponent));
+    SkyAgGridCellEditorDatepickerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellEditorDatepickerComponent, deps: [{ token: i1__namespace$5.SkyThemeService, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyAgGridCellEditorDatepickerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", 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$1.λ2, selector: "sky-datepicker", inputs: ["pickerClass"], outputs: ["calendarDateRangeChange"] }], directives: [{ type: i1__namespace$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i2__namespace$1.λ3, selector: "[skyDatepickerInput]", inputs: ["dateFormat", "disabled", "maxDate", "minDate", "skyDatepickerInput", "skyDatepickerNoValidate", "startingDay", "strict"] }, { type: i1__namespace$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$4.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.16", ngImport: i0__namespace, type: SkyAgGridCellEditorDatepickerComponent, decorators: [{
                 type: i0.Component,
                 args: [{
-                        selector: 'sky-ag-grid-cell-renderer-row-selector',
-                        template: "<sky-checkbox\n  data-sky-id=\"row-checkbox\"\n  tabindex=\"-1\"\n  [label]=\"'sky_ag_grid_row_selector_aria_label' | skyLibResources: rowNumber\"\n  [attr.aria-label]=\"\n    'sky_ag_grid_row_selector_aria_label' | skyLibResources: rowNumber\n  \"\n  [(ngModel)]=\"checked\"\n  (change)=\"updateRow()\"\n>\n</sky-checkbox>\n",
-                        styles: [".sky-ag-grid-cell-row-selector .sky-switch-control{top:-6px}\n"],
+                        selector: 'sky-ag-grid-cell-editor-datepicker',
+                        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,
                     }]
-            }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }]; } });
+            }], ctorParameters: function () {
+            return [{ type: i1__namespace$5.SkyThemeService, decorators: [{
+                            type: i0.Optional
+                        }] }];
+        }, propDecorators: { datepickerInput: [{
+                    type: i0.ViewChild,
+                    args: ['skyCellEditorDatepickerInput', { read: i0.ElementRef }]
+                }] } });
 
-    var SkyAgGridCellRendererRowSelectorModule = /** @class */ (function () {
-        function SkyAgGridCellRendererRowSelectorModule() {
+    var SkyAgGridCellEditorDatepickerModule = /** @class */ (function () {
+        function SkyAgGridCellEditorDatepickerModule() {
         }
-        return SkyAgGridCellRendererRowSelectorModule;
+        return SkyAgGridCellEditorDatepickerModule;
     }());
-    SkyAgGridCellRendererRowSelectorModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellRendererRowSelectorModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyAgGridCellRendererRowSelectorModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", 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.16", ngImport: i0__namespace, type: SkyAgGridCellRendererRowSelectorModule, imports: [[AgGridResourcesModule, i1$4.SkyCheckboxModule, i1$2.FormsModule]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellRendererRowSelectorModule, decorators: [{
+    SkyAgGridCellEditorDatepickerModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellEditorDatepickerModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    SkyAgGridCellEditorDatepickerModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellEditorDatepickerModule, declarations: [SkyAgGridCellEditorDatepickerComponent], imports: [i2$1.SkyDatepickerModule, i1$4.FormsModule], exports: [SkyAgGridCellEditorDatepickerComponent] });
+    SkyAgGridCellEditorDatepickerModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellEditorDatepickerModule, imports: [[i2$1.SkyDatepickerModule, i1$4.FormsModule]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellEditorDatepickerModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
-                        imports: [AgGridResourcesModule, i1$4.SkyCheckboxModule, i1$2.FormsModule],
-                        declarations: [SkyAgGridCellRendererRowSelectorComponent],
-                        exports: [SkyAgGridCellRendererRowSelectorComponent],
+                        imports: [i2$1.SkyDatepickerModule, i1$4.FormsModule],
+                        declarations: [SkyAgGridCellEditorDatepickerComponent],
+                        exports: [SkyAgGridCellEditorDatepickerComponent],
                     }]
             }] });
 
-    /**
-     * @internal
-     */
-    var SkyAgGridDataManagerAdapterDirective = /** @class */ (function () {
-        function SkyAgGridDataManagerAdapterDirective(changeDetector, dataManagerSvc) {
+    function applySkyLookupPropertiesDefaults(skyLookupProperties) {
+        return {
+            addClick: skyLookupProperties.addClick || undefined,
+            ariaLabel: skyLookupProperties.ariaLabel || '',
+            autocompleteAttribute: skyLookupProperties.autocompleteAttribute || 'off',
+            data: skyLookupProperties.data || [],
+            debounceTime: skyLookupProperties.debounceTime || 0,
+            descriptorProperty: skyLookupProperties.descriptorProperty || 'name',
+            disabled: skyLookupProperties.disabled || false,
+            enableShowMore: skyLookupProperties.enableShowMore || false,
+            idProperty: skyLookupProperties.idProperty || undefined,
+            placeholderText: skyLookupProperties.placeholderText || '',
+            propertiesToSearch: skyLookupProperties.propertiesToSearch || undefined,
+            search: skyLookupProperties.search || undefined,
+            searchAsync: skyLookupProperties.searchAsync || undefined,
+            searchFilters: skyLookupProperties.searchFilters || [],
+            searchResultsLimit: skyLookupProperties.searchResultsLimit || undefined,
+            searchResultTemplate: skyLookupProperties.searchResultTemplate || undefined,
+            searchTextMinimumCharacters: skyLookupProperties.searchTextMinimumCharacters || 1,
+            selectMode: skyLookupProperties.selectMode || undefined,
+            showAddButton: skyLookupProperties.showAddButton || false,
+            showMoreConfig: skyLookupProperties.showMoreConfig || {},
+            wrapperClass: 'ag-custom-component-popup',
+        };
+    }
+
+    var SkyAgGridCellEditorLookupComponent = /** @class */ (function () {
+        function SkyAgGridCellEditorLookupComponent(changeDetector, elementRef) {
             this.changeDetector = changeDetector;
-            this.dataManagerSvc = dataManagerSvc;
-            this.ngUnsubscribe = new rxjs.Subject();
+            this.elementRef = elementRef;
+            this.isAlive = false;
+            this.lookupForm = new i1$4.FormGroup({
+                currentSelection: new i1$4.FormControl({
+                    value: [],
+                    disabled: false,
+                }),
+            });
+            this.useAsyncSearch = false;
         }
-        SkyAgGridDataManagerAdapterDirective.prototype.ngAfterContentInit = function () {
-            var _this = this;
-            this.dataManagerSvc.setViewkeeperClasses(this.viewId, ['.ag-header']);
-            this.viewConfig = this.dataManagerSvc.getViewById(this.viewId);
-            this.checkForAgGrid();
-            this.checkForSkyAgGridWrapper();
-            this.agGridList.changes
-                .pipe(operators.takeUntil(this.ngUnsubscribe))
-                .subscribe(function () { return _this.checkForAgGrid(); });
-            this.skyAgGridWrapperList.changes
-                .pipe(operators.takeUntil(this.ngUnsubscribe))
-                .subscribe(function () { return _this.checkForSkyAgGridWrapper(); });
-        };
-        SkyAgGridDataManagerAdapterDirective.prototype.ngOnDestroy = function () {
-            this.ngUnsubscribe.next();
-            this.ngUnsubscribe.complete();
-        };
-        SkyAgGridDataManagerAdapterDirective.prototype.checkForAgGrid = function () {
-            var agGridCount = this.agGridList.length;
-            /* istanbul ignore else */
-            if (agGridCount === 0) {
-                this.unregisterAgGrid();
-            }
-            else if (this.agGridList.first !== this.currentAgGrid) {
-                this.registerAgGrid();
-            }
-            if (agGridCount > 1) {
-                console.warn('More than one ag-grid child component was found. Using the first ag-Grid.');
-            }
-        };
-        SkyAgGridDataManagerAdapterDirective.prototype.checkForSkyAgGridWrapper = function () {
-            var skyAgGridWrapperCount = this.skyAgGridWrapperList.length;
-            /* istanbul ignore else */
-            if (skyAgGridWrapperCount === 0) {
-                this.unregisterSkyAgGridWrapper();
-            }
-            else if (this.skyAgGridWrapperList.first !== this.currentSkyAgGridWrapper) {
-                this.registerSkyAgGridWrapper();
-            }
-            if (skyAgGridWrapperCount > 1) {
-                console.warn('More than one ag-grid child component was found. Using the first ag-Grid.');
+        SkyAgGridCellEditorLookupComponent.prototype.agInit = function (params) {
+            this.params = params;
+            if (!Array.isArray(this.params.value)) {
+                throw new Error("Lookup value must be an array");
             }
-        };
-        SkyAgGridDataManagerAdapterDirective.prototype.unregisterAgGrid = function () {
-            this.currentAgGrid = undefined;
-            /* istanbul ignore if */
-            if (this.dataStateSub) {
-                this.dataStateSub.unsubscribe();
+            var control = this.lookupForm.get('currentSelection');
+            control.setValue(this.params.value);
+            if (this.params.skyComponentProperties.disabled) {
+                control.disable();
             }
+            this.skyComponentProperties = this.updateComponentProperties(this.params);
+            this.useAsyncSearch =
+                typeof this.skyComponentProperties.searchAsync === 'function';
+            this.isAlive = true;
+            this.changeDetector.markForCheck();
         };
-        SkyAgGridDataManagerAdapterDirective.prototype.unregisterSkyAgGridWrapper = function () {
-            this.currentSkyAgGridWrapper = undefined;
-        };
-        SkyAgGridDataManagerAdapterDirective.prototype.registerSkyAgGridWrapper = function () {
-            var _this = this;
-            this.unregisterSkyAgGridWrapper();
-            this.currentSkyAgGridWrapper = this.skyAgGridWrapperList.first;
-            setTimeout(function () {
-                if (_this.currentSkyAgGridWrapper) {
-                    _this.currentSkyAgGridWrapper.viewkeeperClasses = [];
-                }
-            });
-        };
-        SkyAgGridDataManagerAdapterDirective.prototype.registerAgGrid = function () {
-            var _this = this;
-            this.unregisterAgGrid();
-            var agGrid = this.agGridList.first;
-            this.currentAgGrid = agGrid;
-            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)
-                    .pipe(operators.takeUntil(_this.ngUnsubscribe))
-                    .subscribe(function (dataState) {
-                    _this.currentDataState = dataState;
-                    _this.displayColumns(dataState);
-                });
-                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 (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
-                .pipe(operators.takeUntil(this.ngUnsubscribe))
-                .subscribe(function (event) {
-                var row = event.node;
-                var selectedIds = _this.currentDataState.selectedIds || [];
-                var rowIndex = selectedIds.indexOf(row.data.id);
-                if (row.isSelected() && rowIndex === -1) {
-                    selectedIds.push(row.data.id);
-                }
-                else if (!row.isSelected() && rowIndex !== -1) {
-                    selectedIds.splice(rowIndex, 1);
-                }
-                _this.currentDataState.selectedIds = selectedIds;
-                _this.dataManagerSvc.updateDataState(_this.currentDataState, _this.viewConfig.id);
-                _this.changeDetector.markForCheck();
-            });
-            agGrid.sortChanged.pipe(operators.takeUntil(this.ngUnsubscribe)).subscribe(function () {
-                var gridColumnStates = agGrid.columnApi.getColumnState();
-                var sortOption;
-                /* istanbul ignore else */
-                if (gridColumnStates.length) {
-                    var activeSortColumnState_1 = gridColumnStates.find(function (aGridColumnState) { return aGridColumnState.sortIndex === 0; });
-                    var dataManagerConfig = _this.dataManagerSvc.getCurrentDataManagerConfig();
-                    /* istanbul ignore else */
-                    if (dataManagerConfig.sortOptions && activeSortColumnState_1) {
-                        sortOption = dataManagerConfig.sortOptions.find(function (option) {
-                            return (option.propertyName === activeSortColumnState_1.colId &&
-                                option.descending === (activeSortColumnState_1.sort === 'desc'));
-                        });
-                    }
-                    else {
-                        sortOption = undefined;
-                    }
-                }
-                _this.currentDataState.activeSortOption = sortOption;
-                _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);
+        SkyAgGridCellEditorLookupComponent.prototype.isCancelAfterEnd = function () {
+            // Shut down components to commit values before final value syncs to grid.
+            this.isAlive = false;
+            this.changeDetector.detectChanges();
+            return false;
         };
-        SkyAgGridDataManagerAdapterDirective.prototype.getColumnOrder = function (columnApi) {
-            return columnApi
-                .getAllDisplayedVirtualColumns()
-                .map(function (col) { return col.getColDef().colId; });
+        SkyAgGridCellEditorLookupComponent.prototype.getGui = function () {
+            return this.elementRef.nativeElement;
         };
-        SkyAgGridDataManagerAdapterDirective.prototype.displayColumns = function (dataState) {
-            var e_1, _a;
-            var agGrid = this.currentAgGrid;
-            var viewState = dataState.getViewStateById(this.viewConfig.id);
-            var displayedColumnIds = [];
-            /*istanbul ignore else*/
-            if (viewState.displayedColumnIds) {
-                displayedColumnIds = viewState.displayedColumnIds;
-            }
-            var columns = agGrid.columnApi.getAllColumns();
-            try {
-                for (var columns_1 = __values(columns), columns_1_1 = columns_1.next(); !columns_1_1.done; columns_1_1 = columns_1.next()) {
-                    var column = columns_1_1.value;
-                    var colId = column.getColId();
-                    var colIndex = displayedColumnIds.indexOf(colId);
-                    agGrid.columnApi.setColumnVisible(colId, colIndex !== -1);
-                    agGrid.columnApi.moveColumn(colId, colIndex);
-                }
-            }
-            catch (e_1_1) { e_1 = { error: e_1_1 }; }
-            finally {
-                try {
-                    if (columns_1_1 && !columns_1_1.done && (_a = columns_1.return)) _a.call(columns_1);
-                }
-                finally { if (e_1) throw e_1.error; }
-            }
+        SkyAgGridCellEditorLookupComponent.prototype.getValue = function () {
+            return this.lookupForm.get('currentSelection').value;
         };
-        SkyAgGridDataManagerAdapterDirective.prototype.selectAll = function () {
-            var agGrid = this.agGridList.first;
-            agGrid.api.selectAll();
+        SkyAgGridCellEditorLookupComponent.prototype.isPopup = function () {
+            return true;
         };
-        SkyAgGridDataManagerAdapterDirective.prototype.clearAll = function () {
-            var agGrid = this.agGridList.first;
-            agGrid.api.deselectAll();
+        /*istanbul ignore next*/
+        SkyAgGridCellEditorLookupComponent.prototype.afterGuiAttached = function () {
+            var _a;
+            (_a = this.elementRef.nativeElement.querySelector('.sky-lookup-input')) === null || _a === void 0 ? void 0 : _a.focus();
         };
-        return SkyAgGridDataManagerAdapterDirective;
-    }());
-    SkyAgGridDataManagerAdapterDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", 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.16", 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.16", ngImport: i0__namespace, type: SkyAgGridDataManagerAdapterDirective, decorators: [{
-                type: i0.Directive,
-                args: [{
-                        selector: '[skyAgGridDataManagerAdapter]',
-                    }]
-            }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: i1__namespace$6.SkyDataManagerService }]; }, propDecorators: { viewId: [{
-                    type: i0.Input
-                }], agGridList: [{
-                    type: i0.ContentChildren,
-                    args: [agGridAngular.AgGridAngular, { descendants: true }]
-                }], skyAgGridWrapperList: [{
-                    type: i0.ContentChildren,
-                    args: [SkyAgGridWrapperComponent, { descendants: true }]
-                }] } });
-
-    var SkyAgGridCellValidatorModule = /** @class */ (function () {
-        function SkyAgGridCellValidatorModule() {
-        }
-        return SkyAgGridCellValidatorModule;
+        SkyAgGridCellEditorLookupComponent.prototype.updateComponentProperties = function (params) {
+            var skyLookupProperties = params.skyComponentProperties;
+            return applySkyLookupPropertiesDefaults(skyLookupProperties);
+        };
+        return SkyAgGridCellEditorLookupComponent;
     }());
-    SkyAgGridCellValidatorModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellValidatorModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyAgGridCellValidatorModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", 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.16", 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.16", ngImport: i0__namespace, type: SkyAgGridCellValidatorModule, decorators: [{
-                type: i0.NgModule,
+    SkyAgGridCellEditorLookupComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", 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.16", type: SkyAgGridCellEditorLookupComponent, selector: "sky-ag-grid-cell-editor-lookup", ngImport: i0__namespace, template: "<sky-input-box\n  *ngIf=\"isAlive && useAsyncSearch\"\n  [disabled]=\"skyComponentProperties?.disabled\"\n  [formGroup]=\"lookupForm\"\n>\n  <sky-lookup\n    [ariaLabel]=\"skyComponentProperties?.ariaLabel\"\n    [autocompleteAttribute]=\"skyComponentProperties?.autocompleteAttribute\"\n    [data]=\"skyComponentProperties?.data\"\n    [debounceTime]=\"skyComponentProperties?.debounceTime\"\n    [descriptorProperty]=\"skyComponentProperties?.descriptorProperty\"\n    [enableShowMore]=\"skyComponentProperties?.enableShowMore\"\n    formControlName=\"currentSelection\"\n    [idProperty]=\"skyComponentProperties?.idProperty\"\n    [placeholderText]=\"skyComponentProperties?.placeholderText\"\n    [propertiesToSearch]=\"skyComponentProperties?.propertiesToSearch\"\n    [searchFilters]=\"skyComponentProperties?.searchFilters\"\n    [searchResultsLimit]=\"skyComponentProperties?.searchResultsLimit\"\n    [searchResultTemplate]=\"skyComponentProperties?.searchResultTemplate\"\n    [searchTextMinimumCharacters]=\"\n      skyComponentProperties?.searchTextMinimumCharacters\n    \"\n    (searchAsync)=\"skyComponentProperties.searchAsync($event)\"\n    [selectMode]=\"skyComponentProperties?.selectMode\"\n    [showAddButton]=\"skyComponentProperties?.showAddButton\"\n    [showMoreConfig]=\"skyComponentProperties?.showMoreConfig\"\n    [wrapperClass]=\"skyComponentProperties?.wrapperClass\"\n  >\n  </sky-lookup>\n</sky-input-box>\n<sky-input-box\n  *ngIf=\"isAlive && !useAsyncSearch\"\n  [disabled]=\"skyComponentProperties?.disabled\"\n  [formGroup]=\"lookupForm\"\n>\n  <sky-lookup\n    [ariaLabel]=\"skyComponentProperties?.ariaLabel\"\n    [autocompleteAttribute]=\"skyComponentProperties?.autocompleteAttribute\"\n    [data]=\"skyComponentProperties?.data\"\n    [debounceTime]=\"skyComponentProperties?.debounceTime\"\n    [descriptorProperty]=\"skyComponentProperties?.descriptorProperty\"\n    [enableShowMore]=\"skyComponentProperties?.enableShowMore\"\n    formControlName=\"currentSelection\"\n    [idProperty]=\"skyComponentProperties?.idProperty\"\n    [placeholderText]=\"skyComponentProperties?.placeholderText\"\n    [propertiesToSearch]=\"skyComponentProperties?.propertiesToSearch\"\n    [search]=\"skyComponentProperties?.search\"\n    [searchFilters]=\"skyComponentProperties?.searchFilters\"\n    [searchResultsLimit]=\"skyComponentProperties?.searchResultsLimit\"\n    [searchResultTemplate]=\"skyComponentProperties?.searchResultTemplate\"\n    [searchTextMinimumCharacters]=\"\n      skyComponentProperties?.searchTextMinimumCharacters\n    \"\n    [selectMode]=\"skyComponentProperties?.selectMode\"\n    [showAddButton]=\"skyComponentProperties?.showAddButton\"\n    [showMoreConfig]=\"skyComponentProperties?.showMoreConfig\"\n    [wrapperClass]=\"skyComponentProperties?.wrapperClass\"\n  >\n  </sky-lookup>\n</sky-input-box>\n", styles: [":host{display:block}\n"], components: [{ type: i1__namespace$6.λ10, selector: "sky-input-box", inputs: ["hasErrors", "disabled"] }, { type: i1__namespace$3.λ4, selector: "sky-lookup", inputs: ["ariaLabel", "ariaLabelledBy", "autocompleteAttribute", "data", "disabled", "enableShowMore", "placeholderText", "idProperty", "showAddButton", "showMoreConfig", "selectMode", "wrapperClass"], outputs: ["addClick"] }], directives: [{ type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { type: i1__namespace$4.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { type: i1__namespace$4.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { type: i1__namespace$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$4.FormControlName, selector: "[formControlName]", inputs: ["disabled", "formControlName", "ngModel"], outputs: ["ngModelChange"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellEditorLookupComponent, decorators: [{
+                type: i0.Component,
                 args: [{
-                        declarations: [SkyAgGridCellValidatorTooltipComponent],
-                        exports: [SkyAgGridCellValidatorTooltipComponent],
-                        imports: [i3$1.CommonModule, i2$1.SkyPopoverModule, i1$5.SkyStatusIndicatorModule],
+                        selector: 'sky-ag-grid-cell-editor-lookup',
+                        template: "<sky-input-box\n  *ngIf=\"isAlive && useAsyncSearch\"\n  [disabled]=\"skyComponentProperties?.disabled\"\n  [formGroup]=\"lookupForm\"\n>\n  <sky-lookup\n    [ariaLabel]=\"skyComponentProperties?.ariaLabel\"\n    [autocompleteAttribute]=\"skyComponentProperties?.autocompleteAttribute\"\n    [data]=\"skyComponentProperties?.data\"\n    [debounceTime]=\"skyComponentProperties?.debounceTime\"\n    [descriptorProperty]=\"skyComponentProperties?.descriptorProperty\"\n    [enableShowMore]=\"skyComponentProperties?.enableShowMore\"\n    formControlName=\"currentSelection\"\n    [idProperty]=\"skyComponentProperties?.idProperty\"\n    [placeholderText]=\"skyComponentProperties?.placeholderText\"\n    [propertiesToSearch]=\"skyComponentProperties?.propertiesToSearch\"\n    [searchFilters]=\"skyComponentProperties?.searchFilters\"\n    [searchResultsLimit]=\"skyComponentProperties?.searchResultsLimit\"\n    [searchResultTemplate]=\"skyComponentProperties?.searchResultTemplate\"\n    [searchTextMinimumCharacters]=\"\n      skyComponentProperties?.searchTextMinimumCharacters\n    \"\n    (searchAsync)=\"skyComponentProperties.searchAsync($event)\"\n    [selectMode]=\"skyComponentProperties?.selectMode\"\n    [showAddButton]=\"skyComponentProperties?.showAddButton\"\n    [showMoreConfig]=\"skyComponentProperties?.showMoreConfig\"\n    [wrapperClass]=\"skyComponentProperties?.wrapperClass\"\n  >\n  </sky-lookup>\n</sky-input-box>\n<sky-input-box\n  *ngIf=\"isAlive && !useAsyncSearch\"\n  [disabled]=\"skyComponentProperties?.disabled\"\n  [formGroup]=\"lookupForm\"\n>\n  <sky-lookup\n    [ariaLabel]=\"skyComponentProperties?.ariaLabel\"\n    [autocompleteAttribute]=\"skyComponentProperties?.autocompleteAttribute\"\n    [data]=\"skyComponentProperties?.data\"\n    [debounceTime]=\"skyComponentProperties?.debounceTime\"\n    [descriptorProperty]=\"skyComponentProperties?.descriptorProperty\"\n    [enableShowMore]=\"skyComponentProperties?.enableShowMore\"\n    formControlName=\"currentSelection\"\n    [idProperty]=\"skyComponentProperties?.idProperty\"\n    [placeholderText]=\"skyComponentProperties?.placeholderText\"\n    [propertiesToSearch]=\"skyComponentProperties?.propertiesToSearch\"\n    [search]=\"skyComponentProperties?.search\"\n    [searchFilters]=\"skyComponentProperties?.searchFilters\"\n    [searchResultsLimit]=\"skyComponentProperties?.searchResultsLimit\"\n    [searchResultTemplate]=\"skyComponentProperties?.searchResultTemplate\"\n    [searchTextMinimumCharacters]=\"\n      skyComponentProperties?.searchTextMinimumCharacters\n    \"\n    [selectMode]=\"skyComponentProperties?.selectMode\"\n    [showAddButton]=\"skyComponentProperties?.showAddButton\"\n    [showMoreConfig]=\"skyComponentProperties?.showMoreConfig\"\n    [wrapperClass]=\"skyComponentProperties?.wrapperClass\"\n  >\n  </sky-lookup>\n</sky-input-box>\n",
+                        styles: [":host{display:block}\n"],
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     }]
-            }] });
+            }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }, { type: i0__namespace.ElementRef }]; } });
 
-    var SkyAgGridCellRendererCurrencyModule = /** @class */ (function () {
-        function SkyAgGridCellRendererCurrencyModule() {
+    var SkyAgGridCellEditorLookupModule = /** @class */ (function () {
+        function SkyAgGridCellEditorLookupModule() {
         }
-        return SkyAgGridCellRendererCurrencyModule;
+        return SkyAgGridCellEditorLookupModule;
     }());
-    SkyAgGridCellRendererCurrencyModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellRendererCurrencyModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyAgGridCellRendererCurrencyModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", 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.16", ngImport: i0__namespace, type: SkyAgGridCellRendererCurrencyModule, imports: [[
-                i3$1.CommonModule,
-                AgGridResourcesModule,
-                SkyAgGridCellValidatorModule,
-                i1$2.FormsModule,
-                i1.SkyNumericModule,
+    SkyAgGridCellEditorLookupModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellEditorLookupModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    SkyAgGridCellEditorLookupModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellEditorLookupModule, declarations: [SkyAgGridCellEditorLookupComponent], imports: [i3.CommonModule,
+            i1$4.ReactiveFormsModule,
+            i3$1.SkyI18nModule,
+            i1$6.SkyInputBoxModule,
+            i1$3.SkyLookupModule], exports: [SkyAgGridCellEditorLookupComponent] });
+    SkyAgGridCellEditorLookupModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellEditorLookupModule, imports: [[
+                i3.CommonModule,
+                i1$4.ReactiveFormsModule,
+                i3$1.SkyI18nModule,
+                i1$6.SkyInputBoxModule,
+                i1$3.SkyLookupModule,
             ]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellRendererCurrencyModule, decorators: [{
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellEditorLookupModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
+                        declarations: [SkyAgGridCellEditorLookupComponent],
+                        exports: [SkyAgGridCellEditorLookupComponent],
                         imports: [
-                            i3$1.CommonModule,
-                            AgGridResourcesModule,
-                            SkyAgGridCellValidatorModule,
-                            i1$2.FormsModule,
-                            i1.SkyNumericModule,
-                        ],
-                        declarations: [
-                            SkyAgGridCellRendererCurrencyComponent,
-                            SkyAgGridCellRendererCurrencyValidatorComponent,
-                        ],
-                        exports: [
-                            SkyAgGridCellRendererCurrencyComponent,
-                            SkyAgGridCellRendererCurrencyValidatorComponent,
+                            i3.CommonModule,
+                            i1$4.ReactiveFormsModule,
+                            i3$1.SkyI18nModule,
+                            i1$6.SkyInputBoxModule,
+                            i1$3.SkyLookupModule,
                         ],
                     }]
             }] });
 
     /**
-     * Component for rendering the inline delete template in the overlay.
      * @internal
      */
-    var SkyAgGridRowDeleteComponent = /** @class */ (function () {
-        function SkyAgGridRowDeleteComponent() {
+    var SkyAgGridCellEditorNumberComponent = /** @class */ (function () {
+        function SkyAgGridCellEditorNumberComponent() {
         }
-        return SkyAgGridRowDeleteComponent;
+        /**
+         * agInit is called by agGrid once after the editor is created and provides the editor with the information it needs.
+         * @param params The cell editor params that include data about the cell, column, row, and grid.
+         */
+        SkyAgGridCellEditorNumberComponent.prototype.agInit = function (params) {
+            this.params = params;
+            this.value = this.params.value;
+            this.columnHeader = this.params.colDef.headerName;
+            this.rowNumber = this.params.rowIndex + 1;
+            this.columnWidth = this.params.column.getActualWidth();
+            this.rowHeightWithoutBorders =
+                this.params.node && this.params.node.rowHeight - 4;
+        };
+        /**
+         * afterGuiAttached is called by agGrid after the editor is rendered in the DOM. Once it is attached the editor is ready to be focused on.
+         */
+        SkyAgGridCellEditorNumberComponent.prototype.afterGuiAttached = function () {
+            this.input.nativeElement.focus();
+        };
+        /**
+         * getValue is called by agGrid when editing is stopped to get the new value of the cell.
+         */
+        SkyAgGridCellEditorNumberComponent.prototype.getValue = function () {
+            return this.value;
+        };
+        return SkyAgGridCellEditorNumberComponent;
     }());
-    SkyAgGridRowDeleteComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridRowDeleteComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyAgGridRowDeleteComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", 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.16", ngImport: i0__namespace, type: SkyAgGridRowDeleteComponent, decorators: [{
+    SkyAgGridCellEditorNumberComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellEditorNumberComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyAgGridCellEditorNumberComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", 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    'sky_ag_grid_cell_editor_number_aria_label'\n      | skyLibResources: columnHeader:rowNumber\n  \"\n  [style.width.px]=\"columnWidth\"\n  [style.height.px]=\"rowHeightWithoutBorders\"\n  [(ngModel)]=\"value\"\n  #skyCellEditorNumber\n/>\n", styles: ["input{border:none;text-align:right}\n"], directives: [{ type: i1__namespace$4.NumberValueAccessor, selector: "input[type=number][formControlName],input[type=number][formControl],input[type=number][ngModel]" }, { type: i1__namespace$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1__namespace$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "skyLibResources": i3__namespace$1.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellEditorNumberComponent, 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  ",
+                        selector: 'sky-ag-grid-cell-editor-number',
+                        template: "<input\n  type=\"number\"\n  [attr.aria-label]=\"\n    'sky_ag_grid_cell_editor_number_aria_label'\n      | skyLibResources: columnHeader:rowNumber\n  \"\n  [style.width.px]=\"columnWidth\"\n  [style.height.px]=\"rowHeightWithoutBorders\"\n  [(ngModel)]=\"value\"\n  #skyCellEditorNumber\n/>\n",
+                        styles: ["input{border:none;text-align:right}\n"],
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
                     }]
-            }], propDecorators: { inlineDeleteRefs: [{
-                    type: i0.ViewChildren,
-                    args: ['inlineDeleteRef']
-                }], inlineDeleteTemplateRef: [{
+            }], propDecorators: { input: [{
                     type: i0.ViewChild,
-                    args: ['inlineDeleteTemplateRef', { read: i0.TemplateRef }]
+                    args: ['skyCellEditorNumber', { read: i0.ElementRef }]
                 }] } });
 
+    var SkyAgGridCellEditorNumberModule = /** @class */ (function () {
+        function SkyAgGridCellEditorNumberModule() {
+        }
+        return SkyAgGridCellEditorNumberModule;
+    }());
+    SkyAgGridCellEditorNumberModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellEditorNumberModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    SkyAgGridCellEditorNumberModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellEditorNumberModule, declarations: [SkyAgGridCellEditorNumberComponent], imports: [AgGridResourcesModule, i1$4.FormsModule], exports: [SkyAgGridCellEditorNumberComponent] });
+    SkyAgGridCellEditorNumberModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellEditorNumberModule, imports: [[AgGridResourcesModule, i1$4.FormsModule]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellEditorNumberModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        imports: [AgGridResourcesModule, i1$4.FormsModule],
+                        declarations: [SkyAgGridCellEditorNumberComponent],
+                        exports: [SkyAgGridCellEditorNumberComponent],
+                    }]
+            }] });
+
     /**
      * @internal
      */
-    var SkyAgGridRowDeleteDirective = /** @class */ (function () {
-        function SkyAgGridRowDeleteDirective(affixService, changeDetector, elementRef, resolver, overlayService, viewContainerRef) {
-            this.affixService = affixService;
-            this.changeDetector = changeDetector;
-            this.elementRef = elementRef;
-            this.resolver = resolver;
-            this.overlayService = overlayService;
-            this.viewContainerRef = viewContainerRef;
-            /**
-             * Emits a `SkyAgGridRowDeleteCancelArgs` object when a row's inline delete is cancelled.
-             */
-            this.rowDeleteCancel = new i0.EventEmitter();
-            /**
-             * Emits a `SkyAgGridRowDeleteConfirmArgs` object when a row's inline delete is confirmed.
-             */
-            this.rowDeleteConfirm = new i0.EventEmitter();
-            /**
-             * Emits when the list of ids of the data in the rows where inline deletes are shown changes.
-             */
-            this.rowDeleteIdsChange = new i0.EventEmitter();
-            this.rowDeleteConfigs = [];
-            this.ngUnsubscribe = new rxjs.Subject();
-            this.rowDeleteContents = {};
+    var SkyAgGridCellEditorTextComponent = /** @class */ (function () {
+        function SkyAgGridCellEditorTextComponent() {
         }
-        Object.defineProperty(SkyAgGridRowDeleteDirective.prototype, "rowDeleteIds", {
-            get: function () {
-                return this._rowDeleteIds;
-            },
-            /**
-             * Specifies the ids of the data in the rows on which inline delete's should be shown.
-             */
-            set: function (value) {
-                var e_1, _b, e_2, _c, e_3, _d;
-                var _this = this;
-                this._rowDeleteIds = value;
-                if (!value) {
-                    try {
-                        for (var _e = __values(this.rowDeleteConfigs), _f = _e.next(); !_f.done; _f = _e.next()) {
-                            var config = _f.value;
-                            this.destroyRowDelete(config.id);
-                        }
-                    }
-                    catch (e_1_1) { e_1 = { error: e_1_1 }; }
-                    finally {
-                        try {
-                            if (_f && !_f.done && (_b = _e.return)) _b.call(_e);
-                        }
-                        finally { if (e_1) throw e_1.error; }
-                    }
-                    this.changeDetector.markForCheck();
-                    return;
-                }
-                var _loop_1 = function (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,
-                        });
-                        var overlay_1 = this_1.overlayService.create({
-                            enableScroll: true,
-                            showBackdrop: false,
-                            closeOnNavigation: true,
-                            enableClose: false,
-                            enablePointerEvents: true,
-                        });
-                        overlay_1.attachTemplate(this_1.rowDeleteComponent.inlineDeleteTemplateRef, {
-                            $implicit: this_1.agGrid.api.getRowNode(id),
-                            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); },
-                        });
-                        /**
-                         * We are manually setting the z-index here because overlays will always be on top of
-                         * the omnibar. This manual setting is 2 less than the omnibar's z-index of 1000 and one less than
-                         * the header row's viewkeeper which is 999. We discussed changing the overlay service to allow for this
-                         * but decided against that change at this time due to its niche nature.
-                         */
-                        overlay_1.componentRef.instance.zIndex = '998';
-                        setTimeout(function () {
-                            var inlineDeleteRef = _this.rowDeleteComponent.inlineDeleteRefs
-                                .toArray()
-                                .find(function (elRef) {
-                                return elRef.nativeElement.id === 'row-delete-ref-' + id;
-                            });
-                            var affixer = _this.affixService.createAffixer(inlineDeleteRef);
-                            _this.affixToRow(affixer, id);
-                            _this.rowDeleteContents[id] = {
-                                affixer: affixer,
-                                overlay: overlay_1,
-                            };
-                        });
-                    }
-                };
-                var this_1 = this;
-                try {
-                    for (var value_1 = __values(value), value_1_1 = value_1.next(); !value_1_1.done; value_1_1 = value_1.next()) {
-                        var id = value_1_1.value;
-                        _loop_1(id);
-                    }
-                }
-                catch (e_2_1) { e_2 = { error: e_2_1 }; }
-                finally {
-                    try {
-                        if (value_1_1 && !value_1_1.done && (_c = value_1.return)) _c.call(value_1);
+        /**
+         * agInit is called by agGrid once after the editor is created and provides the editor with the information it needs.
+         * @param params The cell editor params that include data about the cell, column, row, and grid.
+         */
+        SkyAgGridCellEditorTextComponent.prototype.agInit = function (params) {
+            this.params = params;
+            this.value = this.params.charPress || this.params.value;
+            this.columnHeader = this.params.colDef.headerName;
+            this.rowNumber = this.params.rowIndex + 1;
+            this.columnWidth = this.params.column.getActualWidth();
+            this.rowHeightWithoutBorders =
+                this.params.node && this.params.node.rowHeight - 4;
+        };
+        /**
+         * afterGuiAttached is called by agGrid after the editor is rendered in the DOM. Once it is attached the editor is ready to be focused on.
+         */
+        SkyAgGridCellEditorTextComponent.prototype.afterGuiAttached = function () {
+            this.input.nativeElement.focus();
+        };
+        /**
+         * getValue is called by agGrid when editing is stopped to get the new value of the cell.
+         */
+        SkyAgGridCellEditorTextComponent.prototype.getValue = function () {
+            return this.value;
+        };
+        return SkyAgGridCellEditorTextComponent;
+    }());
+    SkyAgGridCellEditorTextComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellEditorTextComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyAgGridCellEditorTextComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", 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    'sky_ag_grid_cell_editor_text_aria_label'\n      | skyLibResources: columnHeader:rowNumber\n  \"\n  [style.width.px]=\"columnWidth\"\n  [style.height.px]=\"rowHeightWithoutBorders\"\n  [(ngModel)]=\"value\"\n  #skyCellEditorText\n/>\n", styles: ["input{border:none;padding-left:11px}\n"], directives: [{ type: i1__namespace$4.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { type: i1__namespace$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "skyLibResources": i3__namespace$1.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellEditorTextComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'sky-ag-grid-cell-editor-text',
+                        template: "<input\n  type=\"text\"\n  [attr.aria-label]=\"\n    'sky_ag_grid_cell_editor_text_aria_label'\n      | skyLibResources: columnHeader:rowNumber\n  \"\n  [style.width.px]=\"columnWidth\"\n  [style.height.px]=\"rowHeightWithoutBorders\"\n  [(ngModel)]=\"value\"\n  #skyCellEditorText\n/>\n",
+                        styles: ["input{border:none;padding-left:11px}\n"],
+                        changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                    }]
+            }], propDecorators: { input: [{
+                    type: i0.ViewChild,
+                    args: ['skyCellEditorText', { read: i0.ElementRef }]
+                }] } });
+
+    var SkyAgGridCellEditorTextModule = /** @class */ (function () {
+        function SkyAgGridCellEditorTextModule() {
+        }
+        return SkyAgGridCellEditorTextModule;
+    }());
+    SkyAgGridCellEditorTextModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellEditorTextModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    SkyAgGridCellEditorTextModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellEditorTextModule, declarations: [SkyAgGridCellEditorTextComponent], imports: [AgGridResourcesModule, i1$4.FormsModule], exports: [SkyAgGridCellEditorTextComponent] });
+    SkyAgGridCellEditorTextModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellEditorTextModule, imports: [[AgGridResourcesModule, i1$4.FormsModule]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellEditorTextModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        imports: [AgGridResourcesModule, i1$4.FormsModule],
+                        declarations: [SkyAgGridCellEditorTextComponent],
+                        exports: [SkyAgGridCellEditorTextComponent],
+                    }]
+            }] });
+
+    /**
+     * @internal
+     */
+    var SkyAgGridCellValidatorTooltipComponent = /** @class */ (function () {
+        function SkyAgGridCellValidatorTooltipComponent(changeDetector, zone) {
+            this.changeDetector = changeDetector;
+            this.zone = zone;
+            this.indicatorShouldShow = true;
+            this.popoverMessageStream = new rxjs.Subject();
+        }
+        Object.defineProperty(SkyAgGridCellValidatorTooltipComponent.prototype, "params", {
+            set: function (value) {
+                var _this = this;
+                var _a, _b, _c, _d, _e;
+                this.cellRendererParams = value;
+                /*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() ||
+                        eventParams.rowIndex !== _this.cellRendererParams.rowIndex) {
+                        _this.hidePopover();
                     }
-                    finally { if (e_2) throw e_2.error; }
-                }
-                try {
-                    for (var _g = __values(this.rowDeleteConfigs), _h = _g.next(); !_h.done; _h = _g.next()) {
-                        var config = _h.value;
-                        if (value.indexOf(config.id) < 0) {
-                            this.destroyRowDelete(config.id);
-                        }
+                });
+                /*istanbul ignore next*/
+                (_b = this.cellRendererParams.eGridCell) === null || _b === void 0 ? void 0 : _b.addEventListener('keyup', function (event) {
+                    if (['ArrowDown', 'ArrowLeft', 'ArrowRight', 'ArrowUp'].includes(event.key)) {
+                        _this.showPopover();
                     }
+                });
+                /*istanbul ignore next*/
+                (_c = this.cellRendererParams.api) === null || _c === void 0 ? void 0 : _c.addEventListener(agGridCommunity.Events.EVENT_CELL_EDITING_STARTED, function () {
+                    _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);
                 }
-                catch (e_3_1) { e_3 = { error: e_3_1 }; }
-                finally {
-                    try {
-                        if (_h && !_h.done && (_d = _g.return)) _d.call(_g);
-                    }
-                    finally { if (e_3) throw e_3.error; }
+                else {
+                    this.validatorMessage =
+                        (_e = this.cellRendererParams.skyComponentProperties) === null || _e === void 0 ? void 0 : _e.validatorMessage;
                 }
                 this.changeDetector.markForCheck();
             },
             enumerable: false,
             configurable: true
         });
-        Object.defineProperty(SkyAgGridRowDeleteDirective.prototype, "tableWidth", {
-            get: function () {
-                return this.elementRef.nativeElement.querySelectorAll('.sky-ag-grid')[0]
-                    .offsetWidth;
-            },
-            enumerable: false,
-            configurable: true
-        });
-        SkyAgGridRowDeleteDirective.prototype.ngAfterContentInit = function () {
+        SkyAgGridCellValidatorTooltipComponent.prototype.hideIndicator = function () {
             var _this = this;
-            var factory = this.resolver.resolveComponentFactory(SkyAgGridRowDeleteComponent);
-            this.rowDeleteComponent =
-                this.viewContainerRef.createComponent(factory).instance;
-            this.agGrid.rowDataChanged
-                .pipe(operators.takeUntil(this.ngUnsubscribe))
-                .subscribe(function () {
-                _this.updateRowDeleteStates();
-            });
-            this.agGrid.rowDataUpdated
-                .pipe(operators.takeUntil(this.ngUnsubscribe))
-                .subscribe(function () {
-                _this.updateRowDeleteStates();
-            });
-            this.agGrid.sortChanged
-                .pipe(operators.takeUntil(this.ngUnsubscribe))
-                .subscribe(function () {
-                _this.updateRowDeleteStates();
-            });
-            this.agGrid.filterChanged
-                .pipe(operators.takeUntil(this.ngUnsubscribe))
-                .subscribe(function () {
-                _this.updateRowDeleteStates();
+            this.zone.run(function () {
+                _this.indicatorShouldShow = false;
+                _this.changeDetector.detectChanges();
             });
-            this.agGrid.getRowNodeId = function (data) {
-                return data.id.toString();
-            };
         };
-        SkyAgGridRowDeleteDirective.prototype.ngOnDestroy = function () {
+        SkyAgGridCellValidatorTooltipComponent.prototype.hidePopover = function () {
+            this.popoverMessageStream.next({ type: i2$2.SkyPopoverMessageType.Close });
+        };
+        SkyAgGridCellValidatorTooltipComponent.prototype.showIndicator = function () {
             var _this = this;
-            this.ngUnsubscribe.next();
-            this.ngUnsubscribe.complete();
-            Object.keys(this.rowDeleteContents).forEach(function (id) {
-                _this.destroyRowDelete(id);
+            this.zone.run(function () {
+                _this.indicatorShouldShow = true;
+                _this.changeDetector.detectChanges();
             });
         };
-        SkyAgGridRowDeleteDirective.prototype.cancelRowDelete = function (row) {
-            this.rowDeleteConfigs = this.rowDeleteConfigs.filter(function (config) { return config.id !== row.id; });
-            this.rowDeleteCancel.emit({ id: row.id });
-            this.destroyRowDelete(row.id);
+        SkyAgGridCellValidatorTooltipComponent.prototype.showPopover = function () {
+            this.popoverMessageStream.next({ type: i2$2.SkyPopoverMessageType.Open });
         };
-        SkyAgGridRowDeleteDirective.prototype.confirmRowDelete = function (row) {
-            this.rowDeleteConfigs.find(function (config) { return config.id === row.id; }).pending = true;
-            this.rowDeleteConfirm.emit({ id: row.id });
+        return SkyAgGridCellValidatorTooltipComponent;
+    }());
+    SkyAgGridCellValidatorTooltipComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", 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.16", 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$7.λ10, selector: "sky-status-indicator", inputs: ["indicatorType", "descriptionType", "customDescription"] }, { type: i2__namespace$2.λ6, selector: "sky-popover", inputs: ["alignment", "dismissOnBlur", "placement", "popoverTitle", "popoverType"], outputs: ["popoverClosed", "popoverOpened"] }], directives: [{ type: i2__namespace$2.λ7, selector: "[skyPopover]", inputs: ["skyPopover", "skyPopoverAlignment", "skyPopoverMessageStream", "skyPopoverPlacement", "skyPopoverTrigger"] }, { type: i3__namespace.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellValidatorTooltipComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'sky-ag-grid-cell-validator-tooltip',
+                        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 = {};
+            this.numericOptions = {};
+        }
+        Object.defineProperty(SkyAgGridCellRendererCurrencyComponent.prototype, "params", {
+            set: function (value) {
+                this.agInit(value);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        /**
+         * agInit is called by agGrid once after the renderer is created and provides the renderer with the information it needs.
+         * @param params The cell renderer params that include data about the cell, column, row, and grid.
+         */
+        SkyAgGridCellRendererCurrencyComponent.prototype.agInit = function (params) {
+            this.updateProperties(params);
         };
-        SkyAgGridRowDeleteDirective.prototype.getRowDeleteItem = function (row) {
-            return this.rowDeleteConfigs.find(function (rowDelete) { return rowDelete.id === row.id; });
+        SkyAgGridCellRendererCurrencyComponent.prototype.refresh = function (params) {
+            return false;
         };
-        SkyAgGridRowDeleteDirective.prototype.affixToRow = function (affixer, id) {
-            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 */
-            if (!rowElement) {
-                var columns = this.elementRef.nativeElement.querySelectorAll('[row-id="' + id + '"] > div');
-                for (var i = 0; i < columns.length; i++) {
-                    if (columns[i].querySelector('[aria-colindex="1"]')) {
-                        rowElement = columns[i];
-                        break;
-                    }
-                }
-            }
-            affixer.affixTo(rowElement, {
-                autoFitContext: i1.SkyAffixAutoFitContext.Viewport,
-                isSticky: true,
-                placement: 'above',
-                verticalAlignment: 'top',
-                horizontalAlignment: 'left',
-                enableAutoFit: false,
-            });
+        SkyAgGridCellRendererCurrencyComponent.prototype.updateProperties = function (params) {
+            var _a;
+            this._params = params;
+            this.value = this._params.value;
+            this.columnHeader = this._params.colDef && this._params.colDef.headerName;
+            this.rowNumber = this._params.rowIndex + 1;
+            this.columnWidth = (_a = this._params.column) === null || _a === void 0 ? void 0 : _a.getActualWidth();
+            this.rowHeightWithoutBorders =
+                this._params.node && this._params.node.rowHeight - 4;
+            this.skyComponentProperties = this._params.skyComponentProperties || {};
+            this.skyComponentProperties.format = 'currency';
+            this.skyComponentProperties.minDigits = 2;
+            this.skyComponentProperties.truncate = false;
+        };
+        return SkyAgGridCellRendererCurrencyComponent;
+    }());
+    SkyAgGridCellRendererCurrencyComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellRendererCurrencyComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    SkyAgGridCellRendererCurrencyComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", 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$1.SkyLibResourcesPipe, "skyNumeric": i1__namespace.SkyNumericPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellRendererCurrencyComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'sky-ag-grid-cell-renderer-currency',
+                        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;
+        }
+        Object.defineProperty(SkyAgGridCellRendererCurrencyValidatorComponent.prototype, "parameters", {
+            set: function (value) {
+                this.agInit(value);
+            },
+            enumerable: false,
+            configurable: true
+        });
+        /**
+         * agInit is called by agGrid once after the renderer is created and provides the renderer with the information it needs.
+         * @param params The cell renderer params that include data about the cell, column, row, and grid.
+         */
+        SkyAgGridCellRendererCurrencyValidatorComponent.prototype.agInit = function (params) {
+            this.cellRendererParams = params;
+            this.changeDetector.markForCheck();
         };
-        SkyAgGridRowDeleteDirective.prototype.destroyRowDelete = function (id) {
-            var _a;
-            var rowDeleteContents = this.rowDeleteContents[id];
-            /* sanity check */
-            /* istanbul ignore else */
-            if (rowDeleteContents) {
-                rowDeleteContents.affixer.destroy();
-                this.overlayService.close(rowDeleteContents.overlay);
-                delete this.rowDeleteContents[id];
-                this.rowDeleteConfigs = this.rowDeleteConfigs.filter(function (config) { return config.id !== id; });
-                this._rowDeleteIds = (_a = this.rowDeleteIds) === null || _a === void 0 ? void 0 : _a.filter(function (arrayId) { return arrayId !== id; });
-                this.rowDeleteIdsChange.emit(this._rowDeleteIds);
-            }
+        SkyAgGridCellRendererCurrencyValidatorComponent.prototype.isNumeric = function (value) {
+            return !isNaN(parseFloat(value));
         };
-        SkyAgGridRowDeleteDirective.prototype.updateRowDeleteStates = function () {
-            var _this = this;
-            this.rowDeleteConfigs.forEach(function (config) {
-                if (!_this.agGrid.api.getRowNode(config.id)) {
-                    _this.destroyRowDelete(config.id);
-                }
-                else {
-                    // We must reaffix things when the data changes because the rows rerender and the previous element that the delete was affixed
-                    // to is destroyed.
-                    _this.affixToRow(_this.rowDeleteContents[config.id].affixer, config.id);
-                }
-            });
-            this.changeDetector.markForCheck();
+        SkyAgGridCellRendererCurrencyValidatorComponent.prototype.refresh = function (params) {
+            return false;
         };
-        return SkyAgGridRowDeleteDirective;
+        return SkyAgGridCellRendererCurrencyValidatorComponent;
     }());
-    SkyAgGridRowDeleteDirective.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", 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.16", 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.16", ngImport: i0__namespace, type: SkyAgGridRowDeleteDirective, decorators: [{
-                type: i0.Directive,
+    SkyAgGridCellRendererCurrencyValidatorComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", 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.16", 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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellRendererCurrencyValidatorComponent, decorators: [{
+                type: i0.Component,
                 args: [{
-                        selector: '[skyAgGridRowDelete]',
+                        selector: 'sky-ag-grid-cell-renderer-currency-validator',
+                        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: 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: [{
+            }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }]; }, propDecorators: { parameters: [{
                     type: i0.Input
-                }], rowDeleteCancel: [{
-                    type: i0.Output
-                }], rowDeleteConfirm: [{
-                    type: i0.Output
-                }], rowDeleteIdsChange: [{
-                    type: i0.Output
-                }], agGrid: [{
-                    type: i0.ContentChild,
-                    args: [agGridAngular.AgGridAngular]
                 }] } });
 
+    var SkyAgGridCellValidatorModule = /** @class */ (function () {
+        function SkyAgGridCellValidatorModule() {
+        }
+        return SkyAgGridCellValidatorModule;
+    }());
+    SkyAgGridCellValidatorModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellValidatorModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    SkyAgGridCellValidatorModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellValidatorModule, declarations: [SkyAgGridCellValidatorTooltipComponent], imports: [i3.CommonModule, i2$2.SkyPopoverModule, i1$7.SkyStatusIndicatorModule], exports: [SkyAgGridCellValidatorTooltipComponent] });
+    SkyAgGridCellValidatorModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellValidatorModule, imports: [[i3.CommonModule, i2$2.SkyPopoverModule, i1$7.SkyStatusIndicatorModule]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellValidatorModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        declarations: [SkyAgGridCellValidatorTooltipComponent],
+                        exports: [SkyAgGridCellValidatorTooltipComponent],
+                        imports: [i3.CommonModule, i2$2.SkyPopoverModule, i1$7.SkyStatusIndicatorModule],
+                    }]
+            }] });
+
+    var SkyAgGridCellRendererCurrencyModule = /** @class */ (function () {
+        function SkyAgGridCellRendererCurrencyModule() {
+        }
+        return SkyAgGridCellRendererCurrencyModule;
+    }());
+    SkyAgGridCellRendererCurrencyModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellRendererCurrencyModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    SkyAgGridCellRendererCurrencyModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellRendererCurrencyModule, declarations: [SkyAgGridCellRendererCurrencyComponent,
+            SkyAgGridCellRendererCurrencyValidatorComponent], imports: [i3.CommonModule,
+            AgGridResourcesModule,
+            SkyAgGridCellValidatorModule,
+            i1$4.FormsModule,
+            i1.SkyNumericModule], exports: [SkyAgGridCellRendererCurrencyComponent,
+            SkyAgGridCellRendererCurrencyValidatorComponent] });
+    SkyAgGridCellRendererCurrencyModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellRendererCurrencyModule, imports: [[
+                i3.CommonModule,
+                AgGridResourcesModule,
+                SkyAgGridCellValidatorModule,
+                i1$4.FormsModule,
+                i1.SkyNumericModule,
+            ]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellRendererCurrencyModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        imports: [
+                            i3.CommonModule,
+                            AgGridResourcesModule,
+                            SkyAgGridCellValidatorModule,
+                            i1$4.FormsModule,
+                            i1.SkyNumericModule,
+                        ],
+                        declarations: [
+                            SkyAgGridCellRendererCurrencyComponent,
+                            SkyAgGridCellRendererCurrencyValidatorComponent,
+                        ],
+                        exports: [
+                            SkyAgGridCellRendererCurrencyComponent,
+                            SkyAgGridCellRendererCurrencyValidatorComponent,
+                        ],
+                    }]
+            }] });
+
+    var SkyAgGridCellRendererLookupComponent = /** @class */ (function () {
+        function SkyAgGridCellRendererLookupComponent(changeDetector) {
+            this.changeDetector = changeDetector;
+            this.value = '';
+            this.summaryCount = 0;
+        }
+        SkyAgGridCellRendererLookupComponent.prototype.agInit = function (params) {
+            var _a;
+            this.lookupProperties = applySkyLookupPropertiesDefaults(params);
+            this.summaryCount = ((_a = params.value) === null || _a === void 0 ? void 0 : _a.length) || 0;
+            this.value = "" + params.valueFormatted;
+            this.changeDetector.markForCheck();
+        };
+        SkyAgGridCellRendererLookupComponent.prototype.refresh = function (params) {
+            this.agInit(params);
+            return true;
+        };
+        return SkyAgGridCellRendererLookupComponent;
+    }());
+    SkyAgGridCellRendererLookupComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", 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.16", 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.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], pipes: { "skyLibResources": i3__namespace$1.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellRendererLookupComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'sky-cell-renderer-lookup',
+                        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 }]; } });
+
+    var SkyAgGridCellRendererLookupModule = /** @class */ (function () {
+        function SkyAgGridCellRendererLookupModule() {
+        }
+        return SkyAgGridCellRendererLookupModule;
+    }());
+    SkyAgGridCellRendererLookupModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellRendererLookupModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    SkyAgGridCellRendererLookupModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellRendererLookupModule, declarations: [SkyAgGridCellRendererLookupComponent], imports: [i3.CommonModule, AgGridResourcesModule], exports: [SkyAgGridCellRendererLookupComponent] });
+    SkyAgGridCellRendererLookupModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellRendererLookupModule, imports: [[i3.CommonModule, AgGridResourcesModule]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellRendererLookupModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        declarations: [SkyAgGridCellRendererLookupComponent],
+                        exports: [SkyAgGridCellRendererLookupComponent],
+                        imports: [i3.CommonModule, AgGridResourcesModule],
+                    }]
+            }] });
+
     /**
      * @internal
      */
-    var SkyAgGridCellEditorCurrencyComponent = /** @class */ (function () {
-        function SkyAgGridCellEditorCurrencyComponent() {
-            this.skyComponentProperties = {};
+    var SkyAgGridCellRendererRowSelectorComponent = /** @class */ (function () {
+        function SkyAgGridCellRendererRowSelectorComponent(changeDetection) {
+            this.changeDetection = changeDetection;
         }
         /**
-         * agInit is called by agGrid once after the editor is created and provides the editor with the information it needs.
-         * @param params The cell editor params that include data about the cell, column, row, and grid.
+         * agInit is called by agGrid once after the cell is created and provides the renderer with the information it needs.
+         * @param params The cell renderer params that include data about the cell, column, row, and grid.
          */
-        SkyAgGridCellEditorCurrencyComponent.prototype.agInit = function (params) {
+        SkyAgGridCellRendererRowSelectorComponent.prototype.agInit = function (params) {
+            var _this = this;
             this.params = params;
-            this.value = this.params.value;
-            this.columnHeader = this.params.colDef.headerName;
+            this.dataField = this.params.colDef && this.params.colDef.field;
+            this.rowNode = this.params.node;
             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: '$',
-            };
+            if (this.dataField) {
+                this.checked = this.params.value;
+                this.rowNode.setSelected(this.checked);
+            }
+            else {
+                this.checked = this.rowNode.isSelected();
+            }
+            this.rowNode.addEventListener(agGridCommunity.RowNode.EVENT_ROW_SELECTED, function (event) {
+                _this.rowSelectedListener(event);
+            });
         };
         /**
-         * 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.
+         * Used by agGrid to update cell value after a user triggers a refresh. It updates the cell DOM and returns true when the refresh is
+         * successful, or false if the cell should be destroyed and rerendered. If consumers have external logic that changes the value of a
+         * checkbox cell, rerendering it will gurantee the change applies without knowing the consumer's implementation.
          */
-        SkyAgGridCellEditorCurrencyComponent.prototype.afterGuiAttached = function () {
-            this.input.nativeElement.focus();
+        SkyAgGridCellRendererRowSelectorComponent.prototype.refresh = function () {
+            return false;
         };
-        /**
-         * getValue is called by agGrid when editing is stopped to get the new value of the cell.
-         */
-        SkyAgGridCellEditorCurrencyComponent.prototype.getValue = function () {
-            return this.value;
+        SkyAgGridCellRendererRowSelectorComponent.prototype.updateRow = function () {
+            this.rowNode.setSelected(this.checked);
+            if (this.dataField) {
+                this.rowNode.data[this.dataField] = this.checked;
+            }
         };
-        return SkyAgGridCellEditorCurrencyComponent;
+        SkyAgGridCellRendererRowSelectorComponent.prototype.rowSelectedListener = function (event) {
+            this.checked = event.node.isSelected();
+            if (this.dataField) {
+                this.rowNode.data[this.dataField] = this.checked;
+            }
+            this.changeDetection.markForCheck();
+        };
+        return SkyAgGridCellRendererRowSelectorComponent;
     }());
-    SkyAgGridCellEditorCurrencyComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellEditorCurrencyComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
-    SkyAgGridCellEditorCurrencyComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.16", 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    'sky_ag_grid_cell_editor_currency_aria_label'\n      | skyLibResources: columnHeader:rowNumber\n  \"\n  [style.width.px]=\"columnWidth\"\n  [style.height.px]=\"rowHeightWithoutBorders\"\n  [(ngModel)]=\"value\"\n  [skyAutonumeric]=\"skyComponentProperties\"\n  #skyCellEditorCurrency\n/>\n", styles: ["input{border:none;padding-left:11px}\n"], directives: [{ type: i1__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.16", ngImport: i0__namespace, type: SkyAgGridCellEditorCurrencyComponent, decorators: [{
+    SkyAgGridCellRendererRowSelectorComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", 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.16", 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]=\"'sky_ag_grid_row_selector_aria_label' | skyLibResources: rowNumber\"\n  [attr.aria-label]=\"\n    'sky_ag_grid_row_selector_aria_label' | skyLibResources: rowNumber\n  \"\n  [(ngModel)]=\"checked\"\n  (change)=\"updateRow()\"\n>\n</sky-checkbox>\n", styles: [".sky-ag-grid-cell-row-selector .sky-switch-control{top:-6px}\n"], components: [{ type: i1__namespace$6.λ3, selector: "sky-checkbox", inputs: ["label", "labelledBy", "id", "disabled", "tabindex", "name", "icon", "checkboxType", "checked", "required"], outputs: ["change", "checkedChange", "disabledChange"] }], directives: [{ type: i1__namespace$4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { type: i1__namespace$4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], pipes: { "skyLibResources": i3__namespace$1.SkyLibResourcesPipe }, changeDetection: i0__namespace.ChangeDetectionStrategy.OnPush, encapsulation: i0__namespace.ViewEncapsulation.None });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellRendererRowSelectorComponent, decorators: [{
                 type: i0.Component,
                 args: [{
-                        selector: 'sky-ag-grid-cell-editor-currency',
-                        template: "<input\n  type=\"text\"\n  [attr.aria-label]=\"\n    'sky_ag_grid_cell_editor_currency_aria_label'\n      | skyLibResources: columnHeader:rowNumber\n  \"\n  [style.width.px]=\"columnWidth\"\n  [style.height.px]=\"rowHeightWithoutBorders\"\n  [(ngModel)]=\"value\"\n  [skyAutonumeric]=\"skyComponentProperties\"\n  #skyCellEditorCurrency\n/>\n",
-                        styles: ["input{border:none;padding-left:11px}\n"],
+                        selector: 'sky-ag-grid-cell-renderer-row-selector',
+                        template: "<sky-checkbox\n  data-sky-id=\"row-checkbox\"\n  tabindex=\"-1\"\n  [label]=\"'sky_ag_grid_row_selector_aria_label' | skyLibResources: rowNumber\"\n  [attr.aria-label]=\"\n    'sky_ag_grid_row_selector_aria_label' | skyLibResources: rowNumber\n  \"\n  [(ngModel)]=\"checked\"\n  (change)=\"updateRow()\"\n>\n</sky-checkbox>\n",
+                        styles: [".sky-ag-grid-cell-row-selector .sky-switch-control{top:-6px}\n"],
                         changeDetection: i0.ChangeDetectionStrategy.OnPush,
+                        encapsulation: i0.ViewEncapsulation.None,
                     }]
-            }], propDecorators: { input: [{
-                    type: i0.ViewChild,
-                    args: ['skyCellEditorCurrency', { read: i0.ElementRef }]
-                }] } });
+            }], ctorParameters: function () { return [{ type: i0__namespace.ChangeDetectorRef }]; } });
 
-    var SkyAgGridCellEditorCurrencyModule = /** @class */ (function () {
-        function SkyAgGridCellEditorCurrencyModule() {
+    var SkyAgGridCellRendererRowSelectorModule = /** @class */ (function () {
+        function SkyAgGridCellRendererRowSelectorModule() {
         }
-        return SkyAgGridCellEditorCurrencyModule;
+        return SkyAgGridCellRendererRowSelectorModule;
     }());
-    SkyAgGridCellEditorCurrencyModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellEditorCurrencyModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
-    SkyAgGridCellEditorCurrencyModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", 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.16", ngImport: i0__namespace, type: SkyAgGridCellEditorCurrencyModule, imports: [[AgGridResourcesModule, i1$2.FormsModule, i2$2.SkyAutonumericModule]] });
-    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellEditorCurrencyModule, decorators: [{
+    SkyAgGridCellRendererRowSelectorModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellRendererRowSelectorModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    SkyAgGridCellRendererRowSelectorModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellRendererRowSelectorModule, declarations: [SkyAgGridCellRendererRowSelectorComponent], imports: [AgGridResourcesModule, i1$6.SkyCheckboxModule, i1$4.FormsModule], exports: [SkyAgGridCellRendererRowSelectorComponent] });
+    SkyAgGridCellRendererRowSelectorModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellRendererRowSelectorModule, imports: [[AgGridResourcesModule, i1$6.SkyCheckboxModule, i1$4.FormsModule]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridCellRendererRowSelectorModule, decorators: [{
                 type: i0.NgModule,
                 args: [{
-                        imports: [AgGridResourcesModule, i1$2.FormsModule, i2$2.SkyAutonumericModule],
-                        declarations: [SkyAgGridCellEditorCurrencyComponent],
-                        exports: [SkyAgGridCellEditorCurrencyComponent],
+                        imports: [AgGridResourcesModule, i1$6.SkyCheckboxModule, i1$4.FormsModule],
+                        declarations: [SkyAgGridCellRendererRowSelectorComponent],
+                        exports: [SkyAgGridCellRendererRowSelectorComponent],
                     }]
             }] });
 
@@ -1991,7 +1997,7 @@
             SkyAgGridRowDeleteComponent,
             SkyAgGridRowDeleteDirective,
             SkyAgGridWrapperComponent], imports: [agGridAngular.AgGridModule,
-            i3$1.CommonModule,
+            i3.CommonModule,
             SkyAgGridCellEditorAutocompleteModule,
             SkyAgGridCellEditorDatepickerModule,
             SkyAgGridCellEditorLookupModule,
@@ -2003,15 +2009,15 @@
             SkyAgGridCellRendererValidatorTooltipModule,
             SkyAgGridCellValidatorModule,
             SkyAgGridCellEditorTextModule,
-            i1$6.SkyDataManagerModule,
-            i1$7.SkyInlineDeleteModule,
+            i1$1.SkyDataManagerModule,
+            i1$2.SkyInlineDeleteModule,
             i1.SkyViewkeeperModule], exports: [SkyAgGridDataManagerAdapterDirective,
             SkyAgGridRowDeleteComponent,
             SkyAgGridRowDeleteDirective,
             SkyAgGridWrapperComponent] });
     SkyAgGridModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridModule, imports: [[
                 agGridAngular.AgGridModule,
-                i3$1.CommonModule,
+                i3.CommonModule,
                 SkyAgGridCellEditorAutocompleteModule,
                 SkyAgGridCellEditorDatepickerModule,
                 SkyAgGridCellEditorLookupModule,
@@ -2023,8 +2029,8 @@
                 SkyAgGridCellRendererValidatorTooltipModule,
                 SkyAgGridCellValidatorModule,
                 SkyAgGridCellEditorTextModule,
-                i1$6.SkyDataManagerModule,
-                i1$7.SkyInlineDeleteModule,
+                i1$1.SkyDataManagerModule,
+                i1$2.SkyInlineDeleteModule,
                 i1.SkyViewkeeperModule,
             ]] });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridModule, decorators: [{
@@ -2038,7 +2044,7 @@
                         ],
                         imports: [
                             agGridAngular.AgGridModule,
-                            i3$1.CommonModule,
+                            i3.CommonModule,
                             SkyAgGridCellEditorAutocompleteModule,
                             SkyAgGridCellEditorDatepickerModule,
                             SkyAgGridCellEditorLookupModule,
@@ -2050,8 +2056,8 @@
                             SkyAgGridCellRendererValidatorTooltipModule,
                             SkyAgGridCellValidatorModule,
                             SkyAgGridCellEditorTextModule,
-                            i1$6.SkyDataManagerModule,
-                            i1$7.SkyInlineDeleteModule,
+                            i1$1.SkyDataManagerModule,
+                            i1$2.SkyInlineDeleteModule,
                             i1.SkyViewkeeperModule,
                         ],
                         exports: [
@@ -2507,7 +2513,7 @@
         };
         return SkyAgGridService;
     }());
-    SkyAgGridService.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", 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.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridService, deps: [{ token: SkyAgGridAdapterService }, { token: i1__namespace$5.SkyThemeService, optional: true }, { token: i3__namespace$1.SkyLibResourcesService, optional: true }], target: i0__namespace.ɵɵFactoryTarget.Injectable });
     SkyAgGridService.ɵprov = i0__namespace.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridService, providedIn: 'any' });
     i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0__namespace, type: SkyAgGridService, decorators: [{
                 type: i0.Injectable,
@@ -2515,9 +2521,9 @@
                         providedIn: 'any',
                     }]
             }], ctorParameters: function () {
-            return [{ type: SkyAgGridAdapterService }, { type: i1__namespace$3.SkyThemeService, decorators: [{
+            return [{ type: SkyAgGridAdapterService }, { type: i1__namespace$5.SkyThemeService, decorators: [{
                             type: i0.Optional
-                        }] }, { type: i3__namespace.SkyLibResourcesService, decorators: [{
+                        }] }, { type: i3__namespace$1.SkyLibResourcesService, decorators: [{
                             type: i0.Optional
                         }] }];
         } });