ngx-kit 7.2.0 → 7.3.0

package/fesm2022/ngx-kit-dialog.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngx-kit-dialog.mjs","sources":["../../../projects/libs/dialog/dialog.tokens.ts","../../../projects/libs/dialog/directives/body.directive.ts","../../../projects/libs/dialog/directives/footer.directive.ts","../../../projects/libs/dialog/directives/header.directive.ts","../../../projects/libs/dialog/ngx-dialog.component.ts","../../../projects/libs/dialog/ngx-dialog.component.html","../../../projects/libs/dialog/ngx-dialog-config.ts","../../../projects/libs/dialog/ngx-dialog-ref.ts","../../../projects/libs/dialog/ngx-dialog.service.ts","../../../projects/libs/dialog/dialog.facade.ts","../../../projects/libs/dialog/ngx-dialog.module.ts","../../../projects/libs/dialog/ngx-kit-dialog.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\nimport { NgxDialogRef } from './ngx-dialog-ref';\n\nexport const DIALOG_DATA = new InjectionToken<any>('DIALOG_DATA');\nexport const DIALOG_REF = new InjectionToken<NgxDialogRef>('DIALOG_REF');\n","import { AfterViewInit, Directive, ElementRef, inject, Renderer2 } from '@angular/core';\nimport { DIALOG_REF } from '../dialog.tokens';\n\n@Directive({\n  standalone: false,\n  selector: 'ngx-dialog-body,[ngxDialogBody]',\n  host: {\n    class: 'dialog-body',\n  },\n  exportAs: 'ngxDialogBody',\n})\nexport class NgxDialogBodyDirective implements AfterViewInit {\n  height?: number;\n\n  private _dialogRef = inject(DIALOG_REF);\n  constructor(\n    public _el: ElementRef<HTMLElement>,\n    private _renderer: Renderer2,\n  ) {\n    this._dialogRef.body = this._el;\n  }\n\n  ngAfterViewInit(): void {\n    this.onWindowResize();\n    if (this._dialogRef.dialog && this._dialogRef.dialog.nativeElement) {\n      new ResizeObserver(() => {\n        this.onWindowResize();\n      }).observe(this._dialogRef.dialog.nativeElement);\n    }\n  }\n\n  // @HostListener('window:resize', ['$event'])\n  onWindowResize(ev?: Event) {\n    if (!window) return;\n    let headerH = 0;\n    let footerH = 0;\n    let dialogH = window.innerHeight;\n    if (this._dialogRef.header) {\n      headerH = this._dialogRef.header.nativeElement.offsetHeight;\n    }\n    if (this._dialogRef.footer) {\n      footerH = this._dialogRef.footer.nativeElement.offsetHeight;\n    }\n    if (this._dialogRef.dialog && this._dialogRef.dialog.nativeElement.offsetHeight < dialogH) {\n      dialogH = this._dialogRef.dialog.nativeElement.offsetHeight;\n    }\n    this.height = dialogH - headerH - footerH;\n    this._renderer.setStyle(this._el.nativeElement, 'max-height', this.height + 'px');\n    // console.log(this.height, ':', 'windowHeight', dialogH, 'h', headerH, 'f', footerH);\n  }\n}\n","import { Directive, ElementRef, inject, Input, OnInit } from '@angular/core';\nimport { DIALOG_REF } from '../dialog.tokens';\n\n@Directive({\n  standalone: false,\n  selector: 'ngx-dialog-footer,[ngxDialogFooter]',\n  host: {\n    class: 'dialog-footer',\n    '[class.align-start]': 'align===\"start\"',\n    '[class.align-end]': 'align===\"end\"',\n    '[class.align-space-between]': 'align===\"space-between\"',\n    '[class.align-center]': 'align===\"center\"',\n    '[class.align-space-around]': 'align===\"space-around\"',\n  },\n  exportAs: 'ngxDialogFooter',\n})\nexport class NgxDialogFooterDirective implements OnInit {\n  @Input() align: 'start' | 'end' | 'space-between' | 'center' | 'space-around' = 'end';\n\n  private _dialogRef = inject(DIALOG_REF);\n  constructor(public _el: ElementRef<HTMLElement>) {}\n\n  ngOnInit(): void {\n    this._dialogRef.footer = this._el;\n  }\n}\n","import { DOCUMENT } from '@angular/common';\r\nimport { Directive, ElementRef, inject, Inject, Input, OnInit } from '@angular/core';\r\nimport { DIALOG_REF } from '../dialog.tokens';\r\n\r\n@Directive({\r\n  standalone: false,\r\n  selector: 'ngx-dialog-header,[ngxDialogHeader]',\r\n  host: {\r\n    class: 'dialog-header',\r\n  },\r\n  exportAs: 'ngxDialogHeader',\r\n})\r\nexport class NgxDialogHeaderDirective implements OnInit {\r\n  @Input() showCloseButton = true;\r\n\r\n  private _dialogRef = inject(DIALOG_REF);\r\n  constructor(\r\n    public _el: ElementRef<HTMLElement>,\r\n    @Inject(DOCUMENT) private _document: Document,\r\n  ) {}\r\n\r\n  ngOnInit(): void {\r\n    this._el.nativeElement.innerHTML = '<span>' + this._el.nativeElement.innerHTML + '</span>';\r\n    if (this.showCloseButton) {\r\n      let closeBtn = this._document.createElement('button');\r\n      closeBtn.className = 'close-btn';\r\n      closeBtn.innerHTML =\r\n        '<svg width=\"20\" height=\"20\" fill=\"currentColor\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 320 512\"><path d=\"M312.1 375c9.369 9.369 9.369 24.57 0 33.94s-24.57 9.369-33.94 0L160 289.9l-119 119c-9.369 9.369-24.57 9.369-33.94 0s-9.369-24.57 0-33.94L126.1 256L7.027 136.1c-9.369-9.369-9.369-24.57 0-33.94s24.57-9.369 33.94 0L160 222.1l119-119c9.369-9.369 24.57-9.369 33.94 0s9.369 24.57 0 33.94L193.9 256L312.1 375z\"/></svg>';\r\n\r\n      closeBtn.onclick = closeBtn.ontouchend = () => {\r\n        this._dialogRef.close();\r\n      };\r\n      this._el.nativeElement.appendChild(closeBtn);\r\n    }\r\n    this._dialogRef.header = this._el;\r\n  }\r\n}\r\n","import {\n  AfterViewInit,\n  ChangeDetectionStrategy,\n  ChangeDetectorRef,\n  Component,\n  ElementRef,\n  inject,\n  OnDestroy,\n  OnInit,\n  Type,\n  ViewChild,\n} from '@angular/core';\nimport { Subject } from 'rxjs';\nimport { NgxDialogConfig } from './ngx-dialog-config';\nimport { DIALOG_REF } from './dialog.tokens';\n\n@Component({\n  standalone: false,\n  templateUrl: './ngx-dialog.component.html',\n  styleUrls: ['./ngx-dialog.component.scss'],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class NgxDialogComponent implements OnInit, AfterViewInit, OnDestroy {\n  config?: NgxDialogConfig;\n  component!: Type<any>;\n  private readonly _onClose = new Subject<void>();\n  public onClose = this._onClose.asObservable();\n  @ViewChild('ngxDialog') ngxDialog?: ElementRef<HTMLElement>;\n\n  _dialogRef = inject(DIALOG_REF);\n  private cd = inject(ChangeDetectorRef);\n  constructor() {}\n\n  ngOnInit(): void {}\n\n  ngAfterViewInit(): void {\n    this._dialogRef.dialog = this.ngxDialog;\n    this.setStyle();\n    this.cd.detectChanges();\n  }\n\n  ngOnDestroy(): void {}\n\n  onOverlayClicked(evt: MouseEvent): void {\n    if (this.config?.allowCloseOnOutsideClick) {\n      this._dialogRef.close();\n    }\n  }\n\n  onDialogClicked(evt: MouseEvent): void {\n    evt.stopPropagation();\n  }\n\n  close(): void {\n    this._onClose.next();\n  }\n\n  setStyle() {\n    if (this.ngxDialog) {\n      if (this.config?.width) {\n        this.ngxDialog.nativeElement.style.width = this.config.width;\n      }\n      if (this.config?.maxWidth) {\n        this.ngxDialog.nativeElement.style.maxWidth = this.config.maxWidth;\n      } else {\n        this.ngxDialog.nativeElement.style.maxWidth = '100%';\n      }\n      if (this.config?.minWidth) {\n        this.ngxDialog.nativeElement.style.minWidth = this.config.minWidth;\n      }\n      if (this.config?.height) {\n        this.ngxDialog.nativeElement.style.height = this.config.height;\n      }\n      if (this.config?.maxHeight) {\n        this.ngxDialog.nativeElement.style.maxHeight = this.config.maxHeight;\n      } else {\n        this.ngxDialog.nativeElement.style.maxHeight = '100%';\n      }\n      if (this.config?.minHeight) {\n        this.ngxDialog.nativeElement.style.minHeight = this.config.minHeight;\n      }\n    }\n  }\n}\n","<div class=\"ngx-dialog-overlay\" (click)=\"onOverlayClicked($event)\">\n  <div class=\"ngx-dialog\" (click)=\"onDialogClicked($event)\" #ngxDialog>\n    <ng-container *ngComponentOutlet=\"component\"></ng-container>\n  </div>\n</div>\n","import { Injector } from '@angular/core';\n\nexport class NgxDialogConfig<DataType = any> {\n  /**\n   * pass data to dialog\n   */\n  data?: DataType | any = {};\n  /** close dialog on outside click\n   * - default false */\n  allowCloseOnOutsideClick?: boolean = false;\n  /**\n   * container class\n   * - You can separate the list of classes with a space\n   * - for example:\"`my class one two three ...`\"\n   *\n   * TODO: must set with public config setter\n   */\n  containerClass? = 'ngx-kit';\n  header?: {\n    enable?: true;\n    title?: '';\n    showCloseButton?: true;\n  };\n  footer?: {\n    enable?: true;\n  };\n  width?: string = '';\n  minWidth?: string = '';\n  maxWidth?: string = '';\n  height?: string = '';\n  minHeight?: string = '';\n  maxHeight?: string = '';\n\n  /** parent injector */\n  injector?: Injector;\n\n  constructor() {}\n}\n","import { ElementRef } from '@angular/core';\nimport { Observable, Subject } from 'rxjs';\n\nexport class NgxDialogRef {\n  dialog?: ElementRef<HTMLElement>;\n  header?: ElementRef<HTMLElement>;\n  footer?: ElementRef<HTMLElement>;\n  body?: ElementRef<HTMLElement>;\n  private readonly _afterClosed = new Subject<any>();\n\n  afterClosed: Observable<any> = this._afterClosed.asObservable();\n\n  id?: string;\n  close(result?: any): void {\n    this._afterClosed.next(result);\n  }\n}\n","import {\n  ApplicationRef,\n  ComponentRef,\n  createComponent,\n  EmbeddedViewRef,\n  EnvironmentInjector,\n  Injectable,\n  Injector,\n  Provider,\n  runInInjectionContext,\n  Type,\n} from '@angular/core';\nimport { NgxDialogConfig } from './ngx-dialog-config';\nimport { NgxDialogRef } from './ngx-dialog-ref';\nimport { NgxDialogComponent } from './ngx-dialog.component';\nimport { DIALOG_DATA, DIALOG_REF } from './dialog.tokens';\nimport { randomStrnig } from 'ngx-kit/shared';\n\n@Injectable()\nexport class NgxOverlayService {\n  dialogComponentRefs: ComponentRef<NgxDialogComponent>[] = [];\n  _defaultOptions: NgxDialogConfig | undefined;\n  constructor(\n    private appRef: ApplicationRef,\n    private injector: Injector,\n    private envInjector: EnvironmentInjector,\n  ) {}\n\n  public open(component: Type<any>, config?: NgxDialogConfig): NgxDialogRef {\n    const dialogRef = this._open(component, config);\n    return dialogRef;\n  }\n\n  private _open(component: Type<any>, config?: NgxDialogConfig): NgxDialogRef {\n    config = { ...(this._defaultOptions || new NgxDialogConfig()), ...config };\n    const map = new WeakMap();\n    map.set(NgxDialogConfig, config);\n\n    const dialogRef = new NgxDialogRef();\n    dialogRef.id = this.getDialogId;\n    map.set(NgxDialogRef, dialogRef);\n\n    const sub = dialogRef.afterClosed.subscribe(() => {\n      // close the dialog\n      this.removeDialogComponentFromBody(dialogRef.id);\n      sub.unsubscribe();\n    });\n\n    // ✅ ساخت Injector اختصاصی با DestroyRef\n    const componentInjector = Injector.create({\n      providers: [\n        NgxDialogRef,\n        { provide: DIALOG_DATA, useValue: config.data },\n        { provide: DIALOG_REF, useValue: dialogRef, multi: false },\n      ],\n      parent: config?.injector ? config.injector : this.envInjector,\n    });\n\n    const componentRef: ComponentRef<NgxDialogComponent> = runInInjectionContext(\n      componentInjector,\n      () =>\n        createComponent(NgxDialogComponent, {\n          elementInjector: componentInjector,\n          environmentInjector: this.envInjector,\n        }),\n    );\n\n    this.appRef.attachView(componentRef.hostView);\n    this.appendDialogComponentToBody(componentRef, config);\n    componentRef.instance.config = config;\n    componentRef.instance.component = component;\n    //componentRef.instance._dialogRef = dialogRef;\n    this.dialogComponentRefs.push(componentRef);\n    return dialogRef;\n  }\n\n  private removeDialogComponentFromBody(id?: string): void {\n    if (!id) {\n      return;\n    }\n    const index = this.dialogComponentRefs.findIndex((x) => x.instance._dialogRef.id == id);\n    if (index > -1 && this.dialogComponentRefs[index]) {\n      this.appRef.detachView(this.dialogComponentRefs[index].hostView);\n      this.dialogComponentRefs[index].destroy();\n      this.dialogComponentRefs.splice(index, 1);\n    }\n  }\n\n  private appendDialogComponentToBody(\n    componentRef: ComponentRef<NgxDialogComponent>,\n    config: NgxDialogConfig,\n  ) {\n    const domElem = (componentRef.hostView as EmbeddedViewRef<any>).rootNodes[0] as HTMLElement;\n    if (config.containerClass) {\n      for (let c of config.containerClass.split(' ')) {\n        if (c.trim()) domElem.classList.add(c);\n      }\n    }\n    document.body.appendChild(domElem);\n  }\n\n  closeAll() {\n    for (let index = 0; index < this.dialogComponentRefs.length; index++) {\n      if (this.dialogComponentRefs[index]) {\n        this.appRef.detachView(this.dialogComponentRefs[index].hostView);\n        this.dialogComponentRefs[index].destroy();\n      }\n    }\n    this.dialogComponentRefs = [];\n  }\n\n  private get getDialogId() {\n    return randomStrnig(10, true);\n  }\n}\n","import { Type } from '@angular/core';\nimport { NgxDialogConfig } from './ngx-dialog-config';\nimport { NgxOverlayService } from './ngx-dialog.service';\nimport { NgxDialogRef } from './ngx-dialog-ref';\n\nexport class Dialog {\n  private static serviceInstance: NgxOverlayService | null = null;\n  static _setService(svc: NgxOverlayService) {\n    this.serviceInstance = svc;\n  }\n\n  static open<DataType>(component: Type<any>, config?: NgxDialogConfig<DataType>): NgxDialogRef {\n    if (!this.serviceInstance) {\n      throw Error('ngx-dialog: service not initialized. Ensure NgxDialogModule is imported.');\n    }\n    return this.serviceInstance.open(component, config);\n  }\n}\n","import { CommonModule, isPlatformServer } from '@angular/common';\nimport { NgModule, Optional, PLATFORM_ID, SkipSelf, inject } from '@angular/core';\nimport { NgxDialogBodyDirective } from './directives/body.directive';\nimport { NgxDialogFooterDirective } from './directives/footer.directive';\nimport { NgxDialogHeaderDirective } from './directives/header.directive';\nimport { NgxDialogComponent } from './ngx-dialog.component';\nimport { NgxOverlayService } from './ngx-dialog.service';\nimport { Dialog as DialogFacade } from './dialog.facade';\n\n@NgModule({\n  declarations: [\n    NgxDialogComponent,\n    NgxDialogHeaderDirective,\n    NgxDialogFooterDirective,\n    NgxDialogBodyDirective,\n  ],\n  imports: [CommonModule],\n  exports: [\n    NgxDialogComponent,\n    NgxDialogHeaderDirective,\n    NgxDialogFooterDirective,\n    NgxDialogBodyDirective,\n  ],\n  providers: [NgxOverlayService],\n})\nexport class NgxDialogModule {\n  private readonly platformId = inject(PLATFORM_ID);\n\n  constructor(\n    @Optional() @SkipSelf() parentModule: NgxDialogModule | null,\n    service: NgxOverlayService,\n  ) {\n    if (parentModule) {\n      return;\n    }\n\n    // API استاتیک Dialog.open(...) روی یک static field کلاسی پیاده شده تا\n    // بدون تزریق دستی سرویس هم قابل استفاده باشه. این static field برای کل\n    // پروسه‌ی Node.js مشترکه، نه به‌ازای هر درخواست — پس در Angular SSR،\n    // چند درخواست هم‌زمان می‌تونستن instance همدیگه رو overwrite کنن و\n    // دیالوگ یک کاربر با ApplicationRef اشتباه (کاربر دیگه) کار کنه.\n    // به‌جای این‌که این باگ به‌صورت خاموش رخ بده، روی سرور اصلاً static\n    // instance رو ست نمی‌کنیم؛ Dialog.open() روی سرور با همون خطای\n    // «service not initialized» که از قبل وجود داشت fail می‌کنه (fail-loud\n    // به‌جای corrupt خاموش). برای SSR باید NgxOverlayService رو مستقیم\n    // inject کرد (که per-request/per-injector امنه)، نه از API استاتیک\n    // استفاده کرد. رفتار کلاینت (که ۹۹٪ کاربردهاست) کاملاً بدون تغییره.\n    if (isPlatformServer(this.platformId)) {\n      return;\n    }\n\n    DialogFacade._setService(service);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["DialogFacade","i1.NgxOverlayService"],"mappings":"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"}
+{"version":3,"file":"ngx-kit-dialog.mjs","sources":["../../../projects/libs/dialog/configs/dialog-ref.ts","../../../projects/libs/dialog/configs/dialog-config.ts","../../../projects/libs/dialog/tokens/dialog.tokens.ts","../../../projects/libs/dialog/directives/footer.directive.ts","../../../projects/libs/dialog/directives/header.directive.ts","../../../projects/libs/dialog/components/ngx-dialog.component.ts","../../../projects/libs/dialog/components/ngx-dialog.component.html","../../../projects/libs/dialog/services/ngx-dialog.service.ts","../../../projects/libs/dialog/dialog.facade.ts","../../../projects/libs/dialog/ngx-dialog.provider.ts","../../../projects/libs/dialog/directives/body.directive.ts","../../../projects/libs/dialog/ngx-dialog.module.ts","../../../projects/libs/dialog/ngx-kit-dialog.ts"],"sourcesContent":["import { signal } from '@angular/core';\nimport { Observable, Subject } from 'rxjs';\nimport { OverlayRef } from 'ngx-kit/core';\n\nlet uniqueId = 0;\nfunction nextDialogId(): string {\n  uniqueId += 1;\n  return `ngx-dialog-${Date.now().toString(36)}-${uniqueId}`;\n}\n\nexport class NgxDialogRef<R = any> {\n  readonly id = nextDialogId();\n\n  /** true from the moment `close()` is called, even before teardown finishes. */\n  readonly closing = signal(false);\n  /** true once the dialog has been fully removed from the DOM. */\n  readonly closed = signal(false);\n\n  private readonly _afterClosed = new Subject<R | undefined>();\n  /** Emits the result exactly once, after the dialog has been fully torn down. */\n  readonly afterClosed: Observable<R | undefined> = this._afterClosed.asObservable();\n\n  /** @internal set by the layout directives; read by NgxDialogBody to size itself. */\n  readonly headerEl = signal<HTMLElement | null>(null);\n  /** @internal */\n  readonly footerEl = signal<HTMLElement | null>(null);\n  /** @internal */\n  readonly bodyEl = signal<HTMLElement | null>(null);\n  /** @internal the dialog panel's own host element. */\n  readonly panelEl = signal<HTMLElement | null>(null);\n\n  /** Optional synchronous guard - return `false` to prevent Escape/outside-click from closing. */\n  beforeClose?: () => boolean;\n\n  private overlayRef?: OverlayRef<unknown>;\n  private result: R | undefined;\n\n  /** @internal used by NgxDialogService right after creating the overlay. */\n  _attachOverlayRef(ref: OverlayRef<unknown>): void {\n    this.overlayRef = ref;\n  }\n\n  /** @internal used by the header/footer/body directives and the panel component. */\n  _setHeaderElement(el: HTMLElement | null): void {\n    this.headerEl.set(el);\n  }\n  /** @internal */\n  _setFooterElement(el: HTMLElement | null): void {\n    this.footerEl.set(el);\n  }\n  /** @internal */\n  _setBodyElement(el: HTMLElement | null): void {\n    this.bodyEl.set(el);\n  }\n  /** @internal */\n  _setPanelElement(el: HTMLElement | null): void {\n    this.panelEl.set(el);\n  }\n\n  /** Closes the dialog and emits `result` on `afterClosed` once torn down. Idempotent. */\n  close(result?: R): void {\n    if (this.closing() || this.closed()) {\n      return;\n    }\n    this.closing.set(true);\n    this.result = result;\n    this.overlayRef?.close();\n  }\n\n  /** @internal called by NgxDialogService's `onClosed` callback once the overlay is fully torn down. */\n  _finalizeClose(): void {\n    if (this.closed()) {\n      return;\n    }\n    this.closed.set(true);\n    this._afterClosed.next(this.result);\n    this._afterClosed.complete();\n  }\n}\n","import { Injector } from '@angular/core';\nimport { NgxDialogFooterAlign } from '../directives/footer.directive';\n\nexport type NgxDialogSize = 'sm' | 'md' | 'lg' | 'xl' | 'full';\n\nexport interface NgxDialogHeaderConfig {\n  enable?: boolean;\n  title?: string;\n  showCloseButton?: boolean;\n  showMaximizeButton?: boolean;\n}\n\nexport interface NgxDialogFooterConfig {\n  enable?: boolean;\n  /** Text for the auto-generated close button. Default: 'Close'. */\n  closeText?: string;\n  align?: NgxDialogFooterAlign;\n}\n\n/**\n * BREAKING CHANGE from the previous version of this config:\n * - `allowCloseOnOutsideClick` -> `closeOnOutsideClick` (naming now matches\n *   `ngx-kit/overlay`'s options, which this service is built directly on).\n * - `header`/`footer` are now actually wired up (previously declared but\n *   unused) - set `enable: true` to get an automatic header/footer without\n *   having to place the `ngxDialogHeader`/`ngxDialogFooter` directives\n *   yourself inside the content component.\n */\nexport class NgxDialogConfig<DataType = any> {\n  /** Data made available to the content component (and to `ngx-dialog-panel`\n   * itself) via the `DIALOG_DATA` injection token. */\n  data?: DataType = {} as DataType;\n\n  /** Named size preset - sets sensible min/max width bounds. Combine with\n   * `width`/`maxWidth`/... for full manual control. */\n  size?: NgxDialogSize;\n  width?: string;\n  minWidth?: string;\n  maxWidth?: string;\n  height?: string;\n  minHeight?: string;\n  maxHeight?: string;\n\n  /** Extra class(es) on the dialog panel (the `ngx-dialog-panel` host). */\n  panelClass?: string | string[] = 'ngx-kit';\n  /** Extra class(es) on the backdrop element behind the panel. */\n  backdropClass?: string | string[] = 'ngx-dialog-backdrop';\n\n  header?: NgxDialogHeaderConfig = {\n    enable: false,\n    showCloseButton: true,\n    showMaximizeButton: true,\n  };\n  footer?: NgxDialogFooterConfig = { enable: false, align: 'end' };\n\n  /** Close when clicking outside the panel. Default: false (modal by default). */\n  closeOnOutsideClick?: boolean = false;\n  /** Close on Escape. Default: true. */\n  closeOnEscape?: boolean = true;\n  /** Shorthand for `closeOnOutsideClick: false, closeOnEscape: false` - the\n   * dialog can then only be closed programmatically (e.g. via its own\n   * buttons calling `dialogRef.close()`). */\n  disableClose?: boolean = false;\n  /** Synchronous guard consulted before Escape/outside-click would close the\n   * dialog - return `false` to block it (e.g. unsaved changes). Does not\n   * affect a programmatic `dialogRef.close()` call. */\n  beforeClose?: () => boolean;\n\n  /** Prevent the page behind the dialog from scrolling while it's open. Default: true. */\n  lockBodyScroll?: boolean = true;\n  /** Move focus into the dialog on open. Default: true. */\n  autoFocus?: boolean = true;\n  /** Restore focus to the previously focused element on close. Default: true. */\n  restoreFocus?: boolean = true;\n  /** Render via the native Popover API when supported. Default: true. */\n  usePopover?: boolean = true;\n\n  role?: 'dialog' | 'alertdialog' = 'dialog';\n  ariaLabel?: string;\n  ariaLabelledby?: string;\n  ariaDescribedby?: string;\n\n  /** Entry animation for the panel. Default: 'zoom'. */\n  animation?: 'zoom' | 'fade' | 'slide-up' | 'none' = 'zoom';\n\n  /** Parent injector for the content component (and `ngx-dialog-panel`\n   * itself). Defaults to the root injector. */\n  injector?: Injector;\n\n  constructor(init?: Partial<NgxDialogConfig<DataType>>) {\n    Object.assign(this, init);\n  }\n}\n","import { InjectionToken, Type } from '@angular/core';\nimport { NgxDialogConfig } from '../configs/dialog-config';\nimport { NgxDialogRef } from '../configs/dialog-ref';\n\nexport const DIALOG_DATA = new InjectionToken<any>('NGX_DIALOG_DATA');\nexport const DIALOG_REF = new InjectionToken<NgxDialogRef<any>>('NGX_DIALOG_REF');\n/** The resolved config for the dialog currently being rendered. */\n\nexport const NGX_DIALOG_DEFAULT_CONFIG = new NgxDialogConfig();\nexport const NGX_DIALOG_CONFIG = new InjectionToken<NgxDialogConfig<any>>('NGX_NGX_DIALOG_CONFIG');\n/** The arbitrary content component passed to `open()`, projected via `*ngComponentOutlet`. */\nexport const DIALOG_CONTENT = new InjectionToken<Type<any>>('NGX_DIALOG_CONTENT');\n","import { Directive, ElementRef, inject, input, OnDestroy, OnInit } from '@angular/core';\nimport { DIALOG_REF } from '../tokens/dialog.tokens';\n\nexport type NgxDialogFooterAlign = 'start' | 'end' | 'center' | 'space-between' | 'space-around';\n\n@Directive({\n  selector: 'ngx-dialog-footer,[ngxDialogFooter]',\n  standalone: true,\n  host: {\n    class: 'dialog-footer',\n    '[class.align-start]': 'align() === \"start\"',\n    '[class.align-end]': 'align() === \"end\"',\n    '[class.align-space-between]': 'align() === \"space-between\"',\n    '[class.align-center]': 'align() === \"center\"',\n    '[class.align-space-around]': 'align() === \"space-around\"',\n  },\n  exportAs: 'ngxDialogFooter',\n})\nexport class NgxDialogFooter implements OnInit, OnDestroy {\n  readonly align = input<NgxDialogFooterAlign>('end');\n\n  private readonly el = inject(ElementRef<HTMLElement>);\n  private readonly dialogRef = inject(DIALOG_REF);\n\n  ngOnInit(): void {\n    this.dialogRef._setFooterElement(this.el.nativeElement);\n  }\n\n  ngOnDestroy(): void {\n    this.dialogRef._setFooterElement(null);\n  }\n}\n","import { DOCUMENT } from '@angular/common';\nimport { Directive, ElementRef, inject, input, OnInit } from '@angular/core';\nimport { DIALOG_REF, NGX_DIALOG_CONFIG } from '../tokens/dialog.tokens';\nimport { NgxDraggable } from 'ngx-kit/drag-resize';\nimport { DIALOG_OVERLAY_CLASSNAME } from 'ngx-kit/core';\n\nconst CLOSE_ICON_SVG = `<svg width=\"16\" height=\"16\" fill=\"currentColor\" viewBox=\"0 0 320 512\" aria-hidden=\"true\">\n  <path d=\"M312.1 375c9.369 9.369 9.369 24.57 0 33.94s-24.57 9.369-33.94 0L160 289.9l-119 119c-9.369 9.369-24.57 9.369-33.94 0s-9.369-24.57 0-33.94L126.1 256L7.027 136.1c-9.369-9.369-9.369-24.57 0-33.94s24.57-9.369 33.94 0L160 222.1l119-119c9.369-9.369 24.57-9.369 33.94 0s9.369 24.57 0 33.94L193.9 256L312.1 375z\"/>\n  </svg>`;\nconst MAXIMIZE_ICON_SVG = `<svg name=\"maximize\" stroke=\"currentColor\"  viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M7.4852 16.5149C6.9104 15.9401 7.00595 13.4982 7.00595 13.4982M7.4852 16.5149C8.06001 17.0897 10.5019 16.994 10.5019 16.994M7.4852 16.5149L11 13M16.5149 7.48512C15.9401 6.91031 13.4982 7.00596 13.4982 7.00596M16.5149 7.48512C17.0897 8.05993 16.994 10.5018 16.994 10.5018M16.5149 7.48512L13 11\"  stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n<path d=\"M2.5 12C2.5 7.52166 2.5 5.28249 3.89124 3.89124C5.28249 2.5 7.52166 2.5 12 2.5C16.4783 2.5 18.7175 2.5 20.1088 3.89124C21.5 5.28249 21.5 7.52166 21.5 12C21.5 16.4783 21.5 18.7175 20.1088 20.1088C18.7175 21.5 16.4783 21.5 12 21.5C7.52166 21.5 5.28249 21.5 3.89124 20.1088C2.5 18.7175 2.5 16.4783 2.5 12Z\"  stroke-width=\"1.5\"/>\n</svg>`;\nconst RESTORE_ICON_SVG = `<svg name=\"restore\" stroke=\"currentColor\"   width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n<path d=\"M2.5 12C2.5 7.52166 2.5 5.28249 3.89124 3.89124C5.28249 2.5 7.52166 2.5 12 2.5C16.4783 2.5 18.7175 2.5 20.1088 3.89124C21.5 5.28249 21.5 7.52166 21.5 12C21.5 16.4783 21.5 18.7175 20.1088 20.1088C18.7175 21.5 16.4783 21.5 12 21.5C7.52166 21.5 5.28249 21.5 3.89124 20.1088C2.5 18.7175 2.5 16.4783 2.5 12Z\"  stroke-width=\"1.5\"/>\n<path d=\"M12.9833 11.0167C12.4085 10.4419 12.5041 8 12.5041 8M12.9833 11.0167C13.5581 11.5915 16 11.4958 16 11.4958M12.9833 11.0167L17 7M11.0131 12.9868C10.4383 12.412 7.99641 12.5077 7.99641 12.5077M11.0131 12.9868C11.5879 13.5616 11.4922 16.0035 11.4922 16.0035M11.0131 12.9868L7 16.9999\"  stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n</svg>`;\n\n@Directive({\n  selector: 'ngx-dialog-header,[ngxDialogHeader]',\n  standalone: true,\n  hostDirectives: [NgxDraggable],\n  host: { class: 'dialog-header' },\n  exportAs: 'ngxDialogHeader',\n})\nexport class NgxDialogHeader implements OnInit {\n  private config = inject(NGX_DIALOG_CONFIG);\n  readonly showCloseButton = input(this.config.header?.showCloseButton ?? true);\n  readonly showMaximizeButton = input(this.config.header?.showMaximizeButton ?? true);\n\n  private readonly el = inject<ElementRef<HTMLElement>>(ElementRef<HTMLElement>);\n  private readonly document = inject(DOCUMENT);\n  private readonly dialogRef = inject(DIALOG_REF);\n\n  private readonly drag = inject(NgxDraggable);\n\n  private isMaximized = false;\n\n  ngOnInit(): void {\n    this.drag.dragRootElement.set('.ngx-ui-overlay');\n    this.drag.dragHandle.set('.dialog-header-title');\n    // Wrap the existing (Angular-rendered) header content in a title span by\n    // MOVING the actual DOM nodes, not by re-serializing/re-parsing\n    // `innerHTML`. The original implementation did\n    // `el.innerHTML = '<span>' + el.innerHTML + '</span>'`, which silently\n    // destroys any event listeners or component state living inside the\n    // header content (anything beyond static text) because the browser\n    // throws away and re-parses the whole subtree.\n    const titleWrapper = this.document.createElement('span');\n    titleWrapper.className = 'dialog-header-title';\n    while (this.el.nativeElement.firstChild) {\n      titleWrapper.appendChild(this.el.nativeElement.firstChild);\n    }\n    this.el.nativeElement.appendChild(titleWrapper);\n    if (this.showMaximizeButton()) {\n      const fullScreenBtn = this.document.createElement('button');\n      fullScreenBtn.type = 'button';\n      fullScreenBtn.className = 'ngx-dialog-action-btn';\n      fullScreenBtn.setAttribute('aria-label', 'Maximaize');\n      fullScreenBtn.setAttribute('title', 'Maximaize');\n      fullScreenBtn.innerHTML = MAXIMIZE_ICON_SVG;\n      fullScreenBtn.addEventListener('click', (ev: Event) => this.fullScreen(ev));\n      this.el.nativeElement.appendChild(fullScreenBtn);\n    }\n    if (this.showCloseButton()) {\n      const closeBtn = this.document.createElement('button');\n      closeBtn.type = 'button';\n      closeBtn.className = 'ngx-dialog-action-btn';\n      closeBtn.setAttribute('aria-label', 'Close');\n      closeBtn.setAttribute('title', 'Close');\n      closeBtn.innerHTML = CLOSE_ICON_SVG;\n      closeBtn.addEventListener('click', () => this.dialogRef.close());\n      this.el.nativeElement.appendChild(closeBtn);\n    }\n\n    this.dialogRef._setHeaderElement(this.el.nativeElement);\n  }\n\n  private fullScreen(ev: Event) {\n    const overlay = this.el.nativeElement.closest(`.${DIALOG_OVERLAY_CLASSNAME}`);\n    this.isMaximized = !this.isMaximized;\n    this.drag.disabled.set(this.isMaximized);\n    if (overlay) {\n      overlay.classList.toggle('ngx-dialog-fullscreen');\n      const btn = ev.currentTarget as HTMLButtonElement;\n      btn.innerHTML = this.isMaximized ? RESTORE_ICON_SVG : MAXIMIZE_ICON_SVG;\n      btn.setAttribute('aria-label', this.isMaximized ? 'Restore' : 'Maximaize');\n      btn.setAttribute('title', this.isMaximized ? 'Restore' : 'Maximaize');\n    }\n  }\n}\n","import { NgComponentOutlet } from '@angular/common';\nimport { ChangeDetectionStrategy, Component, ElementRef, computed, inject } from '@angular/core';\nimport { NGX_DIALOG_CONFIG, DIALOG_CONTENT, DIALOG_REF } from '../tokens/dialog.tokens';\nimport { NgxDialogFooter } from '../directives/footer.directive';\nimport { NgxDialogHeader } from '../directives/header.directive';\n\n/**\n * The dialog \"panel\" shell. It no longer owns the backdrop, centering,\n * focus trap, Escape handling or outside-click handling - all of that now\n * lives in `OverlayService`, which this component is rendered inside of.\n * This is intentionally a thin, fully signal-driven shell: no\n * `AfterViewInit`, no manual `ChangeDetectorRef.detectChanges()`, no\n * imperative style writes. Angular schedules change detection automatically\n * whenever a signal read from the template changes, including in zoneless\n * apps.\n */\n@Component({\n  selector: 'ngx-dialog-panel',\n  standalone: true,\n  imports: [NgComponentOutlet, NgxDialogHeader, NgxDialogFooter],\n  templateUrl: './ngx-dialog.component.html',\n  styleUrl: './ngx-dialog.component.scss',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'ngx-dialog-panel',\n    '[class]': 'sizeClass()',\n  },\n})\nexport class NgxDialogComponent {\n  protected readonly dialogRef = inject(DIALOG_REF);\n  protected readonly config = inject(NGX_DIALOG_CONFIG);\n  protected readonly content = inject(DIALOG_CONTENT);\n\n  protected readonly sizeClass = computed(() =>\n    this.config.size ? `ngx-dialog-size-${this.config.size}` : '',\n  );\n\n  constructor() {\n    this.dialogRef._setPanelElement(inject(ElementRef<HTMLElement>).nativeElement);\n  }\n}\n","@if (config.header?.enable) {\n  <div\n    ngxDialogHeader\n    [showCloseButton]=\"config.header?.showCloseButton ?? true\"\n    [showMaximizeButton]=\"config.header?.showMaximizeButton ?? true\">\n    {{ config.header?.title }}\n  </div>\n}\n\n<ng-container *ngComponentOutlet=\"content\" />\n\n@if (config.footer?.enable) {\n  <div ngxDialogFooter [align]=\"config.footer?.align ?? 'end'\">\n    <button type=\"button\" class=\"ngx-dialog-default-close-btn\" (click)=\"dialogRef.close()\">\n      {{ config.footer?.closeText ?? 'Close' }}\n    </button>\n  </div>\n}\n","import { Injectable, Injector, Type, computed, inject, signal } from '@angular/core';\nimport { OverlayService, OverlayOptions } from 'ngx-kit/core';\nimport { NgxDialogRef } from '../configs/dialog-ref';\nimport { NgxDialogConfig } from '../configs/dialog-config';\nimport {\n  NGX_DIALOG_CONFIG,\n  DIALOG_CONTENT,\n  DIALOG_DATA,\n  DIALOG_REF,\n} from '../tokens/dialog.tokens';\nimport { NgxDialogComponent } from '../components/ngx-dialog.component';\n\n@Injectable({ providedIn: 'root' })\nexport class NgxDialogService {\n  private readonly overlay = inject(OverlayService);\n  private readonly injector = inject(Injector);\n\n  private readonly _openRefs = signal<NgxDialogRef<any>[]>([]);\n  /** Every currently open dialog, oldest first. */\n  readonly openDialogs = this._openRefs.asReadonly();\n  /** How many dialogs are currently open. */\n  readonly openCount = computed(() => this._openRefs().length);\n  readonly defaultConfig = inject(NGX_DIALOG_CONFIG);\n  /**\n   * Opens `content` inside a dialog panel and returns a ref you can use to\n   * close it and read the result back (`afterClosed`).\n   */\n  open<R = any, DataType = any>(\n    content: Type<any>,\n    config?: Partial<NgxDialogConfig<DataType>>,\n  ): NgxDialogRef<R> {\n    const resolvedConfig = { ...this.defaultConfig, ...config };\n    const dialogRef = new NgxDialogRef<R>();\n    dialogRef.beforeClose = resolvedConfig.beforeClose;\n\n    const componentInjector = Injector.create({\n      providers: [\n        { provide: DIALOG_DATA, useValue: resolvedConfig.data },\n        { provide: DIALOG_REF, useValue: dialogRef },\n        { provide: NGX_DIALOG_CONFIG, useValue: resolvedConfig },\n        { provide: DIALOG_CONTENT, useValue: content },\n      ],\n      parent: resolvedConfig.injector ?? this.injector,\n    });\n\n    const disableClose = resolvedConfig.disableClose ?? false;\n\n    const overlayRef = this.overlay.open<NgxDialogComponent>({\n      component: NgxDialogComponent,\n      injector: componentInjector,\n      placement: 'center',\n      alignment: 'center',\n      margin: 0,\n      role: resolvedConfig.role ?? 'dialog',\n      ariaModal: true,\n      ariaLabel: resolvedConfig.ariaLabel,\n      ariaLabelledby: resolvedConfig.ariaLabelledby,\n      ariaDescribedby: resolvedConfig.ariaDescribedby,\n      usePopover: resolvedConfig.usePopover ?? true,\n      closeOnEscape: disableClose ? false : (resolvedConfig.closeOnEscape ?? true),\n      closeOnOutsideClick: disableClose ? false : (resolvedConfig.closeOnOutsideClick ?? false),\n      canClose: () => dialogRef.beforeClose?.() ?? true,\n      restoreFocus: resolvedConfig.restoreFocus ?? true,\n      autoFocus: resolvedConfig.autoFocus ?? true,\n      lockBodyScroll: resolvedConfig.lockBodyScroll ?? true,\n      backdropClass: resolvedConfig.backdropClass,\n      panelClass: resolvedConfig.panelClass,\n      configure: (_instance, ref) => this.applySizing(ref.nativeElement, resolvedConfig),\n      onClosed: () => {\n        this._openRefs.update((refs) => refs.filter((r) => r !== dialogRef));\n        dialogRef._finalizeClose();\n      },\n    } satisfies OverlayOptions<NgxDialogComponent>);\n\n    dialogRef._attachOverlayRef(overlayRef);\n    this._openRefs.update((refs) => [...refs, dialogRef]);\n    return dialogRef;\n  }\n\n  /** Closes every currently open dialog (ignores `disableClose`/guards - use sparingly, e.g. on logout). */\n  closeAll(): void {\n    [...this._openRefs()].forEach((ref) => ref.close());\n  }\n\n  private applySizing(el: HTMLElement | null, config: NgxDialogConfig): void {\n    if (!el) return;\n    if (config.width) el.style.width = config.width;\n    if (config.minWidth) el.style.minWidth = config.minWidth;\n    if (config.maxWidth) el.style.maxWidth = config.maxWidth;\n    if (config.height) el.style.height = config.height;\n    if (config.minHeight) el.style.minHeight = config.minHeight;\n    if (config.maxHeight) el.style.maxHeight = config.maxHeight;\n  }\n}\n","import { Type } from '@angular/core';\nimport { NgxDialogConfig } from './configs/dialog-config';\nimport { NgxDialogRef } from './configs/dialog-ref';\nimport { NgxDialogService } from './services/ngx-dialog.service';\n\nconst NOT_INITIALIZED_MESSAGE =\n  '[ngx-kit/dialog] Dialog.* was called before provideNgxDialog() ran. ' +\n  'Add provideNgxDialog() to your app providers, or inject NgxDialogService directly instead of using the static Dialog API.';\n\n/**\n * Static convenience API over `NgxDialogService`, so you can call\n * `Dialog.open(...)` from anywhere without injecting the service manually.\n *\n * SSR note: the instance backing this static class is process-wide, not\n * per-request, so it is deliberately left unset on the server (see\n * `provideNgxDialog()`). Inject `NgxDialogService` directly in SSR code paths.\n */\nexport class Dialog {\n  private static serviceInstance: NgxDialogService | null = null;\n\n  /** @internal set by `provideNgxDialog()`'s environment initializer. */\n  static _setService(svc: NgxDialogService): void {\n    this.serviceInstance = svc;\n  }\n\n  private static get service(): NgxDialogService {\n    if (!this.serviceInstance) {\n      throw new Error(NOT_INITIALIZED_MESSAGE);\n    }\n    return this.serviceInstance;\n  }\n\n  static open<R = any, DataType = any>(\n    component: Type<any>,\n    config?: Partial<NgxDialogConfig<DataType>>,\n  ): NgxDialogRef<R> {\n    return this.service.open<R, DataType>(component, config);\n  }\n\n  static closeAll(): void {\n    this.service.closeAll();\n  }\n}\n","import {\n  EnvironmentProviders,\n  PLATFORM_ID,\n  inject,\n  makeEnvironmentProviders,\n  provideEnvironmentInitializer,\n} from '@angular/core';\nimport { isPlatformServer } from '@angular/common';\nimport { NgxDialogService } from './services/ngx-dialog.service';\nimport { Dialog } from './dialog.facade';\nimport { NgxDialogConfig } from './configs/dialog-config';\nimport { NGX_DIALOG_CONFIG, NGX_DIALOG_DEFAULT_CONFIG } from './tokens/dialog.tokens';\n\nexport function provideNgxDialog(config?: NgxDialogConfig): EnvironmentProviders {\n  return makeEnvironmentProviders([\n    {\n      provide: NGX_DIALOG_CONFIG,\n      useValue: { ...NGX_DIALOG_DEFAULT_CONFIG, ...(config || {}) },\n    },\n    NgxDialogService,\n    provideEnvironmentInitializer(() => {\n      if (isPlatformServer(inject(PLATFORM_ID))) {\n        return;\n      }\n\n      Dialog._setService(inject(NgxDialogService));\n    }),\n  ]);\n}\n","import {\n  DestroyRef,\n  Directive,\n  ElementRef,\n  HostListener,\n  Renderer2,\n  effect,\n  inject,\n} from '@angular/core';\nimport { DIALOG_REF } from '../tokens/dialog.tokens';\n\n/**\n * Why this can't be pure CSS flexbox: the header/body/footer elements are\n * *grandchildren* of the dialog panel (panel -> `*ngComponentOutlet`'s host\n * element -> header/body/footer), not direct children, because the content\n * component that hosts them is arbitrary and we don't control its own host\n * styling. `display:flex;flex-direction:column` on the panel therefore can't\n * size the body against the header/footer through that extra layer, so we\n * measure and set an explicit `max-height` instead, driven by a\n * `ResizeObserver` on the panel (not a `window:resize` listener, so it also\n * reacts to the dialog itself changing size, e.g. via `config.size`).\n */\n@Directive({\n  selector: 'ngx-dialog-body,[ngxDialogBody]',\n  standalone: true,\n  host: { class: 'dialog-body' },\n  exportAs: 'ngxDialogBody',\n})\nexport class NgxDialogBody {\n  private readonly el = inject(ElementRef<HTMLElement>);\n  private readonly renderer = inject(Renderer2);\n  private readonly dialogRef = inject(DIALOG_REF);\n  private readonly destroyRef = inject(DestroyRef);\n\n  constructor() {\n    this.dialogRef._setBodyElement(this.el.nativeElement);\n    this.destroyRef.onDestroy(() => this.dialogRef._setBodyElement(null));\n    effect((onCleanup) => {\n      const panel = this.dialogRef.panelEl();\n      if (!panel || typeof ResizeObserver === 'undefined') {\n        return;\n      }\n      const recompute = (): void => this.recomputeHeight(panel);\n\n      const observer = new ResizeObserver(recompute);\n      observer.observe(panel);\n      recompute();\n      onCleanup(() => observer.disconnect());\n    });\n  }\n\n  private recomputeHeight(panel: HTMLElement): void {\n    const headerHeight = this.dialogRef.headerEl()?.offsetHeight ?? 0;\n    const footerHeight = this.dialogRef.footerEl()?.offsetHeight ?? 0;\n    const panelHeight = Math.min(panel.clientHeight, window.innerHeight);\n    const available = panelHeight - headerHeight - footerHeight;\n    console.log('available', available);\n    if (available > 0) {\n      this.renderer.setStyle(this.el.nativeElement, 'max-height', `${available}px`);\n    }\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { NgxDialogBody } from './directives/body.directive';\nimport { NgxDialogFooter } from './directives/footer.directive';\nimport { NgxDialogHeader } from './directives/header.directive';\nimport { NgxDialogComponent } from './components/ngx-dialog.component';\n\n@NgModule({\n  declarations: [],\n  imports: [NgxDialogComponent, NgxDialogHeader, NgxDialogFooter, NgxDialogBody],\n  exports: [NgxDialogComponent, NgxDialogHeader, NgxDialogFooter, NgxDialogBody],\n})\nexport class NgxDialogModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngx-kit-drag-resize.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { signal, EventEmitter, Injectable, InjectionToken, Directive, inject, Output, Input, model, input, output, HostListener } from '@angular/core';
+import { signal, EventEmitter, Injectable, InjectionToken, Directive, inject, Output, Input, model, input, output, effect, HostListener } from '@angular/core';
 import { DOCUMENT } from '@angular/common';
 
 /**
@@ -124,6 +124,7 @@ class DragRef {
     previousZIndex = '';
     moveDx = 0;
     moveDy = 0;
+    scrollCompensation = { x: 0, y: 0 };
     preview;
     previewOffsetX = 0;
     previewOffsetY = 0;
@@ -155,6 +156,7 @@ class DragRef {
         this.lastPointer = { ...pointer };
         this.moveDx = 0;
         this.moveDy = 0;
+        this.scrollCompensation = { x: 0, y: 0 };
         this.originDropList = this.dropList;
         this.originIndex = this.dropList?.getItemIndex(this) ?? -1;
         this.previousTransform = getComputedStyle(this.el).getPropertyValue('transform');
@@ -261,6 +263,7 @@ class DragRef {
         this.el.style.transform = this.previousTransform;
         this.el.style.visibility = this.sourceVisibility;
         this.el.style.pointerEvents = this.sourcePointerEvents;
+        this.scrollCompensation = { x: 0, y: 0 };
         this.endDrag();
     }
     get x() {
@@ -278,11 +281,32 @@ class DragRef {
     getPlaceholderElement() {
         return this.placeholder?.element;
     }
+    /**
+     * صدا زده می‌شود هر بار که container یا window در حین درگ اسکرول شود
+     * (چه توسط auto-scroll خودمان، چه با wheel/اسکرول‌بار دستی کاربر).
+     * transform را فوراً تصحیح می‌کند تا عنصر زیر پوینتر بماند.
+     */
+    notifyScroll(dx, dy) {
+        if (!this.isDragging())
+            return;
+        this.scrollCompensation = {
+            x: this.scrollCompensation.x + dx,
+            y: this.scrollCompensation.y + dy,
+        };
+        if (this.dropList) {
+            this.updatePreview();
+        }
+        else {
+            this.applyTransform();
+        }
+    }
     applyTransform() {
         const base = this.previousTransform && this.previousTransform !== 'none'
             ? this.previousTransform + ' '
             : '';
-        this.el.style.transform = `${base}translate3d(${this.moveDx}px, ${this.moveDy}px, 0)`;
+        const tx = this.moveDx + this.scrollCompensation.x;
+        const ty = this.moveDy + this.scrollCompensation.y;
+        this.el.style.transform = `${base}translate3d(${tx}px, ${ty}px, 0)`;
     }
     updatePreview() {
         if (!this.preview)
@@ -397,9 +421,7 @@ class PositionalSortStrategy {
             for (const node of Array.from(this.container.children)) {
                 if (node === placeholder)
                     return position;
-                if (node instanceof HTMLElement &&
-                    itemElements.has(node) &&
-                    node !== this.dragging?.el) {
+                if (node instanceof HTMLElement && itemElements.has(node) && node !== this.dragging?.el) {
                     position++;
                 }
             }
@@ -519,8 +541,7 @@ class PositionalSortStrategy {
             }
         }
         const target = best.rect;
-        const sameRow = y >= target.top - target.height * 0.35 &&
-            y <= target.bottom + target.height * 0.35;
+        const sameRow = y >= target.top - target.height * 0.35 && y <= target.bottom + target.height * 0.35;
         const before = sameRow
             ? this.rtl
                 ? x > target.left + target.width / 2
@@ -790,27 +811,22 @@ class DragDropService {
         this.activeDrag.set(null);
     }
     findDropList(point, current) {
-        const candidates = this.dropLists()
-            .filter((list) => {
+        const candidates = this.dropLists().filter((list) => {
             const r = list.el?.getBoundingClientRect();
-            return (!!r &&
-                point.x >= r.left &&
-                point.x <= r.right &&
-                point.y >= r.top &&
-                point.y <= r.bottom);
+            return (!!r && point.x >= r.left && point.x <= r.right && point.y >= r.top && point.y <= r.bottom);
         });
         // Staying over the current list should always win.
         if (current && candidates.includes(current))
             return current;
         // Never jump into an unrelated list just because it overlaps the pointer.
         // Prefer the smallest matching connected container (useful for nested lists).
-        return candidates
+        return (candidates
             .filter((list) => !current || current.isConnectedTo(list))
             .sort((a, b) => {
             const ra = a.el.getBoundingClientRect();
             const rb = b.el.getBoundingClientRect();
             return ra.width * ra.height - rb.width * rb.height;
-        })[0] ?? null;
+        })[0] ?? null);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: DragDropService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: DragDropService, providedIn: 'root' });
@@ -899,16 +915,22 @@ class AutoScroller {
     raf = 0;
     container = window;
     speed = { x: 0, y: 0 };
+    onTick;
     edge;
     maxSpeed;
     constructor(edge = 56, maxSpeed = 18) {
         this.edge = edge;
         this.maxSpeed = maxSpeed;
     }
-    start(fromEl) {
+    /** onTick اجرا می‌شود بعد از هر گام اسکرول، تا با آخرین موقعیت pointer، sort/placeholder به‌روز شود. */
+    start(fromEl, onTick) {
+        this.container = findScrollableAncestor(fromEl);
+        this.onTick = onTick;
+    }
+    /** فقط container را عوض می‌کند بدون قطع حلقه‌ی در حال اجرا یا صفر کردن speed. */
+    retarget(fromEl) {
         this.container = findScrollableAncestor(fromEl);
     }
-    /** Call on every pointermove with the current client coordinates. */
     update(clientX, clientY) {
         const rect = getScrollRect(this.container);
         this.speed = {
@@ -924,6 +946,7 @@ class AutoScroller {
             cancelAnimationFrame(this.raf);
         this.raf = 0;
         this.speed = { x: 0, y: 0 };
+        this.onTick = undefined;
     }
     tick = () => {
         if (!this.speed.x && !this.speed.y) {
@@ -937,6 +960,9 @@ class AutoScroller {
             this.container.scrollLeft += this.speed.x;
             this.container.scrollTop += this.speed.y;
         }
+        // pointer ثابت مونده ولی محتوای زیرش اسکرول شده — پس sort/placeholder را
+        // دوباره با آخرین موقعیت شناخته‌شده اجرا کن.
+        this.onTick?.();
         this.raf = requestAnimationFrame(this.tick);
     };
 }
@@ -964,6 +990,12 @@ function findScrollableAncestor(el) {
     }
     return window;
 }
+function getScrollPosition(container) {
+    if (container instanceof Window) {
+        return { left: window.scrollX, top: window.scrollY };
+    }
+    return { left: container.scrollLeft, top: container.scrollTop };
+}
 
 const NGX_DRAGGABLE = new InjectionToken('ngx-draggable');
 const DEFAULT_KEYBOARD_STEP = 8;
@@ -975,10 +1007,10 @@ class NgxDraggable {
     /** Element whose rect constrains the drag. Now actually enforced. */
     boundary = input(/* @ts-ignore */
     ...(ngDevMode ? [undefined, { debugName: "boundary" }] : /* istanbul ignore next */ []));
-    dragRootElement = input('', /* @ts-ignore */
+    dragRootElement = model('', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "dragRootElement" }] : /* istanbul ignore next */ []));
     /** CSS selector for a drag handle. When set, only pointerdowns inside it start a drag. */
-    dragHandle = input('', /* @ts-ignore */
+    dragHandle = model('', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "dragHandle" }] : /* istanbul ignore next */ []));
     /** Restrict movement to a single axis. */
     lockAxis = input(/* @ts-ignore */
@@ -1009,14 +1041,25 @@ class NgxDraggable {
     down = false;
     start = { x: 0, y: 0 };
     pointerId = -1;
+    lastPointer = { x: 0, y: 0 };
     removeDown;
     removeMove;
     removeUp;
     removeKeydown;
     removeEscape;
+    scrollTarget = window;
+    lastScroll = { left: 0, top: 0 };
+    lastWindowScroll = { left: 0, top: 0 };
+    removeContainerScroll;
+    removeWindowScroll;
     constructor(host, renderer) {
         this.host = host;
         this.renderer = renderer;
+        effect(() => {
+            this._ref.el = this.dragRootElement()
+                ? (this.host.nativeElement.closest(this.dragRootElement()) ?? this.host.nativeElement)
+                : this.host.nativeElement;
+        });
     }
     ngOnInit() {
         this._ref.el = this.dragRootElement()
@@ -1061,21 +1104,7 @@ class NgxDraggable {
                 this.cancel();
         });
     }
-    pointerMove(e) {
-        if (!this.down || e.pointerId !== this.pointerId)
-            return;
-        const p = { x: e.clientX, y: e.clientY };
-        if (!this.dragging() &&
-            Math.hypot(p.x - this.start.x, p.y - this.start.y) < this.dragThreshold())
-            return;
-        if (!this.dragging()) {
-            this._ref.startDrag(p);
-            this.dragging.set(true);
-            this.service.begin(this._ref);
-            if (this.autoScroll())
-                this.scroller.start(this._ref.el);
-            this.dragStart.emit(p);
-        }
+    applyDragUpdate(p) {
         this._ref.dragMove(p);
         const target = this.service.findDropList(p, this._ref.dropList);
         if (target !== this._ref.dropList) {
@@ -1084,21 +1113,69 @@ class NgxDraggable {
             if (target) {
                 this._ref.withDropList(target);
                 target.createPlaceholder(this._ref);
-                if (this.autoScroll()) {
-                    this.scroller.stop();
-                    this.scroller.start(target.el);
-                }
+                if (this.autoScroll())
+                    this.scroller.retarget(target.el);
             }
             else if (this.autoScroll()) {
                 this.scroller.stop();
             }
         }
-        // Sorting uses the pointer against the currently active list. Its geometry
-        // is read live, so the placeholder and auto-scroll are both reflected.
         this._ref.dropList?.sortItem(this._ref, p);
+        this.dragMove.emit(p);
+    }
+    /** فراخوانی می‌شود دقیقاً وقتی drag واقعاً شروع می‌شود (چه با موس، چه با کیبورد). */
+    startScrollTracking() {
+        this.scrollTarget = findScrollableAncestor(this._ref.el);
+        this.lastScroll = getScrollPosition(this.scrollTarget);
+        this.lastWindowScroll = { left: window.scrollX, top: window.scrollY };
+        if (this.scrollTarget !== window) {
+            this.removeContainerScroll = this.renderer.listen(this.scrollTarget, 'scroll', () => this.handleContainerScroll());
+        }
+        // همیشه window رو هم جدا گوش می‌دیم؛ چون ممکنه container محلی نداشته باشیم
+        // ولی خودِ صفحه اسکرول بشه.
+        this.removeWindowScroll = this.renderer.listen('window', 'scroll', () => this.handleWindowScroll());
+    }
+    handleContainerScroll() {
+        const pos = getScrollPosition(this.scrollTarget);
+        const dx = pos.left - this.lastScroll.left;
+        const dy = pos.top - this.lastScroll.top;
+        this.lastScroll = pos;
+        this._ref.notifyScroll(dx, dy);
+    }
+    handleWindowScroll() {
+        const left = window.scrollX;
+        const top = window.scrollY;
+        const dx = left - this.lastWindowScroll.left;
+        const dy = top - this.lastWindowScroll.top;
+        this.lastWindowScroll = { left, top };
+        this._ref.notifyScroll(dx, dy);
+    }
+    stopScrollTracking() {
+        this.removeContainerScroll?.();
+        this.removeWindowScroll?.();
+        this.removeContainerScroll = this.removeWindowScroll = undefined;
+    }
+    pointerMove(e) {
+        if (!this.down || e.pointerId !== this.pointerId)
+            return;
+        const p = { x: e.clientX, y: e.clientY };
+        this.lastPointer = p;
+        if (!this.dragging() &&
+            Math.hypot(p.x - this.start.x, p.y - this.start.y) < this.dragThreshold())
+            return;
+        if (!this.dragging()) {
+            this._ref.startDrag(p);
+            this.dragging.set(true);
+            this.service.begin(this._ref);
+            this.startScrollTracking();
+            if (this.autoScroll()) {
+                this.scroller.start(this._ref.el, () => this.applyDragUpdate(this.lastPointer));
+            }
+            this.dragStart.emit(p);
+        }
+        this.applyDragUpdate(p);
         if (this.autoScroll())
             this.scroller.update(p.x, p.y);
-        this.dragMove.emit(p);
     }
     pointerUp(e) {
         if (!this.down || e.pointerId !== this.pointerId)
@@ -1121,6 +1198,7 @@ class NgxDraggable {
         this.dragging.set(false);
         this.down = false;
         this.scroller.stop();
+        this.stopScrollTracking();
         this.removeMove?.();
         this.removeUp?.();
         this.removeEscape?.();
@@ -1147,6 +1225,7 @@ class NgxDraggable {
                 this._ref.startDrag({ x: 0, y: 0 });
                 this.dragging.set(true);
                 this.service.begin(this._ref);
+                this.startScrollTracking();
                 this.dragStart.emit({ x: 0, y: 0 });
             }
             this._ref.nudge(delta.x, delta.y);
@@ -1159,6 +1238,7 @@ class NgxDraggable {
             this.service.end(this._ref);
             this.dragEnd.emit(this._ref.pointer);
             this.dragging.set(false);
+            this.stopScrollTracking();
         }
         else if (e.key === 'Escape' && this.dragging()) {
             e.preventDefault();
@@ -1177,7 +1257,7 @@ class NgxDraggable {
             !!target.closest('button,a,input,textarea,select,[data-no-drag]'));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: NgxDraggable, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.4", type: NgxDraggable, isStandalone: true, selector: "[NgxDraggable],[ngxDraggable]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, boundary: { classPropertyName: "boundary", publicName: "boundary", isSignal: true, isRequired: false, transformFunction: null }, dragRootElement: { classPropertyName: "dragRootElement", publicName: "dragRootElement", isSignal: true, isRequired: false, transformFunction: null }, dragHandle: { classPropertyName: "dragHandle", publicName: "dragHandle", isSignal: true, isRequired: false, transformFunction: null }, lockAxis: { classPropertyName: "lockAxis", publicName: "lockAxis", isSignal: true, isRequired: false, transformFunction: null }, dragThreshold: { classPropertyName: "dragThreshold", publicName: "dragThreshold", isSignal: true, isRequired: false, transformFunction: null }, keyboardStep: { classPropertyName: "keyboardStep", publicName: "keyboardStep", isSignal: true, isRequired: false, transformFunction: null }, autoScroll: { classPropertyName: "autoScroll", publicName: "autoScroll", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { disabled: "disabledChange", dragStart: "dragStart", dragMove: "dragMove", dragEnd: "dragEnd" }, host: { properties: { "style.touch-action": "\"none\"", "attr.tabindex": "disabled() ? null : 0", "attr.aria-grabbed": "dragging()" }, classAttribute: "ngx-draggable" }, providers: [{ provide: NGX_DRAGGABLE, useExisting: NgxDraggable }], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.4", type: NgxDraggable, isStandalone: true, selector: "[NgxDraggable],[ngxDraggable]", inputs: { disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, boundary: { classPropertyName: "boundary", publicName: "boundary", isSignal: true, isRequired: false, transformFunction: null }, dragRootElement: { classPropertyName: "dragRootElement", publicName: "dragRootElement", isSignal: true, isRequired: false, transformFunction: null }, dragHandle: { classPropertyName: "dragHandle", publicName: "dragHandle", isSignal: true, isRequired: false, transformFunction: null }, lockAxis: { classPropertyName: "lockAxis", publicName: "lockAxis", isSignal: true, isRequired: false, transformFunction: null }, dragThreshold: { classPropertyName: "dragThreshold", publicName: "dragThreshold", isSignal: true, isRequired: false, transformFunction: null }, keyboardStep: { classPropertyName: "keyboardStep", publicName: "keyboardStep", isSignal: true, isRequired: false, transformFunction: null }, autoScroll: { classPropertyName: "autoScroll", publicName: "autoScroll", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { disabled: "disabledChange", dragRootElement: "dragRootElementChange", dragHandle: "dragHandleChange", dragStart: "dragStart", dragMove: "dragMove", dragEnd: "dragEnd" }, host: { properties: { "style.touch-action": "\"none\"", "attr.tabindex": "disabled() ? null : 0", "attr.aria-grabbed": "dragging()", "class.disable-drag": "disabled()" }, classAttribute: "ngx-draggable" }, providers: [{ provide: NGX_DRAGGABLE, useExisting: NgxDraggable }], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImport: i0, type: NgxDraggable, decorators: [{
             type: Directive,
@@ -1189,9 +1269,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.4", ngImpor
                         '[attr.tabindex]': 'disabled() ? null : 0',
                         '[attr.aria-grabbed]': 'dragging()',
                         class: 'ngx-draggable',
+                        '[class.disable-drag]': 'disabled()',
                     },
                 }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }, { type: i0.Output, args: ["disabledChange"] }], boundary: [{ type: i0.Input, args: [{ isSignal: true, alias: "boundary", required: false }] }], dragRootElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragRootElement", required: false }] }], dragHandle: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragHandle", required: false }] }], lockAxis: [{ type: i0.Input, args: [{ isSignal: true, alias: "lockAxis", required: false }] }], dragThreshold: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragThreshold", required: false }] }], keyboardStep: [{ type: i0.Input, args: [{ isSignal: true, alias: "keyboardStep", required: false }] }], autoScroll: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoScroll", required: false }] }], data: [{
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }, { type: i0.Output, args: ["disabledChange"] }], boundary: [{ type: i0.Input, args: [{ isSignal: true, alias: "boundary", required: false }] }], dragRootElement: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragRootElement", required: false }] }, { type: i0.Output, args: ["dragRootElementChange"] }], dragHandle: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragHandle", required: false }] }, { type: i0.Output, args: ["dragHandleChange"] }], lockAxis: [{ type: i0.Input, args: [{ isSignal: true, alias: "lockAxis", required: false }] }], dragThreshold: [{ type: i0.Input, args: [{ isSignal: true, alias: "dragThreshold", required: false }] }], keyboardStep: [{ type: i0.Input, args: [{ isSignal: true, alias: "keyboardStep", required: false }] }], autoScroll: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoScroll", required: false }] }], data: [{
                 type: Input,
                 args: ['data']
             }], dragStart: [{ type: i0.Output, args: ["dragStart"] }], dragMove: [{ type: i0.Output, args: ["dragMove"] }], dragEnd: [{ type: i0.Output, args: ["dragEnd"] }] } });
@@ -1632,5 +1713,5 @@ function clamp(v, max) {
  * Generated bundle index. Do not edit.
  */
 
-export { AutoScroller, DragDropService, DragRef, DropListGroupRef, DropListRef, NGX_DRAGGABLE, NGX_DROPLIST, NGX_DROPLIST_GROUP, NGX_PLACEHOLDER, NgxDraggable, NgxDropList, NgxDropListGroup, NgxPlaceholder, NgxResizable, PlaceHolderRef, adjustForZoom, checkBoundX, checkBoundY, clampResizeWithinBoundary, copyArrayItem, getPageZoom, isRtl, moveItemInArray, resolveLogicalDirection, transferArrayItem };
+export { AutoScroller, DragDropService, DragRef, DropListGroupRef, DropListRef, NGX_DRAGGABLE, NGX_DROPLIST, NGX_DROPLIST_GROUP, NGX_PLACEHOLDER, NgxDraggable, NgxDropList, NgxDropListGroup, NgxPlaceholder, NgxResizable, PlaceHolderRef, adjustForZoom, checkBoundX, checkBoundY, clampResizeWithinBoundary, copyArrayItem, findScrollableAncestor, getPageZoom, getScrollPosition, isRtl, moveItemInArray, resolveLogicalDirection, transferArrayItem };
 //# sourceMappingURL=ngx-kit-drag-resize.mjs.map