@cdevhub/ngx-tw 0.4.0 → 0.6.0

package/fesm2022/cdevhub-ngx-tw-sheet-sheet-renderer-CqVJwgmp.mjs

@@ -0,0 +1,256 @@
+import { CdkDialogContainer, Dialog, DialogConfig } from '@angular/cdk/dialog';
+import { createBlockScrollStrategy, createNoopScrollStrategy, createRepositionScrollStrategy, createCloseScrollStrategy, createGlobalPositionStrategy } from '@angular/cdk/overlay';
+import { SheetRef, TW_SHEET_DATA, SheetConfig } from './cdevhub-ngx-tw-sheet.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';
+
+// Sheet uses a `data-[state]` + `data-[side]` driven CSS transition rather than
+// the project's `animate.enter`/`animate.leave` keyframes. Same rationale as
+// the dialog container (see `dialog-container.ts`):
+//   1. The ref owns the open/close lifecycle (state signal, observables) and
+//      needs runtime-configurable enter/exit durations per `Sheet.open()` call
+//      — `animate.enter` only accepts a static class name.
+//   2. The transform direction depends on `side`, and encoding four pairs of
+//      keyframe classes (slide-in/out × 4 sides) is noisier than four
+//      `data-[side=…]` selectors on a single transition rule.
+// All other library overlays (popover, menu, tooltip) use animate.enter/leave;
+// this divergence is intentional and isolated to the sheet container.
+const sheetContainerVariants = tv({
+    slots: {
+        host: 'fixed flex flex-col outline-none bg-surface-raised text-fg shadow-md overflow-hidden transition-[transform,opacity] ease-out motion-reduce:transition-none opacity-0 data-[state=open]:opacity-100',
+    },
+    variants: {
+        side: {
+            right: {
+                host: 'h-screen right-0 top-0 border-l border-border data-[state=opening]:translate-x-full data-[state=closing]:translate-x-full data-[state=open]:translate-x-0',
+            },
+            left: {
+                host: 'h-screen left-0 top-0 border-r border-border data-[state=opening]:-translate-x-full data-[state=closing]:-translate-x-full data-[state=open]:translate-x-0',
+            },
+            top: {
+                host: 'w-screen left-0 top-0 border-b border-border data-[state=opening]:-translate-y-full data-[state=closing]:-translate-y-full data-[state=open]:translate-y-0',
+            },
+            bottom: {
+                host: 'w-screen left-0 bottom-0 border-t border-border data-[state=opening]:translate-y-full data-[state=closing]:translate-y-full data-[state=open]:translate-y-0',
+            },
+        },
+        size: {
+            xs: { host: '' },
+            sm: { host: '' },
+            md: { host: '' },
+            lg: { host: '' },
+            xl: { host: '' },
+            full: { host: '' },
+        },
+    },
+    // Sheets are axis-aware: `size` controls width on horizontal sides and
+    // height on vertical sides. Encoded as compound variants so a single
+    // {side, size} pair resolves to one set of utility classes.
+    compoundVariants: [
+        // ── Right-anchored ─────────────────────────────────────────────
+        { side: 'right', size: 'xs', class: { host: 'w-full max-w-xs' } },
+        { side: 'right', size: 'sm', class: { host: 'w-full max-w-sm' } },
+        { side: 'right', size: 'md', class: { host: 'w-full max-w-md' } },
+        { side: 'right', size: 'lg', class: { host: 'w-full max-w-xl' } },
+        { side: 'right', size: 'xl', class: { host: 'w-full max-w-2xl' } },
+        { side: 'right', size: 'full', class: { host: 'w-screen max-w-none' } },
+        // ── Left-anchored ──────────────────────────────────────────────
+        { side: 'left', size: 'xs', class: { host: 'w-full max-w-xs' } },
+        { side: 'left', size: 'sm', class: { host: 'w-full max-w-sm' } },
+        { side: 'left', size: 'md', class: { host: 'w-full max-w-md' } },
+        { side: 'left', size: 'lg', class: { host: 'w-full max-w-xl' } },
+        { side: 'left', size: 'xl', class: { host: 'w-full max-w-2xl' } },
+        { side: 'left', size: 'full', class: { host: 'w-screen max-w-none' } },
+        // ── Top-anchored ───────────────────────────────────────────────
+        { side: 'top', size: 'xs', class: { host: 'h-[20vh]' } },
+        { side: 'top', size: 'sm', class: { host: 'h-[33vh]' } },
+        { side: 'top', size: 'md', class: { host: 'h-[50vh]' } },
+        { side: 'top', size: 'lg', class: { host: 'h-[66vh]' } },
+        { side: 'top', size: 'xl', class: { host: 'h-[80vh]' } },
+        { side: 'top', size: 'full', class: { host: 'h-screen' } },
+        // ── Bottom-anchored ────────────────────────────────────────────
+        { side: 'bottom', size: 'xs', class: { host: 'h-[20vh]' } },
+        { side: 'bottom', size: 'sm', class: { host: 'h-[33vh]' } },
+        { side: 'bottom', size: 'md', class: { host: 'h-[50vh]' } },
+        { side: 'bottom', size: 'lg', class: { host: 'h-[66vh]' } },
+        { side: 'bottom', size: 'xl', class: { host: 'h-[80vh]' } },
+        { side: 'bottom', size: 'full', class: { host: 'h-screen' } },
+    ],
+    defaultVariants: { side: 'right', size: 'md' },
+}, { twMerge: true });
+/**
+ * Sheet container rendered inside the CDK overlay. Wraps the user-provided
+ * content in a Tailwind-styled, edge-anchored surface and coordinates slide
+ * enter/exit transitions with {@link SheetRef}.
+ *
+ * The animation state machine, `aria-describedby` queue, and panel-class
+ * merge are shared with `DialogContainer` via {@link OverlayContainerCoordinator}
+ * (component-scoped — see `providers: [OverlayContainerCoordinator]`).
+ *
+ * @docs-private
+ */
+class SheetContainer extends CdkDialogContainer {
+    coordinator = inject(OverlayContainerCoordinator);
+    /** Lifecycle state of the sheet'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;
+    sideAttr = computed(() => this._config.side ?? 'right', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "sideAttr" }] : /* istanbul ignore next */ []));
+    variants = computed(() => {
+        const side = this._config.side ?? 'right';
+        const size = this._config.size ?? 'md';
+        return sheetContainerVariants({ side, size });
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variants" }] : /* istanbul ignore next */ []));
+    hostClasses = computed(() => mergeOverlayPanelClass(this.variants().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, 200);
+        this.exitAnimationDuration = coerceOverlayDuration(this._config.exitAnimationDuration, 160);
+        this.coordinator.setDurations(this.enterAnimationDuration, this.exitAnimationDuration);
+    }
+    _contentAttached() {
+        super._contentAttached();
+        this.coordinator.startEnterAnimation();
+    }
+    /** Triggered by the sheet 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: SheetContainer, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.0.7", type: SheetContainer, isStandalone: true, selector: "tw-sheet-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()", "attr.data-side": "sideAttr()", "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: SheetContainer, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'tw-sheet-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()',
+                        '[attr.data-side]': 'sideAttr()',
+                        '[class]': 'hostClasses()',
+                        '[style.transition-duration.ms]': 'transitionDuration()',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Rendering half of the sheet feature: the only module that pulls in
+ * `@angular/cdk/dialog`, the overlay position/scroll strategies, and the
+ * Tailwind `SheetContainer`. Reached exclusively through a dynamic `import()`
+ * in {@link Sheet}, which keeps that graph out of a consumer's initial bundle.
+ * Nothing here may be imported as a value from `sheet.ts`.
+ *
+ * @docs-private
+ */
+function openRenderedSheet(injector, content, merged, sheetRef) {
+    // `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-sheet-backdrop',
+        hasBackdrop: merged.hasBackdrop,
+        // Sheet sizing happens on the container element (axis-aware width/height
+        // utilities). The overlay pane itself is the full-edge bounding box.
+        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),
+        positionStrategy: merged.positionStrategy ?? resolvePositionStrategy(injector, merged.side ?? 'right'),
+        closeOnNavigation: merged.closeOnNavigation,
+        viewContainerRef: merged.viewContainerRef,
+        injector: merged.injector,
+        // We handle close/Escape/backdrop ourselves so we can run the exit slide animation.
+        disableClose: true,
+        closeOnOverlayDetachments: false,
+        container: {
+            type: SheetContainer,
+            providers: () => [
+                { provide: SheetConfig, useValue: merged },
+                { provide: DialogConfig, useValue: merged },
+            ],
+        },
+        providers: (cdkRef, _cdkConfig, container) => {
+            sheetRef._attach(cdkRef, container);
+            const providers = [
+                { provide: SheetRef, useValue: sheetRef },
+                { provide: TW_SHEET_DATA, useValue: merged.data ?? null },
+            ];
+            if (Array.isArray(merged.providers))
+                providers.push(...merged.providers);
+            return providers;
+        },
+    });
+    sheetRef._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);
+    }
+}
+function resolvePositionStrategy(injector, side) {
+    const strategy = createGlobalPositionStrategy(injector);
+    switch (side) {
+        case 'left':
+            return strategy.top('0').left('0').bottom('0');
+        case 'top':
+            return strategy.top('0').left('0').right('0');
+        case 'bottom':
+            return strategy.bottom('0').left('0').right('0');
+        case 'right':
+        default:
+            return strategy.top('0').right('0').bottom('0');
+    }
+}
+
+export { openRenderedSheet };
+//# sourceMappingURL=cdevhub-ngx-tw-sheet-sheet-renderer-CqVJwgmp.mjs.map

package/fesm2022/cdevhub-ngx-tw-sheet-sheet-renderer-CqVJwgmp.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cdevhub-ngx-tw-sheet-sheet-renderer-CqVJwgmp.mjs","sources":["../../../projects/ngx-tw/sheet/sheet-container.ts","../../../projects/ngx-tw/sheet/sheet-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 SheetConfig } from './sheet-config';\n\n/** Lifecycle states a sheet passes through. */\nexport type SheetState = OverlayContainerState;\n\n/** Event emitted when the sheet's animation state transitions. */\nexport type SheetAnimationEvent = OverlayContainerAnimationEvent;\n\n// Sheet uses a `data-[state]` + `data-[side]` driven CSS transition rather than\n// the project's `animate.enter`/`animate.leave` keyframes. Same rationale as\n// the dialog container (see `dialog-container.ts`):\n//   1. The ref owns the open/close lifecycle (state signal, observables) and\n//      needs runtime-configurable enter/exit durations per `Sheet.open()` call\n//      — `animate.enter` only accepts a static class name.\n//   2. The transform direction depends on `side`, and encoding four pairs of\n//      keyframe classes (slide-in/out × 4 sides) is noisier than four\n//      `data-[side=…]` selectors on a single transition rule.\n// All other library overlays (popover, menu, tooltip) use animate.enter/leave;\n// this divergence is intentional and isolated to the sheet container.\nconst sheetContainerVariants = tv(\n  {\n    slots: {\n      host: 'fixed flex flex-col outline-none bg-surface-raised text-fg shadow-md overflow-hidden transition-[transform,opacity] ease-out motion-reduce:transition-none opacity-0 data-[state=open]:opacity-100',\n    },\n    variants: {\n      side: {\n        right: {\n          host: 'h-screen right-0 top-0 border-l border-border data-[state=opening]:translate-x-full data-[state=closing]:translate-x-full data-[state=open]:translate-x-0',\n        },\n        left: {\n          host: 'h-screen left-0 top-0 border-r border-border data-[state=opening]:-translate-x-full data-[state=closing]:-translate-x-full data-[state=open]:translate-x-0',\n        },\n        top: {\n          host: 'w-screen left-0 top-0 border-b border-border data-[state=opening]:-translate-y-full data-[state=closing]:-translate-y-full data-[state=open]:translate-y-0',\n        },\n        bottom: {\n          host: 'w-screen left-0 bottom-0 border-t border-border data-[state=opening]:translate-y-full data-[state=closing]:translate-y-full data-[state=open]:translate-y-0',\n        },\n      },\n      size: {\n        xs: { host: '' },\n        sm: { host: '' },\n        md: { host: '' },\n        lg: { host: '' },\n        xl: { host: '' },\n        full: { host: '' },\n      },\n    },\n    // Sheets are axis-aware: `size` controls width on horizontal sides and\n    // height on vertical sides. Encoded as compound variants so a single\n    // {side, size} pair resolves to one set of utility classes.\n    compoundVariants: [\n      // ── Right-anchored ─────────────────────────────────────────────\n      { side: 'right', size: 'xs', class: { host: 'w-full max-w-xs' } },\n      { side: 'right', size: 'sm', class: { host: 'w-full max-w-sm' } },\n      { side: 'right', size: 'md', class: { host: 'w-full max-w-md' } },\n      { side: 'right', size: 'lg', class: { host: 'w-full max-w-xl' } },\n      { side: 'right', size: 'xl', class: { host: 'w-full max-w-2xl' } },\n      { side: 'right', size: 'full', class: { host: 'w-screen max-w-none' } },\n      // ── Left-anchored ──────────────────────────────────────────────\n      { side: 'left', size: 'xs', class: { host: 'w-full max-w-xs' } },\n      { side: 'left', size: 'sm', class: { host: 'w-full max-w-sm' } },\n      { side: 'left', size: 'md', class: { host: 'w-full max-w-md' } },\n      { side: 'left', size: 'lg', class: { host: 'w-full max-w-xl' } },\n      { side: 'left', size: 'xl', class: { host: 'w-full max-w-2xl' } },\n      { side: 'left', size: 'full', class: { host: 'w-screen max-w-none' } },\n      // ── Top-anchored ───────────────────────────────────────────────\n      { side: 'top', size: 'xs', class: { host: 'h-[20vh]' } },\n      { side: 'top', size: 'sm', class: { host: 'h-[33vh]' } },\n      { side: 'top', size: 'md', class: { host: 'h-[50vh]' } },\n      { side: 'top', size: 'lg', class: { host: 'h-[66vh]' } },\n      { side: 'top', size: 'xl', class: { host: 'h-[80vh]' } },\n      { side: 'top', size: 'full', class: { host: 'h-screen' } },\n      // ── Bottom-anchored ────────────────────────────────────────────\n      { side: 'bottom', size: 'xs', class: { host: 'h-[20vh]' } },\n      { side: 'bottom', size: 'sm', class: { host: 'h-[33vh]' } },\n      { side: 'bottom', size: 'md', class: { host: 'h-[50vh]' } },\n      { side: 'bottom', size: 'lg', class: { host: 'h-[66vh]' } },\n      { side: 'bottom', size: 'xl', class: { host: 'h-[80vh]' } },\n      { side: 'bottom', size: 'full', class: { host: 'h-screen' } },\n    ],\n    defaultVariants: { side: 'right', size: 'md' },\n  },\n  { twMerge: true },\n);\n\n/**\n * Sheet container rendered inside the CDK overlay. Wraps the user-provided\n * content in a Tailwind-styled, edge-anchored surface and coordinates slide\n * enter/exit transitions with {@link SheetRef}.\n *\n * The animation state machine, `aria-describedby` queue, and panel-class\n * merge are shared with `DialogContainer` via {@link OverlayContainerCoordinator}\n * (component-scoped — see `providers: [OverlayContainerCoordinator]`).\n *\n * @docs-private\n */\n@Component({\n  selector: 'tw-sheet-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    '[attr.data-side]': 'sideAttr()',\n    '[class]': 'hostClasses()',\n    '[style.transition-duration.ms]': 'transitionDuration()',\n  },\n})\nexport class SheetContainer extends CdkDialogContainer<SheetConfig> {\n  private readonly coordinator = inject(OverlayContainerCoordinator);\n\n  /** Lifecycle state of the sheet's enter/exit animation. */\n  readonly state: Signal<SheetState> = this.coordinator.state;\n\n  /** Emits whenever the animation state transitions. */\n  readonly animationStateChanged: EventEmitter<SheetAnimationEvent> =\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  protected readonly sideAttr = computed(() => this._config.side ?? 'right');\n\n  private readonly variants = computed(() => {\n    const side = this._config.side ?? 'right';\n    const size = this._config.size ?? 'md';\n    return sheetContainerVariants({ side, size });\n  });\n\n  protected readonly hostClasses = computed(() =>\n    mergeOverlayPanelClass(this.variants().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, 200);\n    this.exitAnimationDuration = coerceOverlayDuration(this._config.exitAnimationDuration, 160);\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 sheet 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  createGlobalPositionStrategy,\n  createNoopScrollStrategy,\n  createRepositionScrollStrategy,\n  type GlobalPositionStrategy,\n  type ScrollStrategy,\n} from '@angular/cdk/overlay';\nimport type { ComponentType } from '@angular/cdk/portal';\nimport {\n  TW_SHEET_DATA,\n  SheetConfig,\n  type SheetScrollStrategy,\n  type SheetSide,\n} from './sheet-config';\nimport { SheetContainer } from './sheet-container';\nimport { SheetRef } from './sheet-ref';\n\n/**\n * Rendering half of the sheet feature: the only module that pulls in\n * `@angular/cdk/dialog`, the overlay position/scroll strategies, and the\n * Tailwind `SheetContainer`. Reached exclusively through a dynamic `import()`\n * in {@link Sheet}, which keeps that graph out of a consumer's initial bundle.\n * Nothing here may be imported as a value from `sheet.ts`.\n *\n * @docs-private\n */\nexport function openRenderedSheet<R, D, C>(\n  injector: Injector,\n  content: ComponentType<C> | TemplateRef<C>,\n  merged: SheetConfig<D, R>,\n  sheetRef: SheetRef<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-sheet-backdrop',\n    hasBackdrop: merged.hasBackdrop,\n    // Sheet sizing happens on the container element (axis-aware width/height\n    // utilities). The overlay pane itself is the full-edge bounding box.\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    positionStrategy:\n      merged.positionStrategy ?? resolvePositionStrategy(injector, merged.side ?? 'right'),\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 slide animation.\n    disableClose: true,\n    closeOnOverlayDetachments: false,\n    container: {\n      type: SheetContainer,\n      providers: () => [\n        { provide: SheetConfig, useValue: merged },\n        { provide: CdkDialogConfig, useValue: merged },\n      ],\n    },\n    providers: (cdkRef, _cdkConfig, container) => {\n      sheetRef._attach(cdkRef, container as SheetContainer);\n      const providers: StaticProvider[] = [\n        { provide: SheetRef, useValue: sheetRef },\n        { provide: TW_SHEET_DATA, useValue: merged.data ?? null },\n      ];\n      if (Array.isArray(merged.providers)) providers.push(...merged.providers);\n      return providers;\n    },\n  });\n\n  sheetRef._setComponent(\n    cdkRef.componentInstance as C | null,\n    cdkRef.componentRef as ComponentRef<C> | null,\n  );\n}\n\nfunction resolveScrollStrategy(\n  injector: Injector,\n  strategy: SheetScrollStrategy | 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\nfunction resolvePositionStrategy(injector: Injector, side: SheetSide): GlobalPositionStrategy {\n  const strategy = createGlobalPositionStrategy(injector);\n  switch (side) {\n    case 'left':\n      return strategy.top('0').left('0').bottom('0');\n    case 'top':\n      return strategy.top('0').left('0').right('0');\n    case 'bottom':\n      return strategy.bottom('0').left('0').right('0');\n    case 'right':\n    default:\n      return strategy.top('0').right('0').bottom('0');\n  }\n}\n"],"names":["CdkDialogConfig"],"mappings":";;;;;;;;;AA2BA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM,sBAAsB,GAAG,EAAE,CAC/B;AACE,IAAA,KAAK,EAAE;AACL,QAAA,IAAI,EAAE,oMAAoM;AAC3M,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE;AACJ,YAAA,KAAK,EAAE;AACL,gBAAA,IAAI,EAAE,2JAA2J;AAClK,aAAA;AACD,YAAA,IAAI,EAAE;AACJ,gBAAA,IAAI,EAAE,4JAA4J;AACnK,aAAA;AACD,YAAA,GAAG,EAAE;AACH,gBAAA,IAAI,EAAE,4JAA4J;AACnK,aAAA;AACD,YAAA,MAAM,EAAE;AACN,gBAAA,IAAI,EAAE,6JAA6J;AACpK,aAAA;AACF,SAAA;AACD,QAAA,IAAI,EAAE;AACJ,YAAA,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;AAChB,YAAA,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;AAChB,YAAA,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;AAChB,YAAA,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;AAChB,YAAA,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;AAChB,YAAA,IAAI,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE;AACnB,SAAA;AACF,KAAA;;;;AAID,IAAA,gBAAgB,EAAE;;AAEhB,QAAA,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,iBAAiB,EAAE,EAAE;AACjE,QAAA,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,iBAAiB,EAAE,EAAE;AACjE,QAAA,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,iBAAiB,EAAE,EAAE;AACjE,QAAA,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,iBAAiB,EAAE,EAAE;AACjE,QAAA,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,kBAAkB,EAAE,EAAE;AAClE,QAAA,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,qBAAqB,EAAE,EAAE;;AAEvE,QAAA,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,iBAAiB,EAAE,EAAE;AAChE,QAAA,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,iBAAiB,EAAE,EAAE;AAChE,QAAA,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,iBAAiB,EAAE,EAAE;AAChE,QAAA,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,iBAAiB,EAAE,EAAE;AAChE,QAAA,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,kBAAkB,EAAE,EAAE;AACjE,QAAA,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,qBAAqB,EAAE,EAAE;;AAEtE,QAAA,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE;AACxD,QAAA,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE;AACxD,QAAA,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE;AACxD,QAAA,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE;AACxD,QAAA,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE;AACxD,QAAA,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE;;AAE1D,QAAA,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE;AAC3D,QAAA,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE;AAC3D,QAAA,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE;AAC3D,QAAA,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE;AAC3D,QAAA,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE;AAC3D,QAAA,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,EAAE;AAC9D,KAAA;IACD,eAAe,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE;AAC/C,CAAA,EACD,EAAE,OAAO,EAAE,IAAI,EAAE,CAClB;AAED;;;;;;;;;;AAUG;AAsBG,MAAO,cAAe,SAAQ,kBAA+B,CAAA;AAChD,IAAA,WAAW,GAAG,MAAM,CAAC,2BAA2B,CAAC;;AAGzD,IAAA,KAAK,GAAuB,IAAI,CAAC,WAAW,CAAC,KAAK;;AAGlD,IAAA,qBAAqB,GAC5B,IAAI,CAAC,WAAW,CAAC,qBAAqB;;AAG/B,IAAA,sBAAsB;;AAEtB,IAAA,qBAAqB;AAEX,IAAA,QAAQ,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,OAAO,CAAC,IAAI,IAAI,OAAO;iFAAC;AAEzD,IAAA,QAAQ,GAAG,QAAQ,CAAC,MAAK;QACxC,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,IAAI,OAAO;QACzC,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,IAAI,IAAI;QACtC,OAAO,sBAAsB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;IAC/C,CAAC;iFAAC;IAEiB,WAAW,GAAG,QAAQ,CAAC,MACxC,sBAAsB,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC;oFACxE;IAEkB,mBAAmB,GAAG,QAAQ,CAC/C,MACE,IAAI,CAAC,OAAO,CAAC,eAAe;AAC5B,QAAA,IAAI,CAAC,WAAW,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC;QACpC,IAAI;4FACP;AAEkB,IAAA,kBAAkB,GAAG,IAAI,CAAC,WAAW,CAAC,kBAAkB;AAE3E,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE;AACP,QAAA,IAAI,CAAC,sBAAsB,GAAG,qBAAqB,CAAC,IAAI,CAAC,OAAO,CAAC,sBAAsB,EAAE,GAAG,CAAC;AAC7F,QAAA,IAAI,CAAC,qBAAqB,GAAG,qBAAqB,CAAC,IAAI,CAAC,OAAO,CAAC,qBAAqB,EAAE,GAAG,CAAC;AAC3F,QAAA,IAAI,CAAC,WAAW,CAAC,YAAY,CAAC,IAAI,CAAC,sBAAsB,EAAE,IAAI,CAAC,qBAAqB,CAAC;IACxF;IAEmB,gBAAgB,GAAA;QACjC,KAAK,CAAC,gBAAgB,EAAE;AACxB,QAAA,IAAI,CAAC,WAAW,CAAC,mBAAmB,EAAE;IACxC;;IAGA,mBAAmB,GAAA;AACjB,QAAA,IAAI,CAAC,WAAW,CAAC,kBAAkB,EAAE;IACvC;;AAGA,IAAA,mBAAmB,CAAC,EAAU,EAAA;AAC5B,QAAA,IAAI,CAAC,WAAW,CAAC,kBAAkB,CAAC,EAAE,CAAC;IACzC;;AAGA,IAAA,sBAAsB,CAAC,EAAU,EAAA;AAC/B,QAAA,IAAI,CAAC,WAAW,CAAC,qBAAqB,CAAC,EAAE,CAAC;IAC5C;uGA7DW,cAAc,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAd,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,cAAc,2hBAfd,CAAC,2BAA2B,CAAC,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAJ9B,iCAAiC,4DAGjC,eAAe,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FAgBd,cAAc,EAAA,UAAA,EAAA,CAAA;kBArB1B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,oBAAoB;AAC9B,oBAAA,QAAQ,EAAE,iCAAiC;oBAC3C,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;oBACrC,OAAO,EAAE,CAAC,eAAe,CAAC;oBAC1B,SAAS,EAAE,CAAC,2BAA2B,CAAC;AACxC,oBAAA,IAAI,EAAE;AACJ,wBAAA,QAAQ,EAAE,IAAI;AACd,wBAAA,WAAW,EAAE,oBAAoB;AACjC,wBAAA,aAAa,EAAE,cAAc;AAC7B,wBAAA,mBAAmB,EAAE,mBAAmB;AACxC,wBAAA,wBAAwB,EAAE,oDAAoD;AAC9E,wBAAA,mBAAmB,EAAE,mBAAmB;AACxC,wBAAA,yBAAyB,EAAE,uBAAuB;AAClD,wBAAA,mBAAmB,EAAE,SAAS;AAC9B,wBAAA,kBAAkB,EAAE,YAAY;AAChC,wBAAA,SAAS,EAAE,eAAe;AAC1B,wBAAA,gCAAgC,EAAE,sBAAsB;AACzD,qBAAA;AACF,iBAAA;;;AC9GD;;;;;;;;AAQG;AACG,SAAU,iBAAiB,CAC/B,QAAkB,EAClB,OAA0C,EAC1C,MAAyB,EACzB,QAAwB,EAAA;;;IAIxB,MAAM,SAAS,GAAG,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC;AAEtC,IAAA,MAAM,MAAM,GAAG,SAAS,CAAC,IAAI,CAAU,OAAO,EAAE;QAC9C,EAAE,EAAE,MAAM,CAAC,EAAE;QACb,IAAI,EAAE,MAAM,CAAC,IAAI;QACjB,IAAI,EAAE,MAAM,CAAC,IAAI;QACjB,UAAU,EAAE,MAAM,CAAC,UAAU;AAC7B,QAAA,aAAa,EAAE,MAAM,CAAC,aAAa,IAAI,mBAAmB;QAC1D,WAAW,EAAE,MAAM,CAAC,WAAW;;;QAG/B,SAAS,EAAE,MAAM,CAAC,SAAS;QAC3B,eAAe,EAAE,MAAM,CAAC,eAAe;QACvC,cAAc,EAAE,MAAM,CAAC,cAAc;QACrC,SAAS,EAAE,MAAM,CAAC,SAAS;QAC3B,SAAS,EAAE,MAAM,CAAC,SAAS;QAC3B,SAAS,EAAE,MAAM,CAAC,SAAS;QAC3B,YAAY,EAAE,MAAM,CAAC,YAAY;AACjC,QAAA,cAAc,EACZ,MAAM,CAAC,cAAc,IAAI,qBAAqB,CAAC,QAAQ,EAAE,MAAM,CAAC,cAAc,CAAC;AACjF,QAAA,gBAAgB,EACd,MAAM,CAAC,gBAAgB,IAAI,uBAAuB,CAAC,QAAQ,EAAE,MAAM,CAAC,IAAI,IAAI,OAAO,CAAC;QACtF,iBAAiB,EAAE,MAAM,CAAC,iBAAiB;QAC3C,gBAAgB,EAAE,MAAM,CAAC,gBAAgB;QACzC,QAAQ,EAAE,MAAM,CAAC,QAAQ;;AAEzB,QAAA,YAAY,EAAE,IAAI;AAClB,QAAA,yBAAyB,EAAE,KAAK;AAChC,QAAA,SAAS,EAAE;AACT,YAAA,IAAI,EAAE,cAAc;YACpB,SAAS,EAAE,MAAM;AACf,gBAAA,EAAE,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,EAAE;AAC1C,gBAAA,EAAE,OAAO,EAAEA,YAAe,EAAE,QAAQ,EAAE,MAAM,EAAE;AAC/C,aAAA;AACF,SAAA;QACD,SAAS,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,SAAS,KAAI;AAC3C,YAAA,QAAQ,CAAC,OAAO,CAAC,MAAM,EAAE,SAA2B,CAAC;AACrD,YAAA,MAAM,SAAS,GAAqB;AAClC,gBAAA,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE;gBACzC,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,CAAC,IAAI,IAAI,IAAI,EAAE;aAC1D;AACD,YAAA,IAAI,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,SAAS,CAAC;gBAAE,SAAS,CAAC,IAAI,CAAC,GAAG,MAAM,CAAC,SAAS,CAAC;AACxE,YAAA,OAAO,SAAS;QAClB,CAAC;AACF,KAAA,CAAC;IAEF,QAAQ,CAAC,aAAa,CACpB,MAAM,CAAC,iBAA6B,EACpC,MAAM,CAAC,YAAsC,CAC9C;AACH;AAEA,SAAS,qBAAqB,CAC5B,QAAkB,EAClB,QAAyC,EAAA;IAEzC,QAAQ,QAAQ;AACd,QAAA,KAAK,OAAO;AACV,YAAA,OAAO,yBAAyB,CAAC,QAAQ,CAAC;AAC5C,QAAA,KAAK,YAAY;AACf,YAAA,OAAO,8BAA8B,CAAC,QAAQ,CAAC;AACjD,QAAA,KAAK,MAAM;YACT,OAAO,wBAAwB,EAAE;AACnC,QAAA,KAAK,OAAO;AACZ,QAAA;AACE,YAAA,OAAO,yBAAyB,CAAC,QAAQ,CAAC;;AAEhD;AAEA,SAAS,uBAAuB,CAAC,QAAkB,EAAE,IAAe,EAAA;AAClE,IAAA,MAAM,QAAQ,GAAG,4BAA4B,CAAC,QAAQ,CAAC;IACvD,QAAQ,IAAI;AACV,QAAA,KAAK,MAAM;AACT,YAAA,OAAO,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC;AAChD,QAAA,KAAK,KAAK;AACR,YAAA,OAAO,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC;AAC/C,QAAA,KAAK,QAAQ;AACX,YAAA,OAAO,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC;AAClD,QAAA,KAAK,OAAO;AACZ,QAAA;AACE,YAAA,OAAO,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC;;AAErD;;;;"}

package/fesm2022/cdevhub-ngx-tw-sheet-testing.mjs

@@ -0,0 +1,129 @@
+import { ComponentHarness, HarnessPredicate, TestKey } from '@angular/cdk/testing';
+
+/**
+ * Harness for a sheet opened with `Sheet.open()`.
+ *
+ * ## Loading it
+ *
+ * A sheet is **service-opened**, not template-declared: nothing in the test
+ * fixture's own DOM represents it, and the container renders into the CDK
+ * overlay container on `document.body`. This harness's host *is* that container,
+ * so it must be loaded from
+ * `TestbedHarnessEnvironment.documentRootLoader(fixture)` — the ordinary
+ * `loader(fixture)` searches inside `fixture.nativeElement` and will never find
+ * it. Overlay panels belonging to template-declared components (`tw-select`,
+ * `tw-popover-overlay`, `tw-menu`) are the opposite case: those harnesses host
+ * on the in-fixture trigger and reach their panel internally, so the plain
+ * fixture loader is correct there.
+ *
+ * ## Waiting for it
+ *
+ * `Sheet` loads its render layer through a dynamic `import()`, so the container
+ * does **not** exist synchronously after `open()`. Await the ref's public
+ * {@link SheetRef.whenComponentReady} before asking for the harness — it
+ * resolves once the chunk has landed and the overlay is attached, for template
+ * sheets (with `null`) as well as component sheets.
+ *
+ * @example
+ * ```ts
+ * const ref = sheet.open(FiltersSheet, { side: 'left' });
+ * await ref.whenComponentReady();
+ * const rootLoader = TestbedHarnessEnvironment.documentRootLoader(fixture);
+ * const harness = await rootLoader.getHarness(SheetHarness);
+ * expect(await harness.getSide()).toBe('left');
+ * ```
+ */
+class SheetHarness extends ComponentHarness {
+    static hostSelector = 'tw-sheet-container';
+    title = this.locatorForOptional('[twSheetTitle], tw-sheet-title');
+    content = this.locatorForOptional('[twSheetContent], tw-sheet-content');
+    /** Any descendant of the container that currently holds DOM focus. */
+    focusedDescendant = this.locatorForOptional(':focus');
+    /**
+     * Overlay backdrops, which are siblings of the sheet's overlay pane rather
+     * than descendants of the container — hence the document-root lookup.
+     */
+    backdrops = this.documentRootLocatorFactory().locatorForAll('.cdk-overlay-backdrop');
+    /** Predicate for `locatorFor` / `locatorForAll`. */
+    static with(options = {}) {
+        return new HarnessPredicate(SheetHarness, options)
+            .addOption('id', options.id, async (h, id) => HarnessPredicate.stringMatches(await h.getId(), id))
+            .addOption('title', options.title, async (h, title) => HarnessPredicate.stringMatches(await h.getTitleText(), title))
+            .addOption('side', options.side, async (h, side) => (await h.getSide()) === side);
+    }
+    /** The sheet's id. Matches the `id` on the `SheetRef` returned by `open()`. */
+    async getId() {
+        return (await this.host()).getAttribute('id');
+    }
+    /** The sheet's ARIA role — `'dialog'`, or `'alertdialog'` when so configured. */
+    async getRole() {
+        return (await this.host()).getAttribute('role');
+    }
+    /**
+     * The edge the sheet is anchored to, read from the container's `data-side`
+     * attribute. This is the one axis a sheet has that a dialog does not.
+     */
+    async getSide() {
+        return (await (await this.host()).getAttribute('data-side'));
+    }
+    /**
+     * Text of the projected `[twSheetTitle]` element, trimmed, or `null` when the
+     * sheet's content does not use the title directive.
+     */
+    async getTitleText() {
+        const title = await this.title();
+        return title ? (await title.text()).trim() : null;
+    }
+    /**
+     * Text of the projected `[twSheetContent]` region, trimmed, or `null` when
+     * the sheet's content does not use the content directive.
+     */
+    async getContentText() {
+        const content = await this.content();
+        return content ? (await content.text()).trim() : null;
+    }
+    /**
+     * Whether DOM focus currently sits on the sheet container or anywhere inside
+     * it — the observable consequence of the CDK focus trap. CDK moves focus
+     * asynchronously, so let the fixture settle after opening before asserting.
+     */
+    async containsFocus() {
+        if (await (await this.host()).isFocused())
+            return true;
+        return (await this.focusedDescendant()) !== null;
+    }
+    /** Whether the sheet rendered a backdrop. */
+    async hasBackdrop() {
+        return (await this.backdrops()).length > 0;
+    }
+    /**
+     * Clicks the backdrop — the pointer dismiss gesture. Does nothing observable
+     * when the sheet was opened with `disableClose: true` or
+     * `closeOnBackdropClick: false`, which is how a test asserts those flags.
+     *
+     * Throws when no backdrop is rendered. With several overlays stacked, the
+     * last backdrop in the overlay container is used, i.e. the topmost one.
+     */
+    async clickBackdrop() {
+        const backdrops = await this.backdrops();
+        if (backdrops.length === 0) {
+            throw new Error('SheetHarness.clickBackdrop: no backdrop is rendered. The sheet was opened with `hasBackdrop: false`.');
+        }
+        await backdrops[backdrops.length - 1].click();
+    }
+    /**
+     * Sends Escape to the sheet — the keyboard dismiss gesture. Deliberately a
+     * no-op when the sheet was opened with `disableClose: true` or
+     * `closeOnEscape: false`.
+     */
+    async pressEscape() {
+        await (await this.host()).sendKeys(TestKey.ESCAPE);
+    }
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SheetHarness };
+//# sourceMappingURL=cdevhub-ngx-tw-sheet-testing.mjs.map

package/fesm2022/cdevhub-ngx-tw-sheet-testing.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cdevhub-ngx-tw-sheet-testing.mjs","sources":["../../../projects/ngx-tw/sheet/testing/sheet-harness.ts","../../../projects/ngx-tw/sheet/testing/cdevhub-ngx-tw-sheet-testing.ts"],"sourcesContent":["import { ComponentHarness, HarnessPredicate, TestKey } from '@angular/cdk/testing';\nimport type { BaseHarnessFilters, TestElement } from '@angular/cdk/testing';\n// Imported through the package entry point, not a `../` path: a secondary entry\n// point's `rootDir` is its own directory, so ng-packagr rejects a relative\n// import that climbs out of `sheet/testing`.\nimport type { SheetSide } from '@cdevhub/ngx-tw/sheet';\n\n/** Filters accepted by `SheetHarness.with`. */\nexport interface SheetHarnessFilters extends BaseHarnessFilters {\n  /** Match by the sheet's id — the same value as `SheetRef.id`. */\n  id?: string | RegExp;\n  /** Match by the text of the projected `[twSheetTitle]` element. */\n  title?: string | RegExp;\n  /** Match by the edge the sheet is anchored to. */\n  side?: SheetSide;\n}\n\n/**\n * Harness for a sheet opened with `Sheet.open()`.\n *\n * ## Loading it\n *\n * A sheet is **service-opened**, not template-declared: nothing in the test\n * fixture's own DOM represents it, and the container renders into the CDK\n * overlay container on `document.body`. This harness's host *is* that container,\n * so it must be loaded from\n * `TestbedHarnessEnvironment.documentRootLoader(fixture)` — the ordinary\n * `loader(fixture)` searches inside `fixture.nativeElement` and will never find\n * it. Overlay panels belonging to template-declared components (`tw-select`,\n * `tw-popover-overlay`, `tw-menu`) are the opposite case: those harnesses host\n * on the in-fixture trigger and reach their panel internally, so the plain\n * fixture loader is correct there.\n *\n * ## Waiting for it\n *\n * `Sheet` loads its render layer through a dynamic `import()`, so the container\n * does **not** exist synchronously after `open()`. Await the ref's public\n * {@link SheetRef.whenComponentReady} before asking for the harness — it\n * resolves once the chunk has landed and the overlay is attached, for template\n * sheets (with `null`) as well as component sheets.\n *\n * @example\n * ```ts\n * const ref = sheet.open(FiltersSheet, { side: 'left' });\n * await ref.whenComponentReady();\n * const rootLoader = TestbedHarnessEnvironment.documentRootLoader(fixture);\n * const harness = await rootLoader.getHarness(SheetHarness);\n * expect(await harness.getSide()).toBe('left');\n * ```\n */\nexport class SheetHarness extends ComponentHarness {\n  static hostSelector = 'tw-sheet-container';\n\n  private readonly title = this.locatorForOptional(\n    '[twSheetTitle], tw-sheet-title',\n  );\n  private readonly content = this.locatorForOptional(\n    '[twSheetContent], tw-sheet-content',\n  );\n  /** Any descendant of the container that currently holds DOM focus. */\n  private readonly focusedDescendant = this.locatorForOptional(':focus');\n  /**\n   * Overlay backdrops, which are siblings of the sheet's overlay pane rather\n   * than descendants of the container — hence the document-root lookup.\n   */\n  private readonly backdrops =\n    this.documentRootLocatorFactory().locatorForAll('.cdk-overlay-backdrop');\n\n  /** Predicate for `locatorFor` / `locatorForAll`. */\n  static with(options: SheetHarnessFilters = {}): HarnessPredicate<SheetHarness> {\n    return new HarnessPredicate(SheetHarness, options)\n      .addOption('id', options.id, async (h, id) =>\n        HarnessPredicate.stringMatches(await h.getId(), id),\n      )\n      .addOption('title', options.title, async (h, title) =>\n        HarnessPredicate.stringMatches(await h.getTitleText(), title),\n      )\n      .addOption('side', options.side, async (h, side) => (await h.getSide()) === side);\n  }\n\n  /** The sheet's id. Matches the `id` on the `SheetRef` returned by `open()`. */\n  async getId(): Promise<string | null> {\n    return (await this.host()).getAttribute('id');\n  }\n\n  /** The sheet's ARIA role — `'dialog'`, or `'alertdialog'` when so configured. */\n  async getRole(): Promise<string | null> {\n    return (await this.host()).getAttribute('role');\n  }\n\n  /**\n   * The edge the sheet is anchored to, read from the container's `data-side`\n   * attribute. This is the one axis a sheet has that a dialog does not.\n   */\n  async getSide(): Promise<SheetSide | null> {\n    return (await (await this.host()).getAttribute('data-side')) as SheetSide | null;\n  }\n\n  /**\n   * Text of the projected `[twSheetTitle]` element, trimmed, or `null` when the\n   * sheet's content does not use the title directive.\n   */\n  async getTitleText(): Promise<string | null> {\n    const title: TestElement | null = await this.title();\n    return title ? (await title.text()).trim() : null;\n  }\n\n  /**\n   * Text of the projected `[twSheetContent]` region, trimmed, or `null` when\n   * the sheet's content does not use the content directive.\n   */\n  async getContentText(): Promise<string | null> {\n    const content: TestElement | null = await this.content();\n    return content ? (await content.text()).trim() : null;\n  }\n\n  /**\n   * Whether DOM focus currently sits on the sheet container or anywhere inside\n   * it — the observable consequence of the CDK focus trap. CDK moves focus\n   * asynchronously, so let the fixture settle after opening before asserting.\n   */\n  async containsFocus(): Promise<boolean> {\n    if (await (await this.host()).isFocused()) return true;\n    return (await this.focusedDescendant()) !== null;\n  }\n\n  /** Whether the sheet rendered a backdrop. */\n  async hasBackdrop(): Promise<boolean> {\n    return (await this.backdrops()).length > 0;\n  }\n\n  /**\n   * Clicks the backdrop — the pointer dismiss gesture. Does nothing observable\n   * when the sheet was opened with `disableClose: true` or\n   * `closeOnBackdropClick: false`, which is how a test asserts those flags.\n   *\n   * Throws when no backdrop is rendered. With several overlays stacked, the\n   * last backdrop in the overlay container is used, i.e. the topmost one.\n   */\n  async clickBackdrop(): Promise<void> {\n    const backdrops = await this.backdrops();\n    if (backdrops.length === 0) {\n      throw new Error(\n        'SheetHarness.clickBackdrop: no backdrop is rendered. The sheet was opened with `hasBackdrop: false`.',\n      );\n    }\n    await backdrops[backdrops.length - 1].click();\n  }\n\n  /**\n   * Sends Escape to the sheet — the keyboard dismiss gesture. Deliberately a\n   * no-op when the sheet was opened with `disableClose: true` or\n   * `closeOnEscape: false`.\n   */\n  async pressEscape(): Promise<void> {\n    await (await this.host()).sendKeys(TestKey.ESCAPE);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}