@smartsoft001-mobilems/angular 2.13.0 → 2.14.0

package/fesm2022/smartsoft001-mobilems-angular.mjs

@@ -1,13 +1,14 @@
 import { __decorate, __metadata } from 'tslib';
 import * as i0 from '@angular/core';
-import { Injectable, inject, PLATFORM_ID, signal, effect, computed, Component, Directive, contentChild, HostListener, Inject, ElementRef, input, APP_INITIALIZER, NgModule } from '@angular/core';
+import { Injectable, inject, PLATFORM_ID, signal, effect, computed, input, output, HostListener, Component, ApplicationRef, EnvironmentInjector, createComponent, Directive, contentChild, Inject, ElementRef, APP_INITIALIZER, NgModule } from '@angular/core';
 import { Meta, Title, DomSanitizer } from '@angular/platform-browser';
 import { StyleService as StyleService$1, ReduxAction, AppBaseComponent, PageBaseComponent, BaseComponent } from '@smartsoft001/angular';
 import { HttpClient } from '@angular/common/http';
 import * as moment from 'moment';
-import { lastValueFrom, combineLatest, firstValueFrom, of, throwError } from 'rxjs';
+import { lastValueFrom, combineLatest, firstValueFrom, Subject, of, throwError } from 'rxjs';
 import { map, filter, catchError } from 'rxjs/operators';
-import { isPlatformBrowser, DOCUMENT } from '@angular/common';
+import * as i1 from '@angular/common';
+import { isPlatformBrowser, CommonModule, DOCUMENT } from '@angular/common';
 import { Router, ActivatedRoute, NavigationEnd, RouterOutlet, RouterModule } from '@angular/router';
 import { TranslateService } from '@ngx-translate/core';
 import { CrudService, CrudFacade } from '@smartsoft001/crud-shell-angular';
@@ -555,6 +556,164 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImpor
                 }]
         }], ctorParameters: () => [] });
 
+/**
+ * Container component for modal overlay and content.
+ * Handles backdrop clicks and ESC key press.
+ */
+class ModalContainerComponent {
+    constructor() {
+        /**
+         * Template to render inside the modal content area.
+         */
+        this.contentTemplate = input.required(...(ngDevMode ? [{ debugName: "contentTemplate" }] : []));
+        /**
+         * Emits when backdrop is clicked or ESC key is pressed.
+         */
+        this.backdropClick = output();
+    }
+    /**
+     * Listens for ESC key press on document level.
+     */
+    onEscapeKey() {
+        this.backdropClick.emit();
+    }
+    /**
+     * Handles backdrop click event.
+     * @param _event Mouse click event
+     */
+    onBackdropClick(_event) {
+        this.backdropClick.emit();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: ModalContainerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.1.0", type: ModalContainerComponent, isStandalone: true, selector: "smart-mobilems-modal-container", inputs: { contentTemplate: { classPropertyName: "contentTemplate", publicName: "contentTemplate", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { backdropClick: "backdropClick" }, host: { listeners: { "document:keydown.escape": "onEscapeKey()" } }, ngImport: i0, template: `
+    <div
+      class="smart-fixed smart-inset-0 smart-bg-black smart-bg-opacity-50 smart-flex smart-items-center smart-justify-center smart-z-50"
+      (click)="onBackdropClick($event)"
+    >
+      <div
+        class="smart-bg-white smart-rounded-lg smart-shadow-xl smart-max-w-2xl smart-w-full smart-m-4 smart-max-h-[90vh] smart-overflow-auto"
+        (click)="$event.stopPropagation()"
+      >
+        <div class="smart-p-6">
+          <ng-container *ngTemplateOutlet="contentTemplate()"></ng-container>
+        </div>
+      </div>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: ModalContainerComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'smart-mobilems-modal-container',
+                    standalone: true,
+                    imports: [CommonModule],
+                    template: `
+    <div
+      class="smart-fixed smart-inset-0 smart-bg-black smart-bg-opacity-50 smart-flex smart-items-center smart-justify-center smart-z-50"
+      (click)="onBackdropClick($event)"
+    >
+      <div
+        class="smart-bg-white smart-rounded-lg smart-shadow-xl smart-max-w-2xl smart-w-full smart-m-4 smart-max-h-[90vh] smart-overflow-auto"
+        (click)="$event.stopPropagation()"
+      >
+        <div class="smart-p-6">
+          <ng-container *ngTemplateOutlet="contentTemplate()"></ng-container>
+        </div>
+      </div>
+    </div>
+  `,
+                }]
+        }], propDecorators: { onEscapeKey: [{
+                type: HostListener,
+                args: ['document:keydown.escape']
+            }] } });
+
+/**
+ * Reference to an opened modal.
+ * Provides methods to close the modal and observe its lifecycle.
+ */
+class ModalRef {
+    constructor(closeCallback) {
+        this.closeCallback = closeCallback;
+        this._afterClosed = new Subject();
+        /**
+         * Observable that emits when the modal has been closed.
+         * Completes after emission.
+         */
+        this.afterClosed$ = this._afterClosed.asObservable();
+    }
+    /**
+     * Closes the modal and triggers cleanup.
+     * Safe to call multiple times.
+     */
+    close() {
+        this.closeCallback();
+        this._afterClosed.next();
+        this._afterClosed.complete();
+    }
+}
+
+/**
+ * Service for managing modal dialogs.
+ * Provides methods to open, close, and manage modal instances.
+ */
+class ModalService {
+    constructor() {
+        this.appRef = inject(ApplicationRef);
+        this.injector = inject(EnvironmentInjector);
+        this.document = inject(DOCUMENT);
+        this.activeModals = [];
+    }
+    /**
+     * Opens a modal with the provided template.
+     * @param template TemplateRef to render inside the modal
+     * @returns ModalRef instance for controlling the modal
+     */
+    open(template) {
+        const componentRef = createComponent(ModalContainerComponent, {
+            environmentInjector: this.injector,
+        });
+        componentRef.setInput('contentTemplate', template);
+        const modalRef = new ModalRef(() => this.closeModal(componentRef));
+        componentRef.instance.backdropClick.subscribe(() => {
+            modalRef.close();
+        });
+        this.appRef.attachView(componentRef.hostView);
+        const domElem = componentRef.hostView.rootNodes[0];
+        this.document.body.appendChild(domElem);
+        componentRef.changeDetectorRef.detectChanges();
+        this.activeModals.push(componentRef);
+        return modalRef;
+    }
+    /**
+     * Closes a specific modal instance.
+     * @param componentRef Component reference to close
+     */
+    closeModal(componentRef) {
+        const index = this.activeModals.indexOf(componentRef);
+        if (index > -1) {
+            this.activeModals.splice(index, 1);
+        }
+        this.appRef.detachView(componentRef.hostView);
+        componentRef.destroy();
+    }
+    /**
+     * Closes all currently open modals.
+     */
+    closeAll() {
+        const modals = [...this.activeModals];
+        modals.forEach((componentRef) => this.closeModal(componentRef));
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: ModalService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
+    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: ModalService, providedIn: 'root' }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.0", ngImport: i0, type: ModalService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
 class SeoService {
     constructor() {
         this.title = inject(Title);
@@ -892,6 +1051,7 @@ const SERVICES = [
     MetaService,
     SeoService,
     StyleService,
+    ModalService,
 ];
 
 class ConfigsFacade {
@@ -1618,5 +1778,5 @@ const unauthorizedGuard = () => {
  * Generated bundle index. Do not edit.
  */
 
-export { AppComponent, AuthStorageService, COMPONENTS, ConfigsFacade, ConfigsService, ContrastService, CrudBaseService, DIRECTIVES, DictionaryService, FileUrlService, FiltersBaseComponent, FiltersContext, FooterComponent, GameType, GlobalService, HoverDirective, ImageBox, ListMode, MetaService, PageComponent, SERVICES, ScrollTopComponent, ScrollableDirective, SeoService, SettingsService, SharedConfig, SharedModule, StyleService, TRANSLATE_DATA_PL, TranslationService, WcagService, authenticationGuard, environment, setTranslationsAndLang, unauthorizedGuard };
+export { AppComponent, AuthStorageService, COMPONENTS, ConfigsFacade, ConfigsService, ContrastService, CrudBaseService, DIRECTIVES, DictionaryService, FileUrlService, FiltersBaseComponent, FiltersContext, FooterComponent, GameType, GlobalService, HoverDirective, ImageBox, ListMode, MetaService, ModalContainerComponent, ModalRef, ModalService, PageComponent, SERVICES, ScrollTopComponent, ScrollableDirective, SeoService, SettingsService, SharedConfig, SharedModule, StyleService, TRANSLATE_DATA_PL, TranslationService, WcagService, authenticationGuard, environment, setTranslationsAndLang, unauthorizedGuard };
 //# sourceMappingURL=smartsoft001-mobilems-angular.mjs.map