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

package/esm2015/index.js

@@ -0,0 +1,28 @@
+// Export any types that should be included in the root.
+export * from './lib/modules/ag-grid/ag-grid.module';
+export * from './lib/modules/ag-grid/ag-grid.service';
+export * from './lib/modules/ag-grid/types/ag-grid-row-delete-cancel-args';
+export * from './lib/modules/ag-grid/types/ag-grid-row-delete-confirm-args';
+export * from './lib/modules/ag-grid/types/autocomplete-properties';
+export * from './lib/modules/ag-grid/types/cell-class';
+export * from './lib/modules/ag-grid/types/cell-type';
+export * from './lib/modules/ag-grid/types/datepicker-properties';
+export * from './lib/modules/ag-grid/types/header-class';
+export * from './lib/modules/ag-grid/types/sky-grid-options';
+// Components and directives must be exported to support Angular's "partial" Ivy compiler.
+// Obscure names are used to indicate types are not part of the public API.
+export { SkyAgGridCellEditorAutocompleteComponent as λ1 } from './lib/modules/ag-grid/cell-editors/cell-editor-autocomplete/cell-editor-autocomplete.component';
+export { SkyAgGridCellEditorTextComponent as λ2 } from './lib/modules/ag-grid/cell-editors/cell-editor-text/cell-editor-text.component';
+export { SkyAgGridCellEditorCurrencyComponent as λ3 } from './lib/modules/ag-grid/cell-editors/cell-editor-currency/cell-editor-currency.component';
+export { SkyAgGridCellEditorNumberComponent as λ4 } from './lib/modules/ag-grid/cell-editors/cell-editor-number/cell-editor-number.component';
+export { SkyAgGridCellEditorDatepickerComponent as λ5 } from './lib/modules/ag-grid/cell-editors/cell-editor-datepicker/cell-editor-datepicker.component';
+export { SkyAgGridRowDeleteComponent as λ6 } from './lib/modules/ag-grid/ag-grid-row-delete.component';
+export { SkyAgGridCellRendererRowSelectorComponent as λ7 } from './lib/modules/ag-grid/cell-renderers/cell-renderer-row-selector/cell-renderer-row-selector.component';
+export { SkyAgGridCellRendererCurrencyValidatorComponent as λ8 } from './lib/modules/ag-grid/cell-renderers/cell-renderer-currency/cell-renderer-currency-validator.component';
+export { SkyAgGridCellRendererCurrencyComponent as λ9 } from './lib/modules/ag-grid/cell-renderers/cell-renderer-currency/cell-renderer-currency.component';
+export { SkyAgGridCellRendererValidatorTooltipComponent as λ10 } from './lib/modules/ag-grid/cell-renderers/cell-renderer-validator-tooltip/cell-renderer-validator-tooltip.component';
+export { SkyAgGridCellValidatorTooltipComponent as λ11 } from './lib/modules/ag-grid/cell-validator/ag-grid-cell-validator-tooltip.component';
+export { SkyAgGridWrapperComponent as λ12 } from './lib/modules/ag-grid/ag-grid-wrapper.component';
+export { SkyAgGridRowDeleteDirective as λ13 } from './lib/modules/ag-grid/ag-grid-row-delete.directive';
+export { SkyAgGridDataManagerAdapterDirective as λ14 } from './lib/modules/ag-grid/ag-grid-data-manager-adapter.directive';
+//# sourceMappingURL=index.js.map

package/esm2015/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/components/ag-grid/src/index.ts"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,cAAc,sCAAsC,CAAC;AACrD,cAAc,uCAAuC,CAAC;AACtD,cAAc,4DAA4D,CAAC;AAC3E,cAAc,6DAA6D,CAAC;AAC5E,cAAc,qDAAqD,CAAC;AACpE,cAAc,wCAAwC,CAAC;AACvD,cAAc,uCAAuC,CAAC;AACtD,cAAc,mDAAmD,CAAC;AAClE,cAAc,0CAA0C,CAAC;AACzD,cAAc,8CAA8C,CAAC;AAE7D,0FAA0F;AAC1F,2EAA2E;AAC3E,OAAO,EAAE,wCAAwC,IAAI,EAAE,EAAE,MAAM,gGAAgG,CAAC;AAChK,OAAO,EAAE,gCAAgC,IAAI,EAAE,EAAE,MAAM,gFAAgF,CAAC;AACxI,OAAO,EAAE,oCAAoC,IAAI,EAAE,EAAE,MAAM,wFAAwF,CAAC;AACpJ,OAAO,EAAE,kCAAkC,IAAI,EAAE,EAAE,MAAM,oFAAoF,CAAC;AAC9I,OAAO,EAAE,sCAAsC,IAAI,EAAE,EAAE,MAAM,4FAA4F,CAAC;AAC1J,OAAO,EAAE,2BAA2B,IAAI,EAAE,EAAE,MAAM,oDAAoD,CAAC;AACvG,OAAO,EAAE,yCAAyC,IAAI,EAAE,EAAE,MAAM,sGAAsG,CAAC;AACvK,OAAO,EAAE,+CAA+C,IAAI,EAAE,EAAE,MAAM,wGAAwG,CAAC;AAC/K,OAAO,EAAE,sCAAsC,IAAI,EAAE,EAAE,MAAM,8FAA8F,CAAC;AAC5J,OAAO,EAAE,8CAA8C,IAAI,GAAG,EAAE,MAAM,gHAAgH,CAAC;AACvL,OAAO,EAAE,sCAAsC,IAAI,GAAG,EAAE,MAAM,+EAA+E,CAAC;AAC9I,OAAO,EAAE,yBAAyB,IAAI,GAAG,EAAE,MAAM,iDAAiD,CAAC;AACnG,OAAO,EAAE,2BAA2B,IAAI,GAAG,EAAE,MAAM,oDAAoD,CAAC;AACxG,OAAO,EAAE,oCAAoC,IAAI,GAAG,EAAE,MAAM,8DAA8D,CAAC","sourcesContent":["// Export any types that should be included in the root.\nexport * from './lib/modules/ag-grid/ag-grid.module';\nexport * from './lib/modules/ag-grid/ag-grid.service';\nexport * from './lib/modules/ag-grid/types/ag-grid-row-delete-cancel-args';\nexport * from './lib/modules/ag-grid/types/ag-grid-row-delete-confirm-args';\nexport * from './lib/modules/ag-grid/types/autocomplete-properties';\nexport * from './lib/modules/ag-grid/types/cell-class';\nexport * from './lib/modules/ag-grid/types/cell-type';\nexport * from './lib/modules/ag-grid/types/datepicker-properties';\nexport * from './lib/modules/ag-grid/types/header-class';\nexport * from './lib/modules/ag-grid/types/sky-grid-options';\n\n// Components and directives must be exported to support Angular's \"partial\" Ivy compiler.\n// Obscure names are used to indicate types are not part of the public API.\nexport { SkyAgGridCellEditorAutocompleteComponent as λ1 } from './lib/modules/ag-grid/cell-editors/cell-editor-autocomplete/cell-editor-autocomplete.component';\nexport { SkyAgGridCellEditorTextComponent as λ2 } from './lib/modules/ag-grid/cell-editors/cell-editor-text/cell-editor-text.component';\nexport { SkyAgGridCellEditorCurrencyComponent as λ3 } from './lib/modules/ag-grid/cell-editors/cell-editor-currency/cell-editor-currency.component';\nexport { SkyAgGridCellEditorNumberComponent as λ4 } from './lib/modules/ag-grid/cell-editors/cell-editor-number/cell-editor-number.component';\nexport { SkyAgGridCellEditorDatepickerComponent as λ5 } from './lib/modules/ag-grid/cell-editors/cell-editor-datepicker/cell-editor-datepicker.component';\nexport { SkyAgGridRowDeleteComponent as λ6 } from './lib/modules/ag-grid/ag-grid-row-delete.component';\nexport { SkyAgGridCellRendererRowSelectorComponent as λ7 } from './lib/modules/ag-grid/cell-renderers/cell-renderer-row-selector/cell-renderer-row-selector.component';\nexport { SkyAgGridCellRendererCurrencyValidatorComponent as λ8 } from './lib/modules/ag-grid/cell-renderers/cell-renderer-currency/cell-renderer-currency-validator.component';\nexport { SkyAgGridCellRendererCurrencyComponent as λ9 } from './lib/modules/ag-grid/cell-renderers/cell-renderer-currency/cell-renderer-currency.component';\nexport { SkyAgGridCellRendererValidatorTooltipComponent as λ10 } from './lib/modules/ag-grid/cell-renderers/cell-renderer-validator-tooltip/cell-renderer-validator-tooltip.component';\nexport { SkyAgGridCellValidatorTooltipComponent as λ11 } from './lib/modules/ag-grid/cell-validator/ag-grid-cell-validator-tooltip.component';\nexport { SkyAgGridWrapperComponent as λ12 } from './lib/modules/ag-grid/ag-grid-wrapper.component';\nexport { SkyAgGridRowDeleteDirective as λ13 } from './lib/modules/ag-grid/ag-grid-row-delete.directive';\nexport { SkyAgGridDataManagerAdapterDirective as λ14 } from './lib/modules/ag-grid/ag-grid-data-manager-adapter.directive';\n"]}

package/esm2015/lib/modules/ag-grid/ag-grid-adapter.service.js

@@ -0,0 +1,55 @@
+import { Injectable } from '@angular/core';
+import { SkyCoreAdapterService } from '@skyux/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@skyux/core";
+export class SkyAgGridAdapterService {
+    constructor(skyAdapterService) {
+        this.skyAdapterService = skyAdapterService;
+    }
+    getElementOrParentWithClass(element, className) {
+        if (element && element.classList.contains(className)) {
+            return element;
+        }
+        else if (element.parentElement) {
+            return this.getElementOrParentWithClass(element.parentElement, className);
+        }
+    }
+    setFocusedElementById(parentEl, selector) {
+        const element = parentEl.querySelector(`#${selector}`);
+        /* istanbul ignore else */
+        if (element) {
+            element.focus();
+        }
+    }
+    getFocusedElement() {
+        return document.activeElement;
+    }
+    getNextFocusableElement(currentEl, parentEl, moveFocusLeft) {
+        if (parentEl) {
+            const focusableChildren = this.skyAdapterService.getFocusableChildren(parentEl);
+            const currentElementIndex = focusableChildren.indexOf(currentEl);
+            const nextIndex = moveFocusLeft
+                ? currentElementIndex - 1
+                : currentElementIndex + 1;
+            if ((!moveFocusLeft && focusableChildren.length >= nextIndex) ||
+                (moveFocusLeft && nextIndex >= 0)) {
+                return focusableChildren[nextIndex];
+            }
+        }
+    }
+    focusOnFocusableChildren(element) {
+        let focusableChildren = this.skyAdapterService.getFocusableChildren(element);
+        if (focusableChildren.length) {
+            focusableChildren[0].focus();
+        }
+    }
+}
+SkyAgGridAdapterService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAgGridAdapterService, deps: [{ token: i1.SkyCoreAdapterService }], target: i0.ɵɵFactoryTarget.Injectable });
+SkyAgGridAdapterService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAgGridAdapterService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAgGridAdapterService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }], ctorParameters: function () { return [{ type: i1.SkyCoreAdapterService }]; } });
+//# sourceMappingURL=ag-grid-adapter.service.js.map

package/esm2015/lib/modules/ag-grid/ag-grid-adapter.service.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ag-grid-adapter.service.js","sourceRoot":"","sources":["../../../../../../../../libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-adapter.service.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,aAAa,CAAC;;;AAKpD,MAAM,OAAO,uBAAuB;IAClC,YAAoB,iBAAwC;QAAxC,sBAAiB,GAAjB,iBAAiB,CAAuB;IAAG,CAAC;IAEzD,2BAA2B,CAChC,OAAoB,EACpB,SAAiB;QAEjB,IAAI,OAAO,IAAI,OAAO,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,EAAE;YACpD,OAAO,OAAO,CAAC;SAChB;aAAM,IAAI,OAAO,CAAC,aAAa,EAAE;YAChC,OAAO,IAAI,CAAC,2BAA2B,CAAC,OAAO,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC;SAC3E;IACH,CAAC;IAEM,qBAAqB,CAAC,QAAqB,EAAE,QAAgB;QAClE,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,IAAI,QAAQ,EAAE,CAAgB,CAAC;QAEtE,0BAA0B;QAC1B,IAAI,OAAO,EAAE;YACX,OAAO,CAAC,KAAK,EAAE,CAAC;SACjB;IACH,CAAC;IAEM,iBAAiB;QACtB,OAAO,QAAQ,CAAC,aAA4B,CAAC;IAC/C,CAAC;IAEM,uBAAuB,CAC5B,SAAsB,EACtB,QAAqB,EACrB,aAAuB;QAEvB,IAAI,QAAQ,EAAE;YACZ,MAAM,iBAAiB,GACrB,IAAI,CAAC,iBAAiB,CAAC,oBAAoB,CAAC,QAAQ,CAAC,CAAC;YACxD,MAAM,mBAAmB,GAAG,iBAAiB,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;YACjE,MAAM,SAAS,GAAG,aAAa;gBAC7B,CAAC,CAAC,mBAAmB,GAAG,CAAC;gBACzB,CAAC,CAAC,mBAAmB,GAAG,CAAC,CAAC;YAE5B,IACE,CAAC,CAAC,aAAa,IAAI,iBAAiB,CAAC,MAAM,IAAI,SAAS,CAAC;gBACzD,CAAC,aAAa,IAAI,SAAS,IAAI,CAAC,CAAC,EACjC;gBACA,OAAO,iBAAiB,CAAC,SAAS,CAAC,CAAC;aACrC;SACF;IACH,CAAC;IAEM,wBAAwB,CAAC,OAAoB;QAClD,IAAI,iBAAiB,GACnB,IAAI,CAAC,iBAAiB,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC;QAEvD,IAAI,iBAAiB,CAAC,MAAM,EAAE;YAC5B,iBAAiB,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC;SAC9B;IACH,CAAC;;qHAxDU,uBAAuB;yHAAvB,uBAAuB,cAFtB,MAAM;4FAEP,uBAAuB;kBAHnC,UAAU;mBAAC;oBACV,UAAU,EAAE,MAAM;iBACnB","sourcesContent":["import { Injectable } from '@angular/core';\n\nimport { SkyCoreAdapterService } from '@skyux/core';\n\n@Injectable({\n  providedIn: 'root',\n})\nexport class SkyAgGridAdapterService {\n  constructor(private skyAdapterService: SkyCoreAdapterService) {}\n\n  public getElementOrParentWithClass(\n    element: HTMLElement,\n    className: string\n  ): HTMLElement | undefined {\n    if (element && element.classList.contains(className)) {\n      return element;\n    } else if (element.parentElement) {\n      return this.getElementOrParentWithClass(element.parentElement, className);\n    }\n  }\n\n  public setFocusedElementById(parentEl: HTMLElement, selector: string): void {\n    const element = parentEl.querySelector(`#${selector}`) as HTMLElement;\n\n    /* istanbul ignore else */\n    if (element) {\n      element.focus();\n    }\n  }\n\n  public getFocusedElement(): HTMLElement {\n    return document.activeElement as HTMLElement;\n  }\n\n  public getNextFocusableElement(\n    currentEl: HTMLElement,\n    parentEl: HTMLElement,\n    moveFocusLeft?: boolean\n  ): HTMLElement | undefined {\n    if (parentEl) {\n      const focusableChildren =\n        this.skyAdapterService.getFocusableChildren(parentEl);\n      const currentElementIndex = focusableChildren.indexOf(currentEl);\n      const nextIndex = moveFocusLeft\n        ? currentElementIndex - 1\n        : currentElementIndex + 1;\n\n      if (\n        (!moveFocusLeft && focusableChildren.length >= nextIndex) ||\n        (moveFocusLeft && nextIndex >= 0)\n      ) {\n        return focusableChildren[nextIndex];\n      }\n    }\n  }\n\n  public focusOnFocusableChildren(element: HTMLElement): void {\n    let focusableChildren =\n      this.skyAdapterService.getFocusableChildren(element);\n\n    if (focusableChildren.length) {\n      focusableChildren[0].focus();\n    }\n  }\n}\n"]}

package/esm2015/lib/modules/ag-grid/ag-grid-data-manager-adapter.directive.js

@@ -0,0 +1,211 @@
+import { ChangeDetectorRef, ContentChildren, Directive, Input, QueryList, } from '@angular/core';
+import { Subject } from 'rxjs';
+import { takeUntil, filter } from 'rxjs/operators';
+import { AgGridAngular } from 'ag-grid-angular';
+import { SkyDataManagerService, } from '@skyux/data-manager';
+import { SkyAgGridWrapperComponent } from './ag-grid-wrapper.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@skyux/data-manager";
+/**
+ * @internal
+ */
+export class SkyAgGridDataManagerAdapterDirective {
+    constructor(changeDetector, dataManagerSvc) {
+        this.changeDetector = changeDetector;
+        this.dataManagerSvc = dataManagerSvc;
+        this.ngUnsubscribe = new Subject();
+    }
+    ngAfterContentInit() {
+        this.dataManagerSvc.setViewkeeperClasses(this.viewId, ['.ag-header']);
+        this.viewConfig = this.dataManagerSvc.getViewById(this.viewId);
+        this.checkForAgGrid();
+        this.checkForSkyAgGridWrapper();
+        this.agGridList.changes
+            .pipe(takeUntil(this.ngUnsubscribe))
+            .subscribe(() => this.checkForAgGrid());
+        this.skyAgGridWrapperList.changes
+            .pipe(takeUntil(this.ngUnsubscribe))
+            .subscribe(() => this.checkForSkyAgGridWrapper());
+    }
+    ngOnDestroy() {
+        this.ngUnsubscribe.next();
+        this.ngUnsubscribe.complete();
+    }
+    checkForAgGrid() {
+        const agGridCount = this.agGridList.length;
+        /* istanbul ignore else */
+        if (agGridCount === 0) {
+            this.unregisterAgGrid();
+        }
+        else if (this.agGridList.first !== this.currentAgGrid) {
+            this.registerAgGrid();
+        }
+        if (agGridCount > 1) {
+            console.warn('More than one ag-grid child component was found. Using the first ag-Grid.');
+        }
+    }
+    checkForSkyAgGridWrapper() {
+        const skyAgGridWrapperCount = this.skyAgGridWrapperList.length;
+        /* istanbul ignore else */
+        if (skyAgGridWrapperCount === 0) {
+            this.unregisterSkyAgGridWrapper();
+        }
+        else if (this.skyAgGridWrapperList.first !== this.currentSkyAgGridWrapper) {
+            this.registerSkyAgGridWrapper();
+        }
+        if (skyAgGridWrapperCount > 1) {
+            console.warn('More than one ag-grid child component was found. Using the first ag-Grid.');
+        }
+    }
+    unregisterAgGrid() {
+        this.currentAgGrid = undefined;
+        /* istanbul ignore if */
+        if (this.dataStateSub) {
+            this.dataStateSub.unsubscribe();
+        }
+    }
+    unregisterSkyAgGridWrapper() {
+        this.currentSkyAgGridWrapper = undefined;
+    }
+    registerSkyAgGridWrapper() {
+        this.unregisterSkyAgGridWrapper();
+        this.currentSkyAgGridWrapper = this.skyAgGridWrapperList.first;
+        setTimeout(() => {
+            if (this.currentSkyAgGridWrapper) {
+                this.currentSkyAgGridWrapper.viewkeeperClasses = [];
+            }
+        });
+    }
+    registerAgGrid() {
+        this.unregisterAgGrid();
+        const agGrid = this.agGridList.first;
+        this.currentAgGrid = agGrid;
+        agGrid.gridReady.pipe(takeUntil(this.ngUnsubscribe)).subscribe(() => {
+            this.viewConfig.onSelectAllClick = this.selectAll.bind(this);
+            this.viewConfig.onClearAllClick = this.clearAll.bind(this);
+            this.dataManagerSvc.updateViewConfig(this.viewConfig);
+            this.dataStateSub = this.dataManagerSvc
+                .getDataStateUpdates(this.viewConfig.id)
+                .pipe(takeUntil(this.ngUnsubscribe))
+                .subscribe((dataState) => {
+                this.currentDataState = dataState;
+                this.displayColumns(dataState);
+            });
+            agGrid.api.sizeColumnsToFit();
+        });
+        agGrid.columnMoved
+            .pipe(takeUntil(this.ngUnsubscribe), filter((event) => ![
+            'gridInitializing',
+            'uiColumnResized',
+            'uiColumnDragged',
+            'api',
+        ].includes(event.source)))
+            .subscribe((value) => {
+            this.updateColumnsInCurrentDataState(value.columnApi);
+        });
+        let currentColumns;
+        agGrid.dragStarted
+            .pipe(takeUntil(this.ngUnsubscribe))
+            .subscribe((value) => {
+            currentColumns = this.getColumnOrder(value.columnApi);
+        });
+        agGrid.dragStopped
+            .pipe(takeUntil(this.ngUnsubscribe))
+            .subscribe((value) => {
+            const newColumns = this.getColumnOrder(value.columnApi);
+            const hasChanged = currentColumns.findIndex((colId, i) => colId !== newColumns[i]);
+            if (hasChanged > -1) {
+                this.updateColumnsInCurrentDataState(value.columnApi);
+            }
+        });
+        agGrid.rowSelected
+            .pipe(takeUntil(this.ngUnsubscribe))
+            .subscribe((event) => {
+            const row = event.node;
+            let selectedIds = this.currentDataState.selectedIds || [];
+            const rowIndex = selectedIds.indexOf(row.data.id);
+            if (row.isSelected() && rowIndex === -1) {
+                selectedIds.push(row.data.id);
+            }
+            else if (!row.isSelected() && rowIndex !== -1) {
+                selectedIds.splice(rowIndex, 1);
+            }
+            this.currentDataState.selectedIds = selectedIds;
+            this.dataManagerSvc.updateDataState(this.currentDataState, this.viewConfig.id);
+            this.changeDetector.markForCheck();
+        });
+        agGrid.sortChanged.pipe(takeUntil(this.ngUnsubscribe)).subscribe(() => {
+            const gridColumnStates = agGrid.columnApi.getColumnState();
+            let sortOption;
+            /* istanbul ignore else */
+            if (gridColumnStates.length) {
+                const activeSortColumnState = gridColumnStates.find((aGridColumnState) => aGridColumnState.sortIndex === 0);
+                const dataManagerConfig = this.dataManagerSvc.getCurrentDataManagerConfig();
+                /* istanbul ignore else */
+                if (dataManagerConfig.sortOptions && activeSortColumnState) {
+                    sortOption = dataManagerConfig.sortOptions.find((option) => {
+                        return (option.propertyName === activeSortColumnState.colId &&
+                            option.descending === (activeSortColumnState.sort === 'desc'));
+                    });
+                }
+                else {
+                    sortOption = undefined;
+                }
+            }
+            this.currentDataState.activeSortOption = sortOption;
+            this.dataManagerSvc.updateDataState(this.currentDataState, this.viewConfig.id);
+        });
+    }
+    updateColumnsInCurrentDataState(columnApi) {
+        const columnOrder = this.getColumnOrder(columnApi);
+        const viewState = this.currentDataState.getViewStateById(this.viewConfig.id);
+        viewState.displayedColumnIds = columnOrder;
+        this.dataManagerSvc.updateDataState(this.currentDataState.addOrUpdateView(this.viewConfig.id, viewState), this.viewConfig.id);
+    }
+    getColumnOrder(columnApi) {
+        return columnApi
+            .getAllDisplayedVirtualColumns()
+            .map((col) => col.getColDef().colId);
+    }
+    displayColumns(dataState) {
+        const agGrid = this.currentAgGrid;
+        const viewState = dataState.getViewStateById(this.viewConfig.id);
+        let displayedColumnIds = [];
+        /*istanbul ignore else*/
+        if (viewState.displayedColumnIds) {
+            displayedColumnIds = viewState.displayedColumnIds;
+        }
+        const columns = agGrid.columnApi.getAllColumns();
+        for (const column of columns) {
+            const colId = column.getColId();
+            const colIndex = displayedColumnIds.indexOf(colId);
+            agGrid.columnApi.setColumnVisible(colId, colIndex !== -1);
+            agGrid.columnApi.moveColumn(colId, colIndex);
+        }
+    }
+    selectAll() {
+        const agGrid = this.agGridList.first;
+        agGrid.api.selectAll();
+    }
+    clearAll() {
+        const agGrid = this.agGridList.first;
+        agGrid.api.deselectAll();
+    }
+}
+SkyAgGridDataManagerAdapterDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAgGridDataManagerAdapterDirective, deps: [{ token: i0.ChangeDetectorRef }, { token: i1.SkyDataManagerService }], target: i0.ɵɵFactoryTarget.Directive });
+SkyAgGridDataManagerAdapterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: SkyAgGridDataManagerAdapterDirective, selector: "[skyAgGridDataManagerAdapter]", inputs: { viewId: "viewId" }, queries: [{ propertyName: "agGridList", predicate: AgGridAngular, descendants: true }, { propertyName: "skyAgGridWrapperList", predicate: SkyAgGridWrapperComponent, descendants: true }], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAgGridDataManagerAdapterDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[skyAgGridDataManagerAdapter]',
+                }]
+        }], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: i1.SkyDataManagerService }]; }, propDecorators: { viewId: [{
+                type: Input
+            }], agGridList: [{
+                type: ContentChildren,
+                args: [AgGridAngular, { descendants: true }]
+            }], skyAgGridWrapperList: [{
+                type: ContentChildren,
+                args: [SkyAgGridWrapperComponent, { descendants: true }]
+            }] } });
+//# sourceMappingURL=ag-grid-data-manager-adapter.directive.js.map

package/esm2015/lib/modules/ag-grid/ag-grid-data-manager-adapter.directive.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ag-grid-data-manager-adapter.directive.js","sourceRoot":"","sources":["../../../../../../../../libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-data-manager-adapter.directive.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  AfterContentInit,\n  ChangeDetectorRef,\n  ContentChildren,\n  Directive,\n  Input,\n  OnDestroy,\n  QueryList,\n} from '@angular/core';\n\nimport { Subject, Subscription } from 'rxjs';\n\nimport { takeUntil, filter } from 'rxjs/operators';\n\nimport { AgGridAngular } from 'ag-grid-angular';\n\nimport {\n  ColumnApi,\n  ColumnMovedEvent,\n  ColumnState,\n  DragStartedEvent,\n  DragStoppedEvent,\n  RowSelectedEvent,\n} from 'ag-grid-community';\n\nimport {\n  SkyDataManagerService,\n  SkyDataManagerSortOption,\n  SkyDataManagerState,\n  SkyDataViewConfig,\n} from '@skyux/data-manager';\n\nimport { SkyAgGridWrapperComponent } from './ag-grid-wrapper.component';\n\n/**\n * @internal\n */\n@Directive({\n  selector: '[skyAgGridDataManagerAdapter]',\n})\nexport class SkyAgGridDataManagerAdapterDirective\n  implements AfterContentInit, OnDestroy\n{\n  @Input()\n  public viewId: string;\n\n  @ContentChildren(AgGridAngular, { descendants: true })\n  public agGridList: QueryList<AgGridAngular>;\n\n  @ContentChildren(SkyAgGridWrapperComponent, { descendants: true })\n  public skyAgGridWrapperList: QueryList<SkyAgGridWrapperComponent>;\n\n  private currentAgGrid: AgGridAngular;\n  private currentDataState: SkyDataManagerState;\n  private currentSkyAgGridWrapper: SkyAgGridWrapperComponent;\n  private dataStateSub: Subscription;\n  private viewConfig: SkyDataViewConfig;\n  private ngUnsubscribe = new Subject();\n\n  constructor(\n    private changeDetector: ChangeDetectorRef,\n    private dataManagerSvc: SkyDataManagerService\n  ) {}\n\n  public ngAfterContentInit(): void {\n    this.dataManagerSvc.setViewkeeperClasses(this.viewId, ['.ag-header']);\n\n    this.viewConfig = this.dataManagerSvc.getViewById(this.viewId);\n    this.checkForAgGrid();\n    this.checkForSkyAgGridWrapper();\n\n    this.agGridList.changes\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe(() => this.checkForAgGrid());\n\n    this.skyAgGridWrapperList.changes\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe(() => this.checkForSkyAgGridWrapper());\n  }\n\n  public ngOnDestroy() {\n    this.ngUnsubscribe.next();\n    this.ngUnsubscribe.complete();\n  }\n\n  private checkForAgGrid(): void {\n    const agGridCount = this.agGridList.length;\n\n    /* istanbul ignore else */\n    if (agGridCount === 0) {\n      this.unregisterAgGrid();\n    } else if (this.agGridList.first !== this.currentAgGrid) {\n      this.registerAgGrid();\n    }\n\n    if (agGridCount > 1) {\n      console.warn(\n        'More than one ag-grid child component was found. Using the first ag-Grid.'\n      );\n    }\n  }\n\n  private checkForSkyAgGridWrapper(): void {\n    const skyAgGridWrapperCount = this.skyAgGridWrapperList.length;\n\n    /* istanbul ignore else */\n    if (skyAgGridWrapperCount === 0) {\n      this.unregisterSkyAgGridWrapper();\n    } else if (\n      this.skyAgGridWrapperList.first !== this.currentSkyAgGridWrapper\n    ) {\n      this.registerSkyAgGridWrapper();\n    }\n\n    if (skyAgGridWrapperCount > 1) {\n      console.warn(\n        'More than one ag-grid child component was found. Using the first ag-Grid.'\n      );\n    }\n  }\n\n  private unregisterAgGrid(): void {\n    this.currentAgGrid = undefined;\n\n    /* istanbul ignore if */\n    if (this.dataStateSub) {\n      this.dataStateSub.unsubscribe();\n    }\n  }\n\n  private unregisterSkyAgGridWrapper(): void {\n    this.currentSkyAgGridWrapper = undefined;\n  }\n\n  private registerSkyAgGridWrapper(): void {\n    this.unregisterSkyAgGridWrapper();\n\n    this.currentSkyAgGridWrapper = this.skyAgGridWrapperList.first;\n\n    setTimeout(() => {\n      if (this.currentSkyAgGridWrapper) {\n        this.currentSkyAgGridWrapper.viewkeeperClasses = [];\n      }\n    });\n  }\n\n  private registerAgGrid(): void {\n    this.unregisterAgGrid();\n\n    const agGrid = this.agGridList.first;\n\n    this.currentAgGrid = agGrid;\n\n    agGrid.gridReady.pipe(takeUntil(this.ngUnsubscribe)).subscribe(() => {\n      this.viewConfig.onSelectAllClick = this.selectAll.bind(this);\n      this.viewConfig.onClearAllClick = this.clearAll.bind(this);\n\n      this.dataManagerSvc.updateViewConfig(this.viewConfig);\n\n      this.dataStateSub = this.dataManagerSvc\n        .getDataStateUpdates(this.viewConfig.id)\n        .pipe(takeUntil(this.ngUnsubscribe))\n        .subscribe((dataState: SkyDataManagerState) => {\n          this.currentDataState = dataState;\n          this.displayColumns(dataState);\n        });\n\n      agGrid.api.sizeColumnsToFit();\n    });\n\n    agGrid.columnMoved\n      .pipe(\n        takeUntil(this.ngUnsubscribe),\n        filter(\n          (event: ColumnMovedEvent) =>\n            ![\n              'gridInitializing',\n              'uiColumnResized',\n              'uiColumnDragged',\n              'api',\n            ].includes(event.source)\n        )\n      )\n      .subscribe((value: ColumnMovedEvent) => {\n        this.updateColumnsInCurrentDataState(value.columnApi);\n      });\n    let currentColumns: string[];\n    agGrid.dragStarted\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe((value: DragStartedEvent) => {\n        currentColumns = this.getColumnOrder(value.columnApi);\n      });\n    agGrid.dragStopped\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe((value: DragStoppedEvent) => {\n        const newColumns = this.getColumnOrder(value.columnApi);\n        const hasChanged = currentColumns.findIndex(\n          (colId, i) => colId !== newColumns[i]\n        );\n        if (hasChanged > -1) {\n          this.updateColumnsInCurrentDataState(value.columnApi);\n        }\n      });\n\n    agGrid.rowSelected\n      .pipe(takeUntil(this.ngUnsubscribe))\n      .subscribe((event: RowSelectedEvent) => {\n        const row = event.node;\n        let selectedIds = this.currentDataState.selectedIds || [];\n        const rowIndex = selectedIds.indexOf(row.data.id);\n\n        if (row.isSelected() && rowIndex === -1) {\n          selectedIds.push(row.data.id);\n        } else if (!row.isSelected() && rowIndex !== -1) {\n          selectedIds.splice(rowIndex, 1);\n        }\n\n        this.currentDataState.selectedIds = selectedIds;\n        this.dataManagerSvc.updateDataState(\n          this.currentDataState,\n          this.viewConfig.id\n        );\n        this.changeDetector.markForCheck();\n      });\n\n    agGrid.sortChanged.pipe(takeUntil(this.ngUnsubscribe)).subscribe(() => {\n      const gridColumnStates: ColumnState[] = agGrid.columnApi.getColumnState();\n      let sortOption: SkyDataManagerSortOption;\n\n      /* istanbul ignore else */\n      if (gridColumnStates.length) {\n        const activeSortColumnState = gridColumnStates.find(\n          (aGridColumnState) => aGridColumnState.sortIndex === 0\n        );\n\n        const dataManagerConfig =\n          this.dataManagerSvc.getCurrentDataManagerConfig();\n\n        /* istanbul ignore else */\n        if (dataManagerConfig.sortOptions && activeSortColumnState) {\n          sortOption = dataManagerConfig.sortOptions.find(\n            (option: SkyDataManagerSortOption) => {\n              return (\n                option.propertyName === activeSortColumnState.colId &&\n                option.descending === (activeSortColumnState.sort === 'desc')\n              );\n            }\n          );\n        } else {\n          sortOption = undefined;\n        }\n      }\n      this.currentDataState.activeSortOption = sortOption;\n      this.dataManagerSvc.updateDataState(\n        this.currentDataState,\n        this.viewConfig.id\n      );\n    });\n  }\n\n  private updateColumnsInCurrentDataState(columnApi: ColumnApi) {\n    const columnOrder = this.getColumnOrder(columnApi);\n\n    const viewState = this.currentDataState.getViewStateById(\n      this.viewConfig.id\n    );\n    viewState.displayedColumnIds = columnOrder;\n\n    this.dataManagerSvc.updateDataState(\n      this.currentDataState.addOrUpdateView(this.viewConfig.id, viewState),\n      this.viewConfig.id\n    );\n  }\n\n  private getColumnOrder(columnApi: ColumnApi): string[] {\n    return columnApi\n      .getAllDisplayedVirtualColumns()\n      .map((col) => col.getColDef().colId);\n  }\n\n  private displayColumns(dataState: SkyDataManagerState): void {\n    const agGrid = this.currentAgGrid;\n    const viewState = dataState.getViewStateById(this.viewConfig.id);\n    let displayedColumnIds: string[] = [];\n    /*istanbul ignore else*/\n    if (viewState.displayedColumnIds) {\n      displayedColumnIds = viewState.displayedColumnIds;\n    }\n    const columns = agGrid.columnApi.getAllColumns();\n\n    for (const column of columns) {\n      const colId = column.getColId();\n      const colIndex = displayedColumnIds.indexOf(colId);\n\n      agGrid.columnApi.setColumnVisible(colId, colIndex !== -1);\n      agGrid.columnApi.moveColumn(colId, colIndex);\n    }\n  }\n\n  private selectAll(): void {\n    const agGrid = this.agGridList.first;\n    agGrid.api.selectAll();\n  }\n\n  private clearAll(): void {\n    const agGrid = this.agGridList.first;\n    agGrid.api.deselectAll();\n  }\n}\n"]}

package/esm2015/{modules → lib/modules}/ag-grid/ag-grid-row-delete.component.js

@@ -1,4 +1,4 @@
-import { Component, TemplateRef, ViewChild, ViewChildren, } from '@angular/core';
+import { Component, QueryList, TemplateRef, ViewChild, ViewChildren, } from '@angular/core';
 import * as i0 from "@angular/core";
 import * as i1 from "@skyux/layout";
 import * as i2 from "@angular/common";
@@ -74,4 +74,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImpo
                 type: ViewChild,
                 args: ['inlineDeleteTemplateRef', { read: TemplateRef }]
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWctZ3JpZC1yb3ctZGVsZXRlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FnLWdyaWQvc3JjL21vZHVsZXMvYWctZ3JpZC9hZy1ncmlkLXJvdy1kZWxldGUuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBR1QsV0FBVyxFQUNYLFNBQVMsRUFDVCxZQUFZLEdBQ2IsTUFBTSxlQUFlLENBQUM7Ozs7QUFFdkI7OztHQUdHO0FBOEJILE1BQU0sT0FBTywyQkFBMkI7O3lIQUEzQiwyQkFBMkI7NkdBQTNCLDJCQUEyQixtS0FHUSxXQUFXLHNIQS9CL0M7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBMEJUOzRGQUVVLDJCQUEyQjtrQkE3QnZDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQTBCVDtpQkFDRjs4QkFHUSxnQkFBZ0I7c0JBRHRCLFlBQVk7dUJBQUMsaUJBQWlCO2dCQUd4Qix1QkFBdUI7c0JBRDdCLFNBQVM7dUJBQUMseUJBQXlCLEVBQUUsRUFBRSxJQUFJLEVBQUUsV0FBVyxFQUFFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBRdWVyeUxpc3QsXG4gIFRlbXBsYXRlUmVmLFxuICBWaWV3Q2hpbGQsXG4gIFZpZXdDaGlsZHJlbixcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbi8qKlxuICogQ29tcG9uZW50IGZvciByZW5kZXJpbmcgdGhlIGlubGluZSBkZWxldGUgdGVtcGxhdGUgaW4gdGhlIG92ZXJsYXkuXG4gKiBAaW50ZXJuYWxcbiAqL1xuQENvbXBvbmVudCh7XG4gIHRlbXBsYXRlOiBgXG4gICAgPG5nLXRlbXBsYXRlXG4gICAgICBsZXQtcm93XG4gICAgICBsZXQtdGFibGVXaWR0aD1cInRhYmxlV2lkdGgoKVwiXG4gICAgICBsZXQtZ2V0Um93RGVsZXRlSXRlbT1cImdldFJvd0RlbGV0ZUl0ZW1cIlxuICAgICAgbGV0LWNhbmNlbFJvd0RlbGV0ZT1cImNhbmNlbFJvd0RlbGV0ZVwiXG4gICAgICBsZXQtY29uZmlybVJvd0RlbGV0ZT1cImNvbmZpcm1Sb3dEZWxldGVcIlxuICAgICAgI2lubGluZURlbGV0ZVRlbXBsYXRlUmVmXG4gICAgPlxuICAgICAgPGRpdlxuICAgICAgICBjbGFzcz1cInNreS1hZy1ncmlkLXJvdy1kZWxldGVcIlxuICAgICAgICBbaWRdPVwiJ3Jvdy1kZWxldGUtcmVmLScgKyByb3cuaWRcIlxuICAgICAgICBbbmdTdHlsZV09XCJ7XG4gICAgICAgICAgaGVpZ2h0OiByb3cucm93SGVpZ2h0ICsgJ3B4JyxcbiAgICAgICAgICBwb3NpdGlvbjogJ2ZpeGVkJyxcbiAgICAgICAgICB3aWR0aDogdGFibGVXaWR0aCArICdweCdcbiAgICAgICAgfVwiXG4gICAgICAgICNpbmxpbmVEZWxldGVSZWZcbiAgICAgID5cbiAgICAgICAgPHNreS1pbmxpbmUtZGVsZXRlXG4gICAgICAgICAgW3BlbmRpbmddPVwiZ2V0Um93RGVsZXRlSXRlbShyb3cpLnBlbmRpbmdcIlxuICAgICAgICAgIChjYW5jZWxUcmlnZ2VyZWQpPVwiY2FuY2VsUm93RGVsZXRlKHJvdylcIlxuICAgICAgICAgIChkZWxldGVUcmlnZ2VyZWQpPVwiY29uZmlybVJvd0RlbGV0ZShyb3cpXCJcbiAgICAgICAgPjwvc2t5LWlubGluZS1kZWxldGU+XG4gICAgICA8L2Rpdj5cbiAgICA8L25nLXRlbXBsYXRlPlxuICBgLFxufSlcbmV4cG9ydCBjbGFzcyBTa3lBZ0dyaWRSb3dEZWxldGVDb21wb25lbnQge1xuICBAVmlld0NoaWxkcmVuKCdpbmxpbmVEZWxldGVSZWYnKVxuICBwdWJsaWMgaW5saW5lRGVsZXRlUmVmczogUXVlcnlMaXN0PEVsZW1lbnRSZWY+O1xuICBAVmlld0NoaWxkKCdpbmxpbmVEZWxldGVUZW1wbGF0ZVJlZicsIHsgcmVhZDogVGVtcGxhdGVSZWYgfSlcbiAgcHVibGljIGlubGluZURlbGV0ZVRlbXBsYXRlUmVmOiBUZW1wbGF0ZVJlZjxhbnk+O1xufVxuIl19
+//# sourceMappingURL=ag-grid-row-delete.component.js.map

package/esm2015/lib/modules/ag-grid/ag-grid-row-delete.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ag-grid-row-delete.component.js","sourceRoot":"","sources":["../../../../../../../../libs/components/ag-grid/src/lib/modules/ag-grid/ag-grid-row-delete.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EAET,SAAS,EACT,WAAW,EACX,SAAS,EACT,YAAY,GACb,MAAM,eAAe,CAAC;;;;AAEvB;;;GAGG;AA8BH,MAAM,OAAO,2BAA2B;;yHAA3B,2BAA2B;6GAA3B,2BAA2B,mKAGQ,WAAW,sHA/B/C;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BT;4FAEU,2BAA2B;kBA7BvC,SAAS;mBAAC;oBACT,QAAQ,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BT;iBACF;8BAGQ,gBAAgB;sBADtB,YAAY;uBAAC,iBAAiB;gBAGxB,uBAAuB;sBAD7B,SAAS;uBAAC,yBAAyB,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE","sourcesContent":["import {\n  Component,\n  ElementRef,\n  QueryList,\n  TemplateRef,\n  ViewChild,\n  ViewChildren,\n} from '@angular/core';\n\n/**\n * Component for rendering the inline delete template in the overlay.\n * @internal\n */\n@Component({\n  template: `\n    <ng-template\n      let-row\n      let-tableWidth=\"tableWidth()\"\n      let-getRowDeleteItem=\"getRowDeleteItem\"\n      let-cancelRowDelete=\"cancelRowDelete\"\n      let-confirmRowDelete=\"confirmRowDelete\"\n      #inlineDeleteTemplateRef\n    >\n      <div\n        class=\"sky-ag-grid-row-delete\"\n        [id]=\"'row-delete-ref-' + row.id\"\n        [ngStyle]=\"{\n          height: row.rowHeight + 'px',\n          position: 'fixed',\n          width: tableWidth + 'px'\n        }\"\n        #inlineDeleteRef\n      >\n        <sky-inline-delete\n          [pending]=\"getRowDeleteItem(row).pending\"\n          (cancelTriggered)=\"cancelRowDelete(row)\"\n          (deleteTriggered)=\"confirmRowDelete(row)\"\n        ></sky-inline-delete>\n      </div>\n    </ng-template>\n  `,\n})\nexport class SkyAgGridRowDeleteComponent {\n  @ViewChildren('inlineDeleteRef')\n  public inlineDeleteRefs: QueryList<ElementRef>;\n  @ViewChild('inlineDeleteTemplateRef', { read: TemplateRef })\n  public inlineDeleteTemplateRef: TemplateRef<any>;\n}\n"]}

package/esm2015/lib/modules/ag-grid/ag-grid-row-delete.directive.js

@@ -0,0 +1,230 @@
+import { ChangeDetectorRef, ComponentFactoryResolver, ContentChild, Directive, ElementRef, EventEmitter, Input, Output, ViewContainerRef, } from '@angular/core';
+import { SkyAffixAutoFitContext, SkyAffixService, SkyOverlayService, } from '@skyux/core';
+import { AgGridAngular } from 'ag-grid-angular';
+import { Subject } from 'rxjs';
+import { takeUntil } from 'rxjs/operators';
+import { SkyAgGridRowDeleteComponent } from './ag-grid-row-delete.component';
+import * as i0 from "@angular/core";
+import * as i1 from "@skyux/core";
+/**
+ * @internal
+ */
+export class SkyAgGridRowDeleteDirective {
+    constructor(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 EventEmitter();
+        /**
+         * Emits a `SkyAgGridRowDeleteConfirmArgs` object when a row's inline delete is confirmed.
+         */
+        this.rowDeleteConfirm = new EventEmitter();
+        /**
+         * Emits when the list of ids of the data in the rows where inline deletes are shown changes.
+         */
+        this.rowDeleteIdsChange = new EventEmitter();
+        this.rowDeleteConfigs = [];
+        this.ngUnsubscribe = new Subject();
+        this.rowDeleteContents = {};
+    }
+    /**
+     * Specifies the ids of the data in the rows on which inline delete's should be shown.
+     */
+    set rowDeleteIds(value) {
+        this._rowDeleteIds = value;
+        if (!value) {
+            for (let config of this.rowDeleteConfigs) {
+                this.destroyRowDelete(config.id);
+            }
+            this.changeDetector.markForCheck();
+            return;
+        }
+        for (let id of value) {
+            const existingConfig = this.rowDeleteConfigs.find((config) => config.id === id);
+            if (existingConfig) {
+                existingConfig.pending = false;
+            }
+            else {
+                this.rowDeleteConfigs.push({
+                    id: id,
+                    pending: false,
+                });
+                let overlay = this.overlayService.create({
+                    enableScroll: true,
+                    showBackdrop: false,
+                    closeOnNavigation: true,
+                    enableClose: false,
+                    enablePointerEvents: true,
+                });
+                overlay.attachTemplate(this.rowDeleteComponent.inlineDeleteTemplateRef, {
+                    $implicit: this.agGrid.api.getRowNode(id),
+                    tableWidth: () => {
+                        return this.tableWidth;
+                    },
+                    getRowDeleteItem: (row) => this.getRowDeleteItem(row),
+                    cancelRowDelete: (row) => this.cancelRowDelete(row),
+                    confirmRowDelete: (row) => this.confirmRowDelete(row),
+                });
+                /**
+                 * We are manually setting the z-index here because overlays will always be on top of
+                 * the omnibar. This manual setting is 2 less than the omnibar's z-index of 1000 and one less than
+                 * the header row's viewkeeper which is 999. We discussed changing the overlay service to allow for this
+                 * but decided against that change at this time due to its niche nature.
+                 */
+                overlay.componentRef.instance.zIndex = '998';
+                setTimeout(() => {
+                    const inlineDeleteRef = this.rowDeleteComponent.inlineDeleteRefs
+                        .toArray()
+                        .find((elRef) => {
+                        return elRef.nativeElement.id === 'row-delete-ref-' + id;
+                    });
+                    let affixer = this.affixService.createAffixer(inlineDeleteRef);
+                    this.affixToRow(affixer, id);
+                    this.rowDeleteContents[id] = {
+                        affixer: affixer,
+                        overlay: overlay,
+                    };
+                });
+            }
+        }
+        for (let config of this.rowDeleteConfigs) {
+            if (value.indexOf(config.id) < 0) {
+                this.destroyRowDelete(config.id);
+            }
+        }
+        this.changeDetector.markForCheck();
+    }
+    get rowDeleteIds() {
+        return this._rowDeleteIds;
+    }
+    get tableWidth() {
+        return this.elementRef.nativeElement.querySelectorAll('.sky-ag-grid')[0]
+            .offsetWidth;
+    }
+    ngAfterContentInit() {
+        const factory = this.resolver.resolveComponentFactory(SkyAgGridRowDeleteComponent);
+        this.rowDeleteComponent =
+            this.viewContainerRef.createComponent(factory).instance;
+        this.agGrid.rowDataChanged
+            .pipe(takeUntil(this.ngUnsubscribe))
+            .subscribe(() => {
+            this.updateRowDeleteStates();
+        });
+        this.agGrid.rowDataUpdated
+            .pipe(takeUntil(this.ngUnsubscribe))
+            .subscribe(() => {
+            this.updateRowDeleteStates();
+        });
+        this.agGrid.sortChanged
+            .pipe(takeUntil(this.ngUnsubscribe))
+            .subscribe(() => {
+            this.updateRowDeleteStates();
+        });
+        this.agGrid.filterChanged
+            .pipe(takeUntil(this.ngUnsubscribe))
+            .subscribe(() => {
+            this.updateRowDeleteStates();
+        });
+        this.agGrid.getRowNodeId = (data) => {
+            return data.id.toString();
+        };
+    }
+    ngOnDestroy() {
+        this.ngUnsubscribe.next();
+        this.ngUnsubscribe.complete();
+        Object.keys(this.rowDeleteContents).forEach((id) => {
+            this.destroyRowDelete(id);
+        });
+    }
+    cancelRowDelete(row) {
+        this.rowDeleteConfigs = this.rowDeleteConfigs.filter((config) => config.id !== row.id);
+        this.rowDeleteCancel.emit({ id: row.id });
+        this.destroyRowDelete(row.id);
+    }
+    confirmRowDelete(row) {
+        this.rowDeleteConfigs.find((config) => config.id === row.id).pending = true;
+        this.rowDeleteConfirm.emit({ id: row.id });
+    }
+    getRowDeleteItem(row) {
+        return this.rowDeleteConfigs.find((rowDelete) => rowDelete.id === row.id);
+    }
+    affixToRow(affixer, id) {
+        let rowElement = this.elementRef.nativeElement.querySelector(`
+      [row-id="${id}"] div[aria-colindex="1"],
+      .ag-row.sky-ag-grid-row-${id} div[aria-colindex="1"]
+    `);
+        // This covers cases where AG Grid places the column index on an inner element (such as with the `enableCellTextSelection` option)
+        // This appears to have been fixed by AG Grid in version 24 and so it is not testable after that version.
+        /* istanbul ignore if */
+        if (!rowElement) {
+            const columns = this.elementRef.nativeElement.querySelectorAll('[row-id="' + id + '"] > div');
+            for (let i = 0; i < columns.length; i++) {
+                if (columns[i].querySelector('[aria-colindex="1"]')) {
+                    rowElement = columns[i];
+                    break;
+                }
+            }
+        }
+        affixer.affixTo(rowElement, {
+            autoFitContext: SkyAffixAutoFitContext.Viewport,
+            isSticky: true,
+            placement: 'above',
+            verticalAlignment: 'top',
+            horizontalAlignment: 'left',
+            enableAutoFit: false,
+        });
+    }
+    destroyRowDelete(id) {
+        var _a;
+        const rowDeleteContents = this.rowDeleteContents[id];
+        /* sanity check */
+        /* istanbul ignore else */
+        if (rowDeleteContents) {
+            rowDeleteContents.affixer.destroy();
+            this.overlayService.close(rowDeleteContents.overlay);
+            delete this.rowDeleteContents[id];
+            this.rowDeleteConfigs = this.rowDeleteConfigs.filter((config) => config.id !== id);
+            this._rowDeleteIds = (_a = this.rowDeleteIds) === null || _a === void 0 ? void 0 : _a.filter((arrayId) => arrayId !== id);
+            this.rowDeleteIdsChange.emit(this._rowDeleteIds);
+        }
+    }
+    updateRowDeleteStates() {
+        this.rowDeleteConfigs.forEach((config) => {
+            if (!this.agGrid.api.getRowNode(config.id)) {
+                this.destroyRowDelete(config.id);
+            }
+            else {
+                // We must reaffix things when the data changes because the rows rerender and the previous element that the delete was affixed
+                // to is destroyed.
+                this.affixToRow(this.rowDeleteContents[config.id].affixer, config.id);
+            }
+        });
+        this.changeDetector.markForCheck();
+    }
+}
+SkyAgGridRowDeleteDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAgGridRowDeleteDirective, deps: [{ token: i1.SkyAffixService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }, { token: i0.ComponentFactoryResolver }, { token: i1.SkyOverlayService }, { token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
+SkyAgGridRowDeleteDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "12.0.0", version: "12.2.16", type: SkyAgGridRowDeleteDirective, selector: "[skyAgGridRowDelete]", inputs: { rowDeleteIds: "rowDeleteIds" }, outputs: { rowDeleteCancel: "rowDeleteCancel", rowDeleteConfirm: "rowDeleteConfirm", rowDeleteIdsChange: "rowDeleteIdsChange" }, queries: [{ propertyName: "agGrid", first: true, predicate: AgGridAngular, descendants: true }], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.16", ngImport: i0, type: SkyAgGridRowDeleteDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[skyAgGridRowDelete]',
+                }]
+        }], ctorParameters: function () { return [{ type: i1.SkyAffixService }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }, { type: i0.ComponentFactoryResolver }, { type: i1.SkyOverlayService }, { type: i0.ViewContainerRef }]; }, propDecorators: { rowDeleteIds: [{
+                type: Input
+            }], rowDeleteCancel: [{
+                type: Output
+            }], rowDeleteConfirm: [{
+                type: Output
+            }], rowDeleteIdsChange: [{
+                type: Output
+            }], agGrid: [{
+                type: ContentChild,
+                args: [AgGridAngular]
+            }] } });
+//# sourceMappingURL=ag-grid-row-delete.directive.js.map