@skyux/ag-grid 14.3.0 → 14.3.1

package/fesm2022/skyux-ag-grid.mjs

@@ -1,6 +1,6 @@
 import { NgClass, CommonModule, NgTemplateOutlet, AsyncPipe } from '@angular/common';
 import * as i0 from '@angular/core';
-import { NgModule, Injectable, signal, input, booleanAttribute, numberAttribute, viewChild, inject, DestroyRef, ElementRef, DOCUMENT, computed, effect, ContentChild, ChangeDetectionStrategy, Component, contentChildren, linkedSignal, ChangeDetectorRef, untracked, Directive, InjectionToken, model, output, contentChild, EnvironmentInjector, HostListener, ViewChild, ViewEncapsulation, HostBinding, isSignal, Input, RendererFactory2, CSP_NONCE } from '@angular/core';
+import { NgModule, Injectable, signal, input, booleanAttribute, numberAttribute, viewChild, inject, DestroyRef, ElementRef, DOCUMENT, computed, effect, ContentChild, ChangeDetectionStrategy, Component, contentChildren, linkedSignal, ChangeDetectorRef, untracked, Directive, InjectionToken, model, output, contentChild, EnvironmentInjector, afterNextRender, HostListener, ViewChild, ViewEncapsulation, HostBinding, isSignal, Input, RendererFactory2, CSP_NONCE } from '@angular/core';
 import { AgGridAngular } from 'ag-grid-angular';
 import * as i3 from '@skyux/i18n';
 import { SkyLibResourcesService, SkyI18nModule } from '@skyux/i18n';
@@ -1227,41 +1227,39 @@ class SkyAgGridRowDeleteDirective {
             .subscribe((evt) => {
             this.rowDeleteIds.update((rowIds) => (rowIds ?? []).filter((id) => !!evt.api.getRowNode(id)));
         });
-    }
-    ngAfterContentInit() {
-        this.#overlay = this.#overlayService.create({
-            enableScroll: true,
-            environmentInjector: this.#environmentInjector,
-            showBackdrop: false,
-            closeOnNavigation: true,
-            enableClose: false,
-            enablePointerEvents: true,
-        });
-        this.#overlay.attachComponent(SkyAgGridRowDeleteComponent, [
-            {
-                provide: SKY_AG_GRID_ROW_DELETE_CONTEXT,
-                useValue: this.#rowDeleteSvc,
-            },
-        ]);
-        this.#zIndex
-            .pipe(takeUntil(this.#ngUnsubscribe), takeUntil(this.#overlay.closed), distinctUntilChanged())
-            .subscribe((zIndex) => {
-            if (this.#overlay) {
-                this.#overlay.componentRef.instance.zIndex = zIndex.toString(10);
-            }
-        });
-        this.#clipPath
-            .pipe(takeUntil(this.#ngUnsubscribe), takeUntil(this.#overlay.closed), distinctUntilChanged())
-            .subscribe((clipPath) => {
-            this.#overlay?.componentRef.instance.updateClipPath(clipPath);
-        });
-    }
-    ngAfterViewInit() {
-        this.#scrollableHostService
-            .watchScrollableHostClipPathChanges(this.#elementRef, this.#agGridBodyClipElements.asObservable())
-            .pipe(takeUntil(this.#ngUnsubscribe))
-            .subscribe((clipPath) => {
-            this.#clipPath.next(clipPath);
+        afterNextRender(() => {
+            this.#overlay = this.#overlayService.create({
+                enableScroll: true,
+                environmentInjector: this.#environmentInjector,
+                showBackdrop: false,
+                closeOnNavigation: false,
+                enableClose: false,
+                enablePointerEvents: true,
+            });
+            this.#overlay.attachComponent(SkyAgGridRowDeleteComponent, [
+                {
+                    provide: SKY_AG_GRID_ROW_DELETE_CONTEXT,
+                    useValue: this.#rowDeleteSvc,
+                },
+            ]);
+            this.#zIndex
+                .pipe(takeUntil(this.#ngUnsubscribe), takeUntil(this.#overlay.closed), distinctUntilChanged())
+                .subscribe((zIndex) => {
+                if (this.#overlay) {
+                    this.#overlay.componentRef.instance.zIndex = zIndex.toString(10);
+                }
+            });
+            this.#clipPath
+                .pipe(takeUntil(this.#ngUnsubscribe), takeUntil(this.#overlay.closed), distinctUntilChanged())
+                .subscribe((clipPath) => {
+                this.#overlay?.componentRef.instance.updateClipPath(clipPath);
+            });
+            this.#scrollableHostService
+                .watchScrollableHostClipPathChanges(this.#elementRef, this.#agGridBodyClipElements.asObservable())
+                .pipe(takeUntil(this.#ngUnsubscribe))
+                .subscribe((clipPath) => {
+                this.#clipPath.next(clipPath);
+            });
         });
     }
     ngOnDestroy() {
@@ -2275,8 +2273,8 @@ class SkyAgGridCellRendererCurrencyComponent {
         this.value = params.value;
         this.skyComponentProperties = params.skyComponentProperties || {};
         this.skyComponentProperties.format = 'currency';
-        this.skyComponentProperties.minDigits = 2;
-        this.skyComponentProperties.truncate = false;
+        this.skyComponentProperties.minDigits ??= 2;
+        this.skyComponentProperties.truncate ??= false;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: SkyAgGridCellRendererCurrencyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.0", type: SkyAgGridCellRendererCurrencyComponent, isStandalone: true, selector: "sky-ag-grid-cell-renderer-currency", inputs: { params: "params" }, ngImport: i0, template: "{{\n  value === undefined ? undefined : (value | skyNumeric: skyComponentProperties)\n}}\n", styles: [""], dependencies: [{ kind: "ngmodule", type: SkyNumericModule }, { kind: "pipe", type: i1.SkyNumericPipe, name: "skyNumeric" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }