ngx-kit 8.4.1 → 8.5.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-kit",
-  "version": "8.4.1",
+  "version": "8.5.0",
   "description": "Angular input components",
   "author": "Mohammadreza Samani <mr.samani1368@gmail.com>",
   "license": "MIT",

package/types/ngx-kit-core.d.ts

@@ -390,8 +390,6 @@ interface BaseOverlayOptions<T = any> {
     autoFocus?: boolean;
     /** Restore focus to the previously focused element when the overlay closes. Default: true. */
     restoreFocus?: boolean;
-    /** Prevent the page behind the overlay from scrolling while it's open. Default: false. */
-    lockBodyScroll?: boolean;
     /** Extra class(es) applied to the backdrop element. */
     backdropClass?: string | string[];
     /** Extra class(es) applied to the overlay panel element. */
@@ -436,7 +434,6 @@ declare class OverlayService {
     private readonly overlayStack;
     private globalListenersAttached;
     private layoutRaf;
-    private bodyScrollLockCount;
     private previousBodyOverflow;
     private previousBodyPaddingRight;
     private get isBrowser();
@@ -449,23 +446,20 @@ declare class OverlayService {
     private createTemplateInstance;
     private pushInstance;
     private createHostElement;
-    private createBackdropElement;
     private createOverlayElement;
     private addClasses;
     private renderHost;
     private destroyInstance;
+    private observeOverlayResize;
     private resolveUsePopover;
     private showHostPopover;
     private hideHostPopover;
     private supportsPopover;
-    private lockBodyScroll;
-    private unlockBodyScroll;
     private attachGlobalListeners;
     private detachGlobalListeners;
     private readonly onDocumentKeydown;
     private readonly onDocumentClick;
     private readonly onDocumentContextMenu;
-    private readonly onDocumentScroll;
     private readonly onWindowResize;
     private scheduleReposition;
     private scheduleInitialLayout;

package/types/ngx-kit-dialog.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { OnInit, OnDestroy, Injector, EnvironmentProviders, EnvironmentInjector, Type, InjectionToken } from '@angular/core';
+import { OnInit, OnDestroy, Injector, EnvironmentProviders, EnvironmentInjector, InjectionToken, Type } from '@angular/core';
 import * as ngx_kit_dialog from 'ngx-kit/dialog';
 import { Observable } from 'rxjs';
 import { OverlayRef } from 'ngx-kit/core';
@@ -73,8 +73,6 @@ declare class NgxDialogConfig<DataType = any> {
      * dialog - return `false` to block it (e.g. unsaved changes). Does not
      * affect a programmatic `dialogRef.close()` call. */
     beforeClose?: () => boolean;
-    /** Prevent the page behind the dialog from scrolling while it's open. Default: true. */
-    lockBodyScroll?: boolean;
     /** Move focus into the dialog on open. Default: true. */
     autoFocus?: boolean;
     /** Restore focus to the previously focused element on close. Default: true. */
@@ -169,24 +167,11 @@ declare class NgxDialogHeader implements OnInit {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgxDialogHeader, "ngx-dialog-header,[ngxDialogHeader]", ["ngxDialogHeader"], { "showCloseButton": { "alias": "showCloseButton"; "required": false; "isSignal": true; }; "showMaximizeButton": { "alias": "showMaximizeButton"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof i1.NgxDraggable; inputs: {}; outputs: {}; }]>;
 }
 
-/**
- * Why this can't be pure CSS flexbox: the header/body/footer elements are
- * *grandchildren* of the dialog panel (panel -> `*ngComponentOutlet`'s host
- * element -> header/body/footer), not direct children, because the content
- * component that hosts them is arbitrary and we don't control its own host
- * styling. `display:flex;flex-direction:column` on the panel therefore can't
- * size the body against the header/footer through that extra layer, so we
- * measure and set an explicit `max-height` instead, driven by a
- * `ResizeObserver` on the panel (not a `window:resize` listener, so it also
- * reacts to the dialog itself changing size, e.g. via `config.size`).
- */
 declare class NgxDialogBody {
     private readonly el;
-    private readonly renderer;
     private readonly dialogRef;
     private readonly destroyRef;
     constructor();
-    private recomputeHeight;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<NgxDialogBody, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NgxDialogBody, "ngx-dialog-body,[ngxDialogBody]", ["ngxDialogBody"], {}, {}, never, never, true, never>;
 }
@@ -197,6 +182,13 @@ declare class NgxDialogModule {
     static ɵinj: _angular_core.ɵɵInjectorDeclaration<NgxDialogModule>;
 }
 
+declare const DIALOG_DATA: InjectionToken<any>;
+declare const DIALOG_REF: InjectionToken<NgxDialogRef<any>>;
+/** The resolved config for the dialog currently being rendered. */
+declare const NGX_DIALOG_CONFIG: InjectionToken<NgxDialogConfig<any>>;
+/** The arbitrary content component passed to `open()`, projected via `*ngComponentOutlet`. */
+declare const DIALOG_CONTENT: InjectionToken<Type<any>>;
+
 declare class NgxDialogService {
     private readonly overlay;
     private readonly injector;
@@ -219,30 +211,5 @@ declare class NgxDialogService {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<NgxDialogService>;
 }
 
-/**
- * Static convenience API over `NgxDialogService`, so you can call
- * `Dialog.open(...)` from anywhere without injecting the service manually.
- *
- * SSR note: the instance backing this static class is process-wide, not
- * per-request, so it is deliberately left unset on the server (see
- * `provideNgxDialog()`). Inject `NgxDialogService` directly in SSR code paths.
- */
-declare class Dialog {
-    private static serviceInstance;
-    private static readonly openRefs;
-    /** @internal set by `provideNgxDialog()`'s environment initializer. */
-    static _setService(svc: NgxDialogService): void;
-    private static get service();
-    static open<R = any, DataType = any>(component: Type<any>, config?: Partial<NgxDialogConfig<DataType>>): NgxDialogRef<R>;
-    static closeAll(): void;
-}
-
-declare const DIALOG_DATA: InjectionToken<any>;
-declare const DIALOG_REF: InjectionToken<NgxDialogRef<any>>;
-/** The resolved config for the dialog currently being rendered. */
-declare const NGX_DIALOG_CONFIG: InjectionToken<NgxDialogConfig<any>>;
-/** The arbitrary content component passed to `open()`, projected via `*ngComponentOutlet`. */
-declare const DIALOG_CONTENT: InjectionToken<Type<any>>;
-
-export { DIALOG_CONTENT, DIALOG_DATA, DIALOG_REF, Dialog, NGX_DIALOG_CONFIG, NgxDialogBody, NgxDialogComponent, NgxDialogConfig, NgxDialogFooter, NgxDialogHeader, NgxDialogModule, NgxDialogService, provideNgxDialog };
+export { DIALOG_CONTENT, DIALOG_DATA, DIALOG_REF, NGX_DIALOG_CONFIG, NgxDialogBody, NgxDialogComponent, NgxDialogConfig, NgxDialogFooter, NgxDialogHeader, NgxDialogModule, NgxDialogService, provideNgxDialog };
 export type { NgxDialogFooterAlign, NgxDialogFooterConfig, NgxDialogHeaderConfig, NgxDialogSize };

package/types/ngx-kit-menu.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { TemplateRef, OnDestroy, ElementRef, ApplicationRef } from '@angular/core';
+import { TemplateRef, OnDestroy, ApplicationRef, ElementRef } from '@angular/core';
 import { OverlayRef, Placement, Alignment, OverlayService } from 'ngx-kit/core';
 
 interface MenuContext {
@@ -16,14 +16,14 @@ declare class NgxMenuPanel implements MenuContext {
 }
 
 declare class NgxMenu implements OnDestroy {
-    private el;
-    private appRef;
-    private overlayService;
     ngxMenu: i0.InputSignal<NgxMenuPanel>;
     placement: i0.InputSignal<Placement | undefined>;
     alignment: i0.InputSignal<Alignment | undefined>;
     private containerRef?;
-    constructor(el: ElementRef, appRef: ApplicationRef, overlayService: OverlayService);
+    protected readonly overlay: OverlayService;
+    protected readonly appRef: ApplicationRef;
+    protected readonly el: ElementRef<HTMLElement>;
+    constructor();
     ngOnDestroy(): void;
     onClick(ev: Event): void;
     private toggleContainer;
@@ -33,13 +33,13 @@ declare class NgxMenu implements OnDestroy {
 }
 
 declare class NgxContextMenu implements OnDestroy {
-    private el;
-    private appRef;
-    private overlayService;
     ngxContextMenu: i0.InputSignal<NgxMenuPanel>;
     private containerRef?;
     private readonly boundOnClick;
-    constructor(el: ElementRef<HTMLElement>, appRef: ApplicationRef, overlayService: OverlayService);
+    protected readonly overlay: OverlayService;
+    protected readonly appRef: ApplicationRef;
+    protected readonly el: ElementRef<HTMLElement>;
+    constructor();
     ngOnDestroy(): void;
     onClick(ev: PointerEvent): void;
     private toggleContainer;