@skyux/ag-grid 13.0.0-alpha.6 → 13.0.0-alpha.8

package/fesm2022/skyux-ag-grid.mjs

@@ -1095,6 +1095,7 @@ class SkyAgGridRowDeleteDirective {
     #elementRef;
     #environmentInjector;
     #overlayService;
+    #overlay;
     #rowDeleteSvc;
     #scrollableHostService;
     #stackingContext;
@@ -1182,7 +1183,7 @@ class SkyAgGridRowDeleteDirective {
         });
     }
     ngAfterContentInit() {
-        const overlay = this.#overlayService.create({
+        this.#overlay = this.#overlayService.create({
             enableScroll: true,
             environmentInjector: this.#environmentInjector,
             showBackdrop: false,
@@ -1190,21 +1191,23 @@ class SkyAgGridRowDeleteDirective {
             enableClose: false,
             enablePointerEvents: true,
         });
-        overlay.attachComponent(SkyAgGridRowDeleteComponent, [
+        this.#overlay.attachComponent(SkyAgGridRowDeleteComponent, [
             {
                 provide: SKY_AG_GRID_ROW_DELETE_CONTEXT,
                 useValue: this.#rowDeleteSvc,
             },
         ]);
         this.#zIndex
-            .pipe(takeUntil(this.#ngUnsubscribe), takeUntil(overlay.closed), distinctUntilChanged())
+            .pipe(takeUntil(this.#ngUnsubscribe), takeUntil(this.#overlay.closed), distinctUntilChanged())
             .subscribe((zIndex) => {
-            overlay.componentRef.instance.zIndex = zIndex.toString(10);
+            if (this.#overlay) {
+                this.#overlay.componentRef.instance.zIndex = zIndex.toString(10);
+            }
         });
         this.#clipPath
-            .pipe(takeUntil(this.#ngUnsubscribe), takeUntil(overlay.closed), distinctUntilChanged())
+            .pipe(takeUntil(this.#ngUnsubscribe), takeUntil(this.#overlay.closed), distinctUntilChanged())
             .subscribe((clipPath) => {
-            overlay.componentRef.instance.updateClipPath(clipPath);
+            this.#overlay?.componentRef.instance.updateClipPath(clipPath);
         });
     }
     ngAfterViewInit() {
@@ -1219,7 +1222,9 @@ class SkyAgGridRowDeleteDirective {
         this.#ngUnsubscribe.next();
         this.#ngUnsubscribe.complete();
         this.#rowDeleteSvc.subscription.unsubscribe();
-        this.#overlayService.closeAll();
+        if (this.#overlay) {
+            this.#overlayService.close(this.#overlay);
+        }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.5", ngImport: i0, type: SkyAgGridRowDeleteDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
     static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "20.0.5", type: SkyAgGridRowDeleteDirective, isStandalone: true, selector: "[skyAgGridRowDelete]", inputs: { rowDeleteIds: { classPropertyName: "rowDeleteIds", publicName: "rowDeleteIds", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { rowDeleteIds: "rowDeleteIdsChange", rowDeleteCancel: "rowDeleteCancel", rowDeleteConfirm: "rowDeleteConfirm" }, queries: [{ propertyName: "agGrid", first: true, predicate: AgGridAngular, descendants: true, isSignal: true }], ngImport: i0 }); }