@frame-ui-ng/components 0.1.0-beta.0

package/fesm2022/frame-ui-ng-components-sheet.mjs

@@ -0,0 +1,514 @@
+import * as i0 from '@angular/core';
+import { inject, TemplateRef, input, booleanAttribute, Directive, Component, Injector, Injectable, DestroyRef, ElementRef, ViewContainerRef, output, signal, NgModule } from '@angular/core';
+import { DialogRef, DIALOG_DATA, Dialog } from '@angular/cdk/dialog';
+import { NgComponentOutlet } from '@angular/common';
+import { FrButton, FrButtonLabel } from '@frame-ui-ng/components/button';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+
+class FrSheetContent {
+    templateRef = inject((TemplateRef));
+    ariaLabel = input(null, { ...(ngDevMode ? { debugName: "ariaLabel" } : /* istanbul ignore next */ {}), alias: 'aria-label' });
+    ariaLabelledBy = input(null, { ...(ngDevMode ? { debugName: "ariaLabelledBy" } : /* istanbul ignore next */ {}), alias: 'aria-labelledby' });
+    ariaDescribedBy = input(null, { ...(ngDevMode ? { debugName: "ariaDescribedBy" } : /* istanbul ignore next */ {}), alias: 'aria-describedby' });
+    backdropClass = input(null, ...(ngDevMode ? [{ debugName: "backdropClass" }] : /* istanbul ignore next */ []));
+    closeOnDestroy = input(true, { ...(ngDevMode ? { debugName: "closeOnDestroy" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    closeOnNavigation = input(true, { ...(ngDevMode ? { debugName: "closeOnNavigation" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    direction = input(null, ...(ngDevMode ? [{ debugName: "direction" }] : /* istanbul ignore next */ []));
+    disableClose = input(false, { ...(ngDevMode ? { debugName: "disableClose" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    height = input(null, ...(ngDevMode ? [{ debugName: "height" }] : /* istanbul ignore next */ []));
+    id = input(null, ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+    maxHeight = input(null, ...(ngDevMode ? [{ debugName: "maxHeight" }] : /* istanbul ignore next */ []));
+    maxWidth = input(null, ...(ngDevMode ? [{ debugName: "maxWidth" }] : /* istanbul ignore next */ []));
+    minHeight = input(null, ...(ngDevMode ? [{ debugName: "minHeight" }] : /* istanbul ignore next */ []));
+    minWidth = input(null, ...(ngDevMode ? [{ debugName: "minWidth" }] : /* istanbul ignore next */ []));
+    panelClass = input(null, ...(ngDevMode ? [{ debugName: "panelClass" }] : /* istanbul ignore next */ []));
+    role = input('dialog', ...(ngDevMode ? [{ debugName: "role" }] : /* istanbul ignore next */ []));
+    width = input(null, ...(ngDevMode ? [{ debugName: "width" }] : /* istanbul ignore next */ []));
+    buildConfig(viewContainerRef) {
+        return {
+            ariaLabel: this.ariaLabel() ?? undefined,
+            ariaLabelledBy: this.ariaLabelledBy() ?? undefined,
+            ariaDescribedBy: this.ariaDescribedBy() ?? undefined,
+            backdropClass: this.backdropClass() ?? undefined,
+            closeOnDestroy: this.closeOnDestroy(),
+            closeOnNavigation: this.closeOnNavigation(),
+            direction: this.direction() ?? undefined,
+            disableClose: this.disableClose(),
+            height: this.height() ?? undefined,
+            id: this.id() ?? undefined,
+            maxHeight: this.maxHeight() ?? undefined,
+            maxWidth: this.maxWidth() ?? undefined,
+            minHeight: this.minHeight() ?? undefined,
+            minWidth: this.minWidth() ?? undefined,
+            panelClass: this.panelClass() ?? undefined,
+            role: this.role(),
+            viewContainerRef,
+            width: this.width() ?? undefined,
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrSheetContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.16", type: FrSheetContent, isStandalone: true, selector: "ng-template[frSheetContent]", inputs: { ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledBy: { classPropertyName: "ariaLabelledBy", publicName: "aria-labelledby", isSignal: true, isRequired: false, transformFunction: null }, ariaDescribedBy: { classPropertyName: "ariaDescribedBy", publicName: "aria-describedby", isSignal: true, isRequired: false, transformFunction: null }, backdropClass: { classPropertyName: "backdropClass", publicName: "backdropClass", isSignal: true, isRequired: false, transformFunction: null }, closeOnDestroy: { classPropertyName: "closeOnDestroy", publicName: "closeOnDestroy", isSignal: true, isRequired: false, transformFunction: null }, closeOnNavigation: { classPropertyName: "closeOnNavigation", publicName: "closeOnNavigation", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, disableClose: { classPropertyName: "disableClose", publicName: "disableClose", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, maxHeight: { classPropertyName: "maxHeight", publicName: "maxHeight", isSignal: true, isRequired: false, transformFunction: null }, maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null }, minHeight: { classPropertyName: "minHeight", publicName: "minHeight", isSignal: true, isRequired: false, transformFunction: null }, minWidth: { classPropertyName: "minWidth", publicName: "minWidth", isSignal: true, isRequired: false, transformFunction: null }, panelClass: { classPropertyName: "panelClass", publicName: "panelClass", isSignal: true, isRequired: false, transformFunction: null }, role: { classPropertyName: "role", publicName: "role", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null } }, exportAs: ["frSheetContent"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrSheetContent, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[frSheetContent]',
+                    exportAs: 'frSheetContent',
+                }]
+        }], propDecorators: { ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-label", required: false }] }], ariaLabelledBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-labelledby", required: false }] }], ariaDescribedBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "aria-describedby", required: false }] }], backdropClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "backdropClass", required: false }] }], closeOnDestroy: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnDestroy", required: false }] }], closeOnNavigation: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnNavigation", required: false }] }], direction: [{ type: i0.Input, args: [{ isSignal: true, alias: "direction", required: false }] }], disableClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "disableClose", required: false }] }], height: [{ type: i0.Input, args: [{ isSignal: true, alias: "height", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], maxHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxHeight", required: false }] }], maxWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxWidth", required: false }] }], minHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "minHeight", required: false }] }], minWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "minWidth", required: false }] }], panelClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "panelClass", required: false }] }], role: [{ type: i0.Input, args: [{ isSignal: true, alias: "role", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }] } });
+
+const FR_SHEET_SIDES = ['top', 'right', 'bottom', 'left'];
+function coerceSheetSide(value) {
+    return value === 'top' || value === 'bottom' || value === 'left' ? value : 'right';
+}
+class FrSheetClose {
+    dialogRef = inject(DialogRef, { optional: true });
+    result = input(undefined, { ...(ngDevMode ? { debugName: "result" } : /* istanbul ignore next */ {}), alias: 'frSheetClose' });
+    close() {
+        this.dialogRef?.close(this.result());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrSheetClose, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.16", type: FrSheetClose, isStandalone: true, selector: "[frSheetClose]", inputs: { result: { classPropertyName: "result", publicName: "frSheetClose", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "close()" }, classAttribute: "frame-sheet__close-control" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrSheetClose, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frSheetClose]',
+                    host: {
+                        class: 'frame-sheet__close-control',
+                        '(click)': 'close()',
+                    },
+                }]
+        }], propDecorators: { result: [{ type: i0.Input, args: [{ isSignal: true, alias: "frSheetClose", required: false }] }] } });
+class FrSheetPanel {
+    scrollable = input(false, { ...(ngDevMode ? { debugName: "scrollable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    showCloseButton = input(true, { ...(ngDevMode ? { debugName: "showCloseButton" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    side = input('right', { ...(ngDevMode ? { debugName: "side" } : /* istanbul ignore next */ {}), transform: coerceSheetSide });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrSheetPanel, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: FrSheetPanel, isStandalone: true, selector: "[frSheetPanel], frame-sheet-panel", inputs: { scrollable: { classPropertyName: "scrollable", publicName: "scrollable", isSignal: true, isRequired: false, transformFunction: null }, showCloseButton: { classPropertyName: "showCloseButton", publicName: "showCloseButton", isSignal: true, isRequired: false, transformFunction: null }, side: { classPropertyName: "side", publicName: "side", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.data-scrollable": "scrollable() ? \"\" : null", "attr.data-side": "side()" }, classAttribute: "frame-sheet__panel" }, ngImport: i0, template: `
+    <ng-content />
+    @if (showCloseButton()) {
+      <button class="frame-sheet__close" frSheetClose type="button" aria-label="Close sheet">
+        <span aria-hidden="true">×</span>
+      </button>
+    }
+  `, isInline: true, dependencies: [{ kind: "directive", type: FrSheetClose, selector: "[frSheetClose]", inputs: ["frSheetClose"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrSheetPanel, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[frSheetPanel], frame-sheet-panel',
+                    host: {
+                        class: 'frame-sheet__panel',
+                        '[attr.data-scrollable]': 'scrollable() ? "" : null',
+                        '[attr.data-side]': 'side()',
+                    },
+                    template: `
+    <ng-content />
+    @if (showCloseButton()) {
+      <button class="frame-sheet__close" frSheetClose type="button" aria-label="Close sheet">
+        <span aria-hidden="true">×</span>
+      </button>
+    }
+  `,
+                    imports: [FrSheetClose],
+                }]
+        }], propDecorators: { scrollable: [{ type: i0.Input, args: [{ isSignal: true, alias: "scrollable", required: false }] }], showCloseButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "showCloseButton", required: false }] }], side: [{ type: i0.Input, args: [{ isSignal: true, alias: "side", required: false }] }] } });
+class FrSheetHeader {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrSheetHeader, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrSheetHeader, isStandalone: true, selector: "[frSheetHeader], frame-sheet-header", host: { classAttribute: "frame-sheet__header" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrSheetHeader, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frSheetHeader], frame-sheet-header',
+                    host: {
+                        class: 'frame-sheet__header',
+                    },
+                }]
+        }] });
+class FrSheetBody {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrSheetBody, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrSheetBody, isStandalone: true, selector: "[frSheetBody], frame-sheet-body", host: { classAttribute: "frame-sheet__body" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrSheetBody, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frSheetBody], frame-sheet-body',
+                    host: {
+                        class: 'frame-sheet__body',
+                    },
+                }]
+        }] });
+class FrSheetFooter {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrSheetFooter, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrSheetFooter, isStandalone: true, selector: "[frSheetFooter], frame-sheet-footer", host: { classAttribute: "frame-sheet__footer" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrSheetFooter, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frSheetFooter], frame-sheet-footer',
+                    host: {
+                        class: 'frame-sheet__footer',
+                    },
+                }]
+        }] });
+class FrSheetTitle {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrSheetTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrSheetTitle, isStandalone: true, selector: "[frSheetTitle], frame-sheet-title", host: { classAttribute: "frame-sheet__title" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrSheetTitle, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frSheetTitle], frame-sheet-title',
+                    host: {
+                        class: 'frame-sheet__title',
+                    },
+                }]
+        }] });
+class FrSheetDescription {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrSheetDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.16", type: FrSheetDescription, isStandalone: true, selector: "[frSheetDescription], frame-sheet-description", host: { classAttribute: "frame-sheet__description" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrSheetDescription, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frSheetDescription], frame-sheet-description',
+                    host: {
+                        class: 'frame-sheet__description',
+                    },
+                }]
+        }] });
+
+const FR_SHEET_DATA = DIALOG_DATA;
+
+class FrSheetShell {
+    dialogRef = inject((DialogRef));
+    injector = inject(Injector);
+    options = inject(DIALOG_DATA);
+    bodyInjector = Injector.create({
+        parent: this.injector,
+        providers: [
+            {
+                provide: FR_SHEET_DATA,
+                useValue: this.options.bodyData,
+            },
+        ],
+    });
+    handleAction(action) {
+        if (action.close ?? true) {
+            this.dialogRef.close(action.result);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrSheetShell, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: FrSheetShell, isStandalone: true, selector: "frame-sheet-shell", ngImport: i0, template: `
+    <div
+      frSheetPanel
+      [side]="options.side ?? 'right'"
+      [showCloseButton]="options.showCloseButton ?? true"
+      [scrollable]="options.scrollable ?? false"
+    >
+      @if (options.title || options.description) {
+        <div frSheetHeader>
+          @if (options.title) {
+            <h2 frSheetTitle>{{ options.title }}</h2>
+          }
+
+          @if (options.description) {
+            <p frSheetDescription>{{ options.description }}</p>
+          }
+        </div>
+      }
+
+      <div frSheetBody>
+        <ng-container
+          [ngComponentOutlet]="options.bodyComponent"
+          [ngComponentOutletInputs]="options.bodyInputs ?? {}"
+          [ngComponentOutletInjector]="bodyInjector"
+        />
+      </div>
+
+      @if (options.footerActions?.length) {
+        <div frSheetFooter>
+          @for (action of options.footerActions; track action.label) {
+            <button
+              frButton
+              type="button"
+              [appearance]="action.appearance ?? 'primary'"
+              [disabled]="action.disabled ?? false"
+              [attr.aria-label]="action.ariaLabel ?? null"
+              (click)="handleAction(action)"
+            >
+              <span frButtonLabel>{{ action.label }}</span>
+            </button>
+          }
+        </div>
+      }
+    </div>
+  `, isInline: true, dependencies: [{ kind: "directive", type: FrButton, selector: "a[frButton], button[frButton]", inputs: ["appearance", "disabled", "loading", "loadingDisplay", "radius", "size"] }, { kind: "directive", type: FrButtonLabel, selector: "[frButtonLabel]" }, { kind: "directive", type: FrSheetBody, selector: "[frSheetBody], frame-sheet-body" }, { kind: "directive", type: FrSheetDescription, selector: "[frSheetDescription], frame-sheet-description" }, { kind: "directive", type: FrSheetFooter, selector: "[frSheetFooter], frame-sheet-footer" }, { kind: "directive", type: FrSheetHeader, selector: "[frSheetHeader], frame-sheet-header" }, { kind: "component", type: FrSheetPanel, selector: "[frSheetPanel], frame-sheet-panel", inputs: ["scrollable", "showCloseButton", "side"] }, { kind: "directive", type: FrSheetTitle, selector: "[frSheetTitle], frame-sheet-title" }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrSheetShell, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'frame-sheet-shell',
+                    imports: [
+                        FrButton,
+                        FrButtonLabel,
+                        FrSheetBody,
+                        FrSheetDescription,
+                        FrSheetFooter,
+                        FrSheetHeader,
+                        FrSheetPanel,
+                        FrSheetTitle,
+                        NgComponentOutlet,
+                    ],
+                    template: `
+    <div
+      frSheetPanel
+      [side]="options.side ?? 'right'"
+      [showCloseButton]="options.showCloseButton ?? true"
+      [scrollable]="options.scrollable ?? false"
+    >
+      @if (options.title || options.description) {
+        <div frSheetHeader>
+          @if (options.title) {
+            <h2 frSheetTitle>{{ options.title }}</h2>
+          }
+
+          @if (options.description) {
+            <p frSheetDescription>{{ options.description }}</p>
+          }
+        </div>
+      }
+
+      <div frSheetBody>
+        <ng-container
+          [ngComponentOutlet]="options.bodyComponent"
+          [ngComponentOutletInputs]="options.bodyInputs ?? {}"
+          [ngComponentOutletInjector]="bodyInjector"
+        />
+      </div>
+
+      @if (options.footerActions?.length) {
+        <div frSheetFooter>
+          @for (action of options.footerActions; track action.label) {
+            <button
+              frButton
+              type="button"
+              [appearance]="action.appearance ?? 'primary'"
+              [disabled]="action.disabled ?? false"
+              [attr.aria-label]="action.ariaLabel ?? null"
+              (click)="handleAction(action)"
+            >
+              <span frButtonLabel>{{ action.label }}</span>
+            </button>
+          }
+        </div>
+      }
+    </div>
+  `,
+                }]
+        }] });
+
+const DEFAULT_PANEL_CLASS = 'frame-sheet__overlay-pane';
+const DEFAULT_BACKDROP_CLASS = 'frame-sheet__backdrop';
+class FrSheetService {
+    dialog = inject(Dialog);
+    open(content, config = {}) {
+        if (isComponentType(content) && hasShellOptions(config)) {
+            const shellConfig = {
+                ...withoutShellOptions(config),
+                data: {
+                    bodyComponent: content,
+                    bodyData: config.bodyData ?? config.data,
+                    bodyInputs: config.bodyInputs,
+                    description: config.description,
+                    footerActions: config.footerActions,
+                    scrollable: config.scrollable,
+                    showCloseButton: config.showCloseButton,
+                    side: config.side,
+                    title: config.title,
+                },
+            };
+            return this.dialog.open(FrSheetShell, this.withDefaultClasses(shellConfig));
+        }
+        return this.dialog.open(content, this.withDefaultClasses(config));
+    }
+    closeAll() {
+        this.dialog.closeAll();
+    }
+    withDefaultClasses(config) {
+        return {
+            ariaModal: true,
+            autoFocus: 'first-tabbable',
+            restoreFocus: true,
+            ...config,
+            maxHeight: config.maxHeight ?? '100dvh',
+            maxWidth: config.maxWidth ?? '100vw',
+            panelClass: mergeClassList(config.panelClass, DEFAULT_PANEL_CLASS),
+            backdropClass: mergeClassList(config.backdropClass, DEFAULT_BACKDROP_CLASS),
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrSheetService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrSheetService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrSheetService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+function isComponentType(value) {
+    return typeof value === 'function';
+}
+function hasShellOptions(config) {
+    return [
+        config.bodyData,
+        config.bodyInputs,
+        config.description,
+        config.footerActions,
+        config.scrollable,
+        config.showCloseButton,
+        config.side,
+        config.title,
+    ].some((value) => value !== undefined);
+}
+function withoutShellOptions(config) {
+    const { bodyData: _bodyData, bodyInputs: _bodyInputs, description: _description, footerActions: _footerActions, scrollable: _scrollable, showCloseButton: _showCloseButton, side: _side, title: _title, ...dialogConfig } = config;
+    return dialogConfig;
+}
+function mergeClassList(classList, defaultClass) {
+    const classes = Array.isArray(classList)
+        ? classList
+        : classList
+            ? classList.split(/\s+/)
+            : [];
+    return Array.from(new Set([defaultClass, ...classes].filter(Boolean)));
+}
+
+class FrSheetTrigger {
+    static CUSTOM_PROPERTY_PREFIX = '--frame-sheet-';
+    destroyRef = inject(DestroyRef);
+    elementRef = inject(ElementRef);
+    sheet = inject(FrSheetService);
+    viewContainerRef = inject(ViewContainerRef);
+    sheetRef = null;
+    content = input(null, { ...(ngDevMode ? { debugName: "content" } : /* istanbul ignore next */ {}), alias: 'frSheetTrigger' });
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    opened = output();
+    closed = output();
+    isOpen = signal(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
+    open() {
+        if (this.disabled() || this.isOpen()) {
+            return;
+        }
+        const content = this.content();
+        if (!content) {
+            return;
+        }
+        const templateRef = content instanceof FrSheetContent ? content.templateRef : content;
+        const config = content instanceof FrSheetContent
+            ? content.buildConfig(this.viewContainerRef)
+            : { viewContainerRef: this.viewContainerRef };
+        this.sheetRef = this.sheet.open(templateRef, config);
+        this.isOpen.set(true);
+        this.opened.emit(this.sheetRef);
+        queueMicrotask(() => this.syncCustomPropertiesToOverlay());
+        this.sheetRef.closed.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((result) => {
+            this.isOpen.set(false);
+            this.sheetRef = null;
+            this.closed.emit(result);
+        });
+    }
+    syncCustomPropertiesToOverlay() {
+        const overlayElement = this.sheetRef?.overlayRef.overlayElement ?? null;
+        if (!overlayElement) {
+            return;
+        }
+        const sheetPanel = overlayElement.querySelector('.frame-sheet__panel') ?? overlayElement;
+        const sourceStyles = getComputedStyle(this.elementRef.nativeElement);
+        for (let index = 0; index < sourceStyles.length; index += 1) {
+            const propertyName = sourceStyles.item(index);
+            if (!propertyName.startsWith(FrSheetTrigger.CUSTOM_PROPERTY_PREFIX)) {
+                continue;
+            }
+            const propertyValue = sourceStyles.getPropertyValue(propertyName);
+            overlayElement.style.setProperty(propertyName, propertyValue);
+            sheetPanel.style.setProperty(propertyName, propertyValue);
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrSheetTrigger, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.16", type: FrSheetTrigger, isStandalone: true, selector: "[frSheetTrigger]", inputs: { content: { classPropertyName: "content", publicName: "frSheetTrigger", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { opened: "opened", closed: "closed" }, host: { listeners: { "click": "open()" }, properties: { "attr.aria-haspopup": "\"dialog\"", "attr.data-state": "isOpen() ? \"open\" : \"closed\"", "attr.disabled": "disabled() ? \"\" : null", "attr.aria-disabled": "disabled() ? \"true\" : null" }, classAttribute: "frame-sheet__trigger" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrSheetTrigger, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[frSheetTrigger]',
+                    host: {
+                        class: 'frame-sheet__trigger',
+                        '[attr.aria-haspopup]': '"dialog"',
+                        '[attr.data-state]': 'isOpen() ? "open" : "closed"',
+                        '[attr.disabled]': 'disabled() ? "" : null',
+                        '[attr.aria-disabled]': 'disabled() ? "true" : null',
+                        '(click)': 'open()',
+                    },
+                }]
+        }], propDecorators: { content: [{ type: i0.Input, args: [{ isSignal: true, alias: "frSheetTrigger", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], opened: [{ type: i0.Output, args: ["opened"] }], closed: [{ type: i0.Output, args: ["closed"] }] } });
+
+class FrSheetModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrSheetModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "21.2.16", ngImport: i0, type: FrSheetModule, imports: [FrSheetBody,
+            FrSheetClose,
+            FrSheetContent,
+            FrSheetDescription,
+            FrSheetFooter,
+            FrSheetHeader,
+            FrSheetPanel,
+            FrSheetShell,
+            FrSheetTitle,
+            FrSheetTrigger], exports: [FrSheetBody,
+            FrSheetClose,
+            FrSheetContent,
+            FrSheetDescription,
+            FrSheetFooter,
+            FrSheetHeader,
+            FrSheetPanel,
+            FrSheetShell,
+            FrSheetTitle,
+            FrSheetTrigger] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrSheetModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: FrSheetModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        FrSheetBody,
+                        FrSheetClose,
+                        FrSheetContent,
+                        FrSheetDescription,
+                        FrSheetFooter,
+                        FrSheetHeader,
+                        FrSheetPanel,
+                        FrSheetShell,
+                        FrSheetTitle,
+                        FrSheetTrigger,
+                    ],
+                    exports: [
+                        FrSheetBody,
+                        FrSheetClose,
+                        FrSheetContent,
+                        FrSheetDescription,
+                        FrSheetFooter,
+                        FrSheetHeader,
+                        FrSheetPanel,
+                        FrSheetShell,
+                        FrSheetTitle,
+                        FrSheetTrigger,
+                    ],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { FR_SHEET_DATA, FR_SHEET_SIDES, FrSheetBody, FrSheetClose, FrSheetContent, FrSheetDescription, FrSheetFooter, FrSheetHeader, FrSheetModule, FrSheetPanel, FrSheetService, FrSheetShell, FrSheetTitle, FrSheetTrigger };
+//# sourceMappingURL=frame-ui-ng-components-sheet.mjs.map

package/fesm2022/frame-ui-ng-components-sheet.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"frame-ui-ng-components-sheet.mjs","sources":["../../../projects/components/sheet/src/sheet.content.ts","../../../projects/components/sheet/src/sheet.primitives.ts","../../../projects/components/sheet/src/sheet.tokens.ts","../../../projects/components/sheet/src/sheet-shell.ts","../../../projects/components/sheet/src/sheet.service.ts","../../../projects/components/sheet/src/sheet.trigger.ts","../../../projects/components/sheet/sheet.module.ts","../../../projects/components/sheet/frame-ui-ng-components-sheet.ts"],"sourcesContent":["import { Direction } from '@angular/cdk/bidi';\nimport {\n  Directive,\n  TemplateRef,\n  ViewContainerRef,\n  booleanAttribute,\n  inject,\n  input,\n} from '@angular/core';\n\nimport { FrSheetConfig } from './sheet.service';\n\n@Directive({\n  selector: 'ng-template[frSheetContent]',\n  exportAs: 'frSheetContent',\n})\nexport class FrSheetContent {\n  readonly templateRef = inject(TemplateRef<unknown>);\n\n  readonly ariaLabel = input<string | null>(null, { alias: 'aria-label' });\n  readonly ariaLabelledBy = input<string | null>(null, { alias: 'aria-labelledby' });\n  readonly ariaDescribedBy = input<string | null>(null, { alias: 'aria-describedby' });\n  readonly backdropClass = input<string | string[] | null>(null);\n  readonly closeOnDestroy = input(true, { transform: booleanAttribute });\n  readonly closeOnNavigation = input(true, { transform: booleanAttribute });\n  readonly direction = input<Direction | null>(null);\n  readonly disableClose = input(false, { transform: booleanAttribute });\n  readonly height = input<string | null>(null);\n  readonly id = input<string | null>(null);\n  readonly maxHeight = input<string | null>(null);\n  readonly maxWidth = input<string | null>(null);\n  readonly minHeight = input<string | null>(null);\n  readonly minWidth = input<string | null>(null);\n  readonly panelClass = input<string | string[] | null>(null);\n  readonly role = input<'dialog' | 'alertdialog'>('dialog');\n  readonly width = input<string | null>(null);\n\n  buildConfig(viewContainerRef: ViewContainerRef): FrSheetConfig {\n    return {\n      ariaLabel: this.ariaLabel() ?? undefined,\n      ariaLabelledBy: this.ariaLabelledBy() ?? undefined,\n      ariaDescribedBy: this.ariaDescribedBy() ?? undefined,\n      backdropClass: this.backdropClass() ?? undefined,\n      closeOnDestroy: this.closeOnDestroy(),\n      closeOnNavigation: this.closeOnNavigation(),\n      direction: this.direction() ?? undefined,\n      disableClose: this.disableClose(),\n      height: this.height() ?? undefined,\n      id: this.id() ?? undefined,\n      maxHeight: this.maxHeight() ?? undefined,\n      maxWidth: this.maxWidth() ?? undefined,\n      minHeight: this.minHeight() ?? undefined,\n      minWidth: this.minWidth() ?? undefined,\n      panelClass: this.panelClass() ?? undefined,\n      role: this.role(),\n      viewContainerRef,\n      width: this.width() ?? undefined,\n    };\n  }\n}\n","import { DialogRef } from '@angular/cdk/dialog';\nimport { Component, Directive, booleanAttribute, inject, input } from '@angular/core';\n\nexport const FR_SHEET_SIDES = ['top', 'right', 'bottom', 'left'] as const;\nexport type FrSheetSide = (typeof FR_SHEET_SIDES)[number];\n\nfunction coerceSheetSide(value: unknown): FrSheetSide {\n  return value === 'top' || value === 'bottom' || value === 'left' ? value : 'right';\n}\n\n@Directive({\n  selector: '[frSheetClose]',\n  host: {\n    class: 'frame-sheet__close-control',\n    '(click)': 'close()',\n  },\n})\nexport class FrSheetClose {\n  private readonly dialogRef = inject<DialogRef<unknown, unknown>>(DialogRef, { optional: true });\n  readonly result = input<unknown>(undefined, { alias: 'frSheetClose' });\n\n  close(): void {\n    this.dialogRef?.close(this.result());\n  }\n}\n\n@Component({\n  selector: '[frSheetPanel], frame-sheet-panel',\n  host: {\n    class: 'frame-sheet__panel',\n    '[attr.data-scrollable]': 'scrollable() ? \"\" : null',\n    '[attr.data-side]': 'side()',\n  },\n  template: `\n    <ng-content />\n    @if (showCloseButton()) {\n      <button class=\"frame-sheet__close\" frSheetClose type=\"button\" aria-label=\"Close sheet\">\n        <span aria-hidden=\"true\">×</span>\n      </button>\n    }\n  `,\n  imports: [FrSheetClose],\n})\nexport class FrSheetPanel {\n  readonly scrollable = input(false, { transform: booleanAttribute });\n  readonly showCloseButton = input(true, { transform: booleanAttribute });\n  readonly side = input<FrSheetSide, unknown>('right', { transform: coerceSheetSide });\n}\n\n@Directive({\n  selector: '[frSheetHeader], frame-sheet-header',\n  host: {\n    class: 'frame-sheet__header',\n  },\n})\nexport class FrSheetHeader {}\n\n@Directive({\n  selector: '[frSheetBody], frame-sheet-body',\n  host: {\n    class: 'frame-sheet__body',\n  },\n})\nexport class FrSheetBody {}\n\n@Directive({\n  selector: '[frSheetFooter], frame-sheet-footer',\n  host: {\n    class: 'frame-sheet__footer',\n  },\n})\nexport class FrSheetFooter {}\n\n@Directive({\n  selector: '[frSheetTitle], frame-sheet-title',\n  host: {\n    class: 'frame-sheet__title',\n  },\n})\nexport class FrSheetTitle {}\n\n@Directive({\n  selector: '[frSheetDescription], frame-sheet-description',\n  host: {\n    class: 'frame-sheet__description',\n  },\n})\nexport class FrSheetDescription {}\n","import { DIALOG_DATA } from '@angular/cdk/dialog';\n\nexport const FR_SHEET_DATA = DIALOG_DATA;\n","import { DIALOG_DATA, DialogRef } from '@angular/cdk/dialog';\nimport { NgComponentOutlet } from '@angular/common';\nimport { Component, Injector, Type, inject } from '@angular/core';\n\nimport { FrButton, FrButtonAppearance, FrButtonLabel } from '@frame-ui-ng/components/button';\nimport {\n  FrSheetBody,\n  FrSheetDescription,\n  FrSheetFooter,\n  FrSheetHeader,\n  FrSheetPanel,\n  FrSheetSide,\n  FrSheetTitle,\n} from './sheet.primitives';\nimport { FR_SHEET_DATA } from './sheet.tokens';\n\nexport type FrSheetFooterAction = {\n  appearance?: FrButtonAppearance;\n  ariaLabel?: string;\n  close?: boolean;\n  disabled?: boolean;\n  label: string;\n  result?: unknown;\n};\n\nexport type FrSheetShellOptions = {\n  bodyComponent: Type<unknown>;\n  bodyData?: unknown;\n  bodyInputs?: Record<string, unknown>;\n  description?: string;\n  footerActions?: FrSheetFooterAction[];\n  scrollable?: boolean;\n  showCloseButton?: boolean;\n  side?: FrSheetSide;\n  title?: string;\n};\n\n@Component({\n  selector: 'frame-sheet-shell',\n  imports: [\n    FrButton,\n    FrButtonLabel,\n    FrSheetBody,\n    FrSheetDescription,\n    FrSheetFooter,\n    FrSheetHeader,\n    FrSheetPanel,\n    FrSheetTitle,\n    NgComponentOutlet,\n  ],\n  template: `\n    <div\n      frSheetPanel\n      [side]=\"options.side ?? 'right'\"\n      [showCloseButton]=\"options.showCloseButton ?? true\"\n      [scrollable]=\"options.scrollable ?? false\"\n    >\n      @if (options.title || options.description) {\n        <div frSheetHeader>\n          @if (options.title) {\n            <h2 frSheetTitle>{{ options.title }}</h2>\n          }\n\n          @if (options.description) {\n            <p frSheetDescription>{{ options.description }}</p>\n          }\n        </div>\n      }\n\n      <div frSheetBody>\n        <ng-container\n          [ngComponentOutlet]=\"options.bodyComponent\"\n          [ngComponentOutletInputs]=\"options.bodyInputs ?? {}\"\n          [ngComponentOutletInjector]=\"bodyInjector\"\n        />\n      </div>\n\n      @if (options.footerActions?.length) {\n        <div frSheetFooter>\n          @for (action of options.footerActions; track action.label) {\n            <button\n              frButton\n              type=\"button\"\n              [appearance]=\"action.appearance ?? 'primary'\"\n              [disabled]=\"action.disabled ?? false\"\n              [attr.aria-label]=\"action.ariaLabel ?? null\"\n              (click)=\"handleAction(action)\"\n            >\n              <span frButtonLabel>{{ action.label }}</span>\n            </button>\n          }\n        </div>\n      }\n    </div>\n  `,\n})\nexport class FrSheetShell {\n  private readonly dialogRef = inject(DialogRef<unknown>);\n  private readonly injector = inject(Injector);\n  readonly options = inject<FrSheetShellOptions>(DIALOG_DATA);\n  readonly bodyInjector = Injector.create({\n    parent: this.injector,\n    providers: [\n      {\n        provide: FR_SHEET_DATA,\n        useValue: this.options.bodyData,\n      },\n    ],\n  });\n\n  handleAction(action: FrSheetFooterAction): void {\n    if (action.close ?? true) {\n      this.dialogRef.close(action.result);\n    }\n  }\n}\n\r\n","import { Dialog, DialogConfig, DialogRef } from '@angular/cdk/dialog';\nimport { ComponentType } from '@angular/cdk/portal';\nimport { Injectable, TemplateRef, Type, inject } from '@angular/core';\n\nimport { FrSheetSide } from './sheet.primitives';\nimport { FrSheetFooterAction, FrSheetShell, FrSheetShellOptions } from './sheet-shell';\n\nexport type FrSheetRef<Result = unknown, Component = unknown> = DialogRef<Result, Component>;\nexport type FrSheetConfig<Data = unknown, Result = unknown, Component = unknown> = DialogConfig<\n  Data,\n  DialogRef<Result, Component>\n> & {\n  bodyData?: unknown;\n  bodyInputs?: Record<string, unknown>;\n  description?: string;\n  footerActions?: FrSheetFooterAction[];\n  scrollable?: boolean;\n  showCloseButton?: boolean;\n  side?: FrSheetSide;\n  title?: string;\n};\n\nconst DEFAULT_PANEL_CLASS = 'frame-sheet__overlay-pane';\nconst DEFAULT_BACKDROP_CLASS = 'frame-sheet__backdrop';\n\n@Injectable({ providedIn: 'root' })\nexport class FrSheetService {\n  private readonly dialog = inject(Dialog);\n\n  open<Result = unknown, Data = unknown, Component = unknown>(\n    content: ComponentType<Component>,\n    config?: FrSheetConfig<Data, Result, Component>,\n  ): FrSheetRef<Result, Component>;\n  open<Result = unknown, Data = unknown, Context = unknown>(\n    content: TemplateRef<Context>,\n    config?: FrSheetConfig<Data, Result, Context>,\n  ): FrSheetRef<Result, Context>;\n  open<Result = unknown, Data = unknown, ComponentOrContext = unknown>(\n    content: ComponentType<ComponentOrContext> | TemplateRef<ComponentOrContext>,\n    config: FrSheetConfig<Data, Result, ComponentOrContext> = {},\n  ): FrSheetRef<Result, ComponentOrContext> {\n    if (isComponentType(content) && hasShellOptions(config as FrSheetConfig)) {\n      const shellConfig: DialogConfig<FrSheetShellOptions, DialogRef<Result, FrSheetShell>> = {\n        ...(withoutShellOptions(config) as unknown as DialogConfig<\n          FrSheetShellOptions,\n          DialogRef<Result, FrSheetShell>\n        >),\n        data: {\n          bodyComponent: content as Type<unknown>,\n          bodyData: config.bodyData ?? config.data,\n          bodyInputs: config.bodyInputs,\n          description: config.description,\n          footerActions: config.footerActions,\n          scrollable: config.scrollable,\n          showCloseButton: config.showCloseButton,\n          side: config.side,\n          title: config.title,\n        },\n      };\n\n      return this.dialog.open<Result, FrSheetShellOptions, FrSheetShell>(\n        FrSheetShell,\n        this.withDefaultClasses(shellConfig),\n      ) as unknown as FrSheetRef<Result, ComponentOrContext>;\n    }\n\n    return this.dialog.open<Result, Data, ComponentOrContext>(\n      content,\n      this.withDefaultClasses(config),\n    );\n  }\n\n  closeAll(): void {\n    this.dialog.closeAll();\n  }\n\n  private withDefaultClasses<Data, Result, Component>(\n    config: DialogConfig<Data, DialogRef<Result, Component>>,\n  ): DialogConfig<Data, DialogRef<Result, Component>> {\n    return {\n      ariaModal: true,\n      autoFocus: 'first-tabbable',\n      restoreFocus: true,\n      ...config,\n      maxHeight: config.maxHeight ?? '100dvh',\n      maxWidth: config.maxWidth ?? '100vw',\n      panelClass: mergeClassList(config.panelClass, DEFAULT_PANEL_CLASS),\n      backdropClass: mergeClassList(config.backdropClass, DEFAULT_BACKDROP_CLASS),\n    };\n  }\n}\n\nfunction isComponentType(value: unknown): value is ComponentType<unknown> {\n  return typeof value === 'function';\n}\n\nfunction hasShellOptions(config: FrSheetConfig): boolean {\n  return [\n    config.bodyData,\n    config.bodyInputs,\n    config.description,\n    config.footerActions,\n    config.scrollable,\n    config.showCloseButton,\n    config.side,\n    config.title,\n  ].some((value) => value !== undefined);\n}\n\nfunction withoutShellOptions<Data, Result, Component>(\n  config: FrSheetConfig<Data, Result, Component>,\n): DialogConfig<Data, DialogRef<Result, Component>> {\n  const {\n    bodyData: _bodyData,\n    bodyInputs: _bodyInputs,\n    description: _description,\n    footerActions: _footerActions,\n    scrollable: _scrollable,\n    showCloseButton: _showCloseButton,\n    side: _side,\n    title: _title,\n    ...dialogConfig\n  } = config;\n\n  return dialogConfig;\n}\n\nfunction mergeClassList(\n  classList: string | string[] | undefined,\n  defaultClass: string,\n): string[] {\n  const classes = Array.isArray(classList)\n    ? classList\n    : classList\n      ? classList.split(/\\s+/)\n      : [];\n\n  return Array.from(new Set([defaultClass, ...classes].filter(Boolean)));\n}\n","import {\n  DestroyRef,\n  Directive,\n  ElementRef,\n  TemplateRef,\n  ViewContainerRef,\n  booleanAttribute,\n  inject,\n  input,\n  output,\n  signal,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\nimport { FrSheetContent } from './sheet.content';\nimport { FrSheetRef, FrSheetService } from './sheet.service';\n\n@Directive({\n  selector: '[frSheetTrigger]',\n  host: {\n    class: 'frame-sheet__trigger',\n    '[attr.aria-haspopup]': '\"dialog\"',\n    '[attr.data-state]': 'isOpen() ? \"open\" : \"closed\"',\n    '[attr.disabled]': 'disabled() ? \"\" : null',\n    '[attr.aria-disabled]': 'disabled() ? \"true\" : null',\n    '(click)': 'open()',\n  },\n})\nexport class FrSheetTrigger {\n  private static readonly CUSTOM_PROPERTY_PREFIX = '--frame-sheet-';\n\n  private readonly destroyRef = inject(DestroyRef);\n  private readonly elementRef = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly sheet = inject(FrSheetService);\n  private readonly viewContainerRef = inject(ViewContainerRef);\n  private sheetRef: FrSheetRef | null = null;\n\n  readonly content = input<FrSheetContent | TemplateRef<unknown> | null>(null, {\n    alias: 'frSheetTrigger',\n  });\n  readonly disabled = input(false, { transform: booleanAttribute });\n  readonly opened = output<FrSheetRef>();\n  readonly closed = output<unknown>();\n  readonly isOpen = signal(false);\n\n  open(): void {\n    if (this.disabled() || this.isOpen()) {\n      return;\n    }\n\n    const content = this.content();\n\n    if (!content) {\n      return;\n    }\n\n    const templateRef = content instanceof FrSheetContent ? content.templateRef : content;\n    const config =\n      content instanceof FrSheetContent\n        ? content.buildConfig(this.viewContainerRef)\n        : { viewContainerRef: this.viewContainerRef };\n\n    this.sheetRef = this.sheet.open(templateRef, config);\n    this.isOpen.set(true);\n    this.opened.emit(this.sheetRef);\n    queueMicrotask(() => this.syncCustomPropertiesToOverlay());\n\n    this.sheetRef.closed.pipe(takeUntilDestroyed(this.destroyRef)).subscribe((result) => {\n      this.isOpen.set(false);\n      this.sheetRef = null;\n      this.closed.emit(result);\n    });\n  }\n\n  private syncCustomPropertiesToOverlay(): void {\n    const overlayElement = this.sheetRef?.overlayRef.overlayElement ?? null;\n\n    if (!overlayElement) {\n      return;\n    }\n\n    const sheetPanel = overlayElement.querySelector<HTMLElement>('.frame-sheet__panel') ?? overlayElement;\n    const sourceStyles = getComputedStyle(this.elementRef.nativeElement);\n\n    for (let index = 0; index < sourceStyles.length; index += 1) {\n      const propertyName = sourceStyles.item(index);\n\n      if (!propertyName.startsWith(FrSheetTrigger.CUSTOM_PROPERTY_PREFIX)) {\n        continue;\n      }\n\n      const propertyValue = sourceStyles.getPropertyValue(propertyName);\n\n      overlayElement.style.setProperty(propertyName, propertyValue);\n      sheetPanel.style.setProperty(propertyName, propertyValue);\n    }\n  }\n}\n","import { NgModule } from '@angular/core';\nimport {\n  FrSheetBody,\n  FrSheetClose,\n  FrSheetContent,\n  FrSheetDescription,\n  FrSheetFooter,\n  FrSheetHeader,\n  FrSheetPanel,\n  FrSheetShell,\n  FrSheetTitle,\n  FrSheetTrigger,\n} from './src/sheet';\n\n@NgModule({\n  imports: [\n    FrSheetBody,\n    FrSheetClose,\n    FrSheetContent,\n    FrSheetDescription,\n    FrSheetFooter,\n    FrSheetHeader,\n    FrSheetPanel,\n    FrSheetShell,\n    FrSheetTitle,\n    FrSheetTrigger,\n  ],\n  exports: [\n    FrSheetBody,\n    FrSheetClose,\n    FrSheetContent,\n    FrSheetDescription,\n    FrSheetFooter,\n    FrSheetHeader,\n    FrSheetPanel,\n    FrSheetShell,\n    FrSheetTitle,\n    FrSheetTrigger,\n  ],\n})\nexport class FrSheetModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}