@acorex/components 21.0.1-next.10 → 21.0.1-next.12

package/fesm2022/acorex-components-popup.mjs

@@ -1,14 +1,14 @@
-import { AXOverlayService } from '@acorex/cdk/overlay';
-import * as i0 from '@angular/core';
-import { inject, NgZone, DOCUMENT, input, signal, TemplateRef, ViewContainerRef, HostListener, ViewChild, ViewEncapsulation, ChangeDetectionStrategy, Component, ComponentRef, Injectable, Directive, NgModule } from '@angular/core';
-import { Subject } from 'rxjs';
 import { AXPlatform } from '@acorex/core/platform';
+import * as i0 from '@angular/core';
+import { inject, NgZone, input, signal, TemplateRef, ViewContainerRef, HostListener, ViewChild, ViewEncapsulation, ChangeDetectionStrategy, Component, Directive, ComponentRef, Injectable, NgModule } from '@angular/core';
 import { MXBaseComponent, AXClosableComponent, AXComponent, AXComponentClosedPromise, AXCommonModule } from '@acorex/cdk/common';
 import { AXDecoratorCloseButtonComponent, AXDecoratorModule } from '@acorex/components/decorators';
 import { AXLoadingService } from '@acorex/components/loading';
 import { AXComponentService } from '@acorex/core/components';
 import { AXTranslatorPipe, AXTranslationModule } from '@acorex/core/translation';
 import { AsyncPipe, CommonModule } from '@angular/common';
+import { AXOverlayService } from '@acorex/cdk/overlay';
+import { Subject } from 'rxjs';
 
 /**
  * The Popup is a component which displays content in a dialog overlay
@@ -19,7 +19,6 @@ class AXPopupComponent extends MXBaseComponent {
     constructor() {
         super(...arguments);
         this._zone = inject(NgZone);
-        this._document = inject(DOCUMENT);
         this.loadingService = inject(AXLoadingService);
         this._platform = inject(AXPlatform);
         this.componentService = inject(AXComponentService);
@@ -88,13 +87,14 @@ class AXPopupComponent extends MXBaseComponent {
             // Set data inputs (only if the component has the input defined)
             if (config?.data && typeof config.data === 'object') {
                 Object.entries(config.data).forEach(([key, value]) => {
+                    componentRef.instance[key] = value;
+                });
+            }
+            if (config?.inputs && typeof config.inputs === 'object') {
+                Object.entries(config.inputs).forEach(([key, value]) => {
                     if (inputDefs && key in inputDefs) {
                         componentRef.setInput(key, value);
                     }
-                    else {
-                        // Fallback: set as property directly on the instance
-                        componentRef.instance[key] = value;
-                    }
                 });
             }
             // Set popup reference (only if the component has this input)
@@ -119,10 +119,8 @@ class AXPopupComponent extends MXBaseComponent {
         this._zone.runOutsideAngular(() => {
             setTimeout(() => {
                 const body = this.getHostElement().querySelector('.ax-popup-body-container');
-                if (!body)
-                    return;
                 const content = body.children[0];
-                if (!content)
+                if (!content || !body)
                     return;
                 const popHeader = this.getHostElement().querySelector('.ax-popup-header-container');
                 const popFooter = this.getHostElement().querySelector('.ax-popup-footer-container');
@@ -274,18 +272,77 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
                 args: ['document:mouseup']
             }] } });
 
-class AXPopupStateService {
+class AXPopupComponentBase {
+    constructor() {
+        this.__popup__ = input(...(ngDevMode ? [undefined, { debugName: "__popup__" }] : []));
+    }
+    close(data = null) {
+        this.__popup__().close(data);
+    }
+    setTitle(title) {
+        this.__popup__().setTitle(title);
+    }
+    bringToFront() {
+        this.__popup__().bringToFront();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXPopupComponentBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.15", type: AXPopupComponentBase, isStandalone: true, inputs: { __popup__: { classPropertyName: "__popup__", publicName: "__popup__", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXPopupComponentBase, decorators: [{
+            type: Directive
+        }], propDecorators: { __popup__: [{ type: i0.Input, args: [{ isSignal: true, alias: "__popup__", required: false }] }] } });
+
+/**
+ * This is a service which you can create popup with it
+ *
+ * @category Components
+ */
+class AXPopupService {
     constructor() {
         this.popupList = new Map();
         this.overlayService = inject(AXOverlayService);
     }
+    /**
+     *  @ignore
+     */
+    open(arg1, arg2) {
+        let config = {
+            closeButton: true,
+            header: true,
+            size: 'md',
+            maximizable: false,
+            draggable: true,
+            hasBackdrop: true,
+            closeOnBackdropClick: false,
+            data: {},
+        };
+        if (typeof arg2 === 'string') {
+            config.title = arg2;
+        }
+        else {
+            config = Object.assign(config, arg2);
+        }
+        const promise = new AXComponentClosedPromise((resolve) => {
+            this.openInternal(arg1, config).then((ref) => {
+                ref.onClose.subscribe((data) => {
+                    if (resolve) {
+                        resolve({
+                            sender: null,
+                            data: data,
+                        });
+                    }
+                });
+            });
+        });
+        return promise;
+    }
     /**
      * Opens a popup with the specified content and configuration.
      * @param content - Component or template to display
      * @param config - Configuration options for the popup
      * @returns Promise<AXPopupRef> - Reference to the opened popup
      */
-    async open(content, config) {
+    async openInternal(content, config) {
         const randomId = Math.floor(Math.random() * 100000000000);
         const onClose = new Subject();
         const returnRef = {
@@ -330,7 +387,7 @@ class AXPopupStateService {
      * @param id - The popup ID to close
      * @param data - Optional data to pass to the close event
      */
-    async close(id, data) {
+    close(id, data) {
         const ref = this.popupList.get(id);
         if (!ref)
             return;
@@ -344,7 +401,7 @@ class AXPopupStateService {
      * @param id - The popup ID
      * @param values - Object containing input values to set
      */
-    async setInputs(id, values) {
+    setInputs(id, values) {
         const ref = this.popupList.get(id)?.overlay.instance;
         if (!ref)
             return;
@@ -358,7 +415,7 @@ class AXPopupStateService {
      * @param id - The popup ID
      * @param title - The new title
      */
-    async setTitle(id, title) {
+    setTitle(id, title) {
         const ref = this.popupList.get(id)?.overlay.instance;
         if (!ref)
             return;
@@ -377,86 +434,16 @@ class AXPopupStateService {
             return;
         ref.overlay.bringToFront();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXPopupStateService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXPopupStateService, providedIn: 'root' }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXPopupService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXPopupService, providedIn: 'root' }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXPopupStateService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXPopupService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root',
                 }]
         }] });
 
-class AXPopupComponentBase {
-    constructor() {
-        this.__popup__ = input(...(ngDevMode ? [undefined, { debugName: "__popup__" }] : []));
-    }
-    close(data = null) {
-        this.__popup__().close(data);
-    }
-    setTitle(title) {
-        this.__popup__().setTitle(title);
-    }
-    bringToFront() {
-        this.__popup__().bringToFront();
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXPopupComponentBase, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.15", type: AXPopupComponentBase, isStandalone: true, inputs: { __popup__: { classPropertyName: "__popup__", publicName: "__popup__", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXPopupComponentBase, decorators: [{
-            type: Directive
-        }], propDecorators: { __popup__: [{ type: i0.Input, args: [{ isSignal: true, alias: "__popup__", required: false }] }] } });
-
-/**
- * This is a service which you can create popup with it
- *
- * @category Components
- */
-class AXPopupService {
-    constructor() {
-        this.stateService = inject(AXPopupStateService);
-    }
-    /**
-     *  @ignore
-     */
-    open(arg1, arg2) {
-        let config = {
-            closeButton: true,
-            header: true,
-            size: 'md',
-            maximizable: false,
-            draggable: true,
-            hasBackdrop: true,
-            closeOnBackdropClick: false,
-            data: {},
-        };
-        if (typeof arg2 === 'string') {
-            config.title = arg2;
-        }
-        else {
-            config = Object.assign(config, arg2);
-        }
-        const promise = new AXComponentClosedPromise((resolve) => {
-            this.stateService.open(arg1, config).then((ref) => {
-                ref.onClose.subscribe((data) => {
-                    if (resolve) {
-                        resolve({
-                            sender: null,
-                            data: data,
-                        });
-                    }
-                });
-            });
-        });
-        return promise;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXPopupService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXPopupService }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImport: i0, type: AXPopupService, decorators: [{
-            type: Injectable
-        }] });
-
 const COMPONENT = [AXPopupComponent];
 const MODULES = [CommonModule, AXCommonModule, AXDecoratorModule, AXTranslationModule];
 class AXPopupModule {
@@ -477,5 +464,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.15", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AXPopupComponent, AXPopupComponentBase, AXPopupModule, AXPopupService, AXPopupStateService };
+export { AXPopupComponent, AXPopupComponentBase, AXPopupModule, AXPopupService };
 //# sourceMappingURL=acorex-components-popup.mjs.map