@mesgflow/ui-kit 0.7.0 → 0.9.0

package/fesm2022/mesgflow-ui-kit-dialog.mjs

@@ -1,9 +1,9 @@
-import { DIALOG_DATA, DialogRef, Dialog as Dialog$1 } from '@angular/cdk/dialog';
 import * as i0 from '@angular/core';
-import { signal, inject, ElementRef, input, computed, Directive, output, viewChild, effect, DestroyRef, afterNextRender, Component, Injector, Injectable } from '@angular/core';
+import { signal, computed, inject, ElementRef, input, Directive, booleanAttribute, output, viewChild, effect, DestroyRef, afterNextRender, Component, Injector, Injectable } from '@angular/core';
 import { Button } from '@mesgflow/ui-kit/button';
-import { glassSurface, MF_DIALOG_LABELS, cn, exitDurationMs } from '@mesgflow/ui-kit/core';
+import { glassSurface, MF_DIALOG_LABELS, nextId, cn, exitDurationMs } from '@mesgflow/ui-kit/core';
 import { Icon } from '@mesgflow/ui-kit/icon';
+import { DIALOG_DATA, DialogRef, Dialog as Dialog$1 } from '@angular/cdk/dialog';
 import * as i1 from '@angular/cdk/drag-drop';
 import { CdkDrag, CdkDragHandle } from '@angular/cdk/drag-drop';
 import { cva } from 'class-variance-authority';
@@ -11,6 +11,109 @@ import { Directionality } from '@angular/cdk/bidi';
 import { BreakpointObserver } from '@angular/cdk/layout';
 import { createGlobalPositionStrategy } from '@angular/cdk/overlay';
 
+/**
+ * `DialogService.open()`/`openDrawer()`'ın döndürdüğü, kite ait dialog referansı.
+ *
+ * CDK `DialogRef`'in günlük kullanılan yüzeyini (`close`, `closed`,
+ * `componentInstance`, `disableClose`, `backdropClick`, `keydownEvents` …)
+ * birebir DELEGE eder — yani eski `ref.closed.subscribe(...)` kodu aynen derlenir.
+ * Üstüne kitin kendi dünyasını ekler:
+ *
+ * - `afterClosed()` — `await` edilebilir sonuç (çıkış animasyonu BİTTİKTEN sonra çözülür).
+ * - `state` — `'open' | 'closing' | 'closed'` signal'i (şablonda/`computed`'ta okunur).
+ * - `surface` — boyut/maximize/kirli-form durumuna tipli erişim (`setSize`, `toggleMaximize`,
+ *   `registerDirty`, `markClean` kısayolları).
+ * - `cdk` — ham CDK referansı (kaçış kapısı; ör. `updatePosition()`).
+ *
+ * `close()` İDEMPOTENT'tir: çıkış animasyonu sürerken ya da kirli-form onayı
+ * açıkken gelen ek çağrılar yok sayılır (bkz. `dialog.service.ts` `closePredicate`).
+ *
+ * İçerik component'i içinde `injectDialogRef<Sonuç>()` ile alınır.
+ */
+class MfDialogRef {
+    cdk;
+    surface;
+    closed;
+    backdropClick;
+    keydownEvents;
+    outsidePointerEvents;
+    overlayRef;
+    id;
+    isClosed = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isClosed" }] : /* istanbul ignore next */ []));
+    result;
+    /** Dialog'un yaşam döngüsü — `closing` çıkış animasyonu boyunca. */
+    state;
+    constructor(cdk, surface) {
+        this.cdk = cdk;
+        this.surface = surface;
+        this.closed = cdk.closed;
+        this.backdropClick = cdk.backdropClick;
+        this.keydownEvents = cdk.keydownEvents;
+        this.outsidePointerEvents = cdk.outsidePointerEvents;
+        this.overlayRef = cdk.overlayRef;
+        this.id = cdk.id;
+        this.state = computed(() => this.isClosed() ? 'closed' : surface.closing() ? 'closing' : 'open', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "state" }] : /* istanbul ignore next */ []));
+        this.result = new Promise((resolve) => cdk.closed.subscribe((value) => {
+            this.isClosed.set(true);
+            resolve(value);
+        }));
+    }
+    /** Açılan component örneği (şablonla açıldıysa ve kapandıktan sonra `null`). */
+    get componentInstance() {
+        return this.cdk.componentInstance;
+    }
+    get componentRef() {
+        return this.cdk.componentRef;
+    }
+    /** `true` iken ESC/backdrop kapatmaz; programatik `close()` yine çalışır. */
+    get disableClose() {
+        return this.cdk.disableClose;
+    }
+    set disableClose(value) {
+        this.cdk.disableClose = value;
+    }
+    /** Dialog'u (çıkış animasyonu + kirli-form koruması üzerinden) kapatır. İdempotent. */
+    close(result) {
+        if (this.isClosed())
+            return;
+        this.cdk.close(result);
+    }
+    /** Kapanış tamamlandığında (animasyon dahil) sonuçla çözülür; ESC/backdrop'ta `undefined`. */
+    afterClosed() {
+        return this.result;
+    }
+    /** Açıkken genişlik basamağını değiştirir (`sm`…`xl`, `full`). */
+    setSize(size) {
+        this.surface.size.set(size);
+    }
+    toggleMaximize() {
+        this.surface.toggleMaximize();
+    }
+    /** Kirli-form sorusunu kaydeder — ESC/backdrop/X kapanışında `true` dönerse onay sorulur. */
+    registerDirty(check) {
+        this.surface.registerDirty(check);
+    }
+    /** Başarılı kayıttan hemen önce — sonraki `close()` kirli-form onayı sormaz. */
+    markClean() {
+        this.surface.markClean();
+    }
+}
+/**
+ * `DIALOG_DATA`'nın kite ait adı — AYNI token nesnesi, CDK'dan ayrıca import
+ * etmeye gerek kalmasın diye. `inject(MF_DIALOG_DATA)` ≡ `injectDialogData()`.
+ */
+const MF_DIALOG_DATA = DIALOG_DATA;
+/** İçerik component'inde `DialogService.open(..., { data })` ile geçilen veriyi okur. */
+function injectDialogData() {
+    return inject(DIALOG_DATA);
+}
+/** İçerik component'inde kendi dialog referansını alır — `ref.close(sonuç)`. */
+function injectDialogRef() {
+    return inject(MfDialogRef);
+}
+
 /**
  * Dialog başına TEK instance — `DialogService.open()` her açılışta yeni bir
  * tane üretip `options`'tan doldurur, CDK `DialogConfig.providers` ile o
@@ -162,10 +265,10 @@ class DialogResizeHandle {
             height: Math.min(Math.max(height, MIN_HEIGHT), maxHeight),
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: DialogResizeHandle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.6", type: DialogResizeHandle, isStandalone: true, selector: "[mfDialogResizeHandle]", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "role": "slider", "tabindex": "0" }, listeners: { "pointerdown": "onPointerDown($event)", "pointermove": "onPointerMove($event)", "pointerup": "onPointerUp($event)", "pointercancel": "onPointerUp($event)", "keydown": "onKeydown($event)" }, properties: { "attr.aria-label": "ariaLabel()", "attr.aria-valuenow": "ariaValueNow()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DialogResizeHandle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: DialogResizeHandle, isStandalone: true, selector: "[mfDialogResizeHandle]", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: true, transformFunction: null } }, host: { attributes: { "role": "slider", "tabindex": "0" }, listeners: { "pointerdown": "onPointerDown($event)", "pointermove": "onPointerMove($event)", "pointerup": "onPointerUp($event)", "pointercancel": "onPointerUp($event)", "keydown": "onKeydown($event)" }, properties: { "attr.aria-label": "ariaLabel()", "attr.aria-valuenow": "ariaValueNow()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: DialogResizeHandle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DialogResizeHandle, decorators: [{
             type: Directive,
             args: [{
                     selector: '[mfDialogResizeHandle]',
@@ -328,12 +431,23 @@ class Dialog {
      */
     fillBody = input(false, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "fillBody" }] : /* istanbul ignore next */ []));
+    /**
+     * `true` (varsayılan): kapat (X) düğmesi `close` olayını yayınladıktan SONRA
+     * dialog'u kendisi de kapatır (`MfDialogRef.close()` — idempotent, tüketicinin
+     * `(close)` handler'ında sonuçla yaptığı kapanış önce davranır ve kazanır).
+     * `false`: yalnızca `close` yayınlanır — kapanışı tamamen tüketici yönetir.
+     */
+    autoClose = input(true, { ...(ngDevMode ? { debugName: "autoClose" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     // `close` adı native DOM `close` olayıyla çakışıyor (@angular-eslint/no-output-native);
     // mevcut public API — yeniden adlandırma kırıcı, ileri bir sürümde ele alınacak.
     // eslint-disable-next-line @angular-eslint/no-output-native
     close = output();
     surface = inject(DialogSurface);
     labels = inject(MF_DIALOG_LABELS);
+    /** Görünür başlığın id'si — CDK konteynerinin `aria-labelledby`'ı buna bağlanır. */
+    titleId = nextId('mf-dialog-title');
+    mfRef = inject(MfDialogRef, { optional: true });
+    cdkRef = inject(DialogRef, { optional: true });
     elementRef = inject(ElementRef);
     cdkDrag = inject(CdkDrag, { self: true });
     scrollBody = viewChild('scrollBody', /* @ts-ignore */
@@ -405,6 +519,17 @@ class Dialog {
                 this.surface.customSize.set(null);
             }
         });
+        // Erişilebilir ad: `ariaLabel` verilmemiş bir dialog'da CDK konteyneri görünür
+        // başlığa `aria-labelledby` ile bağlanır (MatDialogTitle'ın kullandığı AYNI kanca).
+        // Başlık sonradan boşalırsa/değişirse effect cleanup'ı kaydı geri alır.
+        effect((onCleanup) => {
+            // `DialogRef.containerInstance` tipi bu (CdkDialogContainer'a ait) metotları taşımıyor.
+            const container = this.cdkRef?.containerInstance;
+            if (!this.title() || !container?._addAriaLabelledBy)
+                return;
+            container._addAriaLabelledBy(this.titleId);
+            onCleanup(() => container._removeAriaLabelledBy?.(this.titleId));
+        });
         const destroyRef = inject(DestroyRef);
         afterNextRender(() => {
             this.updateScrollShadow();
@@ -416,6 +541,12 @@ class Dialog {
             destroyRef.onDestroy(() => observer.disconnect());
         });
     }
+    /** Kapat (X): önce `close` olayı (tüketici sonuçla kapatabilsin), sonra — `autoClose` ise — ref'in kendisi. */
+    onDismiss() {
+        this.close.emit();
+        if (this.autoClose())
+            (this.mfRef ?? this.cdkRef)?.close();
+    }
     updateScrollShadow() {
         const el = this.scrollBody()?.nativeElement;
         if (!el)
@@ -433,15 +564,15 @@ class Dialog {
     requestSubmit() {
         this.elementRef.nativeElement.querySelector('form')?.requestSubmit();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: Dialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: Dialog, isStandalone: true, selector: "mf-dialog", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, fillBody: { classPropertyName: "fillBody", publicName: "fillBody", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { close: "close" }, host: { listeners: { "keydown.control.enter": "requestSubmit()", "keydown.meta.enter": "requestSubmit()" }, properties: { "class": "hostClasses()", "style.width.px": "customWidth()", "style.height.px": "customHeight()", "style.--mf-dir": "stateVariant() === 'drawer' ? 1 : null" } }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: Dialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: Dialog, isStandalone: true, selector: "mf-dialog", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, fillBody: { classPropertyName: "fillBody", publicName: "fillBody", isSignal: true, isRequired: false, transformFunction: null }, autoClose: { classPropertyName: "autoClose", publicName: "autoClose", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { close: "close" }, host: { listeners: { "keydown.control.enter": "requestSubmit()", "keydown.meta.enter": "requestSubmit()" }, properties: { "class": "hostClasses()", "style.width.px": "customWidth()", "style.height.px": "customHeight()", "style.--mf-dir": "stateVariant() === 'drawer' ? 1 : null" } }, providers: [
             {
                 provide: DialogSurface,
                 useFactory: () => inject(DialogSurface, { optional: true, skipSelf: true }) ?? new DialogSurface(),
             },
-        ], viewQueries: [{ propertyName: "scrollBody", first: true, predicate: ["scrollBody"], descendants: true, isSignal: true }], exportAs: ["mfDialog"], hostDirectives: [{ directive: i1.CdkDrag }], ngImport: i0, template: "<div\r\n  class=\"flex shrink-0 items-start justify-between gap-3 px-6 pt-5 pb-4\"\r\n  [class.border-b]=\"headerBorder()\"\r\n  [class.border-border]=\"headerBorder()\"\r\n>\r\n  <ng-content select=\"[dialog-header]\">\r\n    @if (icon()) {\r\n      <span\r\n        class=\"flex h-9 w-9 shrink-0 items-center justify-center rounded-md bg-surface-alt text-fg-muted\"\r\n      >\r\n        <span mfIcon [size]=\"20\">{{ icon() }}</span>\r\n      </span>\r\n    }\r\n    <div\r\n      cdkDragHandle\r\n      class=\"min-w-0 flex-1 pt-0.5\"\r\n      [class.cursor-grab]=\"dragEnabled()\"\r\n      [class.active:cursor-grabbing]=\"dragEnabled()\"\r\n    >\r\n      @if (title()) {\r\n        <h2 class=\"truncate font-display text-title text-fg\">{{ title() }}</h2>\r\n      }\r\n      @if (subtitle()) {\r\n        <p class=\"mt-0.5 truncate text-sm text-fg-muted\">{{ subtitle() }}</p>\r\n      }\r\n    </div>\r\n  </ng-content>\r\n\r\n  <div class=\"flex shrink-0 items-center gap-1\">\r\n    @if (maximizeVisible()) {\r\n      <button\r\n        mfButton\r\n        appearance=\"text\"\r\n        tone=\"neutral\"\r\n        size=\"icon\"\r\n        shape=\"square\"\r\n        type=\"button\"\r\n        [attr.aria-label]=\"surface.maximized() ? labels().fullscreenExit : labels().fullscreenEnter\"\r\n        (click)=\"surface.toggleMaximize()\"\r\n      >\r\n        <span mfIcon [size]=\"18\">{{ surface.maximized() ? 'fullscreen_exit' : 'fullscreen' }}</span>\r\n      </button>\r\n    }\r\n    <button\r\n      mfButton\r\n      appearance=\"text\"\r\n      tone=\"neutral\"\r\n      size=\"icon\"\r\n      shape=\"square\"\r\n      type=\"button\"\r\n      [attr.aria-label]=\"labels().close\"\r\n      (click)=\"close.emit()\"\r\n    >\r\n      <span mfIcon [size]=\"20\">close</span>\r\n    </button>\r\n  </div>\r\n</div>\r\n\r\n<div\r\n  #scrollBody\r\n  class=\"flex-1 min-h-0 px-6\"\r\n  [class.py-4]=\"framed()\"\r\n  [class.overflow-y-auto]=\"!fillBody()\"\r\n  [class.flex]=\"fillBody()\"\r\n  [class.flex-col]=\"fillBody()\"\r\n  [class.overflow-hidden]=\"fillBody()\"\r\n  (scroll)=\"updateScrollShadow()\"\r\n>\r\n  <ng-content />\r\n</div>\r\n\r\n<div\r\n  class=\"shrink-0 px-6 py-4 [&:not(:has(*))]:hidden\"\r\n  [class.border-t]=\"footerBorder()\"\r\n  [class.border-border]=\"footerBorder()\"\r\n>\r\n  <ng-content select=\"[dialog-footer]\" />\r\n</div>\r\n\r\n@if (resizeHandleVisible()) {\r\n  <button\r\n    mfDialogResizeHandle\r\n    type=\"button\"\r\n    [ariaLabel]=\"labels().resize\"\r\n    class=\"absolute right-1 bottom-1 flex h-4 w-4 cursor-se-resize items-center justify-center rounded-xs text-fg-subtle hover:text-fg-muted focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring\"\r\n  >\r\n    <span mfIcon [size]=\"14\">south_east</span>\r\n  </button>\r\n}\r\n", dependencies: [{ kind: "component", type: Button, selector: "button[mfButton], a[mfButton]", inputs: ["tone", "appearance", "size", "shape", "type", "loading", "iconStart", "iconEnd"], exportAs: ["mfButton"] }, { kind: "directive", type: Icon, selector: "span[mfIcon]", inputs: ["size", "filled"] }, { kind: "directive", type: DialogResizeHandle, selector: "[mfDialogResizeHandle]", inputs: ["ariaLabel"] }, { kind: "directive", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }] });
+        ], viewQueries: [{ propertyName: "scrollBody", first: true, predicate: ["scrollBody"], descendants: true, isSignal: true }], exportAs: ["mfDialog"], hostDirectives: [{ directive: i1.CdkDrag }], ngImport: i0, template: "<div\r\n  class=\"flex shrink-0 items-start justify-between gap-3 px-6 pt-5 pb-4\"\r\n  [class.border-b]=\"headerBorder()\"\r\n  [class.border-border]=\"headerBorder()\"\r\n>\r\n  <ng-content select=\"[dialog-header]\">\r\n    @if (icon()) {\r\n      <span\r\n        class=\"flex h-9 w-9 shrink-0 items-center justify-center rounded-md bg-surface-alt text-fg-muted\"\r\n      >\r\n        <span mfIcon [size]=\"20\">{{ icon() }}</span>\r\n      </span>\r\n    }\r\n    <div\r\n      cdkDragHandle\r\n      class=\"min-w-0 flex-1 pt-0.5\"\r\n      [class.cursor-grab]=\"dragEnabled()\"\r\n      [class.active:cursor-grabbing]=\"dragEnabled()\"\r\n    >\r\n      @if (title()) {\r\n        <h2 [id]=\"titleId\" class=\"truncate font-display text-title text-fg\">{{ title() }}</h2>\r\n      }\r\n      @if (subtitle()) {\r\n        <p class=\"mt-0.5 truncate text-sm text-fg-muted\">{{ subtitle() }}</p>\r\n      }\r\n    </div>\r\n  </ng-content>\r\n\r\n  <div class=\"flex shrink-0 items-center gap-1\">\r\n    @if (maximizeVisible()) {\r\n      <button\r\n        mfButton\r\n        appearance=\"text\"\r\n        tone=\"neutral\"\r\n        size=\"icon\"\r\n        shape=\"square\"\r\n        type=\"button\"\r\n        [attr.aria-label]=\"surface.maximized() ? labels().fullscreenExit : labels().fullscreenEnter\"\r\n        (click)=\"surface.toggleMaximize()\"\r\n      >\r\n        <span mfIcon [size]=\"18\">{{ surface.maximized() ? 'fullscreen_exit' : 'fullscreen' }}</span>\r\n      </button>\r\n    }\r\n    <button\r\n      mfButton\r\n      appearance=\"text\"\r\n      tone=\"neutral\"\r\n      size=\"icon\"\r\n      shape=\"square\"\r\n      type=\"button\"\r\n      [attr.aria-label]=\"labels().close\"\r\n      (click)=\"onDismiss()\"\r\n    >\r\n      <span mfIcon [size]=\"20\">close</span>\r\n    </button>\r\n  </div>\r\n</div>\r\n\r\n<div\r\n  #scrollBody\r\n  class=\"flex-1 min-h-0 px-6\"\r\n  [class.py-4]=\"framed()\"\r\n  [class.overflow-y-auto]=\"!fillBody()\"\r\n  [class.flex]=\"fillBody()\"\r\n  [class.flex-col]=\"fillBody()\"\r\n  [class.overflow-hidden]=\"fillBody()\"\r\n  (scroll)=\"updateScrollShadow()\"\r\n>\r\n  <ng-content />\r\n</div>\r\n\r\n<div\r\n  class=\"shrink-0 px-6 py-4 [&:not(:has(*))]:hidden\"\r\n  [class.border-t]=\"footerBorder()\"\r\n  [class.border-border]=\"footerBorder()\"\r\n>\r\n  <ng-content select=\"[dialog-footer]\" />\r\n</div>\r\n\r\n@if (resizeHandleVisible()) {\r\n  <button\r\n    mfDialogResizeHandle\r\n    type=\"button\"\r\n    [ariaLabel]=\"labels().resize\"\r\n    class=\"absolute right-1 bottom-1 flex h-4 w-4 cursor-se-resize items-center justify-center rounded-xs text-fg-subtle hover:text-fg-muted focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring\"\r\n  >\r\n    <span mfIcon [size]=\"14\">south_east</span>\r\n  </button>\r\n}\r\n", dependencies: [{ kind: "component", type: Button, selector: "button[mfButton], a[mfButton]", inputs: ["tone", "appearance", "size", "shape", "type", "loading", "iconStart", "iconEnd"], exportAs: ["mfButton"] }, { kind: "directive", type: Icon, selector: "span[mfIcon]", inputs: ["size", "filled"] }, { kind: "directive", type: DialogResizeHandle, selector: "[mfDialogResizeHandle]", inputs: ["ariaLabel"] }, { kind: "directive", type: CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: Dialog, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: Dialog, decorators: [{
             type: Component,
             args: [{ selector: 'mf-dialog', exportAs: 'mfDialog', imports: [Button, Icon, DialogResizeHandle, CdkDragHandle], hostDirectives: [CdkDrag], providers: [
                         {
@@ -457,8 +588,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
                         '[style.--mf-dir]': "stateVariant() === 'drawer' ? 1 : null",
                         '(keydown.control.enter)': 'requestSubmit()',
                         '(keydown.meta.enter)': 'requestSubmit()',
-                    }, template: "<div\r\n  class=\"flex shrink-0 items-start justify-between gap-3 px-6 pt-5 pb-4\"\r\n  [class.border-b]=\"headerBorder()\"\r\n  [class.border-border]=\"headerBorder()\"\r\n>\r\n  <ng-content select=\"[dialog-header]\">\r\n    @if (icon()) {\r\n      <span\r\n        class=\"flex h-9 w-9 shrink-0 items-center justify-center rounded-md bg-surface-alt text-fg-muted\"\r\n      >\r\n        <span mfIcon [size]=\"20\">{{ icon() }}</span>\r\n      </span>\r\n    }\r\n    <div\r\n      cdkDragHandle\r\n      class=\"min-w-0 flex-1 pt-0.5\"\r\n      [class.cursor-grab]=\"dragEnabled()\"\r\n      [class.active:cursor-grabbing]=\"dragEnabled()\"\r\n    >\r\n      @if (title()) {\r\n        <h2 class=\"truncate font-display text-title text-fg\">{{ title() }}</h2>\r\n      }\r\n      @if (subtitle()) {\r\n        <p class=\"mt-0.5 truncate text-sm text-fg-muted\">{{ subtitle() }}</p>\r\n      }\r\n    </div>\r\n  </ng-content>\r\n\r\n  <div class=\"flex shrink-0 items-center gap-1\">\r\n    @if (maximizeVisible()) {\r\n      <button\r\n        mfButton\r\n        appearance=\"text\"\r\n        tone=\"neutral\"\r\n        size=\"icon\"\r\n        shape=\"square\"\r\n        type=\"button\"\r\n        [attr.aria-label]=\"surface.maximized() ? labels().fullscreenExit : labels().fullscreenEnter\"\r\n        (click)=\"surface.toggleMaximize()\"\r\n      >\r\n        <span mfIcon [size]=\"18\">{{ surface.maximized() ? 'fullscreen_exit' : 'fullscreen' }}</span>\r\n      </button>\r\n    }\r\n    <button\r\n      mfButton\r\n      appearance=\"text\"\r\n      tone=\"neutral\"\r\n      size=\"icon\"\r\n      shape=\"square\"\r\n      type=\"button\"\r\n      [attr.aria-label]=\"labels().close\"\r\n      (click)=\"close.emit()\"\r\n    >\r\n      <span mfIcon [size]=\"20\">close</span>\r\n    </button>\r\n  </div>\r\n</div>\r\n\r\n<div\r\n  #scrollBody\r\n  class=\"flex-1 min-h-0 px-6\"\r\n  [class.py-4]=\"framed()\"\r\n  [class.overflow-y-auto]=\"!fillBody()\"\r\n  [class.flex]=\"fillBody()\"\r\n  [class.flex-col]=\"fillBody()\"\r\n  [class.overflow-hidden]=\"fillBody()\"\r\n  (scroll)=\"updateScrollShadow()\"\r\n>\r\n  <ng-content />\r\n</div>\r\n\r\n<div\r\n  class=\"shrink-0 px-6 py-4 [&:not(:has(*))]:hidden\"\r\n  [class.border-t]=\"footerBorder()\"\r\n  [class.border-border]=\"footerBorder()\"\r\n>\r\n  <ng-content select=\"[dialog-footer]\" />\r\n</div>\r\n\r\n@if (resizeHandleVisible()) {\r\n  <button\r\n    mfDialogResizeHandle\r\n    type=\"button\"\r\n    [ariaLabel]=\"labels().resize\"\r\n    class=\"absolute right-1 bottom-1 flex h-4 w-4 cursor-se-resize items-center justify-center rounded-xs text-fg-subtle hover:text-fg-muted focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring\"\r\n  >\r\n    <span mfIcon [size]=\"14\">south_east</span>\r\n  </button>\r\n}\r\n" }]
-        }], ctorParameters: () => [], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], subtitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitle", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], fillBody: [{ type: i0.Input, args: [{ isSignal: true, alias: "fillBody", required: false }] }], close: [{ type: i0.Output, args: ["close"] }], scrollBody: [{ type: i0.ViewChild, args: ['scrollBody', { isSignal: true }] }] } });
+                    }, template: "<div\r\n  class=\"flex shrink-0 items-start justify-between gap-3 px-6 pt-5 pb-4\"\r\n  [class.border-b]=\"headerBorder()\"\r\n  [class.border-border]=\"headerBorder()\"\r\n>\r\n  <ng-content select=\"[dialog-header]\">\r\n    @if (icon()) {\r\n      <span\r\n        class=\"flex h-9 w-9 shrink-0 items-center justify-center rounded-md bg-surface-alt text-fg-muted\"\r\n      >\r\n        <span mfIcon [size]=\"20\">{{ icon() }}</span>\r\n      </span>\r\n    }\r\n    <div\r\n      cdkDragHandle\r\n      class=\"min-w-0 flex-1 pt-0.5\"\r\n      [class.cursor-grab]=\"dragEnabled()\"\r\n      [class.active:cursor-grabbing]=\"dragEnabled()\"\r\n    >\r\n      @if (title()) {\r\n        <h2 [id]=\"titleId\" class=\"truncate font-display text-title text-fg\">{{ title() }}</h2>\r\n      }\r\n      @if (subtitle()) {\r\n        <p class=\"mt-0.5 truncate text-sm text-fg-muted\">{{ subtitle() }}</p>\r\n      }\r\n    </div>\r\n  </ng-content>\r\n\r\n  <div class=\"flex shrink-0 items-center gap-1\">\r\n    @if (maximizeVisible()) {\r\n      <button\r\n        mfButton\r\n        appearance=\"text\"\r\n        tone=\"neutral\"\r\n        size=\"icon\"\r\n        shape=\"square\"\r\n        type=\"button\"\r\n        [attr.aria-label]=\"surface.maximized() ? labels().fullscreenExit : labels().fullscreenEnter\"\r\n        (click)=\"surface.toggleMaximize()\"\r\n      >\r\n        <span mfIcon [size]=\"18\">{{ surface.maximized() ? 'fullscreen_exit' : 'fullscreen' }}</span>\r\n      </button>\r\n    }\r\n    <button\r\n      mfButton\r\n      appearance=\"text\"\r\n      tone=\"neutral\"\r\n      size=\"icon\"\r\n      shape=\"square\"\r\n      type=\"button\"\r\n      [attr.aria-label]=\"labels().close\"\r\n      (click)=\"onDismiss()\"\r\n    >\r\n      <span mfIcon [size]=\"20\">close</span>\r\n    </button>\r\n  </div>\r\n</div>\r\n\r\n<div\r\n  #scrollBody\r\n  class=\"flex-1 min-h-0 px-6\"\r\n  [class.py-4]=\"framed()\"\r\n  [class.overflow-y-auto]=\"!fillBody()\"\r\n  [class.flex]=\"fillBody()\"\r\n  [class.flex-col]=\"fillBody()\"\r\n  [class.overflow-hidden]=\"fillBody()\"\r\n  (scroll)=\"updateScrollShadow()\"\r\n>\r\n  <ng-content />\r\n</div>\r\n\r\n<div\r\n  class=\"shrink-0 px-6 py-4 [&:not(:has(*))]:hidden\"\r\n  [class.border-t]=\"footerBorder()\"\r\n  [class.border-border]=\"footerBorder()\"\r\n>\r\n  <ng-content select=\"[dialog-footer]\" />\r\n</div>\r\n\r\n@if (resizeHandleVisible()) {\r\n  <button\r\n    mfDialogResizeHandle\r\n    type=\"button\"\r\n    [ariaLabel]=\"labels().resize\"\r\n    class=\"absolute right-1 bottom-1 flex h-4 w-4 cursor-se-resize items-center justify-center rounded-xs text-fg-subtle hover:text-fg-muted focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-focus-ring\"\r\n  >\r\n    <span mfIcon [size]=\"14\">south_east</span>\r\n  </button>\r\n}\r\n" }]
+        }], ctorParameters: () => [], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], subtitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitle", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], fillBody: [{ type: i0.Input, args: [{ isSignal: true, alias: "fillBody", required: false }] }], autoClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoClose", required: false }] }], close: [{ type: i0.Output, args: ["close"] }], scrollBody: [{ type: i0.ViewChild, args: ['scrollBody', { isSignal: true }] }] } });
 
 const TONE_ICON = {
     danger: 'warning',
@@ -484,8 +615,8 @@ const TONE_BADGE_CLASS = {
  * kendi çiziyor.
  */
 class ConfirmDialog {
-    data = inject(DIALOG_DATA);
-    dialogRef = inject((DialogRef));
+    data = injectDialogData();
+    dialogRef = injectDialogRef();
     labels = inject(MF_DIALOG_LABELS);
     tone = computed(() => this.data.tone ?? 'neutral', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "tone" }] : /* istanbul ignore next */ []));
@@ -530,10 +661,10 @@ class ConfirmDialog {
             this.dialogRef.disableClose = false;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ConfirmDialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: ConfirmDialog, isStandalone: true, selector: "mf-confirm-dialog", host: { classAttribute: "contents" }, ngImport: i0, template: "<mf-dialog size=\"sm\" (close)=\"onCancel()\">\r\n  <div dialog-header class=\"flex items-start gap-3\">\r\n    <span\r\n      class=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-md\"\r\n      [class]=\"toneBadgeClass()\"\r\n    >\r\n      <span mfIcon [size]=\"22\">{{ toneIcon() }}</span>\r\n    </span>\r\n    <div class=\"min-w-0 flex-1 pt-1.5\">\r\n      <h2 class=\"truncate font-display text-title text-fg\">{{ data.title }}</h2>\r\n    </div>\r\n  </div>\r\n\r\n  <p class=\"text-sm text-fg-muted\">{{ data.content }}</p>\r\n\r\n  @if (actionError()) {\r\n    <p class=\"mt-3 text-sm text-danger\">{{ actionError() }}</p>\r\n  }\r\n\r\n  <div dialog-footer class=\"flex justify-end gap-2\">\r\n    @if (!data.alert) {\r\n      <button\r\n        mfButton\r\n        appearance=\"outlined\"\r\n        tone=\"neutral\"\r\n        type=\"button\"\r\n        [disabled]=\"submitting()\"\r\n        (click)=\"onCancel()\"\r\n      >\r\n        {{ data.cancelLabel ?? labels().confirmCancel }}\r\n      </button>\r\n    }\r\n    <button\r\n      mfButton\r\n      [tone]=\"confirmTone()\"\r\n      appearance=\"filled\"\r\n      type=\"button\"\r\n      [disabled]=\"submitting()\"\r\n      [loading]=\"submitting()\"\r\n      (click)=\"onConfirm()\"\r\n    >\r\n      {{ data.confirmLabel ?? (data.alert ? labels().confirmOk : labels().confirmConfirm) }}\r\n    </button>\r\n  </div>\r\n</mf-dialog>\r\n", dependencies: [{ kind: "component", type: Dialog, selector: "mf-dialog", inputs: ["title", "subtitle", "icon", "size", "fillBody"], outputs: ["close"], exportAs: ["mfDialog"] }, { kind: "component", type: Button, selector: "button[mfButton], a[mfButton]", inputs: ["tone", "appearance", "size", "shape", "type", "loading", "iconStart", "iconEnd"], exportAs: ["mfButton"] }, { kind: "directive", type: Icon, selector: "span[mfIcon]", inputs: ["size", "filled"] }] });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: ConfirmDialog, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: ConfirmDialog, isStandalone: true, selector: "mf-confirm-dialog", host: { classAttribute: "contents" }, ngImport: i0, template: "<mf-dialog size=\"sm\" (close)=\"onCancel()\">\r\n  <div dialog-header class=\"flex items-start gap-3\">\r\n    <span\r\n      class=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-md\"\r\n      [class]=\"toneBadgeClass()\"\r\n    >\r\n      <span mfIcon [size]=\"22\">{{ toneIcon() }}</span>\r\n    </span>\r\n    <div class=\"min-w-0 flex-1 pt-1.5\">\r\n      <h2 class=\"truncate font-display text-title text-fg\">{{ data.title }}</h2>\r\n    </div>\r\n  </div>\r\n\r\n  <p class=\"text-sm text-fg-muted\">{{ data.content }}</p>\r\n\r\n  @if (actionError()) {\r\n    <p class=\"mt-3 text-sm text-danger\">{{ actionError() }}</p>\r\n  }\r\n\r\n  <div dialog-footer class=\"flex justify-end gap-2\">\r\n    @if (!data.alert) {\r\n      <button\r\n        mfButton\r\n        appearance=\"outlined\"\r\n        tone=\"neutral\"\r\n        type=\"button\"\r\n        [disabled]=\"submitting()\"\r\n        (click)=\"onCancel()\"\r\n      >\r\n        {{ data.cancelLabel ?? labels().confirmCancel }}\r\n      </button>\r\n    }\r\n    <button\r\n      mfButton\r\n      [tone]=\"confirmTone()\"\r\n      appearance=\"filled\"\r\n      type=\"button\"\r\n      [disabled]=\"submitting()\"\r\n      [loading]=\"submitting()\"\r\n      (click)=\"onConfirm()\"\r\n    >\r\n      {{ data.confirmLabel ?? (data.alert ? labels().confirmOk : labels().confirmConfirm) }}\r\n    </button>\r\n  </div>\r\n</mf-dialog>\r\n", dependencies: [{ kind: "component", type: Dialog, selector: "mf-dialog", inputs: ["title", "subtitle", "icon", "size", "fillBody", "autoClose"], outputs: ["close"], exportAs: ["mfDialog"] }, { kind: "component", type: Button, selector: "button[mfButton], a[mfButton]", inputs: ["tone", "appearance", "size", "shape", "type", "loading", "iconStart", "iconEnd"], exportAs: ["mfButton"] }, { kind: "directive", type: Icon, selector: "span[mfIcon]", inputs: ["size", "filled"] }] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ConfirmDialog, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: ConfirmDialog, decorators: [{
             type: Component,
             args: [{ selector: 'mf-confirm-dialog', imports: [Dialog, Button, Icon], host: { class: 'contents' }, template: "<mf-dialog size=\"sm\" (close)=\"onCancel()\">\r\n  <div dialog-header class=\"flex items-start gap-3\">\r\n    <span\r\n      class=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-md\"\r\n      [class]=\"toneBadgeClass()\"\r\n    >\r\n      <span mfIcon [size]=\"22\">{{ toneIcon() }}</span>\r\n    </span>\r\n    <div class=\"min-w-0 flex-1 pt-1.5\">\r\n      <h2 class=\"truncate font-display text-title text-fg\">{{ data.title }}</h2>\r\n    </div>\r\n  </div>\r\n\r\n  <p class=\"text-sm text-fg-muted\">{{ data.content }}</p>\r\n\r\n  @if (actionError()) {\r\n    <p class=\"mt-3 text-sm text-danger\">{{ actionError() }}</p>\r\n  }\r\n\r\n  <div dialog-footer class=\"flex justify-end gap-2\">\r\n    @if (!data.alert) {\r\n      <button\r\n        mfButton\r\n        appearance=\"outlined\"\r\n        tone=\"neutral\"\r\n        type=\"button\"\r\n        [disabled]=\"submitting()\"\r\n        (click)=\"onCancel()\"\r\n      >\r\n        {{ data.cancelLabel ?? labels().confirmCancel }}\r\n      </button>\r\n    }\r\n    <button\r\n      mfButton\r\n      [tone]=\"confirmTone()\"\r\n      appearance=\"filled\"\r\n      type=\"button\"\r\n      [disabled]=\"submitting()\"\r\n      [loading]=\"submitting()\"\r\n      (click)=\"onConfirm()\"\r\n    >\r\n      {{ data.confirmLabel ?? (data.alert ? labels().confirmOk : labels().confirmConfirm) }}\r\n    </button>\r\n  </div>\r\n</mf-dialog>\r\n" }]
         }] });
@@ -563,9 +694,10 @@ function normalizeClass(value) {
  * engelleme davranışının TAMAMI CDK'dan geliyor, burada TEKRAR YAZILMADI — bkz.
  * projects/ui-kit/README.md "a11y checklist" bölümündeki "elle yazmak son çare" ilkesi).
  *
- * İçerik component'i (tüketicinin kendi form component'i, ör. `ConfirmDialog`) `@angular/cdk/dialog`'un
- * KENDİ `DIALOG_DATA`/`DialogRef` token'larını doğrudan `inject()` eder — ekstra bir
- * sarmalayıcı token'a gerek yok. Boyut/placement/maximize/drag/resize/sheet durumu
+ * `open()` kite ait `MfDialogRef` döndürür (CDK `DialogRef` yüzeyini delege eder +
+ * `afterClosed()`/`state`/`surface`). İçerik component'i `injectDialogRef()`/
+ * `injectDialogData()` (bkz. dialog-ref.ts) kullanır — CDK'nın kendi `DialogRef`/
+ * `DIALOG_DATA` token'larını inject etmek de çalışmaya devam eder. Boyut/placement/maximize/drag/resize/sheet durumu
  * `DialogSurface` (bkz. o dosya) üzerinden, `providers` ile o dialog'un injector'ına
  * verilir — `Dialog` (dialog.ts) bunu DI'dan okuyarak render eder.
  *
@@ -582,7 +714,9 @@ function normalizeClass(value) {
  * kendi reaktif `animate-dialog-out`/`animate-sheet-out`/`animate-drawer-out` class'ıyla
  * görsel olarak kapanır), ikinci çağrıda (zaten `closing()===true`) gerçek `dispose()`'a
  * izin veriyoruz. ESC/backdrop/programatik `dialogRef.close(...)` HEPSİ bu predicate'ten
- * geçtiği için davranış tekdüze. `prefers-reduced-motion` gecikmeyi tamamen atlıyor —
+ * geçtiği için davranış tekdüze. Animasyon sürerken gelen EK `close()` çağrıları
+ * yok sayılır (`disposeArmed` yalnızca zamanlayıcı tarafından kurulur) — X düğmesi +
+ * tüketicinin `(close)` handler'ı aynı anda kapatsa bile animasyon kesilmez. `prefers-reduced-motion` gecikmeyi tamamen atlıyor —
  * AMA kirli-form kontrolünden SONRA: koruma reduced-motion kullanıcılarında da çalışmalı.
  *
  * **Kirli form koruması**: `surface.isDirty()` `true` dönerse kapanış iptal edilip
@@ -636,6 +770,11 @@ class DialogService {
         place();
         // Çıkış süresi CSS token'ından (`--mf-duration-exit`); reduced-motion'da 0.
         const exitMs = exitDurationMs();
+        // Gerçek dispose'a SADECE çıkış zamanlayıcısı izin verir — bkz. sınıf yorumu.
+        let disposeArmed = false;
+        // Kirli-form onayı açıkken ikinci bir onay yığılmasın.
+        let discardPending = false;
+        let mfRef;
         // CDK iki aşırı yükü (component / şablon) çalışma zamanında ayırt eder.
         const ref = this.cdkDialog.open(component, {
             data: options?.data,
@@ -654,16 +793,32 @@ class DialogService {
             // onayı açılmasına yol açabilir — gerçek bir kullanıcı senaryosunda
             // tekrarlanan, doğrulanmış bir çakışma.
             closeOnNavigation: false,
+            // `aria-modal` — arka plan zaten `aria-hidden`, ama ekran okuyucuların sanal imleci
+            // için modal olduğunu açıkça söylemek WAI-ARIA dialog deseninin gereği.
+            ariaModal: true,
+            // Verilmezse CDK konteyneri `<mf-dialog>`'un görünür başlığına `aria-labelledby` ile
+            // bağlanır (bkz. dialog.ts — `_addAriaLabelledBy`).
             ariaLabel: options?.ariaLabel,
-            providers: [{ provide: DialogSurface, useValue: surface }],
+            providers: (cdkRef) => {
+                mfRef = new MfDialogRef(cdkRef, surface);
+                return [
+                    { provide: DialogSurface, useValue: surface },
+                    { provide: MfDialogRef, useValue: mfRef },
+                ];
+            },
             closePredicate: (result) => {
-                // Çıkış animasyonu turu — ikinci çağrı, gerçek dispose'a izin ver.
-                if (surface.closing())
+                // Çıkış animasyonu bitti — zamanlayıcının kendi çağrısı, gerçek dispose'a izin ver.
+                if (disposeArmed)
                     return true;
+                // Animasyon ya da kirli-form onayı sürerken gelen ek çağrılar yok sayılır.
+                if (surface.closing() || discardPending)
+                    return false;
                 // Kirli form koruması reduced-motion kısa devresinden ÖNCE kontrol edilir — aksi halde
                 // "animasyonu azalt" açık kullanıcılarda bu koruma hiç çalışmazdı.
                 if (surface.isDirty()) {
+                    discardPending = true;
                     void this.confirmDiscard().then((discard) => {
+                        discardPending = false;
                         if (!discard)
                             return;
                         surface.markClean();
@@ -675,7 +830,10 @@ class DialogService {
                     return true;
                 surface.closing.set(true);
                 ref.overlayRef.backdropElement?.classList.add('is-closing');
-                setTimeout(() => ref.close(result), exitMs);
+                setTimeout(() => {
+                    disposeArmed = true;
+                    ref.close(result);
+                }, exitMs);
                 return false;
             },
         });
@@ -690,7 +848,8 @@ class DialogService {
             position.apply();
         });
         ref.closed.subscribe(() => breakpointSub.unsubscribe());
-        return ref;
+        // `providers` fabrikası CDK `open()` içinde SENKRON çağrılır — burada her zaman dolu.
+        return mfRef ?? new MfDialogRef(ref, surface);
     }
     /**
      * Kayıt oluştur/düzenle formlarının TEK açılış noktası — sağdan drawer.
@@ -718,7 +877,7 @@ class DialogService {
             // `ConfirmDialogData`'da ayrı bir `ariaLabel` alanı sağlayamıyor zaten.
             ariaLabel: data.title,
         });
-        return new Promise((resolve) => ref.closed.subscribe((result) => resolve(!!result)));
+        return ref.afterClosed().then((result) => !!result);
     }
     /**
      * Kirli-form kapanış korumasının kendi onay diyaloğu — `confirmDiscard`'ın açtığı
@@ -741,10 +900,14 @@ class DialogService {
             cancelLabel: t.cancel,
         });
     }
-    /** Tüketici bir ref'i kapatmadan ÖNCE kirli mi diye sormak istiyorsa — kendi `closePredicate`'inin async akışıyla yarışmamak için `DialogSurface`'e doğrudan erişim. */
+    /**
+     * Tüketici bir ref'i kapatmadan ÖNCE kirli mi diye sormak istiyorsa — kendi `closePredicate`'inin
+     * async akışıyla yarışmamak için `DialogSurface`'e doğrudan erişim. `MfDialogRef` için
+     * `ref.surface` tercih edilir; ham CDK ref'i (ör. içerikte inject edilen) de kabul edilir.
+     */
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     getSurface(ref) {
-        return this.surfaces.get(ref);
+        return ref instanceof MfDialogRef ? ref.surface : this.surfaces.get(ref);
     }
     /** `confirm()`'in silme kısayolu — `tone:'danger'` + varsayılan "Sil" etiketi. */
     confirmDelete(data) {
@@ -758,12 +921,12 @@ class DialogService {
             size: 'sm',
             ariaLabel: data.title,
         });
-        return new Promise((resolve) => ref.closed.subscribe(() => resolve()));
+        return ref.afterClosed().then(() => undefined);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: DialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: DialogService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DialogService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: DialogService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: DialogService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -779,5 +942,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { ConfirmDialog, Dialog, DialogResizeHandle, DialogService, DialogSurface, dialogVariants };
+export { ConfirmDialog, Dialog, DialogResizeHandle, DialogService, DialogSurface, MF_DIALOG_DATA, MfDialogRef, dialogVariants, injectDialogData, injectDialogRef };
 //# sourceMappingURL=mesgflow-ui-kit-dialog.mjs.map