@praxisui/dialog 10.0.0-rc.4 → 10.0.0-rc.41

package/ai/component-registry.json

@@ -1,8 +1,8 @@
 {
   "schemaVersion": "1.0.0",
-  "generatedAt": "2026-10-07T11:07:08.250Z",
+  "generatedAt": "2026-10-27T22:14:23.237Z",
   "packageName": "@praxisui/dialog",
-  "packageVersion": "10.0.0-rc.4",
+  "packageVersion": "10.0.0-rc.41",
   "sourceRegistry": "praxis-component-registry-ingestion",
   "sourceRegistryVersion": "1.0.0",
   "componentCount": 1,

package/fesm2022/praxisui-dialog.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, Directive, EventEmitter, inject, HostBinding, ContentChild, ViewChild, Output, Input, ViewEncapsulation, ChangeDetectionStrategy, Component, Injectable, Injector, ApplicationRef, TemplateRef, ENVIRONMENT_INITIALIZER } from '@angular/core';
+import { InjectionToken, Directive, EventEmitter, inject, HostBinding, ContentChild, ViewChild, Output, Input, ViewEncapsulation, ChangeDetectionStrategy, Component, Injectable, Injector, ApplicationRef, TemplateRef, signal, computed, ENVIRONMENT_INITIALIZER } from '@angular/core';
 import { Subject, firstValueFrom } from 'rxjs';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
@@ -9,7 +9,7 @@ import * as i3 from '@angular/cdk/a11y';
 import { A11yModule } from '@angular/cdk/a11y';
 import * as i4 from '@angular/material/icon';
 import { MatIconModule } from '@angular/material/icon';
-import { PraxisIconDirective, PraxisLayerScaleStyleService, GlobalConfigService, GLOBAL_DIALOG_SERVICE, ComponentMetadataRegistry, markGlobalActionProviderOperational, GLOBAL_SURFACE_SERVICE, SurfaceOpenMaterializerService, LoggerService, SURFACE_DRAWER_BRIDGE, PraxisSurfaceHostComponent, SurfaceNavigationError } from '@praxisui/core';
+import { PraxisIconDirective, PraxisLayerScaleStyleService, SURFACE_DRAWER_REF, SURFACE_DRAWER_CONTENT_DATA, GlobalConfigService, GLOBAL_DIALOG_SERVICE, ComponentMetadataRegistry, markGlobalActionProviderOperational, GLOBAL_SURFACE_SERVICE, SurfaceOpenMaterializerService, LoggerService, SURFACE_DRAWER_BRIDGE, PraxisSurfaceHostComponent, SurfaceNavigationError, PraxisI18nService, PraxisResourceIdentityComponent, isResourceQuickViewAnchorValid, PRAXIS_QUICK_VIEW_PRESENTER } from '@praxisui/core';
 import { Overlay, OverlayConfig, OverlayModule } from '@angular/cdk/overlay';
 import * as i1$1 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
@@ -755,12 +755,17 @@ class PraxisDialog {
     open(content, config) {
         this.layerScale.ensureInstalled();
         const effectiveInjector = config?.injector ?? config?.viewContainerRef?.injector ?? this.injector;
+        const overlayRef = this.overlay.createOverlay(config ?? {});
+        const ref = new PraxisDialogRef(overlayRef);
         const injector = Injector.create({
-            providers: [{ provide: PRAXIS_DIALOG_DATA, useValue: config?.data }],
+            providers: [
+                { provide: PRAXIS_DIALOG_DATA, useValue: config?.data },
+                { provide: PraxisDialogRef, useValue: ref },
+                { provide: SURFACE_DRAWER_REF, useValue: null },
+                { provide: SURFACE_DRAWER_CONTENT_DATA, useValue: null },
+            ],
             parent: effectiveInjector,
         });
-        const overlayRef = this.overlay.createOverlay(config ?? {});
-        const ref = new PraxisDialogRef(overlayRef);
         // Auto-id fallback if not provided
         let assignedId = config?.id ?? `praxis-dialog-${++this._seq}`;
         while (this.getDialogById(assignedId)) {
@@ -1368,13 +1373,20 @@ function toSurfaceSelectionResult(output, payload) {
         payload,
     };
 }
-function resolveParentSurfaceRuntime(context) {
+function resolveParentSurfaceRuntime(context, runtimeInjector) {
     const runtime = context?.runtime?.state?.surfaceRuntime ||
         context?.payload?.surfaceContext?.surfaceRuntime ||
         context?.pageContext?.surfaceRuntime;
-    return runtime && typeof runtime === 'object'
-        ? runtime
-        : null;
+    if (runtime && typeof runtime === 'object') {
+        return runtime;
+    }
+    if (runtimeInjector && !runtimeInjector.get(PraxisDialogRef, null)) {
+        const injectedRuntime = runtimeInjector.get(SURFACE_DRAWER_REF, null);
+        if (injectedRuntime && typeof injectedRuntime === 'object') {
+            return injectedRuntime;
+        }
+    }
+    return null;
 }
 /**
  * The action origin is runtime-only: persisted surface payloads remain JSON
@@ -1485,7 +1497,7 @@ function providePraxisSurfaceGlobalActions() {
                                 }),
                             },
                         };
-                        const parentRuntime = resolveParentSurfaceRuntime(context);
+                        const parentRuntime = resolveParentSurfaceRuntime(context, runtimeInjector);
                         if (typeof parentRuntime?.['push'] === 'function') {
                             const frameRef = await parentRuntime['push'](frame);
                             if (!frameRef) {
@@ -1562,6 +1574,869 @@ function providePraxisSurfaceGlobalActions() {
     };
 }
 
+class PraxisQuickViewOverlayComponent {
+    i18n = inject(PraxisI18nService, { optional: true });
+    resolution = signal(null, ...(ngDevMode ? [{ debugName: "resolution" }] : /* istanbul ignore next */ []));
+    bodyRenderer = signal(null, ...(ngDevMode ? [{ debugName: "bodyRenderer" }] : /* istanbul ignore next */ []));
+    narrowModalMode = signal(false, ...(ngDevMode ? [{ debugName: "narrowModalMode" }] : /* istanbul ignore next */ []));
+    failedAvatarUrl = signal(null, ...(ngDevMode ? [{ debugName: "failedAvatarUrl" }] : /* istanbul ignore next */ []));
+    pointerEnter = new EventEmitter();
+    pointerLeave = new EventEmitter();
+    openDetail = new EventEmitter();
+    copyValue = new EventEmitter();
+    dismiss = new EventEmitter();
+    dialogSurface;
+    ctaButton;
+    closeButton;
+    summaryItems = computed(() => this.resolution()?.summaryItems ?? [], ...(ngDevMode ? [{ debugName: "summaryItems" }] : /* istanbul ignore next */ []));
+    headerIdentity = computed(() => {
+        const identity = this.resolution()?.identity ?? null;
+        if (!identity) {
+            return null;
+        }
+        if (this.shouldUseCustomBodyRenderer() || this.summaryItems().length > 0) {
+            return {
+                ...identity,
+                metadata: [],
+            };
+        }
+        return identity;
+    }, ...(ngDevMode ? [{ debugName: "headerIdentity" }] : /* istanbul ignore next */ []));
+    contextLabel = computed(() => {
+        const res = this.resolution();
+        const surfaceTitle = String(res?.surface?.title ?? '').trim();
+        if (!surfaceTitle) {
+            return null;
+        }
+        const mainTitle = String(res?.title ?? '').trim();
+        return surfaceTitle.toLowerCase() === mainTitle.toLowerCase()
+            ? null
+            : surfaceTitle;
+    }, ...(ngDevMode ? [{ debugName: "contextLabel" }] : /* istanbul ignore next */ []));
+    hasContextEyebrow = computed(() => {
+        const res = this.resolution();
+        return Boolean((res?.icon && res.icon.trim().length > 0) || this.contextLabel());
+    }, ...(ngDevMode ? [{ debugName: "hasContextEyebrow" }] : /* istanbul ignore next */ []));
+    safeAvatarUrl = computed(() => {
+        const res = this.resolution();
+        const rawCandidate = res?.avatarUrl ??
+            (typeof res?.identity?.avatar?.value === 'string'
+                ? res.identity.avatar.value
+                : null);
+        if (typeof rawCandidate !== 'string') {
+            return null;
+        }
+        const candidate = rawCandidate.trim();
+        if (!candidate || this.failedAvatarUrl() === candidate) {
+            return null;
+        }
+        if (candidate.startsWith('https://') ||
+            candidate.startsWith('http://') ||
+            (candidate.startsWith('/') && !candidate.startsWith('//'))) {
+            return candidate;
+        }
+        return null;
+    }, ...(ngDevMode ? [{ debugName: "safeAvatarUrl" }] : /* istanbul ignore next */ []));
+    onAvatarError(failedUrl) {
+        this.failedAvatarUrl.set(failedUrl);
+    }
+    closeAriaLabel = computed(() => this.translate('quickView.closeAriaLabel', 'Fechar visualização rápida'), ...(ngDevMode ? [{ debugName: "closeAriaLabel" }] : /* istanbul ignore next */ []));
+    copyButtonLabel = computed(() => this.translate('quickView.copyAction', 'Copiar'), ...(ngDevMode ? [{ debugName: "copyButtonLabel" }] : /* istanbul ignore next */ []));
+    emptyStateLabel = computed(() => this.translate('quickView.emptyAttributes', 'Nenhum atributo resumido está disponível para este registro.'), ...(ngDevMode ? [{ debugName: "emptyStateLabel" }] : /* istanbul ignore next */ []));
+    unavailableStateLabel = computed(() => this.translate('quickView.unavailableContext', 'Este resumo não está disponível para o seu contexto atual.'), ...(ngDevMode ? [{ debugName: "unavailableStateLabel" }] : /* istanbul ignore next */ []));
+    errorStateLabel = computed(() => this.translate('quickView.loadError', 'Não foi possível carregar o resumo deste registro.'), ...(ngDevMode ? [{ debugName: "errorStateLabel" }] : /* istanbul ignore next */ []));
+    defaultCtaLabel = computed(() => this.translate('quickView.openDetail', 'Abrir detalhe'), ...(ngDevMode ? [{ debugName: "defaultCtaLabel" }] : /* istanbul ignore next */ []));
+    maskedBadgeLabel = computed(() => this.translate('quickView.maskedBadge', 'LGPD'), ...(ngDevMode ? [{ debugName: "maskedBadgeLabel" }] : /* istanbul ignore next */ []));
+    maskedFieldReasonLabel = computed(() => this.translate('quickView.maskedFieldReason', 'Dado protegido por política de governança / LGPD'), ...(ngDevMode ? [{ debugName: "maskedFieldReasonLabel" }] : /* istanbul ignore next */ []));
+    accessibleLabel = computed(() => {
+        const res = this.resolution();
+        const identityTitle = String(res?.identity?.title?.value ?? res?.identity?.displayLabel ?? '').trim();
+        return (identityTitle ||
+            res?.title ||
+            this.translate('quickView.dialogAriaLabel', 'Visualização rápida do registro'));
+    }, ...(ngDevMode ? [{ debugName: "accessibleLabel" }] : /* istanbul ignore next */ []));
+    translate(key, fallback) {
+        if (!this.i18n) {
+            return fallback;
+        }
+        const translated = this.i18n.t(key, undefined, fallback);
+        return typeof translated === 'string' && translated.trim().length > 0
+            ? translated
+            : fallback;
+    }
+    shouldUseCustomBodyRenderer = computed(() => {
+        const res = this.resolution();
+        const renderer = this.bodyRenderer();
+        return Boolean(res?.state === 'ready' && renderer && res.binding.contentRef);
+    }, ...(ngDevMode ? [{ debugName: "shouldUseCustomBodyRenderer" }] : /* istanbul ignore next */ []));
+    customBodyInputs = computed(() => {
+        const res = this.resolution();
+        const renderer = this.bodyRenderer();
+        if (!res || !renderer) {
+            return {};
+        }
+        return renderer.buildInputs({
+            resolution: res,
+            onOpenDetail: () => this.openDetail.emit(),
+            onCopyValue: (value, field) => this.copyValue.emit({ value, field }),
+            onDismiss: () => this.dismiss.emit('programmatic'),
+        });
+    }, ...(ngDevMode ? [{ debugName: "customBodyInputs" }] : /* istanbul ignore next */ []));
+    focusInteractiveEntry() {
+        const target = this.ctaButton?.nativeElement ??
+            this.closeButton?.nativeElement ??
+            this.dialogSurface?.nativeElement;
+        if (target && typeof target.focus === 'function') {
+            try {
+                target.focus({ preventScroll: true });
+            }
+            catch {
+                try {
+                    target.focus();
+                }
+                catch { }
+            }
+        }
+    }
+    isBadgeOrChip(item) {
+        const presenter = item.presentation?.presenter;
+        return presenter === 'badge' || presenter === 'chip';
+    }
+    onCopyItem(item) {
+        if (!item.formattedValue || item.masked) {
+            return;
+        }
+        this.copyValue.emit({
+            value: item.formattedValue,
+            field: item.field,
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PraxisQuickViewOverlayComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.14", type: PraxisQuickViewOverlayComponent, isStandalone: true, selector: "praxis-quick-view-overlay", outputs: { pointerEnter: "pointerEnter", pointerLeave: "pointerLeave", openDetail: "openDetail", copyValue: "copyValue", dismiss: "dismiss" }, viewQueries: [{ propertyName: "dialogSurface", first: true, predicate: ["dialogSurface"], descendants: true }, { propertyName: "ctaButton", first: true, predicate: ["ctaButton"], descendants: true }, { propertyName: "closeButton", first: true, predicate: ["closeButton"], descendants: true }], ngImport: i0, template: `
+    <section
+      #dialogSurface
+      class="pdx-quick-view"
+      [class.pdx-quick-view--narrow]="narrowModalMode()"
+      role="dialog"
+      [attr.aria-modal]="narrowModalMode() ? 'true' : null"
+      [attr.aria-label]="accessibleLabel()"
+      [attr.aria-busy]="resolution()?.state === 'loading' ? 'true' : null"
+      [attr.data-quick-view-state]="resolution()?.state || 'idle'"
+      tabindex="-1"
+      (mouseenter)="pointerEnter.emit()"
+      (mouseleave)="pointerLeave.emit()"
+    >
+      <header class="pdx-quick-view__header">
+        @if (safeAvatarUrl(); as avatarSrc) {
+          <div class="pdx-quick-view__avatar-wrap" data-testid="quick-view-avatar">
+            <img
+              class="pdx-quick-view__avatar-img"
+              [src]="avatarSrc"
+              alt=""
+              loading="lazy"
+              (error)="onAvatarError(avatarSrc)"
+            />
+          </div>
+        }
+        <div class="pdx-quick-view__heading">
+          @if (hasContextEyebrow()) {
+            <div class="pdx-quick-view__context" data-testid="quick-view-context">
+              @if (resolution()?.icon; as iconName) {
+                <span class="pdx-quick-view__context-icon-badge" aria-hidden="true">
+                  <mat-icon
+                    class="pdx-quick-view__context-icon"
+                    [praxisIcon]="iconName"
+                  ></mat-icon>
+                </span>
+              }
+              @if (contextLabel(); as label) {
+                <span class="pdx-quick-view__context-label">{{ label }}</span>
+              }
+            </div>
+          }
+          @if (headerIdentity(); as identity) {
+            <praxis-resource-identity
+              [identity]="identity"
+              [emptyTitle]="resolution()?.title || ''"
+              density="compact"
+              [showMetadataLabels]="false"
+            />
+          } @else {
+            <h2 class="pdx-quick-view__title">{{ resolution()?.title }}</h2>
+          }
+          @if (resolution()?.subtitle; as subtitle) {
+            <p class="pdx-quick-view__subtitle">{{ subtitle }}</p>
+          }
+        </div>
+        <button
+          #closeButton
+          type="button"
+          class="pdx-quick-view__close"
+          [attr.aria-label]="closeAriaLabel()"
+          (click)="dismiss.emit('programmatic')"
+        >
+          ×
+        </button>
+      </header>
+
+      <div class="pdx-quick-view__body">
+        @switch (resolution()?.state) {
+          @case ('loading') {
+            <div class="pdx-quick-view__skeleton" data-testid="quick-view-loading">
+              <div class="pdx-quick-view__skeleton-line pdx-quick-view__skeleton-line--wide"></div>
+              <div class="pdx-quick-view__skeleton-line"></div>
+              <div class="pdx-quick-view__skeleton-line pdx-quick-view__skeleton-line--short"></div>
+            </div>
+          }
+          @case ('ready') {
+            @if (shouldUseCustomBodyRenderer()) {
+              <ng-container
+                *ngComponentOutlet="
+                  bodyRenderer()!.component;
+                  inputs: customBodyInputs()
+                "
+              />
+            } @else {
+              @if (summaryItems().length > 0) {
+                <dl class="pdx-quick-view__summary-list" data-testid="quick-view-summary-list">
+                  @for (item of summaryItems(); track item.field) {
+                    <div class="pdx-quick-view__summary-item">
+                      <dt class="pdx-quick-view__summary-label">{{ item.label }}</dt>
+                      <dd class="pdx-quick-view__summary-value-wrap">
+                        <span
+                          class="pdx-quick-view__summary-value"
+                          [class.pdx-quick-view__summary-value--badge]="isBadgeOrChip(item)"
+                          [class.pdx-quick-view__summary-value--masked]="item.masked"
+                          [attr.title]="(item.masked ? (item.maskReason || maskedFieldReasonLabel()) : item.formattedValue) || null"
+                        >
+                          {{ item.formattedValue }}
+                        </span>
+                        @if (item.masked) {
+                          <span
+                            class="pdx-quick-view__masked-badge"
+                            data-testid="quick-view-masked-indicator"
+                            role="note"
+                            [attr.title]="item.maskReason || maskedFieldReasonLabel()"
+                            [attr.aria-label]="item.maskReason || maskedFieldReasonLabel()"
+                          >
+                            <svg
+                              class="pdx-quick-view__masked-icon"
+                              viewBox="0 0 16 16"
+                              fill="none"
+                              stroke="currentColor"
+                              stroke-width="1.5"
+                              aria-hidden="true"
+                            >
+                              <rect x="3.5" y="7" width="9" height="6.5" rx="1.5" />
+                              <path d="M5.5 7V5a2.5 2.5 0 0 1 5 0v2" />
+                            </svg>
+                            <span>{{ maskedBadgeLabel() }}</span>
+                          </span>
+                        }
+                        @if (item.copyable && !item.masked && item.formattedValue) {
+                          <button
+                            type="button"
+                            class="pdx-quick-view__copy-btn"
+                            [attr.aria-label]="copyButtonLabel() + ' ' + item.label"
+                            (click)="onCopyItem(item)"
+                          >
+                            {{ copyButtonLabel() }}
+                          </button>
+                        }
+                      </dd>
+                    </div>
+                  }
+                </dl>
+              }
+            }
+          }
+          @case ('empty') {
+            <p class="pdx-quick-view__feedback pdx-quick-view__feedback--empty" data-testid="quick-view-empty">
+              {{ resolution()?.failureReason || emptyStateLabel() }}
+            </p>
+          }
+          @case ('unavailable') {
+            <p class="pdx-quick-view__feedback pdx-quick-view__feedback--unavailable" data-testid="quick-view-unavailable">
+              {{ resolution()?.failureReason || unavailableStateLabel() }}
+            </p>
+          }
+          @case ('error') {
+            <p class="pdx-quick-view__feedback pdx-quick-view__feedback--error" data-testid="quick-view-error">
+              {{ resolution()?.failureReason || errorStateLabel() }}
+            </p>
+          }
+        }
+      </div>
+
+      @if (resolution()?.state === 'ready' && resolution()?.ctaAvailable) {
+        <footer class="pdx-quick-view__footer">
+          <button
+            #ctaButton
+            type="button"
+            class="pdx-quick-view__cta"
+            data-testid="quick-view-open-detail"
+            (click)="openDetail.emit()"
+          >
+            {{ resolution()?.ctaLabel || defaultCtaLabel() }}
+          </button>
+        </footer>
+      }
+    </section>
+  `, isInline: true, styles: [":host{display:block;max-width:min(26rem,calc(100vw - 1.5rem));min-width:min(20rem,calc(100vw - 1.5rem));box-sizing:border-box}.pdx-quick-view{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr);gap:.625rem;padding:.875rem 1rem;border-radius:var(--pdx-quick-view-radius, .75rem);background:var( --pdx-quick-view-bg, var(--md-sys-color-surface-container-high, var(--mat-sys-surface-container-high)) );color:var(--md-sys-color-on-surface, var(--mat-sys-on-surface));border:1px solid color-mix(in srgb,var(--md-sys-color-outline, var(--mat-sys-outline)) 36%,var(--md-sys-color-outline-variant, var(--mat-sys-outline-variant)));box-shadow:var( --pdx-quick-view-shadow, 0 18px 38px -6px color-mix(in srgb, var(--md-sys-color-shadow, #000000) 32%, transparent), 0 6px 16px -4px color-mix(in srgb, var(--md-sys-color-shadow, #000000) 18%, transparent) );outline:none;overflow:hidden}.pdx-quick-view--narrow{width:calc(100vw - 1.5rem);max-width:28rem;border-radius:var(--pdx-quick-view-narrow-radius, 1rem);padding:.75rem 1rem 1rem}.pdx-quick-view--narrow:before{content:\"\";display:block;width:2.25rem;height:.25rem;margin:0 auto .25rem;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-on-surface-variant, var(--mat-sys-on-surface-variant)) 32%,transparent)}.pdx-quick-view__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;min-width:0;padding-bottom:.5rem;border-bottom:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, var(--mat-sys-outline-variant)) 55%,transparent)}.pdx-quick-view__avatar-wrap{flex:0 0 auto;width:2.5rem;height:2.5rem;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--md-sys-color-primary, var(--mat-sys-primary)) 12%,transparent);border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, var(--mat-sys-outline-variant)) 60%,transparent);display:inline-flex;align-items:center;justify-content:center}.pdx-quick-view__avatar-img{width:100%;height:100%;object-fit:cover;display:block}.pdx-quick-view__heading{min-width:0;flex:1 1 auto;display:grid;gap:.25rem}.pdx-quick-view__context{display:inline-flex;align-items:center;gap:.375rem;min-width:0;margin-bottom:.0625rem}.pdx-quick-view__context-icon-badge{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:.3125rem;background:color-mix(in srgb,var(--md-sys-color-primary, var(--mat-sys-primary)) 14%,transparent);color:var(--md-sys-color-primary, var(--mat-sys-primary))}.pdx-quick-view__context-icon{width:.875rem;height:.875rem;font-size:.875rem;line-height:1}.pdx-quick-view__context-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.6875rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--md-sys-color-primary, var(--mat-sys-primary))}.pdx-quick-view__title{margin:0;font-size:.9375rem;font-weight:600;line-height:1.35;color:var(--md-sys-color-on-surface, var(--mat-sys-on-surface));overflow-wrap:anywhere}.pdx-quick-view__subtitle{margin:.25rem 0 0;font-size:.75rem;line-height:1.35;color:var(--md-sys-color-on-surface-variant, var(--mat-sys-on-surface-variant))}.pdx-quick-view__close{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border:none;border-radius:.375rem;background:transparent;color:var(--md-sys-color-on-surface-variant, var(--mat-sys-on-surface-variant));font-size:1.125rem;line-height:1;cursor:pointer;transition:background-color .14s ease,color .14s ease}.pdx-quick-view__close:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface, var(--mat-sys-on-surface)) 8%,transparent);color:var(--md-sys-color-on-surface, var(--mat-sys-on-surface))}.pdx-quick-view__close:focus-visible{outline:2px solid var(--md-sys-color-primary, var(--mat-sys-primary));outline-offset:2px;background:color-mix(in srgb,var(--md-sys-color-on-surface, var(--mat-sys-on-surface)) 8%,transparent);color:var(--md-sys-color-on-surface, var(--mat-sys-on-surface))}.pdx-quick-view__body{min-width:0}.pdx-quick-view__summary-list{margin:0;display:grid;grid-template-columns:minmax(0,1fr);gap:.4375rem;min-width:0}.pdx-quick-view__summary-item{display:flex;align-items:center;justify-content:space-between;gap:.625rem;min-width:0;font-size:.8125rem;line-height:1.35}.pdx-quick-view__summary-label{color:var(--md-sys-color-on-surface-variant, var(--mat-sys-on-surface-variant));font-weight:500;flex:0 0 auto;max-width:42%;overflow-wrap:anywhere}.pdx-quick-view__summary-value-wrap{margin:0;flex:1 1 auto;display:inline-flex;align-items:center;justify-content:flex-end;gap:.375rem;min-width:0;text-align:right}.pdx-quick-view__summary-value{min-width:0;color:var(--md-sys-color-on-surface, var(--mat-sys-on-surface));font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-quick-view__summary-value--badge{padding:.125rem .5rem;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-primary, var(--mat-sys-primary)) 14%,transparent);color:var(--md-sys-color-primary, var(--mat-sys-primary));font-size:.75rem;font-weight:600}.pdx-quick-view__summary-value--masked{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.04em;color:var(--md-sys-color-on-surface-variant, var(--mat-sys-on-surface-variant))}.pdx-quick-view__masked-badge{display:inline-flex;align-items:center;gap:.25rem;flex:0 0 auto;padding:.0625rem .375rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--md-sys-color-tertiary, var(--mat-sys-tertiary, #d97706)) 42%,transparent);background:color-mix(in srgb,var(--md-sys-color-tertiary, var(--mat-sys-tertiary, #d97706)) 12%,transparent);color:var(--md-sys-color-tertiary, var(--mat-sys-tertiary, #d97706));font-size:.6875rem;font-weight:600;line-height:1.2}.pdx-quick-view__masked-icon{width:.75rem;height:.75rem;flex:0 0 auto}.pdx-quick-view__copy-btn{flex:0 0 auto;white-space:nowrap;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, var(--mat-sys-outline-variant)) 70%,transparent);background:color-mix(in srgb,var(--md-sys-color-surface-container, var(--mat-sys-surface-container)) 65%,transparent);color:var(--md-sys-color-on-surface-variant, var(--mat-sys-on-surface-variant));border-radius:.25rem;padding:.0625rem .375rem;font-size:.6875rem;font-weight:500;opacity:.78;cursor:pointer;transition:opacity .14s ease,background-color .14s ease,color .14s ease,border-color .14s ease}.pdx-quick-view__summary-item:hover .pdx-quick-view__copy-btn,.pdx-quick-view__copy-btn:focus-visible{opacity:1}.pdx-quick-view__copy-btn:hover{background:color-mix(in srgb,var(--md-sys-color-primary, var(--mat-sys-primary)) 10%,transparent);color:var(--md-sys-color-primary, var(--mat-sys-primary));border-color:color-mix(in srgb,var(--md-sys-color-primary, var(--mat-sys-primary)) 40%,transparent)}.pdx-quick-view__copy-btn:focus-visible{outline:2px solid var(--md-sys-color-primary, var(--mat-sys-primary));outline-offset:2px}.pdx-quick-view__feedback{margin:0;font-size:.8125rem;line-height:1.4;color:var(--md-sys-color-on-surface-variant, var(--mat-sys-on-surface-variant))}.pdx-quick-view__feedback--error{color:var(--md-sys-color-error, var(--mat-sys-error))}.pdx-quick-view__skeleton{display:grid;gap:.4375rem;padding:.125rem 0}.pdx-quick-view__skeleton-line{height:.75rem;border-radius:.25rem;background:color-mix(in srgb,var(--md-sys-color-on-surface, var(--mat-sys-on-surface)) 12%,transparent);width:75%}.pdx-quick-view__skeleton-line--wide{width:92%}.pdx-quick-view__skeleton-line--short{width:52%}.pdx-quick-view__footer{display:flex;justify-content:flex-end;padding-top:.5rem;border-top:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, var(--mat-sys-outline-variant)) 65%,transparent)}.pdx-quick-view__cta{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.375rem .8125rem;border-radius:.375rem;border:none;background:var(--md-sys-color-primary, var(--mat-sys-primary));color:var(--md-sys-color-on-primary, var(--mat-sys-on-primary));font-size:.8125rem;font-weight:600;cursor:pointer;transition:filter .14s ease,box-shadow .14s ease}.pdx-quick-view__cta:hover{filter:brightness(1.06)}.pdx-quick-view__cta:focus-visible{outline:2px solid var(--md-sys-color-primary, var(--mat-sys-primary));outline-offset:2px}.pdx-quick-view--narrow .pdx-quick-view__cta{width:100%;padding:.5rem .875rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: PraxisIconDirective, selector: "mat-icon[praxisIcon]", inputs: ["praxisIcon"] }, { kind: "component", type: PraxisResourceIdentityComponent, selector: "praxis-resource-identity", inputs: ["identity", "emptyTitle", "density", "showMetadataLabels", "showKey", "showKeyLabel", "ariaLabel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: PraxisQuickViewOverlayComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'praxis-quick-view-overlay', standalone: true, imports: [
+                        CommonModule,
+                        MatIconModule,
+                        PraxisIconDirective,
+                        PraxisResourceIdentityComponent,
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <section
+      #dialogSurface
+      class="pdx-quick-view"
+      [class.pdx-quick-view--narrow]="narrowModalMode()"
+      role="dialog"
+      [attr.aria-modal]="narrowModalMode() ? 'true' : null"
+      [attr.aria-label]="accessibleLabel()"
+      [attr.aria-busy]="resolution()?.state === 'loading' ? 'true' : null"
+      [attr.data-quick-view-state]="resolution()?.state || 'idle'"
+      tabindex="-1"
+      (mouseenter)="pointerEnter.emit()"
+      (mouseleave)="pointerLeave.emit()"
+    >
+      <header class="pdx-quick-view__header">
+        @if (safeAvatarUrl(); as avatarSrc) {
+          <div class="pdx-quick-view__avatar-wrap" data-testid="quick-view-avatar">
+            <img
+              class="pdx-quick-view__avatar-img"
+              [src]="avatarSrc"
+              alt=""
+              loading="lazy"
+              (error)="onAvatarError(avatarSrc)"
+            />
+          </div>
+        }
+        <div class="pdx-quick-view__heading">
+          @if (hasContextEyebrow()) {
+            <div class="pdx-quick-view__context" data-testid="quick-view-context">
+              @if (resolution()?.icon; as iconName) {
+                <span class="pdx-quick-view__context-icon-badge" aria-hidden="true">
+                  <mat-icon
+                    class="pdx-quick-view__context-icon"
+                    [praxisIcon]="iconName"
+                  ></mat-icon>
+                </span>
+              }
+              @if (contextLabel(); as label) {
+                <span class="pdx-quick-view__context-label">{{ label }}</span>
+              }
+            </div>
+          }
+          @if (headerIdentity(); as identity) {
+            <praxis-resource-identity
+              [identity]="identity"
+              [emptyTitle]="resolution()?.title || ''"
+              density="compact"
+              [showMetadataLabels]="false"
+            />
+          } @else {
+            <h2 class="pdx-quick-view__title">{{ resolution()?.title }}</h2>
+          }
+          @if (resolution()?.subtitle; as subtitle) {
+            <p class="pdx-quick-view__subtitle">{{ subtitle }}</p>
+          }
+        </div>
+        <button
+          #closeButton
+          type="button"
+          class="pdx-quick-view__close"
+          [attr.aria-label]="closeAriaLabel()"
+          (click)="dismiss.emit('programmatic')"
+        >
+          ×
+        </button>
+      </header>
+
+      <div class="pdx-quick-view__body">
+        @switch (resolution()?.state) {
+          @case ('loading') {
+            <div class="pdx-quick-view__skeleton" data-testid="quick-view-loading">
+              <div class="pdx-quick-view__skeleton-line pdx-quick-view__skeleton-line--wide"></div>
+              <div class="pdx-quick-view__skeleton-line"></div>
+              <div class="pdx-quick-view__skeleton-line pdx-quick-view__skeleton-line--short"></div>
+            </div>
+          }
+          @case ('ready') {
+            @if (shouldUseCustomBodyRenderer()) {
+              <ng-container
+                *ngComponentOutlet="
+                  bodyRenderer()!.component;
+                  inputs: customBodyInputs()
+                "
+              />
+            } @else {
+              @if (summaryItems().length > 0) {
+                <dl class="pdx-quick-view__summary-list" data-testid="quick-view-summary-list">
+                  @for (item of summaryItems(); track item.field) {
+                    <div class="pdx-quick-view__summary-item">
+                      <dt class="pdx-quick-view__summary-label">{{ item.label }}</dt>
+                      <dd class="pdx-quick-view__summary-value-wrap">
+                        <span
+                          class="pdx-quick-view__summary-value"
+                          [class.pdx-quick-view__summary-value--badge]="isBadgeOrChip(item)"
+                          [class.pdx-quick-view__summary-value--masked]="item.masked"
+                          [attr.title]="(item.masked ? (item.maskReason || maskedFieldReasonLabel()) : item.formattedValue) || null"
+                        >
+                          {{ item.formattedValue }}
+                        </span>
+                        @if (item.masked) {
+                          <span
+                            class="pdx-quick-view__masked-badge"
+                            data-testid="quick-view-masked-indicator"
+                            role="note"
+                            [attr.title]="item.maskReason || maskedFieldReasonLabel()"
+                            [attr.aria-label]="item.maskReason || maskedFieldReasonLabel()"
+                          >
+                            <svg
+                              class="pdx-quick-view__masked-icon"
+                              viewBox="0 0 16 16"
+                              fill="none"
+                              stroke="currentColor"
+                              stroke-width="1.5"
+                              aria-hidden="true"
+                            >
+                              <rect x="3.5" y="7" width="9" height="6.5" rx="1.5" />
+                              <path d="M5.5 7V5a2.5 2.5 0 0 1 5 0v2" />
+                            </svg>
+                            <span>{{ maskedBadgeLabel() }}</span>
+                          </span>
+                        }
+                        @if (item.copyable && !item.masked && item.formattedValue) {
+                          <button
+                            type="button"
+                            class="pdx-quick-view__copy-btn"
+                            [attr.aria-label]="copyButtonLabel() + ' ' + item.label"
+                            (click)="onCopyItem(item)"
+                          >
+                            {{ copyButtonLabel() }}
+                          </button>
+                        }
+                      </dd>
+                    </div>
+                  }
+                </dl>
+              }
+            }
+          }
+          @case ('empty') {
+            <p class="pdx-quick-view__feedback pdx-quick-view__feedback--empty" data-testid="quick-view-empty">
+              {{ resolution()?.failureReason || emptyStateLabel() }}
+            </p>
+          }
+          @case ('unavailable') {
+            <p class="pdx-quick-view__feedback pdx-quick-view__feedback--unavailable" data-testid="quick-view-unavailable">
+              {{ resolution()?.failureReason || unavailableStateLabel() }}
+            </p>
+          }
+          @case ('error') {
+            <p class="pdx-quick-view__feedback pdx-quick-view__feedback--error" data-testid="quick-view-error">
+              {{ resolution()?.failureReason || errorStateLabel() }}
+            </p>
+          }
+        }
+      </div>
+
+      @if (resolution()?.state === 'ready' && resolution()?.ctaAvailable) {
+        <footer class="pdx-quick-view__footer">
+          <button
+            #ctaButton
+            type="button"
+            class="pdx-quick-view__cta"
+            data-testid="quick-view-open-detail"
+            (click)="openDetail.emit()"
+          >
+            {{ resolution()?.ctaLabel || defaultCtaLabel() }}
+          </button>
+        </footer>
+      }
+    </section>
+  `, styles: [":host{display:block;max-width:min(26rem,calc(100vw - 1.5rem));min-width:min(20rem,calc(100vw - 1.5rem));box-sizing:border-box}.pdx-quick-view{box-sizing:border-box;display:grid;grid-template-columns:minmax(0,1fr);gap:.625rem;padding:.875rem 1rem;border-radius:var(--pdx-quick-view-radius, .75rem);background:var( --pdx-quick-view-bg, var(--md-sys-color-surface-container-high, var(--mat-sys-surface-container-high)) );color:var(--md-sys-color-on-surface, var(--mat-sys-on-surface));border:1px solid color-mix(in srgb,var(--md-sys-color-outline, var(--mat-sys-outline)) 36%,var(--md-sys-color-outline-variant, var(--mat-sys-outline-variant)));box-shadow:var( --pdx-quick-view-shadow, 0 18px 38px -6px color-mix(in srgb, var(--md-sys-color-shadow, #000000) 32%, transparent), 0 6px 16px -4px color-mix(in srgb, var(--md-sys-color-shadow, #000000) 18%, transparent) );outline:none;overflow:hidden}.pdx-quick-view--narrow{width:calc(100vw - 1.5rem);max-width:28rem;border-radius:var(--pdx-quick-view-narrow-radius, 1rem);padding:.75rem 1rem 1rem}.pdx-quick-view--narrow:before{content:\"\";display:block;width:2.25rem;height:.25rem;margin:0 auto .25rem;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-on-surface-variant, var(--mat-sys-on-surface-variant)) 32%,transparent)}.pdx-quick-view__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;min-width:0;padding-bottom:.5rem;border-bottom:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, var(--mat-sys-outline-variant)) 55%,transparent)}.pdx-quick-view__avatar-wrap{flex:0 0 auto;width:2.5rem;height:2.5rem;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--md-sys-color-primary, var(--mat-sys-primary)) 12%,transparent);border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, var(--mat-sys-outline-variant)) 60%,transparent);display:inline-flex;align-items:center;justify-content:center}.pdx-quick-view__avatar-img{width:100%;height:100%;object-fit:cover;display:block}.pdx-quick-view__heading{min-width:0;flex:1 1 auto;display:grid;gap:.25rem}.pdx-quick-view__context{display:inline-flex;align-items:center;gap:.375rem;min-width:0;margin-bottom:.0625rem}.pdx-quick-view__context-icon-badge{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:.3125rem;background:color-mix(in srgb,var(--md-sys-color-primary, var(--mat-sys-primary)) 14%,transparent);color:var(--md-sys-color-primary, var(--mat-sys-primary))}.pdx-quick-view__context-icon{width:.875rem;height:.875rem;font-size:.875rem;line-height:1}.pdx-quick-view__context-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.6875rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--md-sys-color-primary, var(--mat-sys-primary))}.pdx-quick-view__title{margin:0;font-size:.9375rem;font-weight:600;line-height:1.35;color:var(--md-sys-color-on-surface, var(--mat-sys-on-surface));overflow-wrap:anywhere}.pdx-quick-view__subtitle{margin:.25rem 0 0;font-size:.75rem;line-height:1.35;color:var(--md-sys-color-on-surface-variant, var(--mat-sys-on-surface-variant))}.pdx-quick-view__close{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border:none;border-radius:.375rem;background:transparent;color:var(--md-sys-color-on-surface-variant, var(--mat-sys-on-surface-variant));font-size:1.125rem;line-height:1;cursor:pointer;transition:background-color .14s ease,color .14s ease}.pdx-quick-view__close:hover{background:color-mix(in srgb,var(--md-sys-color-on-surface, var(--mat-sys-on-surface)) 8%,transparent);color:var(--md-sys-color-on-surface, var(--mat-sys-on-surface))}.pdx-quick-view__close:focus-visible{outline:2px solid var(--md-sys-color-primary, var(--mat-sys-primary));outline-offset:2px;background:color-mix(in srgb,var(--md-sys-color-on-surface, var(--mat-sys-on-surface)) 8%,transparent);color:var(--md-sys-color-on-surface, var(--mat-sys-on-surface))}.pdx-quick-view__body{min-width:0}.pdx-quick-view__summary-list{margin:0;display:grid;grid-template-columns:minmax(0,1fr);gap:.4375rem;min-width:0}.pdx-quick-view__summary-item{display:flex;align-items:center;justify-content:space-between;gap:.625rem;min-width:0;font-size:.8125rem;line-height:1.35}.pdx-quick-view__summary-label{color:var(--md-sys-color-on-surface-variant, var(--mat-sys-on-surface-variant));font-weight:500;flex:0 0 auto;max-width:42%;overflow-wrap:anywhere}.pdx-quick-view__summary-value-wrap{margin:0;flex:1 1 auto;display:inline-flex;align-items:center;justify-content:flex-end;gap:.375rem;min-width:0;text-align:right}.pdx-quick-view__summary-value{min-width:0;color:var(--md-sys-color-on-surface, var(--mat-sys-on-surface));font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdx-quick-view__summary-value--badge{padding:.125rem .5rem;border-radius:999px;background:color-mix(in srgb,var(--md-sys-color-primary, var(--mat-sys-primary)) 14%,transparent);color:var(--md-sys-color-primary, var(--mat-sys-primary));font-size:.75rem;font-weight:600}.pdx-quick-view__summary-value--masked{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;letter-spacing:.04em;color:var(--md-sys-color-on-surface-variant, var(--mat-sys-on-surface-variant))}.pdx-quick-view__masked-badge{display:inline-flex;align-items:center;gap:.25rem;flex:0 0 auto;padding:.0625rem .375rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--md-sys-color-tertiary, var(--mat-sys-tertiary, #d97706)) 42%,transparent);background:color-mix(in srgb,var(--md-sys-color-tertiary, var(--mat-sys-tertiary, #d97706)) 12%,transparent);color:var(--md-sys-color-tertiary, var(--mat-sys-tertiary, #d97706));font-size:.6875rem;font-weight:600;line-height:1.2}.pdx-quick-view__masked-icon{width:.75rem;height:.75rem;flex:0 0 auto}.pdx-quick-view__copy-btn{flex:0 0 auto;white-space:nowrap;border:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, var(--mat-sys-outline-variant)) 70%,transparent);background:color-mix(in srgb,var(--md-sys-color-surface-container, var(--mat-sys-surface-container)) 65%,transparent);color:var(--md-sys-color-on-surface-variant, var(--mat-sys-on-surface-variant));border-radius:.25rem;padding:.0625rem .375rem;font-size:.6875rem;font-weight:500;opacity:.78;cursor:pointer;transition:opacity .14s ease,background-color .14s ease,color .14s ease,border-color .14s ease}.pdx-quick-view__summary-item:hover .pdx-quick-view__copy-btn,.pdx-quick-view__copy-btn:focus-visible{opacity:1}.pdx-quick-view__copy-btn:hover{background:color-mix(in srgb,var(--md-sys-color-primary, var(--mat-sys-primary)) 10%,transparent);color:var(--md-sys-color-primary, var(--mat-sys-primary));border-color:color-mix(in srgb,var(--md-sys-color-primary, var(--mat-sys-primary)) 40%,transparent)}.pdx-quick-view__copy-btn:focus-visible{outline:2px solid var(--md-sys-color-primary, var(--mat-sys-primary));outline-offset:2px}.pdx-quick-view__feedback{margin:0;font-size:.8125rem;line-height:1.4;color:var(--md-sys-color-on-surface-variant, var(--mat-sys-on-surface-variant))}.pdx-quick-view__feedback--error{color:var(--md-sys-color-error, var(--mat-sys-error))}.pdx-quick-view__skeleton{display:grid;gap:.4375rem;padding:.125rem 0}.pdx-quick-view__skeleton-line{height:.75rem;border-radius:.25rem;background:color-mix(in srgb,var(--md-sys-color-on-surface, var(--mat-sys-on-surface)) 12%,transparent);width:75%}.pdx-quick-view__skeleton-line--wide{width:92%}.pdx-quick-view__skeleton-line--short{width:52%}.pdx-quick-view__footer{display:flex;justify-content:flex-end;padding-top:.5rem;border-top:1px solid color-mix(in srgb,var(--md-sys-color-outline-variant, var(--mat-sys-outline-variant)) 65%,transparent)}.pdx-quick-view__cta{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;padding:.375rem .8125rem;border-radius:.375rem;border:none;background:var(--md-sys-color-primary, var(--mat-sys-primary));color:var(--md-sys-color-on-primary, var(--mat-sys-on-primary));font-size:.8125rem;font-weight:600;cursor:pointer;transition:filter .14s ease,box-shadow .14s ease}.pdx-quick-view__cta:hover{filter:brightness(1.06)}.pdx-quick-view__cta:focus-visible{outline:2px solid var(--md-sys-color-primary, var(--mat-sys-primary));outline-offset:2px}.pdx-quick-view--narrow .pdx-quick-view__cta{width:100%;padding:.5rem .875rem}\n"] }]
+        }], propDecorators: { pointerEnter: [{
+                type: Output
+            }], pointerLeave: [{
+                type: Output
+            }], openDetail: [{
+                type: Output
+            }], copyValue: [{
+                type: Output
+            }], dismiss: [{
+                type: Output
+            }], dialogSurface: [{
+                type: ViewChild,
+                args: ['dialogSurface']
+            }], ctaButton: [{
+                type: ViewChild,
+                args: ['ctaButton']
+            }], closeButton: [{
+                type: ViewChild,
+                args: ['closeButton']
+            }] } });
+
+const QUICK_VIEW_CONNECTED_POSITIONS = [
+    {
+        originX: 'start',
+        originY: 'bottom',
+        overlayX: 'start',
+        overlayY: 'top',
+        offsetY: 4,
+    },
+    {
+        originX: 'end',
+        originY: 'bottom',
+        overlayX: 'end',
+        overlayY: 'top',
+        offsetY: 4,
+    },
+    {
+        originX: 'start',
+        originY: 'top',
+        overlayX: 'start',
+        overlayY: 'bottom',
+        offsetY: -4,
+    },
+    {
+        originX: 'end',
+        originY: 'top',
+        overlayX: 'end',
+        overlayY: 'bottom',
+        offsetY: -4,
+    },
+    {
+        originX: 'end',
+        originY: 'center',
+        overlayX: 'start',
+        overlayY: 'center',
+        offsetX: 6,
+    },
+    {
+        originX: 'start',
+        originY: 'center',
+        overlayX: 'end',
+        overlayY: 'center',
+        offsetX: -6,
+    },
+];
+/**
+ * Apresentador conectado não-modal para Quick View em `@praxisui/dialog`.
+ *
+ * Regras arquiteturais:
+ * - Em desktop (`hover`, `focus-shortcut`, `explicit-button`), utiliza `flexibleConnectedTo`
+ *   sem `aria-modal="true"` e sem trap global de foco;
+ * - Em `narrow-tap` (ou viewport compacta <= 640px sob ativação explícita), utiliza folha compacta
+ *   inferior com backdrop e semântica modal real;
+ * - Reposiciona em scroll/resize enquanto a âncora permanecer válida e fecha imediatamente
+ *   quando a âncora sai do DOM ou se torna inválida;
+ * - Restaura o foco ao gatilho original quando o usuário fecha por `Escape` ou botão Fechar
+ *   estando com o foco dentro do card.
+ */
+class QuickViewDialogPresenterService {
+    overlay = inject(Overlay);
+    injector = inject(Injector);
+    layerScale = inject(PraxisLayerScaleStyleService);
+    activeSession = null;
+    present(options) {
+        this.closeAll();
+        this.layerScale.ensureInstalled();
+        const narrowModalMode = this.shouldUseNarrowModalFallback(options);
+        const overlayRef = this.overlay.create(this.buildOverlayConfig(options.anchor, narrowModalMode));
+        const portal = new ComponentPortal(PraxisQuickViewOverlayComponent, null, this.injector);
+        const compRef = overlayRef.attach(portal);
+        compRef.instance.narrowModalMode.set(narrowModalMode);
+        compRef.instance.bodyRenderer.set(options.bodyRenderer ?? null);
+        compRef.instance.resolution.set(options.resolution);
+        try {
+            compRef.changeDetectorRef.detectChanges();
+        }
+        catch { }
+        overlayRef.updatePosition();
+        const session = new ActiveOverlaySession(overlayRef, compRef, options, narrowModalMode, (anchor) => this.resolveConnectedOrigin(anchor), () => {
+            if (this.activeSession === session) {
+                this.activeSession = null;
+            }
+        });
+        this.activeSession = session;
+        if (narrowModalMode ||
+            options.trigger === 'explicit-button' ||
+            options.trigger === 'focus-shortcut' ||
+            options.trigger === 'narrow-tap') {
+            queueMicrotask(() => {
+                compRef.instance.focusInteractiveEntry();
+            });
+        }
+        return session;
+    }
+    closeAll() {
+        if (this.activeSession) {
+            const current = this.activeSession;
+            this.activeSession = null;
+            current.close('programmatic');
+        }
+    }
+    shouldUseNarrowModalFallback(options) {
+        if (options.trigger === 'narrow-tap') {
+            return true;
+        }
+        if (options.trigger === 'hover') {
+            return false;
+        }
+        const width = typeof window !== 'undefined' && Number.isFinite(window.innerWidth)
+            ? window.innerWidth
+            : 1280;
+        return (width <= 640 &&
+            (options.trigger === 'explicit-button' ||
+                options.trigger === 'focus-shortcut'));
+    }
+    buildOverlayConfig(anchor, narrowModalMode) {
+        if (narrowModalMode) {
+            const positionStrategy = this.overlay
+                .position()
+                .global()
+                .centerHorizontally()
+                .bottom('12px');
+            return new OverlayConfig({
+                hasBackdrop: true,
+                panelClass: ['pdx-quick-view-overlay-pane', 'pdx-quick-view-overlay-pane--narrow'],
+                backdropClass: 'pdx-quick-view-backdrop',
+                positionStrategy,
+                scrollStrategy: this.overlay.scrollStrategies.block(),
+            });
+        }
+        const origin = this.resolveConnectedOrigin(anchor);
+        const positionStrategy = this.overlay
+            .position()
+            .flexibleConnectedTo(origin)
+            .withPositions(QUICK_VIEW_CONNECTED_POSITIONS)
+            .withViewportMargin(12)
+            .withPush(true)
+            .withFlexibleDimensions(false);
+        return new OverlayConfig({
+            hasBackdrop: false,
+            panelClass: 'pdx-quick-view-overlay-pane',
+            positionStrategy,
+            scrollStrategy: this.overlay.scrollStrategies.reposition(),
+        });
+    }
+    resolveConnectedOrigin(anchor) {
+        if (anchor.kind === 'element') {
+            return anchor.element;
+        }
+        const rect = anchor.getViewportRect() ?? {
+            x: 0,
+            y: 0,
+            width: 0,
+            height: 0,
+        };
+        return {
+            x: rect.x,
+            y: rect.y,
+            width: rect.width,
+            height: rect.height,
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: QuickViewDialogPresenterService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: QuickViewDialogPresenterService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: QuickViewDialogPresenterService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+class ActiveOverlaySession {
+    overlayRef;
+    compRef;
+    options;
+    narrowModalMode;
+    resolveOrigin;
+    onDisposed;
+    closedSubject = new Subject();
+    pointerEnterSubject = new Subject();
+    pointerLeaveSubject = new Subject();
+    subs = [];
+    cleanupDomListeners = [];
+    isClosed = false;
+    closed$ = this.closedSubject.asObservable();
+    pointerEnteredCard$ = this.pointerEnterSubject.asObservable();
+    pointerLeftCard$ = this.pointerLeaveSubject.asObservable();
+    constructor(overlayRef, compRef, options, narrowModalMode, resolveOrigin, onDisposed) {
+        this.overlayRef = overlayRef;
+        this.compRef = compRef;
+        this.options = options;
+        this.narrowModalMode = narrowModalMode;
+        this.resolveOrigin = resolveOrigin;
+        this.onDisposed = onDisposed;
+        const inst = compRef.instance;
+        this.subs.push(inst.pointerEnter.subscribe(() => this.pointerEnterSubject.next()), inst.pointerLeave.subscribe(() => this.pointerLeaveSubject.next()), inst.openDetail.subscribe(() => this.options.onOpenDetail()), inst.copyValue.subscribe(({ value, field }) => this.options.onCopyValue?.(value, field)), inst.dismiss.subscribe((reason) => this.close(reason)));
+        if (narrowModalMode) {
+            this.subs.push(overlayRef.backdropClick().subscribe(() => {
+                this.close('outside-pointer');
+            }));
+        }
+        this.installDomListeners();
+    }
+    update(resolution) {
+        if (this.isClosed) {
+            return;
+        }
+        const previousState = this.compRef.instance.resolution()?.state;
+        const focusWasInside = this.wasFocusInsideOverlay();
+        this.compRef.instance.resolution.set(resolution);
+        try {
+            this.compRef.changeDetectorRef.detectChanges();
+        }
+        catch { }
+        this.updatePosition();
+        if (previousState === 'loading' &&
+            resolution.state === 'ready' &&
+            (focusWasInside ||
+                this.narrowModalMode ||
+                this.options.trigger === 'explicit-button' ||
+                this.options.trigger === 'focus-shortcut' ||
+                this.options.trigger === 'narrow-tap')) {
+            queueMicrotask(() => {
+                if (!this.isClosed) {
+                    this.compRef.instance.focusInteractiveEntry();
+                }
+            });
+        }
+    }
+    updatePosition() {
+        if (this.isClosed) {
+            return;
+        }
+        if (!isResourceQuickViewAnchorValid(this.options.anchor)) {
+            this.close('anchor-invalid');
+            return;
+        }
+        if (!this.narrowModalMode && this.options.anchor.kind === 'virtual-rect') {
+            const strategy = this.overlayRef.getConfig().positionStrategy;
+            strategy?.setOrigin?.(this.resolveOrigin(this.options.anchor));
+        }
+        this.overlayRef.updatePosition();
+    }
+    close(reason = 'programmatic') {
+        if (this.isClosed) {
+            return;
+        }
+        this.isClosed = true;
+        const focusInside = this.wasFocusInsideOverlay();
+        const isInteractiveTrigger = this.narrowModalMode ||
+            this.options.trigger === 'explicit-button' ||
+            this.options.trigger === 'focus-shortcut' ||
+            this.options.trigger === 'narrow-tap';
+        const shouldRestoreFocus = focusInside ||
+            (isInteractiveTrigger &&
+                (reason === 'escape' ||
+                    reason === 'programmatic' ||
+                    this.narrowModalMode));
+        for (const cleanup of this.cleanupDomListeners) {
+            cleanup();
+        }
+        this.cleanupDomListeners.length = 0;
+        for (const sub of this.subs) {
+            sub.unsubscribe();
+        }
+        this.subs.length = 0;
+        try {
+            this.overlayRef.dispose();
+        }
+        catch { }
+        if (shouldRestoreFocus && reason !== 'cta') {
+            this.restoreFocusToOrigin();
+        }
+        this.closedSubject.next(reason);
+        this.closedSubject.complete();
+        this.pointerEnterSubject.complete();
+        this.pointerLeaveSubject.complete();
+        this.onDisposed();
+        this.options.onDismiss(reason);
+    }
+    installDomListeners() {
+        if (typeof document !== 'undefined') {
+            const onKeydown = (event) => {
+                if (event.key === 'Escape') {
+                    event.preventDefault();
+                    event.stopPropagation();
+                    event.stopImmediatePropagation();
+                    this.close('escape');
+                }
+            };
+            document.addEventListener('keydown', onKeydown, true);
+            this.cleanupDomListeners.push(() => document.removeEventListener('keydown', onKeydown, true));
+            if (!this.narrowModalMode) {
+                const onPointerDown = (event) => {
+                    const target = event.target;
+                    if (!target) {
+                        return;
+                    }
+                    if (this.overlayRef.overlayElement?.contains(target)) {
+                        return;
+                    }
+                    const anchorEl = this.options.anchor.kind === 'element'
+                        ? this.options.anchor.element
+                        : this.options.anchor.hostElement;
+                    if (anchorEl && anchorEl.contains(target)) {
+                        return;
+                    }
+                    this.close('outside-pointer');
+                };
+                document.addEventListener('pointerdown', onPointerDown, true);
+                this.cleanupDomListeners.push(() => document.removeEventListener('pointerdown', onPointerDown, true));
+            }
+        }
+        if (typeof window !== 'undefined') {
+            const onViewportChange = () => {
+                this.updatePosition();
+            };
+            window.addEventListener('scroll', onViewportChange, true);
+            window.addEventListener('resize', onViewportChange, { passive: true });
+            this.cleanupDomListeners.push(() => {
+                window.removeEventListener('scroll', onViewportChange, true);
+                window.removeEventListener('resize', onViewportChange);
+            });
+        }
+    }
+    wasFocusInsideOverlay() {
+        if (typeof document === 'undefined' || !document.activeElement) {
+            return false;
+        }
+        return Boolean(this.overlayRef.overlayElement?.contains(document.activeElement));
+    }
+    restoreFocusToOrigin() {
+        const anchor = this.options.anchor;
+        const candidate = anchor.focusOrigin ??
+            (anchor.kind === 'element' ? anchor.element : anchor.hostElement);
+        if (candidate &&
+            candidate.isConnected !== false &&
+            typeof candidate.focus === 'function') {
+            try {
+                candidate.focus({ preventScroll: true });
+            }
+            catch {
+                try {
+                    candidate.focus();
+                }
+                catch { }
+            }
+        }
+    }
+}
+function providePraxisQuickViewDialogPresenter() {
+    return {
+        provide: PRAXIS_QUICK_VIEW_PRESENTER,
+        useExisting: QuickViewDialogPresenterService,
+    };
+}
+
 class LongContentDialogExampleComponent {
     items = Array.from({ length: 40 }, (_, idx) => `Example line ${idx + 1}`);
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.14", ngImport: i0, type: LongContentDialogExampleComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
@@ -2028,4 +2903,4 @@ const PRAXIS_DIALOG_AUTHORING_MANIFEST = {
  * Generated bundle index. Do not edit.
  */
 
-export { LongContentDialogExampleComponent, PRAXIS_DIALOG_AUTHORING_MANIFEST, PRAXIS_DIALOG_COMPONENT_METADATA, PRAXIS_DIALOG_CONTENT_REGISTRY, PRAXIS_DIALOG_DATA, PRAXIS_DIALOG_DEFAULTS, PRAXIS_DIALOG_EXAMPLE_LONG_CONTENT, PRAXIS_DIALOG_GLOBAL_PRESETS, PRAXIS_DIALOG_I18N, PRAXIS_DIALOG_TEMPLATE_REGISTRY, PraxisDialog, PraxisDialogActionsDirective, PraxisDialogComponent, PraxisDialogContentDirective, PraxisDialogDirectives, PraxisDialogRef, PraxisDialogTitleDirective, provideDialogGlobalPresetsFromGlobalConfig, providePraxisDialogExamples, providePraxisDialogGlobalActions, providePraxisDialogMetadata, providePraxisSurfaceGlobalActions };
+export { LongContentDialogExampleComponent, PRAXIS_DIALOG_AUTHORING_MANIFEST, PRAXIS_DIALOG_COMPONENT_METADATA, PRAXIS_DIALOG_CONTENT_REGISTRY, PRAXIS_DIALOG_DATA, PRAXIS_DIALOG_DEFAULTS, PRAXIS_DIALOG_EXAMPLE_LONG_CONTENT, PRAXIS_DIALOG_GLOBAL_PRESETS, PRAXIS_DIALOG_I18N, PRAXIS_DIALOG_TEMPLATE_REGISTRY, PraxisDialog, PraxisDialogActionsDirective, PraxisDialogComponent, PraxisDialogContentDirective, PraxisDialogDirectives, PraxisDialogRef, PraxisDialogTitleDirective, PraxisQuickViewOverlayComponent, QuickViewDialogPresenterService, provideDialogGlobalPresetsFromGlobalConfig, providePraxisDialogExamples, providePraxisDialogGlobalActions, providePraxisDialogMetadata, providePraxisQuickViewDialogPresenter, providePraxisSurfaceGlobalActions };

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@praxisui/dialog",
-  "version": "10.0.0-rc.4",
+  "version": "10.0.0-rc.41",
   "description": "Dialog helpers and components for Praxis UI with Angular Material integration.",
   "peerDependencies": {
     "@angular/common": "^21.0.0",
     "@angular/core": "^21.0.0",
     "@angular/cdk": "^21.0.0",
     "@angular/forms": "^21.0.0",
-    "@praxisui/core": "^10.0.0-rc.4",
+    "@praxisui/core": "^10.0.0-rc.41",
     "@angular/material": "^21.0.0",
     "@angular/platform-browser": "^21.0.0",
     "rxjs": "~7.8.0"

package/types/praxisui-dialog.d.ts

@@ -1,10 +1,11 @@
-import * as i0 from '@angular/core';
+import * as _angular_core from '@angular/core';
 import { Injector, ViewContainerRef, InjectionToken, TemplateRef, ComponentRef, OnInit, AfterViewInit, OnChanges, OnDestroy, EventEmitter, ElementRef, SimpleChanges, Type, Provider } from '@angular/core';
 import { OverlayRef } from '@angular/cdk/overlay';
 import { Observable, Subject } from 'rxjs';
 import { CdkPortalOutlet } from '@angular/cdk/portal';
+import * as _praxisui_core from '@praxisui/core';
+import { ResourceQuickViewResolution, PraxisQuickViewBodyRenderer, ResourceQuickViewDismissReason, ResourceQuickViewSummaryItem, PraxisQuickViewPresenter, PraxisQuickViewPresentOptions, PraxisQuickViewPresenterSession, ComponentDocMeta, ComponentAuthoringManifest } from '@praxisui/core';
 import * as _praxisui_dialog from '@praxisui/dialog';
-import { ComponentDocMeta, ComponentAuthoringManifest } from '@praxisui/core';
 
 type ActionsLayout = 'start' | 'center' | 'end' | 'stretched';
 type DialogThemeColor = 'primary' | 'light' | 'dark';
@@ -191,22 +192,22 @@ declare class PraxisDialogRef<T = any, R = any> {
 declare class PraxisDialogTitleDirective {
     templateRef: TemplateRef<any>;
     constructor(templateRef: TemplateRef<any>);
-    static ɵfac: i0.ɵɵFactoryDeclaration<PraxisDialogTitleDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PraxisDialogTitleDirective, "ng-template[praxisDialogTitle]", never, {}, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PraxisDialogTitleDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<PraxisDialogTitleDirective, "ng-template[praxisDialogTitle]", never, {}, {}, never, never, true, never>;
 }
 
 declare class PraxisDialogActionsDirective {
     templateRef: TemplateRef<any>;
     constructor(templateRef: TemplateRef<any>);
-    static ɵfac: i0.ɵɵFactoryDeclaration<PraxisDialogActionsDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PraxisDialogActionsDirective, "ng-template[praxisDialogActions]", never, {}, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PraxisDialogActionsDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<PraxisDialogActionsDirective, "ng-template[praxisDialogActions]", never, {}, {}, never, never, true, never>;
 }
 
 declare class PraxisDialogContentDirective {
     templateRef: TemplateRef<any>;
     constructor(templateRef: TemplateRef<any>);
-    static ɵfac: i0.ɵɵFactoryDeclaration<PraxisDialogContentDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<PraxisDialogContentDirective, "ng-template[praxisDialogContent]", never, {}, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PraxisDialogContentDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<PraxisDialogContentDirective, "ng-template[praxisDialogContent]", never, {}, {}, never, never, true, never>;
 }
 
 declare class PraxisDialogComponent implements OnInit, AfterViewInit, OnChanges, OnDestroy {
@@ -287,8 +288,8 @@ declare class PraxisDialogComponent implements OnInit, AfterViewInit, OnChanges,
     beginOpenAnimation(): Promise<void>;
     beginCloseAnimation(): Promise<void>;
     private focusPrimaryAction;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PraxisDialogComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PraxisDialogComponent, "praxis-dialog", never, { "title": { "alias": "title"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "actionsLayout": { "alias": "actionsLayout"; "required": false; }; "animation": { "alias": "animation"; "required": false; }; "open": { "alias": "open"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "minHeight": { "alias": "minHeight"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "themeColor": { "alias": "themeColor"; "required": false; }; "disableClose": { "alias": "disableClose"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; }; "overlayMode": { "alias": "overlayMode"; "required": false; }; "zIndex": { "alias": "zIndex"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "backdropClass": { "alias": "backdropClass"; "required": false; }; "position": { "alias": "position"; "required": false; }; "autoFocusedElement": { "alias": "autoFocusedElement"; "required": false; }; "autoFocus": { "alias": "autoFocus"; "required": false; }; "restoreFocus": { "alias": "restoreFocus"; "required": false; }; "id": { "alias": "id"; "required": false; }; "ariaRole": { "alias": "ariaRole"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; }; "styles": { "alias": "styles"; "required": false; }; "titleIcon": { "alias": "titleIcon"; "required": false; }; }, { "action": "action"; "close": "close"; "opened": "opened"; "afterClosed": "afterClosed"; }, ["titleTpl", "actionsTpl", "contentTpl"], never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PraxisDialogComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PraxisDialogComponent, "praxis-dialog", never, { "title": { "alias": "title"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "actionsLayout": { "alias": "actionsLayout"; "required": false; }; "animation": { "alias": "animation"; "required": false; }; "open": { "alias": "open"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "minWidth": { "alias": "minWidth"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "minHeight": { "alias": "minHeight"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "themeColor": { "alias": "themeColor"; "required": false; }; "disableClose": { "alias": "disableClose"; "required": false; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; }; "overlayMode": { "alias": "overlayMode"; "required": false; }; "zIndex": { "alias": "zIndex"; "required": false; }; "panelClass": { "alias": "panelClass"; "required": false; }; "backdropClass": { "alias": "backdropClass"; "required": false; }; "position": { "alias": "position"; "required": false; }; "autoFocusedElement": { "alias": "autoFocusedElement"; "required": false; }; "autoFocus": { "alias": "autoFocus"; "required": false; }; "restoreFocus": { "alias": "restoreFocus"; "required": false; }; "id": { "alias": "id"; "required": false; }; "ariaRole": { "alias": "ariaRole"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "ariaDescribedBy": { "alias": "ariaDescribedBy"; "required": false; }; "styles": { "alias": "styles"; "required": false; }; "titleIcon": { "alias": "titleIcon"; "required": false; }; }, { "action": "action"; "close": "close"; "opened": "opened"; "afterClosed": "afterClosed"; }, ["titleTpl", "actionsTpl", "contentTpl"], never, true, never>;
 }
 declare const PraxisDialogDirectives: readonly [];
 
@@ -318,8 +319,8 @@ declare class PraxisDialog {
     private mergePresets;
     closeAll(): void;
     getDialogById(id: string): PraxisDialogRef<any> | undefined;
-    static ɵfac: i0.ɵɵFactoryDeclaration<PraxisDialog, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<PraxisDialog>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PraxisDialog, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<PraxisDialog>;
 }
 declare class SimpleDialogContentComponent {
     message?: string;
@@ -329,8 +330,8 @@ declare class SimpleDialogContentComponent {
     submit?: () => void;
     private readonly dialogData;
     constructor();
-    static ɵfac: i0.ɵɵFactoryDeclaration<SimpleDialogContentComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SimpleDialogContentComponent, "praxis-simple-dialog-content", never, {}, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SimpleDialogContentComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SimpleDialogContentComponent, "praxis-simple-dialog-content", never, {}, {}, never, never, true, never>;
 }
 
 /**
@@ -343,18 +344,88 @@ declare function providePraxisDialogGlobalActions(): Provider;
 
 declare function providePraxisSurfaceGlobalActions(): Provider;
 
+declare class PraxisQuickViewOverlayComponent {
+    private readonly i18n;
+    readonly resolution: _angular_core.WritableSignal<ResourceQuickViewResolution | null>;
+    readonly bodyRenderer: _angular_core.WritableSignal<PraxisQuickViewBodyRenderer | null>;
+    readonly narrowModalMode: _angular_core.WritableSignal<boolean>;
+    private readonly failedAvatarUrl;
+    readonly pointerEnter: EventEmitter<void>;
+    readonly pointerLeave: EventEmitter<void>;
+    readonly openDetail: EventEmitter<void>;
+    readonly copyValue: EventEmitter<{
+        value: string;
+        field?: string;
+    }>;
+    readonly dismiss: EventEmitter<ResourceQuickViewDismissReason>;
+    private readonly dialogSurface?;
+    private readonly ctaButton?;
+    private readonly closeButton?;
+    protected readonly summaryItems: _angular_core.Signal<readonly ResourceQuickViewSummaryItem[]>;
+    protected readonly headerIdentity: _angular_core.Signal<_praxisui_core.MaterializedResourceIdentity | null>;
+    protected readonly contextLabel: _angular_core.Signal<string | null>;
+    protected readonly hasContextEyebrow: _angular_core.Signal<boolean>;
+    protected readonly safeAvatarUrl: _angular_core.Signal<string | null>;
+    protected onAvatarError(failedUrl: string): void;
+    protected readonly closeAriaLabel: _angular_core.Signal<string>;
+    protected readonly copyButtonLabel: _angular_core.Signal<string>;
+    protected readonly emptyStateLabel: _angular_core.Signal<string>;
+    protected readonly unavailableStateLabel: _angular_core.Signal<string>;
+    protected readonly errorStateLabel: _angular_core.Signal<string>;
+    protected readonly defaultCtaLabel: _angular_core.Signal<string>;
+    protected readonly maskedBadgeLabel: _angular_core.Signal<string>;
+    protected readonly maskedFieldReasonLabel: _angular_core.Signal<string>;
+    protected readonly accessibleLabel: _angular_core.Signal<string>;
+    private translate;
+    protected readonly shouldUseCustomBodyRenderer: _angular_core.Signal<boolean>;
+    protected readonly customBodyInputs: _angular_core.Signal<Record<string, unknown>>;
+    focusInteractiveEntry(): void;
+    protected isBadgeOrChip(item: ResourceQuickViewSummaryItem): boolean;
+    protected onCopyItem(item: ResourceQuickViewSummaryItem): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PraxisQuickViewOverlayComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PraxisQuickViewOverlayComponent, "praxis-quick-view-overlay", never, {}, { "pointerEnter": "pointerEnter"; "pointerLeave": "pointerLeave"; "openDetail": "openDetail"; "copyValue": "copyValue"; "dismiss": "dismiss"; }, never, never, true, never>;
+}
+
+/**
+ * Apresentador conectado não-modal para Quick View em `@praxisui/dialog`.
+ *
+ * Regras arquiteturais:
+ * - Em desktop (`hover`, `focus-shortcut`, `explicit-button`), utiliza `flexibleConnectedTo`
+ *   sem `aria-modal="true"` e sem trap global de foco;
+ * - Em `narrow-tap` (ou viewport compacta <= 640px sob ativação explícita), utiliza folha compacta
+ *   inferior com backdrop e semântica modal real;
+ * - Reposiciona em scroll/resize enquanto a âncora permanecer válida e fecha imediatamente
+ *   quando a âncora sai do DOM ou se torna inválida;
+ * - Restaura o foco ao gatilho original quando o usuário fecha por `Escape` ou botão Fechar
+ *   estando com o foco dentro do card.
+ */
+declare class QuickViewDialogPresenterService implements PraxisQuickViewPresenter {
+    private readonly overlay;
+    private readonly injector;
+    private readonly layerScale;
+    private activeSession;
+    present(options: PraxisQuickViewPresentOptions): PraxisQuickViewPresenterSession;
+    closeAll(): void;
+    private shouldUseNarrowModalFallback;
+    private buildOverlayConfig;
+    private resolveConnectedOrigin;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<QuickViewDialogPresenterService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<QuickViewDialogPresenterService>;
+}
+declare function providePraxisQuickViewDialogPresenter(): Provider;
+
 declare class LongContentDialogExampleComponent {
     readonly items: string[];
-    static ɵfac: i0.ɵɵFactoryDeclaration<LongContentDialogExampleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LongContentDialogExampleComponent, "praxis-long-content-dialog-example", never, {}, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LongContentDialogExampleComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LongContentDialogExampleComponent, "praxis-long-content-dialog-example", never, {}, {}, never, never, true, never>;
 }
 
 declare const PRAXIS_DIALOG_EXAMPLE_LONG_CONTENT = "praxis.long-content-example";
 declare function providePraxisDialogExamples(): {
-    provide: i0.InjectionToken<readonly (() => void)[]>;
+    provide: _angular_core.InjectionToken<readonly (() => void)[]>;
     multi: boolean;
     useFactory: (registry: Record<string, any>) => () => void;
-    deps: i0.InjectionToken<Record<string, _praxisui_dialog.ComponentType<any>>>[];
+    deps: _angular_core.InjectionToken<Record<string, _praxisui_dialog.ComponentType<any>>>[];
 };
 
 declare const PRAXIS_DIALOG_COMPONENT_METADATA: ComponentDocMeta;
@@ -362,5 +433,5 @@ declare function providePraxisDialogMetadata(): Provider;
 
 declare const PRAXIS_DIALOG_AUTHORING_MANIFEST: ComponentAuthoringManifest;
 
-export { LongContentDialogExampleComponent, PRAXIS_DIALOG_AUTHORING_MANIFEST, PRAXIS_DIALOG_COMPONENT_METADATA, PRAXIS_DIALOG_CONTENT_REGISTRY, PRAXIS_DIALOG_DATA, PRAXIS_DIALOG_DEFAULTS, PRAXIS_DIALOG_EXAMPLE_LONG_CONTENT, PRAXIS_DIALOG_GLOBAL_PRESETS, PRAXIS_DIALOG_I18N, PRAXIS_DIALOG_TEMPLATE_REGISTRY, PraxisDialog, PraxisDialogActionsDirective, PraxisDialogComponent, PraxisDialogContentDirective, PraxisDialogDirectives, PraxisDialogRef, PraxisDialogTitleDirective, provideDialogGlobalPresetsFromGlobalConfig, providePraxisDialogExamples, providePraxisDialogGlobalActions, providePraxisDialogMetadata, providePraxisSurfaceGlobalActions };
+export { LongContentDialogExampleComponent, PRAXIS_DIALOG_AUTHORING_MANIFEST, PRAXIS_DIALOG_COMPONENT_METADATA, PRAXIS_DIALOG_CONTENT_REGISTRY, PRAXIS_DIALOG_DATA, PRAXIS_DIALOG_DEFAULTS, PRAXIS_DIALOG_EXAMPLE_LONG_CONTENT, PRAXIS_DIALOG_GLOBAL_PRESETS, PRAXIS_DIALOG_I18N, PRAXIS_DIALOG_TEMPLATE_REGISTRY, PraxisDialog, PraxisDialogActionsDirective, PraxisDialogComponent, PraxisDialogContentDirective, PraxisDialogDirectives, PraxisDialogRef, PraxisDialogTitleDirective, PraxisQuickViewOverlayComponent, QuickViewDialogPresenterService, provideDialogGlobalPresetsFromGlobalConfig, providePraxisDialogExamples, providePraxisDialogGlobalActions, providePraxisDialogMetadata, providePraxisQuickViewDialogPresenter, providePraxisSurfaceGlobalActions };
 export type { ActionsLayout, AnimationDirection, ComponentType, DialogAction, DialogAnimation, DialogAnimationType, DialogContentDescriptor, DialogThemeColor, PraxisAlertConfig, PraxisConfirmConfig, PraxisDialogConfig, PraxisDialogGlobalPresets, PraxisDialogPosition, PraxisDialogStyleConfig, PraxisPromptConfig };