@shival99/z-ui 2.1.31 → 2.1.32

package/fesm2022/shival99-z-ui-services.mjs

@@ -1,15 +1,18 @@
 import * as i0 from '@angular/core';
-import { Injectable, InjectionToken, inject, DestroyRef, signal, computed, PLATFORM_ID, effect } from '@angular/core';
+import { InjectionToken, EventEmitter, Inject, PLATFORM_ID, Injectable, inject, Injector, TemplateRef, DestroyRef, signal, computed, effect } from '@angular/core';
 import { zNormalize, zFormatNumExcel, zConvertColorToArgb } from '@shival99/z-ui/utils';
+import { __decorate, __param, __metadata } from 'tslib';
+import { isPlatformBrowser, DOCUMENT } from '@angular/common';
+import { Subject, takeUntil, fromEvent, filter, firstValueFrom, from, switchMap, of, catchError, throwError, tap, map, defer, BehaviorSubject } from 'rxjs';
+import { Overlay, OverlayRef, OverlayConfig } from '@angular/cdk/overlay';
+import { TemplatePortal, ComponentPortal } from '@angular/cdk/portal';
 import * as ExcelJS from 'exceljs';
 import { saveAs } from 'file-saver';
 import * as XLSX from 'xlsx';
 import { HttpClient, HttpHeaders, HttpErrorResponse } from '@angular/common/http';
 import { Router } from '@angular/router';
-import { firstValueFrom, from, switchMap, of, catchError, throwError, tap, map, defer, Subject, BehaviorSubject } from 'rxjs';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { TranslateService } from '@ngx-translate/core';
-import { isPlatformBrowser, DOCUMENT } from '@angular/common';
 
 const Z_CACHE_SCOPE_SEPARATOR = '::';
 const Z_DB_SCOPE_SEPARATOR = '__';
@@ -57,6 +60,92 @@ function zStripScopedCacheKey(key) {
     return normalizedKey.slice(0, normalizedKey.length - Z_CACHE_SCOPE_SUFFIX.length);
 }
 
+/** Injection token for data passed to a dynamic component or template. */
+const Z_DYNAMIC_DATA = new InjectionToken('Z_DYNAMIC_DATA');
+
+/**
+ * Controls one free-form dynamic overlay instance.
+ *
+ * @template T Component instance type, when the overlay contains a component.
+ * @template TResult Value emitted after the overlay closes.
+ */
+let ZDynamicRef = class ZDynamicRef {
+    _overlayRef;
+    _platformId;
+    _destroy$ = new Subject();
+    _isClosing = false;
+    _componentRef = null;
+    /** Component instance attached to the overlay, or `null` for template content. */
+    componentInstance = null;
+    /** Emits the close result once, then completes. */
+    afterClose = new EventEmitter();
+    constructor(_overlayRef, _platformId) {
+        this._overlayRef = _overlayRef;
+        this._platformId = _platformId;
+        if (!this._overlayRef || !isPlatformBrowser(this._platformId)) {
+            return;
+        }
+        this._overlayRef
+            .backdropClick()
+            .pipe(takeUntil(this._destroy$))
+            .subscribe(() => {
+            if (this._closeOnBackdropClick) {
+                this.close();
+            }
+        });
+        fromEvent(document, 'keydown')
+            .pipe(filter(event => event.key === 'Escape'), takeUntil(this._destroy$))
+            .subscribe(() => {
+            if (this._closeOnEscape) {
+                this.close();
+            }
+        });
+    }
+    _closeOnBackdropClick = true;
+    _closeOnEscape = true;
+    /** Configures close triggers for the instance. */
+    setCloseBehavior(closeOnBackdropClick, closeOnEscape) {
+        this._closeOnBackdropClick = closeOnBackdropClick;
+        this._closeOnEscape = closeOnEscape;
+    }
+    /** Returns whether this ref has already been closed. */
+    isClosed() {
+        return this._isClosing;
+    }
+    /** Closes the overlay and emits the optional result exactly once. */
+    close(result) {
+        if (this._isClosing) {
+            return;
+        }
+        this._isClosing = true;
+        this._overlayRef?.dispose();
+        this._componentRef = null;
+        this.componentInstance = null;
+        this.afterClose.emit(result);
+        this.afterClose.complete();
+        this._destroy$.next();
+        this._destroy$.complete();
+    }
+    /** Updates the overlay position using its configured strategy. */
+    updatePosition() {
+        this._overlayRef?.updatePosition();
+    }
+    /** Updates the overlay pane dimensions. */
+    updateSize(width, height) {
+        const sizeConfig = { width, height };
+        this._overlayRef?.updateSize(sizeConfig);
+    }
+    /** @internal Used by the service after attaching a component portal. */
+    attachComponentRef(componentRef) {
+        this._componentRef = componentRef;
+        this.componentInstance = componentRef.instance;
+    }
+};
+ZDynamicRef = __decorate([
+    __param(1, Inject(PLATFORM_ID)),
+    __metadata("design:paramtypes", [Object, Object])
+], ZDynamicRef);
+
 const Z_EXCEL_COLORS = {
     'green-50': 'FFF0FDF4',
     'green-100': 'FFDCFCE7',
@@ -349,6 +438,157 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
                 }]
         }] });
 
+/**
+ * Global z-index counter for overlay components (z-modal, z-drawer, etc.).
+ *
+ * Each time an overlay opens, it calls `next()` to get a unique, incrementing
+ * z-index value. This guarantees that overlays opened later always stack on top
+ * of earlier ones — regardless of DOM order or HMR re-creation.
+ */
+class ZOverlayZIndexService {
+    _currentZIndex = 1000;
+    _platformId = inject(PLATFORM_ID);
+    /**
+     * Returns the next z-index value and increments the counter.
+     * Kept for backward compatibility with existing overlay flow.
+     */
+    next() {
+        const zIndex = this._currentZIndex;
+        this._currentZIndex += 2; // +2 to leave room for backdrop (zIndex - 1)
+        return zIndex;
+    }
+    applyToOverlay(overlayRef) {
+        const zIndex = this.next();
+        overlayRef.hostElement.style.zIndex = `${zIndex}`;
+        if (overlayRef.backdropElement) {
+            overlayRef.backdropElement.style.zIndex = `${zIndex - 1}`;
+        }
+        return zIndex;
+    }
+    deferMoveToTop(overlayRef) {
+        if (!isPlatformBrowser(this._platformId)) {
+            return;
+        }
+        queueMicrotask(() => {
+            this.moveToTop(overlayRef);
+        });
+    }
+    moveToTop(overlayRef) {
+        if (!isPlatformBrowser(this._platformId)) {
+            return;
+        }
+        const wrapperElement = overlayRef.hostElement;
+        if (!wrapperElement) {
+            return;
+        }
+        if (wrapperElement.hasAttribute('popover')) {
+            const popoverWrapper = wrapperElement;
+            if (popoverWrapper.hidePopover && popoverWrapper.showPopover) {
+                try {
+                    popoverWrapper.hidePopover();
+                    popoverWrapper.showPopover();
+                    return;
+                }
+                catch {
+                    // fall through to non-popover fallback
+                }
+            }
+        }
+        const parent = wrapperElement.parentElement;
+        if (parent) {
+            parent.appendChild(wrapperElement);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZOverlayZIndexService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZOverlayZIndexService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZOverlayZIndexService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+/**
+ * Opens components and templates in a bare CDK overlay.
+ *
+ * @description The service supplies overlay lifecycle and positioning only. The
+ * mounted content owns its complete layout, including close controls and styling.
+ */
+class ZDynamicService {
+    _overlay = inject(Overlay);
+    _injector = inject(Injector);
+    _platformId = inject(PLATFORM_ID);
+    _zIndexService = inject(ZOverlayZIndexService);
+    /** Alias for `open`, matching the create-style API used by modal and drawer services. */
+    create(content, options = {}) {
+        return this.open(content, options);
+    }
+    /** Opens a component or template in a free-form CDK overlay. */
+    open(content, options = {}) {
+        const overlayRef = this._createOverlay(options);
+        const dynamicRef = new ZDynamicRef(overlayRef, this._platformId);
+        dynamicRef.setCloseBehavior(options.closeOnBackdropClick ?? true, options.closeOnEscape ?? true);
+        if (!overlayRef) {
+            return dynamicRef;
+        }
+        this._zIndexService.applyToOverlay(overlayRef);
+        if (this._isTemplate(content)) {
+            if (!options.viewContainerRef) {
+                dynamicRef.close();
+                throw new Error('ZDynamicService requires viewContainerRef when opening a TemplateRef');
+            }
+            const context = {
+                $implicit: dynamicRef,
+                dynamicRef,
+                data: options.data,
+            };
+            overlayRef.attach(new TemplatePortal(content, options.viewContainerRef, context));
+            return dynamicRef;
+        }
+        const injector = Injector.create({
+            parent: this._injector,
+            providers: [
+                { provide: OverlayRef, useValue: overlayRef },
+                { provide: ZDynamicRef, useValue: dynamicRef },
+                { provide: Z_DYNAMIC_DATA, useValue: options.data },
+            ],
+        });
+        const componentRef = overlayRef.attach(new ComponentPortal(content, options.viewContainerRef, injector));
+        componentRef.changeDetectorRef.detectChanges();
+        dynamicRef.attachComponentRef(componentRef);
+        return dynamicRef;
+    }
+    _createOverlay(options) {
+        if (!isPlatformBrowser(this._platformId)) {
+            return undefined;
+        }
+        const config = new OverlayConfig({
+            hasBackdrop: options.hasBackdrop ?? true,
+            backdropClass: options.backdropClass ?? 'cdk-overlay-dark-backdrop',
+            panelClass: options.panelClass,
+            positionStrategy: options.positionStrategy ?? this._overlay.position().global(),
+            scrollStrategy: options.scrollStrategy ?? this._overlay.scrollStrategies.block(),
+            width: options.width,
+            height: options.height,
+            minWidth: options.minWidth,
+            maxWidth: options.maxWidth,
+            minHeight: options.minHeight,
+            maxHeight: options.maxHeight,
+        });
+        return this._overlay.create(config);
+    }
+    _isTemplate(content) {
+        return content instanceof TemplateRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZDynamicService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZDynamicService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZDynamicService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
 class ZExcelService {
     static _isHeaderConfig(config) {
         if (!config || typeof config !== 'object') {
@@ -2131,77 +2371,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
                 }]
         }] });
 
-/**
- * Global z-index counter for overlay components (z-modal, z-drawer, etc.).
- *
- * Each time an overlay opens, it calls `next()` to get a unique, incrementing
- * z-index value. This guarantees that overlays opened later always stack on top
- * of earlier ones — regardless of DOM order or HMR re-creation.
- */
-class ZOverlayZIndexService {
-    _currentZIndex = 1000;
-    _platformId = inject(PLATFORM_ID);
-    /**
-     * Returns the next z-index value and increments the counter.
-     * Kept for backward compatibility with existing overlay flow.
-     */
-    next() {
-        const zIndex = this._currentZIndex;
-        this._currentZIndex += 2; // +2 to leave room for backdrop (zIndex - 1)
-        return zIndex;
-    }
-    applyToOverlay(overlayRef) {
-        const zIndex = this.next();
-        overlayRef.hostElement.style.zIndex = `${zIndex}`;
-        if (overlayRef.backdropElement) {
-            overlayRef.backdropElement.style.zIndex = `${zIndex - 1}`;
-        }
-        return zIndex;
-    }
-    deferMoveToTop(overlayRef) {
-        if (!isPlatformBrowser(this._platformId)) {
-            return;
-        }
-        queueMicrotask(() => {
-            this.moveToTop(overlayRef);
-        });
-    }
-    moveToTop(overlayRef) {
-        if (!isPlatformBrowser(this._platformId)) {
-            return;
-        }
-        const wrapperElement = overlayRef.hostElement;
-        if (!wrapperElement) {
-            return;
-        }
-        if (wrapperElement.hasAttribute('popover')) {
-            const popoverWrapper = wrapperElement;
-            if (popoverWrapper.hidePopover && popoverWrapper.showPopover) {
-                try {
-                    popoverWrapper.hidePopover();
-                    popoverWrapper.showPopover();
-                    return;
-                }
-                catch {
-                    // fall through to non-popover fallback
-                }
-            }
-        }
-        const parent = wrapperElement.parentElement;
-        if (parent) {
-            parent.appendChild(wrapperElement);
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZOverlayZIndexService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZOverlayZIndexService, providedIn: 'root' });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImport: i0, type: ZOverlayZIndexService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }] });
-
 class ZSubjectService {
     _subjects = new Map();
     _behaviorSubjects = new Map();
@@ -2411,5 +2580,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.9", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ZCacheService, ZExcelService, ZHttpAbstractService, ZIndexDbService, ZOverlayContainerService, ZOverlayZIndexService, ZSubjectService, ZThemeService, ZTranslateService, Z_DEFAULT_THEME, Z_EXCEL_BORDER_THIN, Z_EXCEL_CHAR_WIDTH_MAP, Z_EXCEL_COLORS, Z_EXCEL_DEFAULT_CONFIG, Z_EXCEL_FONT_MULTIPLIERS, Z_EXCEL_WIDTH_LIMITS, Z_HTTP_DEFAULT_CONFIG, Z_INDEXDB_BATCH_SIZE, Z_INDEXDB_DEFAULT_CONFIG, Z_INDEXDB_MAX_VERSION, Z_LANG_CACHE_KEY, Z_LANG_TO_LOCALE, Z_THEME_CONFIG, Z_THEME_CSS_MAP, Z_THEME_PREFERENCES_CACHE_KEY, zBuildScopedCacheKey, zBuildScopedDbName, zStripScopedCacheKey };
+export { ZCacheService, ZDynamicRef, ZDynamicService, ZExcelService, ZHttpAbstractService, ZIndexDbService, ZOverlayContainerService, ZOverlayZIndexService, ZSubjectService, ZThemeService, ZTranslateService, Z_DEFAULT_THEME, Z_DYNAMIC_DATA, Z_EXCEL_BORDER_THIN, Z_EXCEL_CHAR_WIDTH_MAP, Z_EXCEL_COLORS, Z_EXCEL_DEFAULT_CONFIG, Z_EXCEL_FONT_MULTIPLIERS, Z_EXCEL_WIDTH_LIMITS, Z_HTTP_DEFAULT_CONFIG, Z_INDEXDB_BATCH_SIZE, Z_INDEXDB_DEFAULT_CONFIG, Z_INDEXDB_MAX_VERSION, Z_LANG_CACHE_KEY, Z_LANG_TO_LOCALE, Z_THEME_CONFIG, Z_THEME_CSS_MAP, Z_THEME_PREFERENCES_CACHE_KEY, zBuildScopedCacheKey, zBuildScopedDbName, zStripScopedCacheKey };
 //# sourceMappingURL=shival99-z-ui-services.mjs.map