@acorex/components 16.19.20 → 16.19.22

package/fesm2022/acorex-components.mjs

@@ -613,11 +613,12 @@ class AXOverlayService {
         this.overlayService2 = overlayService2;
         this.appRef = appRef;
     }
+    activeOverlays = [];
     show(content, context, configs) {
         configs = Object.assign({
             hasBackdrop: true,
             transparentBackdrop: true,
-            closeOnClickOutside: true
+            closeOnClickOutside: true,
         }, configs || {});
         // get root viewref
         const viewRef = this.appRef.components[0].instance.viewRef;
@@ -638,11 +639,17 @@ class AXOverlayService {
             positionStrategy = this.overlayService
                 .position()
                 .flexibleConnectedTo(configs.targetElement)
-                .withPositions(Array.isArray(configs.position) ? configs.position : [configs.position])
+                .withPositions(Array.isArray(configs.position)
+                ? configs.position
+                : [configs.position])
                 .withPush(true);
         }
         else {
-            positionStrategy = this.overlayService.position().global().centerHorizontally().centerVertically();
+            positionStrategy = this.overlayService
+                .position()
+                .global()
+                .centerHorizontally()
+                .centerVertically();
         }
         let scrollStrategy = this.overlayService.scrollStrategies.reposition({ autoClose: true });
         if (configs.scroll === 'block') {
@@ -653,11 +660,20 @@ class AXOverlayService {
             scrollStrategy,
             hasBackdrop: configs.hasBackdrop,
             disposeOnNavigation: true,
-            backdropClass: configs.backdropClass ? configs.backdropClass : configs.transparentBackdrop ? 'cdk-overlay-transparent-backdrop' : undefined,
-            panelClass: configs.panelClass ? configs.panelClass : ['animate__animated', 'animate__fadeIn']
+            backdropClass: configs.backdropClass
+                ? configs.backdropClass
+                : configs.transparentBackdrop
+                    ? 'cdk-overlay-transparent-backdrop'
+                    : undefined,
+            panelClass: configs.panelClass
+                ? configs.panelClass
+                : ['animate__animated', 'animate__fadeIn'],
         };
         // joon nanat dorost sho
-        let overlayRef = configs.containerElement ? this.overlayService.createOn(configs.containerElement, config) : this.overlayService2.create(config);
+        let overlayRef = configs.containerElement
+            ? this.overlayService.createOn(configs.containerElement, config)
+            : this.overlayService2.create(config);
+        this.activeOverlays.push(overlayRef);
         const host = overlayRef.attach(portal);
         if (host.instance) {
             Object.assign(host.instance, context);
@@ -679,9 +695,17 @@ class AXOverlayService {
         return {
             instance: host.instance,
             dispose: overlayRef.dispose.bind(overlayRef),
-            overlayRef: overlayRef
+            overlayRef: overlayRef,
         };
     }
+    closeOverlay(overlayRef) {
+        overlayRef.dispose();
+        this.activeOverlays = this.activeOverlays.filter((ref) => ref !== overlayRef);
+    }
+    closeAllOverlays() {
+        this.activeOverlays.forEach((ref) => ref.dispose());
+        this.activeOverlays = [];
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AXOverlayService, deps: [{ token: DynamicOverlay }, { token: i1.Overlay }, { token: i0.ApplicationRef }], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.0.5", ngImport: i0, type: AXOverlayService, providedIn: 'root' });
 }
@@ -8565,19 +8589,19 @@ class AXPasswordBoxComponent extends AXBaseTextComponent {
     constructor(cdr, ref) {
         super(cdr, ref);
         this.cdr = cdr;
+        afterNextRender(() => {
+            if (this.allowAutocomplete()) {
+                this.type = 'password';
+            }
+            else {
+                this.type = 'text';
+                this.getInputElement()?.classList.add('ax-password-mask');
+            }
+        });
     }
     allowAutocomplete = input(false);
     type = 'text';
     eyeIcon = 'far fa-eye';
-    ngAfterViewInit() {
-        if (this.allowAutocomplete()) {
-            this.type = 'password';
-        }
-        else {
-            this.type = 'text';
-            this.getInputElement()?.classList.add('ax-password-mask');
-        }
-    }
     handleShowPassword() {
         if (this.allowAutocomplete()) {
             if (this.type === 'password') {