@cdevhub/ngx-tw 0.3.0 → 0.5.0

package/fesm2022/cdevhub-ngx-tw-dialog-dialog-renderer-DoIhoV3d.mjs

@@ -0,0 +1,198 @@
+import { CdkDialogContainer, Dialog, DialogConfig } from '@angular/cdk/dialog';
+import { createBlockScrollStrategy, createNoopScrollStrategy, createRepositionScrollStrategy, createCloseScrollStrategy } from '@angular/cdk/overlay';
+import { TwDialogRef, TW_DIALOG_DATA, TwDialogConfig } from './cdevhub-ngx-tw-dialog.mjs';
+import * as i0 from '@angular/core';
+import { inject, computed, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { CdkPortalOutlet } from '@angular/cdk/portal';
+import { OverlayContainerCoordinator, mergeOverlayPanelClass, coerceOverlayDuration } from '@cdevhub/ngx-tw/core';
+import { tv } from 'tailwind-variants';
+
+// Dialog uses a `data-[state]` driven CSS transition rather than the project's
+// `animate.enter`/`animate.leave` keyframes. Justification:
+//   1. The ref owns the open/close lifecycle (state signal, observables) and
+//      needs runtime-configurable enter/exit durations per `TwDialog.open()`
+//      call — `animate.enter` only accepts a static class name.
+//   2. The container drives the same CSS variables (opacity + scale) for both
+//      transitions, so a single `transition-[opacity,transform]` rule with a
+//      data-state attribute is simpler than two keyframe declarations.
+// All other library overlays (popover, menu, tooltip) use animate.enter/leave;
+// this divergence is intentional and isolated to the dialog container.
+const dialogContainerVariants = tv({
+    slots: {
+        host: 'relative flex flex-col outline-none bg-surface-raised text-fg rounded-lg shadow-md border border-border overflow-hidden transition-[opacity,transform] ease-out motion-reduce:transition-none opacity-0 scale-95 data-[state=open]:opacity-100 data-[state=open]:scale-100 data-[state=closing]:opacity-0 data-[state=closing]:scale-95',
+    },
+    variants: {
+        size: {
+            xs: { host: 'w-full max-w-sm max-h-[85vh]' },
+            sm: { host: 'w-full max-w-md max-h-[85vh]' },
+            md: { host: 'w-full max-w-lg max-h-[85vh]' },
+            lg: { host: 'w-full max-w-2xl max-h-[85vh]' },
+            xl: { host: 'w-full max-w-4xl max-h-[85vh]' },
+            fullscreen: {
+                host: 'w-screen h-screen max-w-none max-h-none rounded-none border-0',
+            },
+        },
+    },
+    defaultVariants: { size: 'md' },
+}, { twMerge: true });
+/**
+ * Dialog container rendered inside the CDK overlay. Wraps the user-provided
+ * content in a Tailwind-styled surface and coordinates enter/exit transitions
+ * with {@link TwDialogRef}.
+ *
+ * The animation state machine, `aria-describedby` queue, and panel-class
+ * merge are shared with `SheetContainer` via {@link OverlayContainerCoordinator}
+ * (component-scoped — see `providers: [OverlayContainerCoordinator]`).
+ *
+ * @docs-private
+ */
+class DialogContainer extends CdkDialogContainer {
+    coordinator = inject(OverlayContainerCoordinator);
+    /** Lifecycle state of the dialog's enter/exit animation. */
+    state = this.coordinator.state;
+    /** Emits whenever the animation state transitions. */
+    animationStateChanged = this.coordinator.animationStateChanged;
+    /** Resolved enter-animation duration in ms. */
+    enterAnimationDuration;
+    /** Resolved exit-animation duration in ms. */
+    exitAnimationDuration;
+    sizeVariant = computed(() => {
+        const size = this._config.size ?? 'md';
+        return dialogContainerVariants({ size });
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "sizeVariant" }] : /* istanbul ignore next */ []));
+    hostClasses = computed(() => mergeOverlayPanelClass(this.sizeVariant().host(), this._config.panelClass), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hostClasses" }] : /* istanbul ignore next */ []));
+    ariaDescribedByAttr = computed(() => this._config.ariaDescribedBy ||
+        this.coordinator.describedByIds()[0] ||
+        null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaDescribedByAttr" }] : /* istanbul ignore next */ []));
+    transitionDuration = this.coordinator.transitionDuration;
+    constructor() {
+        super();
+        this.enterAnimationDuration = coerceOverlayDuration(this._config.enterAnimationDuration, 150);
+        this.exitAnimationDuration = coerceOverlayDuration(this._config.exitAnimationDuration, 120);
+        this.coordinator.setDurations(this.enterAnimationDuration, this.exitAnimationDuration);
+    }
+    _contentAttached() {
+        super._contentAttached();
+        this.coordinator.startEnterAnimation();
+    }
+    /** Triggered by the dialog ref to play the exit transition before disposing the overlay. */
+    _startExitAnimation() {
+        this.coordinator.startExitAnimation();
+    }
+    /** Registers a description id for the container's `aria-describedby`. */
+    _addAriaDescribedBy(id) {
+        this.coordinator.addAriaDescribedBy(id);
+    }
+    /** Removes a previously registered description id. */
+    _removeAriaDescribedBy(id) {
+        this.coordinator.removeAriaDescribedBy(id);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DialogContainer, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: DialogContainer, isStandalone: true, selector: "tw-dialog-container", host: { attributes: { "tabindex": "-1" }, properties: { "attr.id": "_config.id || null", "attr.role": "_config.role", "attr.aria-modal": "_config.ariaModal", "attr.aria-labelledby": "_config.ariaLabel ? null : _ariaLabelledByQueue[0]", "attr.aria-label": "_config.ariaLabel", "attr.aria-describedby": "ariaDescribedByAttr()", "attr.data-state": "state()", "class": "hostClasses()", "style.transition-duration.ms": "transitionDuration()" } }, providers: [OverlayContainerCoordinator], usesInheritance: true, ngImport: i0, template: '<ng-template cdkPortalOutlet />', isInline: true, dependencies: [{ kind: "directive", type: CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: DialogContainer, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'tw-dialog-container',
+                    template: '<ng-template cdkPortalOutlet />',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    imports: [CdkPortalOutlet],
+                    providers: [OverlayContainerCoordinator],
+                    host: {
+                        tabindex: '-1',
+                        '[attr.id]': '_config.id || null',
+                        '[attr.role]': '_config.role',
+                        '[attr.aria-modal]': '_config.ariaModal',
+                        '[attr.aria-labelledby]': '_config.ariaLabel ? null : _ariaLabelledByQueue[0]',
+                        '[attr.aria-label]': '_config.ariaLabel',
+                        '[attr.aria-describedby]': 'ariaDescribedByAttr()',
+                        '[attr.data-state]': 'state()',
+                        '[class]': 'hostClasses()',
+                        '[style.transition-duration.ms]': 'transitionDuration()',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Rendering half of the dialog feature: the only module that pulls in
+ * `@angular/cdk/dialog`, the overlay scroll strategies, and the Tailwind
+ * `DialogContainer`. Reached exclusively through a dynamic `import()` in
+ * {@link TwDialog}, which is what keeps that graph out of a consumer's initial
+ * bundle. Nothing here may be imported as a value from `dialog.ts`.
+ *
+ * @docs-private
+ */
+function openRenderedDialog(injector, content, merged, twRef) {
+    // `Dialog` is `providedIn: 'root'`, so resolving it here — rather than
+    // injecting it into the service — keeps the CDK symbol in this lazy chunk.
+    const cdkDialog = injector.get(Dialog);
+    const cdkRef = cdkDialog.open(content, {
+        id: merged.id,
+        role: merged.role,
+        data: merged.data,
+        panelClass: merged.panelClass,
+        backdropClass: merged.backdropClass ?? 'tw-dialog-backdrop',
+        hasBackdrop: merged.hasBackdrop,
+        width: merged.width,
+        height: merged.height,
+        minWidth: merged.minWidth,
+        minHeight: merged.minHeight,
+        maxWidth: merged.maxWidth,
+        maxHeight: merged.maxHeight,
+        direction: merged.direction,
+        ariaDescribedBy: merged.ariaDescribedBy,
+        ariaLabelledBy: merged.ariaLabelledBy,
+        ariaLabel: merged.ariaLabel,
+        ariaModal: merged.ariaModal,
+        autoFocus: merged.autoFocus,
+        restoreFocus: merged.restoreFocus,
+        scrollStrategy: merged.scrollStrategy ?? resolveScrollStrategy(injector, merged.scrollBehavior),
+        closeOnNavigation: merged.closeOnNavigation,
+        viewContainerRef: merged.viewContainerRef,
+        injector: merged.injector,
+        // We handle close/Escape/backdrop ourselves so we can run the exit animation.
+        disableClose: true,
+        closeOnOverlayDetachments: false,
+        container: {
+            type: DialogContainer,
+            providers: () => [
+                { provide: TwDialogConfig, useValue: merged },
+                { provide: DialogConfig, useValue: merged },
+            ],
+        },
+        providers: (cdkRef, _cdkConfig, container) => {
+            // Wire the facade to its CDK backend at the exact point the ref
+            // constructor ran before deferral, so animation subscriptions are live
+            // before the container emits.
+            twRef._attach(cdkRef, container);
+            const providers = [
+                { provide: TwDialogRef, useValue: twRef },
+                { provide: TW_DIALOG_DATA, useValue: merged.data ?? null },
+            ];
+            if (Array.isArray(merged.providers))
+                providers.push(...merged.providers);
+            return providers;
+        },
+    });
+    twRef._setComponent(cdkRef.componentInstance, cdkRef.componentRef);
+}
+function resolveScrollStrategy(injector, strategy) {
+    switch (strategy) {
+        case 'close':
+            return createCloseScrollStrategy(injector);
+        case 'reposition':
+            return createRepositionScrollStrategy(injector);
+        case 'noop':
+            return createNoopScrollStrategy();
+        case 'block':
+        default:
+            return createBlockScrollStrategy(injector);
+    }
+}
+
+export { openRenderedDialog };
+//# sourceMappingURL=cdevhub-ngx-tw-dialog-dialog-renderer-DoIhoV3d.mjs.map

package/fesm2022/cdevhub-ngx-tw-dialog-dialog-renderer-DoIhoV3d.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cdevhub-ngx-tw-dialog-dialog-renderer-DoIhoV3d.mjs","sources":["../../../projects/ngx-tw/dialog/dialog-container.ts","../../../projects/ngx-tw/dialog/dialog-renderer.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  type EventEmitter,\n  inject,\n  type Signal,\n  ViewEncapsulation,\n  computed,\n} from '@angular/core';\nimport { CdkDialogContainer } from '@angular/cdk/dialog';\nimport { CdkPortalOutlet } from '@angular/cdk/portal';\nimport {\n  coerceOverlayDuration,\n  mergeOverlayPanelClass,\n  OverlayContainerCoordinator,\n  type OverlayContainerAnimationEvent,\n  type OverlayContainerState,\n} from '@cdevhub/ngx-tw/core';\nimport { tv } from 'tailwind-variants';\nimport { type TwDialogConfig } from './dialog-config';\n\n/** Lifecycle states a dialog passes through. */\nexport type DialogState = OverlayContainerState;\n\n/** Event emitted when the dialog's animation state transitions. */\nexport type DialogAnimationEvent = OverlayContainerAnimationEvent;\n\n// Dialog uses a `data-[state]` driven CSS transition rather than the project's\n// `animate.enter`/`animate.leave` keyframes. Justification:\n//   1. The ref owns the open/close lifecycle (state signal, observables) and\n//      needs runtime-configurable enter/exit durations per `TwDialog.open()`\n//      call — `animate.enter` only accepts a static class name.\n//   2. The container drives the same CSS variables (opacity + scale) for both\n//      transitions, so a single `transition-[opacity,transform]` rule with a\n//      data-state attribute is simpler than two keyframe declarations.\n// All other library overlays (popover, menu, tooltip) use animate.enter/leave;\n// this divergence is intentional and isolated to the dialog container.\nconst dialogContainerVariants = tv(\n  {\n    slots: {\n      host: 'relative flex flex-col outline-none bg-surface-raised text-fg rounded-lg shadow-md border border-border overflow-hidden transition-[opacity,transform] ease-out motion-reduce:transition-none opacity-0 scale-95 data-[state=open]:opacity-100 data-[state=open]:scale-100 data-[state=closing]:opacity-0 data-[state=closing]:scale-95',\n    },\n    variants: {\n      size: {\n        xs: { host: 'w-full max-w-sm max-h-[85vh]' },\n        sm: { host: 'w-full max-w-md max-h-[85vh]' },\n        md: { host: 'w-full max-w-lg max-h-[85vh]' },\n        lg: { host: 'w-full max-w-2xl max-h-[85vh]' },\n        xl: { host: 'w-full max-w-4xl max-h-[85vh]' },\n        fullscreen: {\n          host: 'w-screen h-screen max-w-none max-h-none rounded-none border-0',\n        },\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n  { twMerge: true },\n);\n\n/**\n * Dialog container rendered inside the CDK overlay. Wraps the user-provided\n * content in a Tailwind-styled surface and coordinates enter/exit transitions\n * with {@link TwDialogRef}.\n *\n * The animation state machine, `aria-describedby` queue, and panel-class\n * merge are shared with `SheetContainer` via {@link OverlayContainerCoordinator}\n * (component-scoped — see `providers: [OverlayContainerCoordinator]`).\n *\n * @docs-private\n */\n@Component({\n  selector: 'tw-dialog-container',\n  template: '<ng-template cdkPortalOutlet />',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  imports: [CdkPortalOutlet],\n  providers: [OverlayContainerCoordinator],\n  host: {\n    tabindex: '-1',\n    '[attr.id]': '_config.id || null',\n    '[attr.role]': '_config.role',\n    '[attr.aria-modal]': '_config.ariaModal',\n    '[attr.aria-labelledby]': '_config.ariaLabel ? null : _ariaLabelledByQueue[0]',\n    '[attr.aria-label]': '_config.ariaLabel',\n    '[attr.aria-describedby]': 'ariaDescribedByAttr()',\n    '[attr.data-state]': 'state()',\n    '[class]': 'hostClasses()',\n    '[style.transition-duration.ms]': 'transitionDuration()',\n  },\n})\nexport class DialogContainer extends CdkDialogContainer<TwDialogConfig> {\n  private readonly coordinator = inject(OverlayContainerCoordinator);\n\n  /** Lifecycle state of the dialog's enter/exit animation. */\n  readonly state: Signal<DialogState> = this.coordinator.state;\n\n  /** Emits whenever the animation state transitions. */\n  readonly animationStateChanged: EventEmitter<DialogAnimationEvent> =\n    this.coordinator.animationStateChanged;\n\n  /** Resolved enter-animation duration in ms. */\n  readonly enterAnimationDuration: number;\n  /** Resolved exit-animation duration in ms. */\n  readonly exitAnimationDuration: number;\n\n  private readonly sizeVariant = computed(() => {\n    const size = this._config.size ?? 'md';\n    return dialogContainerVariants({ size });\n  });\n\n  protected readonly hostClasses = computed(() =>\n    mergeOverlayPanelClass(this.sizeVariant().host(), this._config.panelClass),\n  );\n\n  protected readonly ariaDescribedByAttr = computed(\n    () =>\n      this._config.ariaDescribedBy ||\n      this.coordinator.describedByIds()[0] ||\n      null,\n  );\n\n  protected readonly transitionDuration = this.coordinator.transitionDuration;\n\n  constructor() {\n    super();\n    this.enterAnimationDuration = coerceOverlayDuration(this._config.enterAnimationDuration, 150);\n    this.exitAnimationDuration = coerceOverlayDuration(this._config.exitAnimationDuration, 120);\n    this.coordinator.setDurations(this.enterAnimationDuration, this.exitAnimationDuration);\n  }\n\n  protected override _contentAttached(): void {\n    super._contentAttached();\n    this.coordinator.startEnterAnimation();\n  }\n\n  /** Triggered by the dialog ref to play the exit transition before disposing the overlay. */\n  _startExitAnimation(): void {\n    this.coordinator.startExitAnimation();\n  }\n\n  /** Registers a description id for the container's `aria-describedby`. */\n  _addAriaDescribedBy(id: string): void {\n    this.coordinator.addAriaDescribedBy(id);\n  }\n\n  /** Removes a previously registered description id. */\n  _removeAriaDescribedBy(id: string): void {\n    this.coordinator.removeAriaDescribedBy(id);\n  }\n}\n","import {\n  type ComponentRef,\n  type Injector,\n  type StaticProvider,\n  type TemplateRef,\n} from '@angular/core';\nimport { Dialog, DialogConfig as CdkDialogConfig } from '@angular/cdk/dialog';\nimport {\n  createBlockScrollStrategy,\n  createCloseScrollStrategy,\n  createNoopScrollStrategy,\n  createRepositionScrollStrategy,\n  type ScrollStrategy,\n} from '@angular/cdk/overlay';\nimport type { ComponentType } from '@angular/cdk/portal';\nimport {\n  TW_DIALOG_DATA,\n  TwDialogConfig,\n  type TwDialogScrollStrategy,\n} from './dialog-config';\nimport { DialogContainer } from './dialog-container';\nimport { TwDialogRef } from './dialog-ref';\n\n/**\n * Rendering half of the dialog feature: the only module that pulls in\n * `@angular/cdk/dialog`, the overlay scroll strategies, and the Tailwind\n * `DialogContainer`. Reached exclusively through a dynamic `import()` in\n * {@link TwDialog}, which is what keeps that graph out of a consumer's initial\n * bundle. Nothing here may be imported as a value from `dialog.ts`.\n *\n * @docs-private\n */\nexport function openRenderedDialog<R, D, C>(\n  injector: Injector,\n  content: ComponentType<C> | TemplateRef<C>,\n  merged: TwDialogConfig<D, R>,\n  twRef: TwDialogRef<R, C>,\n): void {\n  // `Dialog` is `providedIn: 'root'`, so resolving it here — rather than\n  // injecting it into the service — keeps the CDK symbol in this lazy chunk.\n  const cdkDialog = injector.get(Dialog);\n\n  const cdkRef = cdkDialog.open<R, D, C>(content, {\n    id: merged.id,\n    role: merged.role,\n    data: merged.data,\n    panelClass: merged.panelClass,\n    backdropClass: merged.backdropClass ?? 'tw-dialog-backdrop',\n    hasBackdrop: merged.hasBackdrop,\n    width: merged.width,\n    height: merged.height,\n    minWidth: merged.minWidth,\n    minHeight: merged.minHeight,\n    maxWidth: merged.maxWidth,\n    maxHeight: merged.maxHeight,\n    direction: merged.direction,\n    ariaDescribedBy: merged.ariaDescribedBy,\n    ariaLabelledBy: merged.ariaLabelledBy,\n    ariaLabel: merged.ariaLabel,\n    ariaModal: merged.ariaModal,\n    autoFocus: merged.autoFocus,\n    restoreFocus: merged.restoreFocus,\n    scrollStrategy:\n      merged.scrollStrategy ?? resolveScrollStrategy(injector, merged.scrollBehavior),\n    closeOnNavigation: merged.closeOnNavigation,\n    viewContainerRef: merged.viewContainerRef,\n    injector: merged.injector,\n    // We handle close/Escape/backdrop ourselves so we can run the exit animation.\n    disableClose: true,\n    closeOnOverlayDetachments: false,\n    container: {\n      type: DialogContainer,\n      providers: () => [\n        { provide: TwDialogConfig, useValue: merged },\n        { provide: CdkDialogConfig, useValue: merged },\n      ],\n    },\n    providers: (cdkRef, _cdkConfig, container) => {\n      // Wire the facade to its CDK backend at the exact point the ref\n      // constructor ran before deferral, so animation subscriptions are live\n      // before the container emits.\n      twRef._attach(cdkRef, container as DialogContainer);\n      const providers: StaticProvider[] = [\n        { provide: TwDialogRef, useValue: twRef },\n        { provide: TW_DIALOG_DATA, useValue: merged.data ?? null },\n      ];\n      if (Array.isArray(merged.providers)) providers.push(...merged.providers);\n      return providers;\n    },\n  });\n\n  twRef._setComponent(\n    cdkRef.componentInstance as C | null,\n    cdkRef.componentRef as ComponentRef<C> | null,\n  );\n}\n\nfunction resolveScrollStrategy(\n  injector: Injector,\n  strategy: TwDialogScrollStrategy | undefined,\n): ScrollStrategy {\n  switch (strategy) {\n    case 'close':\n      return createCloseScrollStrategy(injector);\n    case 'reposition':\n      return createRepositionScrollStrategy(injector);\n    case 'noop':\n      return createNoopScrollStrategy();\n    case 'block':\n    default:\n      return createBlockScrollStrategy(injector);\n  }\n}\n"],"names":["CdkDialogConfig"],"mappings":"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"}