@frame-kit/ui-ng 0.0.1

package/fesm2022/frame-kit-ui-ng-ui-drawer.mjs

@@ -0,0 +1,398 @@
+import * as i1 from '@angular/cdk/a11y';
+import { A11yModule } from '@angular/cdk/a11y';
+import { DOCUMENT } from '@angular/common';
+import * as i0 from '@angular/core';
+import { input, output, inject, DestroyRef, signal, computed, effect, HostListener, HostBinding, ChangeDetectionStrategy, Component, ApplicationRef, EnvironmentInjector, Injector, createComponent, Injectable } from '@angular/core';
+import { OverlayOrchestrator, OVERLAY_PRIORITY } from '@frame-kit/ui-ng/services/overlay-orchestrator';
+import { Subject } from 'rxjs';
+import { take } from 'rxjs/operators';
+
+let nextDrawerId = 0;
+class DrawerComponent {
+    // ===== INPUTS =====
+    /** Controls whether the drawer is open. */
+    open = input(false, ...(ngDevMode ? [{ debugName: "open" }] : /* istanbul ignore next */ []));
+    /** When true, shows the close button in the drawer header. */
+    closable = input(true, ...(ngDevMode ? [{ debugName: "closable" }] : /* istanbul ignore next */ []));
+    /** When true, pressing Escape closes the drawer. */
+    closeOnEscape = input(true, ...(ngDevMode ? [{ debugName: "closeOnEscape" }] : /* istanbul ignore next */ []));
+    /** When true, clicking the backdrop overlay closes the drawer. */
+    closeOnBackdrop = input(true, ...(ngDevMode ? [{ debugName: "closeOnBackdrop" }] : /* istanbul ignore next */ []));
+    /** Width variant of the drawer panel. */
+    width = input('md', ...(ngDevMode ? [{ debugName: "width" }] : /* istanbul ignore next */ []));
+    /** Optional title text rendered in the drawer header. */
+    header = input(null, ...(ngDevMode ? [{ debugName: "header" }] : /* istanbul ignore next */ []));
+    /** When true, focus returns to the previously focused element when the drawer closes. */
+    restoreFocus = input(true, ...(ngDevMode ? [{ debugName: "restoreFocus" }] : /* istanbul ignore next */ []));
+    /** When true, CDK auto-focus is applied when the drawer opens. */
+    autoFocus = input(true, ...(ngDevMode ? [{ debugName: "autoFocus" }] : /* istanbul ignore next */ []));
+    /** Entry/exit animation applied to the drawer panel. */
+    animation = input('slide-right', ...(ngDevMode ? [{ debugName: "animation" }] : /* istanbul ignore next */ []));
+    /** When true, all close mechanisms are blocked. */
+    preventClose = input(false, ...(ngDevMode ? [{ debugName: "preventClose" }] : /* istanbul ignore next */ []));
+    /** Async guard function called before closing; return false to cancel the close. */
+    canClose = input(null, ...(ngDevMode ? [{ debugName: "canClose" }] : /* istanbul ignore next */ []));
+    // ===== BASE PROPS =====
+    className = input('', ...(ngDevMode ? [{ debugName: "className" }] : /* istanbul ignore next */ []));
+    id = input(null, ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
+    ariaLabel = input(null, ...(ngDevMode ? [{ debugName: "ariaLabel" }] : /* istanbul ignore next */ []));
+    // ===== OUTPUTS =====
+    /** Fires when the drawer's open state should change, emitting the new boolean. */
+    openChange = output();
+    /** Fires immediately before the drawer begins its open animation. */
+    beforeOpen = output();
+    /** Fires after the drawer is fully open. */
+    opened = output();
+    /** Fires immediately before the drawer begins its close animation. */
+    beforeClose = output();
+    /** Fires after the drawer is fully closed. */
+    closed = output();
+    // ===== INTERNAL STATE =====
+    doc = inject(DOCUMENT);
+    destroyRef = inject(DestroyRef);
+    titleId = `fk-drawer-title-${nextDrawerId++}`;
+    previouslyFocusedElement = null;
+    closeGuardRunning = false;
+    visible = signal(false, ...(ngDevMode ? [{ debugName: "visible" }] : /* istanbul ignore next */ []));
+    animatingOut = signal(false, ...(ngDevMode ? [{ debugName: "animatingOut" }] : /* istanbul ignore next */ []));
+    // ===== COMPUTED =====
+    classes = computed(() => {
+        return ['fk-drawer', this.className()].filter(Boolean).join(' ');
+    }, ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
+    ariaLabelledBy = computed(() => {
+        if (this.ariaLabel()) {
+            return null;
+        }
+        return this.header() ? this.titleId : null;
+    }, ...(ngDevMode ? [{ debugName: "ariaLabelledBy" }] : /* istanbul ignore next */ []));
+    constructor() {
+        effect(() => {
+            const isOpen = this.open();
+            if (isOpen) {
+                this.onDrawerOpen();
+            }
+            else {
+                this.onDrawerClose();
+            }
+        });
+        this.destroyRef.onDestroy(() => {
+            // Placeholder for future cleanup (e.g., nested drawer teardown)
+        });
+    }
+    get hostClass() {
+        return this.classes();
+    }
+    get hostId() {
+        return this.id();
+    }
+    // ===== KEYBOARD =====
+    onEscapeKey() {
+        if (this.open() && this.closeOnEscape()) {
+            this.close();
+        }
+    }
+    // ===== ACTIONS =====
+    /** Closes the drawer, running any `canClose` guard first; no-ops when `preventClose` is true. */
+    async close() {
+        if (this.closeGuardRunning) {
+            return;
+        }
+        if (this.preventClose()) {
+            return;
+        }
+        const guard = this.canClose();
+        if (guard) {
+            this.closeGuardRunning = true;
+            try {
+                const allowed = await Promise.resolve(guard());
+                if (!allowed) {
+                    return;
+                }
+            }
+            finally {
+                this.closeGuardRunning = false;
+            }
+        }
+        this.beforeClose.emit();
+        this.openChange.emit(false);
+        this.closed.emit();
+    }
+    onOverlayClick() {
+        if (this.closeOnBackdrop()) {
+            this.close();
+        }
+    }
+    onExitAnimationDone() {
+        if (this.animatingOut()) {
+            this.animatingOut.set(false);
+            this.visible.set(false);
+        }
+    }
+    // ===== LIFECYCLE =====
+    onDrawerOpen() {
+        this.previouslyFocusedElement =
+            this.doc.activeElement ?? null;
+        this.beforeOpen.emit();
+        this.animatingOut.set(false);
+        this.visible.set(true);
+        this.opened.emit();
+    }
+    onDrawerClose() {
+        if (this.visible()) {
+            if (this.animation() !== 'none') {
+                this.animatingOut.set(true);
+            }
+            else {
+                this.visible.set(false);
+            }
+        }
+        if (this.restoreFocus() && this.previouslyFocusedElement) {
+            this.previouslyFocusedElement.focus();
+            this.previouslyFocusedElement = null;
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DrawerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: DrawerComponent, isStandalone: true, selector: "fk-drawer", inputs: { open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, closable: { classPropertyName: "closable", publicName: "closable", isSignal: true, isRequired: false, transformFunction: null }, closeOnEscape: { classPropertyName: "closeOnEscape", publicName: "closeOnEscape", isSignal: true, isRequired: false, transformFunction: null }, closeOnBackdrop: { classPropertyName: "closeOnBackdrop", publicName: "closeOnBackdrop", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, restoreFocus: { classPropertyName: "restoreFocus", publicName: "restoreFocus", isSignal: true, isRequired: false, transformFunction: null }, autoFocus: { classPropertyName: "autoFocus", publicName: "autoFocus", isSignal: true, isRequired: false, transformFunction: null }, animation: { classPropertyName: "animation", publicName: "animation", isSignal: true, isRequired: false, transformFunction: null }, preventClose: { classPropertyName: "preventClose", publicName: "preventClose", isSignal: true, isRequired: false, transformFunction: null }, canClose: { classPropertyName: "canClose", publicName: "canClose", isSignal: true, isRequired: false, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null }, id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { openChange: "openChange", beforeOpen: "beforeOpen", opened: "opened", beforeClose: "beforeClose", closed: "closed" }, host: { listeners: { "document:keydown.escape": "onEscapeKey()" }, properties: { "class": "this.hostClass", "attr.id": "this.hostId" } }, ngImport: i0, template: "@if (visible()) {\n  <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->\n  <div\n    class=\"fk-drawer__overlay\"\n    [class.fk-drawer__animate-overlay--in]=\"!animatingOut()\"\n    [class.fk-drawer__animate-overlay--out]=\"animatingOut()\"\n    [class.fk-drawer__animate-overlay--none]=\"animation() === 'none'\"\n    (click)=\"onOverlayClick()\"\n    (animationend)=\"onExitAnimationDone()\"\n  >\n    <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events -->\n    <div\n      class=\"fk-drawer__panel\"\n      [class.fk-drawer__panel--sm]=\"width() === 'sm'\"\n      [class.fk-drawer__panel--md]=\"width() === 'md'\"\n      [class.fk-drawer__panel--lg]=\"width() === 'lg'\"\n      [class.fk-drawer__panel--xl]=\"width() === 'xl'\"\n      [class.fk-drawer__animate-panel--slide-right]=\"\n        animation() === 'slide-right' && !animatingOut()\n      \"\n      [class.fk-drawer__animate-panel--fade]=\"\n        animation() === 'fade' && !animatingOut()\n      \"\n      [class.fk-drawer__animate-panel-out--slide-right]=\"\n        animation() === 'slide-right' && animatingOut()\n      \"\n      [class.fk-drawer__animate-panel-out--fade]=\"\n        animation() === 'fade' && animatingOut()\n      \"\n      role=\"dialog\"\n      aria-modal=\"true\"\n      [attr.aria-label]=\"ariaLabel()\"\n      [attr.aria-labelledby]=\"ariaLabelledBy()\"\n      [cdkTrapFocus]=\"true\"\n      [cdkTrapFocusAutoCapture]=\"autoFocus()\"\n      (click)=\"$event.stopPropagation()\"\n    >\n      @if (header() || closable()) {\n        <div class=\"fk-drawer__header\">\n          @if (header()) {\n            <span class=\"fk-drawer__title\" [id]=\"titleId\">\n              {{ header() }}\n            </span>\n          }\n\n          @if (closable()) {\n            <button\n              class=\"fk-drawer__close\"\n              type=\"button\"\n              aria-label=\"Close drawer\"\n              (click)=\"close()\"\n            >\n              &times;\n            </button>\n          }\n        </div>\n      }\n\n      <div class=\"fk-drawer__body\">\n        <ng-content />\n      </div>\n\n      <div class=\"fk-drawer__footer\">\n        <ng-content select=\"[fkDrawerFooter]\" />\n      </div>\n    </div>\n  </div>\n}\n", styles: [":host{display:contents}.fk-drawer__overlay{position:fixed;top:var(--fk-drawer-bounds-top, 0);right:var(--fk-drawer-bounds-right, 0);bottom:var(--fk-drawer-bounds-bottom, 0);left:var(--fk-drawer-bounds-left, 0);z-index:var(--fk-drawer-overlay-z-index, 1050);display:flex;justify-content:flex-end;background-color:var(--fk-drawer-overlay-bg, var(--fk-overlay-bg, rgba(0, 0, 0, .4)))}.fk-drawer__panel{position:relative;display:flex;flex-direction:column;align-self:stretch;margin:var(--fk-drawer-margin-block, .375rem) 0;background-color:var(--fk-drawer-bg, var(--fk-color-surface, #ffffff));border-left:var(--fk-drawer-border-left, 1px solid var(--fk-drawer-border-color, var(--fk-color-border, #d9e2ee)));border-radius:var(--fk-drawer-border-radius, var(--fk-radius-lg, .75rem)) 0 0 var(--fk-drawer-border-radius, var(--fk-radius-lg, .75rem));box-shadow:var(--fk-drawer-shadow, none);overflow:hidden}.fk-drawer__panel--sm{width:var(--fk-drawer-width-sm, 20rem)}.fk-drawer__panel--md{width:var(--fk-drawer-width-md, 26.25rem)}.fk-drawer__panel--lg{width:var(--fk-drawer-width-lg, 34rem)}.fk-drawer__panel--xl{width:var(--fk-drawer-width-xl, 44rem)}@media(max-width:47.999em){.fk-drawer__panel{margin:0;border-radius:0;width:100%}}.fk-drawer__header{display:flex;align-items:center;justify-content:space-between;gap:var(--fk-rhythm-3, .75rem);padding:var(--fk-drawer-header-padding, var(--fk-rhythm-4, 1rem) var(--fk-rhythm-5, 1.25rem));border-bottom:1px solid var(--fk-drawer-header-border-color, var(--fk-color-border, #d9e2ee))}.fk-drawer__title{font-family:var(--fk-drawer-title-font-family, var(--fk-font-family-base, \"Inter\", ui-sans-serif, system-ui));font-size:var(--fk-drawer-title-font-size, var(--fk-typography-h4-font-size, 1.125rem));font-weight:var(--fk-drawer-title-font-weight, var(--fk-font-weight-semibold, 600));color:var(--fk-drawer-title-color, var(--fk-color-text-strong, #0b1420))}.fk-drawer__close{display:inline-flex;align-items:center;justify-content:center;width:var(--fk-drawer-close-size, 2rem);height:var(--fk-drawer-close-size, 2rem);padding:0;font-size:var(--fk-drawer-close-font-size, 1.25rem);line-height:1;color:var(--fk-drawer-close-color, var(--fk-color-muted, #8a98a8));background:none;border:none;border-radius:var(--fk-drawer-close-radius, var(--fk-radius-md, .375rem));cursor:pointer;transition:background-color .15s ease,color .15s ease}.fk-drawer__close:hover{color:var(--fk-drawer-close-color-hover, var(--fk-color-text, #1f2d3d));background-color:var(--fk-drawer-close-bg-hover, var(--fk-color-surface-hover, #f5f7fa))}.fk-drawer__close:focus-visible{outline:none;box-shadow:var(--fk-drawer-close-focus-ring, var(--fk-focus-ring, 0 0 0 3px rgba(10, 132, 255, .18)))}.fk-drawer__body{flex:1;overflow-y:auto;padding:var(--fk-drawer-body-padding, var(--fk-rhythm-5, 1.25rem))}.fk-drawer__footer{flex-shrink:0;padding:var(--fk-drawer-footer-padding, var(--fk-rhythm-4, 1rem) var(--fk-rhythm-5, 1.25rem));border-top:1px solid var(--fk-drawer-footer-border-color, var(--fk-color-border, #d9e2ee))}.fk-drawer__footer:empty{display:none}.fk-drawer__animate-overlay--in{animation:fk-drawer-overlay-in .2s ease-out forwards}.fk-drawer__animate-overlay--out{animation:fk-drawer-overlay-out .2s ease-in forwards}.fk-drawer__animate-overlay--none{animation:none}@keyframes fk-drawer-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes fk-drawer-overlay-out{0%{opacity:1}to{opacity:0}}.fk-drawer__animate-panel--slide-right{animation:fk-drawer-slide-in .25s cubic-bezier(.4,0,.2,1) forwards}.fk-drawer__animate-panel-out--slide-right{animation:fk-drawer-slide-out .25s cubic-bezier(.4,0,.2,1) forwards}@keyframes fk-drawer-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fk-drawer-slide-out{0%{transform:translate(0)}to{transform:translate(100%)}}.fk-drawer__animate-panel--fade{animation:fk-drawer-panel-fade-in .2s ease-out forwards}.fk-drawer__animate-panel-out--fade{animation:fk-drawer-panel-fade-out .2s ease-in forwards}@keyframes fk-drawer-panel-fade-in{0%{opacity:0}to{opacity:1}}@keyframes fk-drawer-panel-fade-out{0%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.fk-drawer__animate-overlay--in,.fk-drawer__animate-overlay--out,.fk-drawer__animate-panel--slide-right,.fk-drawer__animate-panel-out--slide-right,.fk-drawer__animate-panel--fade,.fk-drawer__animate-panel-out--fade{animation:none}}\n"], dependencies: [{ kind: "ngmodule", type: A11yModule }, { kind: "directive", type: i1.CdkTrapFocus, selector: "[cdkTrapFocus]", inputs: ["cdkTrapFocus", "cdkTrapFocusAutoCapture"], exportAs: ["cdkTrapFocus"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DrawerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'fk-drawer', standalone: true, imports: [A11yModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (visible()) {\n  <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->\n  <div\n    class=\"fk-drawer__overlay\"\n    [class.fk-drawer__animate-overlay--in]=\"!animatingOut()\"\n    [class.fk-drawer__animate-overlay--out]=\"animatingOut()\"\n    [class.fk-drawer__animate-overlay--none]=\"animation() === 'none'\"\n    (click)=\"onOverlayClick()\"\n    (animationend)=\"onExitAnimationDone()\"\n  >\n    <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events -->\n    <div\n      class=\"fk-drawer__panel\"\n      [class.fk-drawer__panel--sm]=\"width() === 'sm'\"\n      [class.fk-drawer__panel--md]=\"width() === 'md'\"\n      [class.fk-drawer__panel--lg]=\"width() === 'lg'\"\n      [class.fk-drawer__panel--xl]=\"width() === 'xl'\"\n      [class.fk-drawer__animate-panel--slide-right]=\"\n        animation() === 'slide-right' && !animatingOut()\n      \"\n      [class.fk-drawer__animate-panel--fade]=\"\n        animation() === 'fade' && !animatingOut()\n      \"\n      [class.fk-drawer__animate-panel-out--slide-right]=\"\n        animation() === 'slide-right' && animatingOut()\n      \"\n      [class.fk-drawer__animate-panel-out--fade]=\"\n        animation() === 'fade' && animatingOut()\n      \"\n      role=\"dialog\"\n      aria-modal=\"true\"\n      [attr.aria-label]=\"ariaLabel()\"\n      [attr.aria-labelledby]=\"ariaLabelledBy()\"\n      [cdkTrapFocus]=\"true\"\n      [cdkTrapFocusAutoCapture]=\"autoFocus()\"\n      (click)=\"$event.stopPropagation()\"\n    >\n      @if (header() || closable()) {\n        <div class=\"fk-drawer__header\">\n          @if (header()) {\n            <span class=\"fk-drawer__title\" [id]=\"titleId\">\n              {{ header() }}\n            </span>\n          }\n\n          @if (closable()) {\n            <button\n              class=\"fk-drawer__close\"\n              type=\"button\"\n              aria-label=\"Close drawer\"\n              (click)=\"close()\"\n            >\n              &times;\n            </button>\n          }\n        </div>\n      }\n\n      <div class=\"fk-drawer__body\">\n        <ng-content />\n      </div>\n\n      <div class=\"fk-drawer__footer\">\n        <ng-content select=\"[fkDrawerFooter]\" />\n      </div>\n    </div>\n  </div>\n}\n", styles: [":host{display:contents}.fk-drawer__overlay{position:fixed;top:var(--fk-drawer-bounds-top, 0);right:var(--fk-drawer-bounds-right, 0);bottom:var(--fk-drawer-bounds-bottom, 0);left:var(--fk-drawer-bounds-left, 0);z-index:var(--fk-drawer-overlay-z-index, 1050);display:flex;justify-content:flex-end;background-color:var(--fk-drawer-overlay-bg, var(--fk-overlay-bg, rgba(0, 0, 0, .4)))}.fk-drawer__panel{position:relative;display:flex;flex-direction:column;align-self:stretch;margin:var(--fk-drawer-margin-block, .375rem) 0;background-color:var(--fk-drawer-bg, var(--fk-color-surface, #ffffff));border-left:var(--fk-drawer-border-left, 1px solid var(--fk-drawer-border-color, var(--fk-color-border, #d9e2ee)));border-radius:var(--fk-drawer-border-radius, var(--fk-radius-lg, .75rem)) 0 0 var(--fk-drawer-border-radius, var(--fk-radius-lg, .75rem));box-shadow:var(--fk-drawer-shadow, none);overflow:hidden}.fk-drawer__panel--sm{width:var(--fk-drawer-width-sm, 20rem)}.fk-drawer__panel--md{width:var(--fk-drawer-width-md, 26.25rem)}.fk-drawer__panel--lg{width:var(--fk-drawer-width-lg, 34rem)}.fk-drawer__panel--xl{width:var(--fk-drawer-width-xl, 44rem)}@media(max-width:47.999em){.fk-drawer__panel{margin:0;border-radius:0;width:100%}}.fk-drawer__header{display:flex;align-items:center;justify-content:space-between;gap:var(--fk-rhythm-3, .75rem);padding:var(--fk-drawer-header-padding, var(--fk-rhythm-4, 1rem) var(--fk-rhythm-5, 1.25rem));border-bottom:1px solid var(--fk-drawer-header-border-color, var(--fk-color-border, #d9e2ee))}.fk-drawer__title{font-family:var(--fk-drawer-title-font-family, var(--fk-font-family-base, \"Inter\", ui-sans-serif, system-ui));font-size:var(--fk-drawer-title-font-size, var(--fk-typography-h4-font-size, 1.125rem));font-weight:var(--fk-drawer-title-font-weight, var(--fk-font-weight-semibold, 600));color:var(--fk-drawer-title-color, var(--fk-color-text-strong, #0b1420))}.fk-drawer__close{display:inline-flex;align-items:center;justify-content:center;width:var(--fk-drawer-close-size, 2rem);height:var(--fk-drawer-close-size, 2rem);padding:0;font-size:var(--fk-drawer-close-font-size, 1.25rem);line-height:1;color:var(--fk-drawer-close-color, var(--fk-color-muted, #8a98a8));background:none;border:none;border-radius:var(--fk-drawer-close-radius, var(--fk-radius-md, .375rem));cursor:pointer;transition:background-color .15s ease,color .15s ease}.fk-drawer__close:hover{color:var(--fk-drawer-close-color-hover, var(--fk-color-text, #1f2d3d));background-color:var(--fk-drawer-close-bg-hover, var(--fk-color-surface-hover, #f5f7fa))}.fk-drawer__close:focus-visible{outline:none;box-shadow:var(--fk-drawer-close-focus-ring, var(--fk-focus-ring, 0 0 0 3px rgba(10, 132, 255, .18)))}.fk-drawer__body{flex:1;overflow-y:auto;padding:var(--fk-drawer-body-padding, var(--fk-rhythm-5, 1.25rem))}.fk-drawer__footer{flex-shrink:0;padding:var(--fk-drawer-footer-padding, var(--fk-rhythm-4, 1rem) var(--fk-rhythm-5, 1.25rem));border-top:1px solid var(--fk-drawer-footer-border-color, var(--fk-color-border, #d9e2ee))}.fk-drawer__footer:empty{display:none}.fk-drawer__animate-overlay--in{animation:fk-drawer-overlay-in .2s ease-out forwards}.fk-drawer__animate-overlay--out{animation:fk-drawer-overlay-out .2s ease-in forwards}.fk-drawer__animate-overlay--none{animation:none}@keyframes fk-drawer-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes fk-drawer-overlay-out{0%{opacity:1}to{opacity:0}}.fk-drawer__animate-panel--slide-right{animation:fk-drawer-slide-in .25s cubic-bezier(.4,0,.2,1) forwards}.fk-drawer__animate-panel-out--slide-right{animation:fk-drawer-slide-out .25s cubic-bezier(.4,0,.2,1) forwards}@keyframes fk-drawer-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes fk-drawer-slide-out{0%{transform:translate(0)}to{transform:translate(100%)}}.fk-drawer__animate-panel--fade{animation:fk-drawer-panel-fade-in .2s ease-out forwards}.fk-drawer__animate-panel-out--fade{animation:fk-drawer-panel-fade-out .2s ease-in forwards}@keyframes fk-drawer-panel-fade-in{0%{opacity:0}to{opacity:1}}@keyframes fk-drawer-panel-fade-out{0%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.fk-drawer__animate-overlay--in,.fk-drawer__animate-overlay--out,.fk-drawer__animate-panel--slide-right,.fk-drawer__animate-panel-out--slide-right,.fk-drawer__animate-panel--fade,.fk-drawer__animate-panel-out--fade{animation:none}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }], closable: [{ type: i0.Input, args: [{ isSignal: true, alias: "closable", required: false }] }], closeOnEscape: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnEscape", required: false }] }], closeOnBackdrop: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnBackdrop", required: false }] }], width: [{ type: i0.Input, args: [{ isSignal: true, alias: "width", required: false }] }], header: [{ type: i0.Input, args: [{ isSignal: true, alias: "header", required: false }] }], restoreFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "restoreFocus", required: false }] }], autoFocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoFocus", required: false }] }], animation: [{ type: i0.Input, args: [{ isSignal: true, alias: "animation", required: false }] }], preventClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "preventClose", required: false }] }], canClose: [{ type: i0.Input, args: [{ isSignal: true, alias: "canClose", required: false }] }], className: [{ type: i0.Input, args: [{ isSignal: true, alias: "className", required: false }] }], id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], openChange: [{ type: i0.Output, args: ["openChange"] }], beforeOpen: [{ type: i0.Output, args: ["beforeOpen"] }], opened: [{ type: i0.Output, args: ["opened"] }], beforeClose: [{ type: i0.Output, args: ["beforeClose"] }], closed: [{ type: i0.Output, args: ["closed"] }], hostClass: [{
+                type: HostBinding,
+                args: ['class']
+            }], hostId: [{
+                type: HostBinding,
+                args: ['attr.id']
+            }], onEscapeKey: [{
+                type: HostListener,
+                args: ['document:keydown.escape']
+            }] } });
+
+const DEFAULT_DRAWER_CONFIG = {
+    closable: true,
+    closeOnEscape: true,
+    closeOnBackdrop: true,
+    width: 'md',
+    animation: 'slide-right',
+    header: null,
+    restoreFocus: true,
+    autoFocus: true,
+    preventClose: false,
+    className: '',
+    ariaLabel: null,
+};
+
+class DrawerRef {
+    beforeOpenSubject = new Subject();
+    afterOpenedSubject = new Subject();
+    beforeCloseSubject = new Subject();
+    afterClosedSubject = new Subject();
+    closed = false;
+    closeGuard = null;
+    config;
+    constructor(config = {}) {
+        this.config = config;
+        if (config.canClose) {
+            this.closeGuard = config.canClose;
+        }
+    }
+    get data() {
+        return this.config.data;
+    }
+    setCanClose(guard) {
+        this.closeGuard = guard;
+    }
+    async close(result) {
+        if (this.closed) {
+            return;
+        }
+        if (this.config.preventClose) {
+            return;
+        }
+        if (this.closeGuard) {
+            const allowed = await Promise.resolve(this.closeGuard());
+            if (!allowed) {
+                return;
+            }
+        }
+        this.beforeCloseSubject.next();
+        this.beforeCloseSubject.complete();
+        this.closed = true;
+        this.afterClosedSubject.next(result);
+        this.afterClosedSubject.complete();
+    }
+    beforeOpen() {
+        return this.beforeOpenSubject.asObservable().pipe(take(1));
+    }
+    afterOpened() {
+        return this.afterOpenedSubject.asObservable().pipe(take(1));
+    }
+    beforeClose() {
+        return this.beforeCloseSubject.asObservable().pipe(take(1));
+    }
+    afterClosed() {
+        return this.afterClosedSubject.asObservable().pipe(take(1));
+    }
+    /** @internal */
+    markBeforeOpen() {
+        this.beforeOpenSubject.next();
+        this.beforeOpenSubject.complete();
+    }
+    /** @internal */
+    markOpened() {
+        this.afterOpenedSubject.next();
+        this.afterOpenedSubject.complete();
+    }
+}
+
+const DRAWER_DATA = Symbol('DRAWER_DATA');
+const DRAWER_REF = Symbol('DRAWER_REF');
+const BASE_Z_INDEX = 1100;
+const Z_INDEX_STEP = 10;
+class DrawerService {
+    appRef = inject(ApplicationRef);
+    injector = inject(EnvironmentInjector);
+    doc = inject(DOCUMENT);
+    orchestrator = inject(OverlayOrchestrator);
+    activeDrawers = [];
+    overlayIds = new Map();
+    get openCount() {
+        return this.activeDrawers.length;
+    }
+    open(content, config) {
+        const mergedConfig = {
+            ...DEFAULT_DRAWER_CONFIG,
+            ...config,
+        };
+        const drawerRef = new DrawerRef(mergedConfig);
+        const childInjector = Injector.create({
+            parent: this.injector,
+            providers: [
+                { provide: DRAWER_DATA, useValue: mergedConfig.data },
+                { provide: DRAWER_REF, useValue: drawerRef },
+            ],
+        });
+        const hostRef = createComponent(DrawerComponent, {
+            environmentInjector: this.injector,
+            elementInjector: childInjector,
+        });
+        const contentRef = createComponent(content, {
+            environmentInjector: this.injector,
+            elementInjector: childInjector,
+            hostElement: this.doc.createElement('div'),
+        });
+        this.applyConfig(hostRef, mergedConfig);
+        this.appRef.attachView(hostRef.hostView);
+        this.appRef.attachView(contentRef.hostView);
+        this.doc.body.appendChild(hostRef.location.nativeElement);
+        const entry = {
+            ref: drawerRef,
+            hostRef,
+            contentRef,
+        };
+        this.activeDrawers.push(entry);
+        const overlayId = this.orchestrator.register({
+            priority: OVERLAY_PRIORITY.DRAWER,
+            type: 'drawer',
+            close: () => drawerRef.close(),
+        });
+        this.overlayIds.set(entry, overlayId);
+        hostRef.instance.beforeOpen.subscribe(() => {
+            drawerRef.markBeforeOpen();
+        });
+        hostRef.instance.opened.subscribe(() => {
+            drawerRef.markOpened();
+        });
+        hostRef.instance.closed.subscribe(() => {
+            drawerRef.close();
+        });
+        drawerRef.afterClosed().subscribe(() => {
+            this.destroyDrawer(entry);
+        });
+        hostRef.setInput('open', true);
+        hostRef.changeDetectorRef.detectChanges();
+        const panelBody = hostRef.location.nativeElement.querySelector('.fk-drawer__body');
+        if (panelBody) {
+            panelBody.appendChild(contentRef.location.nativeElement);
+        }
+        // Move [fkDrawerFooter] elements from the body into the footer wrapper
+        const footerWrapper = hostRef.location.nativeElement.querySelector('.fk-drawer__footer');
+        if (footerWrapper && panelBody) {
+            const footerElements = panelBody.querySelectorAll('[fkDrawerFooter]');
+            for (const el of footerElements) {
+                footerWrapper.appendChild(el);
+            }
+        }
+        // Position the overlay to match the container's bounds
+        if (mergedConfig.container) {
+            this.applyContainerBounds(entry, mergedConfig.container);
+        }
+        this.applyZIndex(entry);
+        return drawerRef;
+    }
+    closeAll() {
+        [...this.activeDrawers].forEach((entry) => entry.ref.close());
+    }
+    applyContainerBounds(entry, container) {
+        const rect = container.getBoundingClientRect();
+        const overlay = entry.hostRef.location.nativeElement.querySelector('.fk-drawer__overlay');
+        if (overlay) {
+            overlay.style.setProperty('--fk-drawer-bounds-top', `${rect.top}px`);
+            overlay.style.setProperty('--fk-drawer-bounds-right', `${window.innerWidth - rect.right}px`);
+            overlay.style.setProperty('--fk-drawer-bounds-bottom', `${window.innerHeight - rect.bottom}px`);
+            overlay.style.setProperty('--fk-drawer-bounds-left', `${rect.left}px`);
+        }
+    }
+    applyZIndex(entry) {
+        const index = this.activeDrawers.indexOf(entry);
+        const zIndex = BASE_Z_INDEX + index * Z_INDEX_STEP;
+        const overlay = entry.hostRef.location.nativeElement.querySelector('.fk-drawer__overlay');
+        if (overlay) {
+            overlay.style.zIndex = String(zIndex);
+        }
+    }
+    applyConfig(hostRef, config) {
+        hostRef.setInput('closable', config.closable ?? true);
+        hostRef.setInput('closeOnEscape', config.closeOnEscape ?? true);
+        hostRef.setInput('closeOnBackdrop', config.closeOnBackdrop ?? true);
+        hostRef.setInput('width', config.width ?? 'md');
+        hostRef.setInput('animation', config.animation ?? 'slide-right');
+        hostRef.setInput('header', config.header ?? null);
+        hostRef.setInput('restoreFocus', config.restoreFocus ?? true);
+        hostRef.setInput('autoFocus', config.autoFocus ?? true);
+        hostRef.setInput('className', config.className ?? '');
+        hostRef.setInput('preventClose', config.preventClose ?? false);
+        hostRef.setInput('canClose', config.canClose ?? null);
+        hostRef.setInput('ariaLabel', config.ariaLabel ?? null);
+    }
+    destroyDrawer(entry) {
+        const overlayId = this.overlayIds.get(entry);
+        if (overlayId) {
+            this.orchestrator.unregister(overlayId);
+            this.overlayIds.delete(entry);
+        }
+        const idx = this.activeDrawers.indexOf(entry);
+        if (idx > -1) {
+            this.activeDrawers.splice(idx, 1);
+        }
+        entry.hostRef.setInput('open', false);
+        entry.hostRef.changeDetectorRef.detectChanges();
+        this.appRef.detachView(entry.contentRef.hostView);
+        this.appRef.detachView(entry.hostRef.hostView);
+        entry.contentRef.destroy();
+        entry.hostRef.destroy();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DrawerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DrawerService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: DrawerService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DEFAULT_DRAWER_CONFIG, DRAWER_DATA, DRAWER_REF, DrawerComponent, DrawerRef, DrawerService };
+//# sourceMappingURL=frame-kit-ui-ng-ui-drawer.mjs.map

package/fesm2022/frame-kit-ui-ng-ui-drawer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"frame-kit-ui-ng-ui-drawer.mjs","sources":["../../../../packages/ui-ng/ui/drawer/drawer.component.ts","../../../../packages/ui-ng/ui/drawer/drawer.component.html","../../../../packages/ui-ng/ui/drawer/drawer.config.ts","../../../../packages/ui-ng/ui/drawer/drawer-ref.ts","../../../../packages/ui-ng/ui/drawer/drawer.service.ts","../../../../packages/ui-ng/ui/drawer/frame-kit-ui-ng-ui-drawer.ts"],"sourcesContent":["import { A11yModule } from '@angular/cdk/a11y';\nimport { DOCUMENT } from '@angular/common';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  DestroyRef,\n  effect,\n  HostBinding,\n  HostListener,\n  inject,\n  input,\n  output,\n  signal,\n} from '@angular/core';\n\nimport type {\n  DrawerAnimation,\n  DrawerCanCloseFn,\n  DrawerWidth,\n} from './drawer.types';\n\nlet nextDrawerId = 0;\n\n@Component({\n  selector: 'fk-drawer',\n  standalone: true,\n  imports: [A11yModule],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: './drawer.component.html',\n  styleUrl: './drawer.component.scss',\n})\nexport class DrawerComponent {\n  // ===== INPUTS =====\n  /** Controls whether the drawer is open. */\n  readonly open = input(false);\n  /** When true, shows the close button in the drawer header. */\n  readonly closable = input(true);\n  /** When true, pressing Escape closes the drawer. */\n  readonly closeOnEscape = input(true);\n  /** When true, clicking the backdrop overlay closes the drawer. */\n  readonly closeOnBackdrop = input(true);\n  /** Width variant of the drawer panel. */\n  readonly width = input<DrawerWidth>('md');\n  /** Optional title text rendered in the drawer header. */\n  readonly header = input<string | null>(null);\n  /** When true, focus returns to the previously focused element when the drawer closes. */\n  readonly restoreFocus = input(true);\n  /** When true, CDK auto-focus is applied when the drawer opens. */\n  readonly autoFocus = input(true);\n  /** Entry/exit animation applied to the drawer panel. */\n  readonly animation = input<DrawerAnimation>('slide-right');\n  /** When true, all close mechanisms are blocked. */\n  readonly preventClose = input(false);\n  /** Async guard function called before closing; return false to cancel the close. */\n  readonly canClose = input<DrawerCanCloseFn | null>(null);\n\n  // ===== BASE PROPS =====\n  readonly className = input<string>('');\n  readonly id = input<string | null>(null);\n  readonly ariaLabel = input<string | null>(null);\n\n  // ===== OUTPUTS =====\n  /** Fires when the drawer's open state should change, emitting the new boolean. */\n  readonly openChange = output<boolean>();\n  /** Fires immediately before the drawer begins its open animation. */\n  readonly beforeOpen = output<void>();\n  /** Fires after the drawer is fully open. */\n  readonly opened = output<void>();\n  /** Fires immediately before the drawer begins its close animation. */\n  readonly beforeClose = output<void>();\n  /** Fires after the drawer is fully closed. */\n  readonly closed = output<void>();\n\n  // ===== INTERNAL STATE =====\n  private readonly doc = inject(DOCUMENT);\n  private readonly destroyRef = inject(DestroyRef);\n  readonly titleId = `fk-drawer-title-${nextDrawerId++}`;\n  private previouslyFocusedElement: HTMLElement | null = null;\n  private closeGuardRunning = false;\n\n  readonly visible = signal(false);\n  readonly animatingOut = signal(false);\n\n  // ===== COMPUTED =====\n  readonly classes = computed(() => {\n    return ['fk-drawer', this.className()].filter(Boolean).join(' ');\n  });\n\n  readonly ariaLabelledBy = computed(() => {\n    if (this.ariaLabel()) {\n      return null;\n    }\n\n    return this.header() ? this.titleId : null;\n  });\n\n  constructor() {\n    effect(() => {\n      const isOpen = this.open();\n\n      if (isOpen) {\n        this.onDrawerOpen();\n      } else {\n        this.onDrawerClose();\n      }\n    });\n\n    this.destroyRef.onDestroy(() => {\n      // Placeholder for future cleanup (e.g., nested drawer teardown)\n    });\n  }\n\n  @HostBinding('class')\n  get hostClass() {\n    return this.classes();\n  }\n\n  @HostBinding('attr.id')\n  get hostId() {\n    return this.id();\n  }\n\n  // ===== KEYBOARD =====\n  @HostListener('document:keydown.escape')\n  onEscapeKey() {\n    if (this.open() && this.closeOnEscape()) {\n      this.close();\n    }\n  }\n\n  // ===== ACTIONS =====\n  /** Closes the drawer, running any `canClose` guard first; no-ops when `preventClose` is true. */\n  async close() {\n    if (this.closeGuardRunning) {\n      return;\n    }\n\n    if (this.preventClose()) {\n      return;\n    }\n\n    const guard = this.canClose();\n\n    if (guard) {\n      this.closeGuardRunning = true;\n\n      try {\n        const allowed = await Promise.resolve(guard());\n\n        if (!allowed) {\n          return;\n        }\n      } finally {\n        this.closeGuardRunning = false;\n      }\n    }\n\n    this.beforeClose.emit();\n    this.openChange.emit(false);\n    this.closed.emit();\n  }\n\n  onOverlayClick() {\n    if (this.closeOnBackdrop()) {\n      this.close();\n    }\n  }\n\n  onExitAnimationDone() {\n    if (this.animatingOut()) {\n      this.animatingOut.set(false);\n      this.visible.set(false);\n    }\n  }\n\n  // ===== LIFECYCLE =====\n  private onDrawerOpen() {\n    this.previouslyFocusedElement =\n      (this.doc.activeElement as HTMLElement) ?? null;\n\n    this.beforeOpen.emit();\n    this.animatingOut.set(false);\n    this.visible.set(true);\n    this.opened.emit();\n  }\n\n  private onDrawerClose() {\n    if (this.visible()) {\n      if (this.animation() !== 'none') {\n        this.animatingOut.set(true);\n      } else {\n        this.visible.set(false);\n      }\n    }\n\n    if (this.restoreFocus() && this.previouslyFocusedElement) {\n      this.previouslyFocusedElement.focus();\n      this.previouslyFocusedElement = null;\n    }\n  }\n}\n","@if (visible()) {\n  <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->\n  <div\n    class=\"fk-drawer__overlay\"\n    [class.fk-drawer__animate-overlay--in]=\"!animatingOut()\"\n    [class.fk-drawer__animate-overlay--out]=\"animatingOut()\"\n    [class.fk-drawer__animate-overlay--none]=\"animation() === 'none'\"\n    (click)=\"onOverlayClick()\"\n    (animationend)=\"onExitAnimationDone()\"\n  >\n    <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events -->\n    <div\n      class=\"fk-drawer__panel\"\n      [class.fk-drawer__panel--sm]=\"width() === 'sm'\"\n      [class.fk-drawer__panel--md]=\"width() === 'md'\"\n      [class.fk-drawer__panel--lg]=\"width() === 'lg'\"\n      [class.fk-drawer__panel--xl]=\"width() === 'xl'\"\n      [class.fk-drawer__animate-panel--slide-right]=\"\n        animation() === 'slide-right' && !animatingOut()\n      \"\n      [class.fk-drawer__animate-panel--fade]=\"\n        animation() === 'fade' && !animatingOut()\n      \"\n      [class.fk-drawer__animate-panel-out--slide-right]=\"\n        animation() === 'slide-right' && animatingOut()\n      \"\n      [class.fk-drawer__animate-panel-out--fade]=\"\n        animation() === 'fade' && animatingOut()\n      \"\n      role=\"dialog\"\n      aria-modal=\"true\"\n      [attr.aria-label]=\"ariaLabel()\"\n      [attr.aria-labelledby]=\"ariaLabelledBy()\"\n      [cdkTrapFocus]=\"true\"\n      [cdkTrapFocusAutoCapture]=\"autoFocus()\"\n      (click)=\"$event.stopPropagation()\"\n    >\n      @if (header() || closable()) {\n        <div class=\"fk-drawer__header\">\n          @if (header()) {\n            <span class=\"fk-drawer__title\" [id]=\"titleId\">\n              {{ header() }}\n            </span>\n          }\n\n          @if (closable()) {\n            <button\n              class=\"fk-drawer__close\"\n              type=\"button\"\n              aria-label=\"Close drawer\"\n              (click)=\"close()\"\n            >\n              &times;\n            </button>\n          }\n        </div>\n      }\n\n      <div class=\"fk-drawer__body\">\n        <ng-content />\n      </div>\n\n      <div class=\"fk-drawer__footer\">\n        <ng-content select=\"[fkDrawerFooter]\" />\n      </div>\n    </div>\n  </div>\n}\n","import type {\n  DrawerAnimation,\n  DrawerCanCloseFn,\n  DrawerWidth,\n} from './drawer.types';\n\nexport interface DrawerConfig<TData = unknown> {\n  closable?: boolean;\n  closeOnEscape?: boolean;\n  closeOnBackdrop?: boolean;\n  width?: DrawerWidth;\n  animation?: DrawerAnimation;\n  header?: string | null;\n  restoreFocus?: boolean;\n  autoFocus?: boolean;\n  preventClose?: boolean;\n  canClose?: DrawerCanCloseFn;\n  className?: string;\n  ariaLabel?: string | null;\n  data?: TData;\n  /** Element to append the drawer into. Must have `position: relative`. Defaults to `document.body`. */\n  container?: HTMLElement;\n}\n\nexport const DEFAULT_DRAWER_CONFIG: DrawerConfig = {\n  closable: true,\n  closeOnEscape: true,\n  closeOnBackdrop: true,\n  width: 'md',\n  animation: 'slide-right',\n  header: null,\n  restoreFocus: true,\n  autoFocus: true,\n  preventClose: false,\n  className: '',\n  ariaLabel: null,\n};\n","import { Observable, Subject } from 'rxjs';\nimport { take } from 'rxjs/operators';\n\nimport type { DrawerConfig } from './drawer.config';\nimport type { DrawerCanCloseFn } from './drawer.types';\n\nexport class DrawerRef<TResult = unknown, TData = unknown> {\n  private readonly beforeOpenSubject = new Subject<void>();\n  private readonly afterOpenedSubject = new Subject<void>();\n  private readonly beforeCloseSubject = new Subject<void>();\n  private readonly afterClosedSubject = new Subject<TResult | undefined>();\n  private closed = false;\n  private closeGuard: DrawerCanCloseFn | null = null;\n\n  readonly config: DrawerConfig<TData>;\n\n  constructor(config: DrawerConfig<TData> = {} as DrawerConfig<TData>) {\n    this.config = config;\n\n    if (config.canClose) {\n      this.closeGuard = config.canClose;\n    }\n  }\n\n  get data(): TData | undefined {\n    return this.config.data;\n  }\n\n  setCanClose(guard: DrawerCanCloseFn | null) {\n    this.closeGuard = guard;\n  }\n\n  async close(result?: TResult) {\n    if (this.closed) {\n      return;\n    }\n\n    if (this.config.preventClose) {\n      return;\n    }\n\n    if (this.closeGuard) {\n      const allowed = await Promise.resolve(this.closeGuard());\n\n      if (!allowed) {\n        return;\n      }\n    }\n\n    this.beforeCloseSubject.next();\n    this.beforeCloseSubject.complete();\n\n    this.closed = true;\n    this.afterClosedSubject.next(result);\n    this.afterClosedSubject.complete();\n  }\n\n  beforeOpen(): Observable<void> {\n    return this.beforeOpenSubject.asObservable().pipe(take(1));\n  }\n\n  afterOpened(): Observable<void> {\n    return this.afterOpenedSubject.asObservable().pipe(take(1));\n  }\n\n  beforeClose(): Observable<void> {\n    return this.beforeCloseSubject.asObservable().pipe(take(1));\n  }\n\n  afterClosed(): Observable<TResult | undefined> {\n    return this.afterClosedSubject.asObservable().pipe(take(1));\n  }\n\n  /** @internal */\n  markBeforeOpen() {\n    this.beforeOpenSubject.next();\n    this.beforeOpenSubject.complete();\n  }\n\n  /** @internal */\n  markOpened() {\n    this.afterOpenedSubject.next();\n    this.afterOpenedSubject.complete();\n  }\n}\n","import { DOCUMENT } from '@angular/common';\nimport {\n  ApplicationRef,\n  ComponentRef,\n  createComponent,\n  EnvironmentInjector,\n  inject,\n  Injectable,\n  Injector,\n  Type,\n} from '@angular/core';\n\nimport { OverlayOrchestrator } from '@frame-kit/ui-ng/services/overlay-orchestrator';\nimport { OVERLAY_PRIORITY } from '@frame-kit/ui-ng/services/overlay-orchestrator';\nimport { DrawerComponent } from './drawer.component';\nimport { DEFAULT_DRAWER_CONFIG, DrawerConfig } from './drawer.config';\nimport { DrawerRef } from './drawer-ref';\n\nexport const DRAWER_DATA = Symbol('DRAWER_DATA');\nexport const DRAWER_REF = Symbol('DRAWER_REF');\n\nconst BASE_Z_INDEX = 1100;\nconst Z_INDEX_STEP = 10;\n\ninterface DrawerEntry {\n  ref: DrawerRef;\n  hostRef: ComponentRef<DrawerComponent>;\n  contentRef: ComponentRef<unknown>;\n}\n\n@Injectable({ providedIn: 'root' })\nexport class DrawerService {\n  private readonly appRef = inject(ApplicationRef);\n  private readonly injector = inject(EnvironmentInjector);\n  private readonly doc = inject(DOCUMENT);\n  private readonly orchestrator = inject(OverlayOrchestrator);\n\n  private activeDrawers: DrawerEntry[] = [];\n  private overlayIds = new Map<DrawerEntry, string>();\n\n  get openCount(): number {\n    return this.activeDrawers.length;\n  }\n\n  open<TResult = unknown, TData = unknown>(\n    content: Type<unknown>,\n    config?: DrawerConfig<TData>,\n  ): DrawerRef<TResult, TData> {\n    const mergedConfig = {\n      ...DEFAULT_DRAWER_CONFIG,\n      ...config,\n    } as DrawerConfig<TData>;\n    const drawerRef = new DrawerRef<TResult, TData>(mergedConfig);\n\n    const childInjector = Injector.create({\n      parent: this.injector,\n      providers: [\n        { provide: DRAWER_DATA as never, useValue: mergedConfig.data },\n        { provide: DRAWER_REF as never, useValue: drawerRef },\n      ],\n    });\n\n    const hostRef = createComponent(DrawerComponent, {\n      environmentInjector: this.injector,\n      elementInjector: childInjector,\n    });\n\n    const contentRef = createComponent(content, {\n      environmentInjector: this.injector,\n      elementInjector: childInjector,\n      hostElement: this.doc.createElement('div'),\n    });\n\n    this.applyConfig(hostRef, mergedConfig);\n    this.appRef.attachView(hostRef.hostView);\n    this.appRef.attachView(contentRef.hostView);\n\n    this.doc.body.appendChild(hostRef.location.nativeElement);\n\n    const entry: DrawerEntry = {\n      ref: drawerRef as DrawerRef<unknown, unknown>,\n      hostRef,\n      contentRef,\n    };\n\n    this.activeDrawers.push(entry);\n\n    const overlayId = this.orchestrator.register({\n      priority: OVERLAY_PRIORITY.DRAWER,\n      type: 'drawer',\n      close: () => drawerRef.close(),\n    });\n\n    this.overlayIds.set(entry, overlayId);\n\n    hostRef.instance.beforeOpen.subscribe(() => {\n      drawerRef.markBeforeOpen();\n    });\n\n    hostRef.instance.opened.subscribe(() => {\n      drawerRef.markOpened();\n    });\n\n    hostRef.instance.closed.subscribe(() => {\n      drawerRef.close();\n    });\n\n    drawerRef.afterClosed().subscribe(() => {\n      this.destroyDrawer(entry);\n    });\n\n    hostRef.setInput('open', true);\n    hostRef.changeDetectorRef.detectChanges();\n\n    const panelBody =\n      hostRef.location.nativeElement.querySelector('.fk-drawer__body');\n\n    if (panelBody) {\n      panelBody.appendChild(contentRef.location.nativeElement);\n    }\n\n    // Move [fkDrawerFooter] elements from the body into the footer wrapper\n    const footerWrapper =\n      hostRef.location.nativeElement.querySelector('.fk-drawer__footer');\n\n    if (footerWrapper && panelBody) {\n      const footerElements = panelBody.querySelectorAll('[fkDrawerFooter]');\n\n      for (const el of footerElements) {\n        footerWrapper.appendChild(el);\n      }\n    }\n\n    // Position the overlay to match the container's bounds\n    if (mergedConfig.container) {\n      this.applyContainerBounds(entry, mergedConfig.container);\n    }\n\n    this.applyZIndex(entry);\n\n    return drawerRef;\n  }\n\n  closeAll() {\n    [...this.activeDrawers].forEach((entry) => entry.ref.close());\n  }\n\n  private applyContainerBounds(entry: DrawerEntry, container: HTMLElement) {\n    const rect = container.getBoundingClientRect();\n    const overlay = entry.hostRef.location.nativeElement.querySelector(\n      '.fk-drawer__overlay',\n    );\n\n    if (overlay) {\n      overlay.style.setProperty('--fk-drawer-bounds-top', `${rect.top}px`);\n\n      overlay.style.setProperty(\n        '--fk-drawer-bounds-right',\n        `${window.innerWidth - rect.right}px`,\n      );\n\n      overlay.style.setProperty(\n        '--fk-drawer-bounds-bottom',\n        `${window.innerHeight - rect.bottom}px`,\n      );\n\n      overlay.style.setProperty('--fk-drawer-bounds-left', `${rect.left}px`);\n    }\n  }\n\n  private applyZIndex(entry: DrawerEntry) {\n    const index = this.activeDrawers.indexOf(entry);\n    const zIndex = BASE_Z_INDEX + index * Z_INDEX_STEP;\n    const overlay = entry.hostRef.location.nativeElement.querySelector(\n      '.fk-drawer__overlay',\n    );\n\n    if (overlay) {\n      overlay.style.zIndex = String(zIndex);\n    }\n  }\n\n  private applyConfig(\n    hostRef: ComponentRef<DrawerComponent>,\n    config: DrawerConfig,\n  ) {\n    hostRef.setInput('closable', config.closable ?? true);\n    hostRef.setInput('closeOnEscape', config.closeOnEscape ?? true);\n    hostRef.setInput('closeOnBackdrop', config.closeOnBackdrop ?? true);\n    hostRef.setInput('width', config.width ?? 'md');\n    hostRef.setInput('animation', config.animation ?? 'slide-right');\n    hostRef.setInput('header', config.header ?? null);\n    hostRef.setInput('restoreFocus', config.restoreFocus ?? true);\n    hostRef.setInput('autoFocus', config.autoFocus ?? true);\n    hostRef.setInput('className', config.className ?? '');\n    hostRef.setInput('preventClose', config.preventClose ?? false);\n    hostRef.setInput('canClose', config.canClose ?? null);\n    hostRef.setInput('ariaLabel', config.ariaLabel ?? null);\n  }\n\n  private destroyDrawer(entry: DrawerEntry) {\n    const overlayId = this.overlayIds.get(entry);\n\n    if (overlayId) {\n      this.orchestrator.unregister(overlayId);\n      this.overlayIds.delete(entry);\n    }\n\n    const idx = this.activeDrawers.indexOf(entry);\n\n    if (idx > -1) {\n      this.activeDrawers.splice(idx, 1);\n    }\n\n    entry.hostRef.setInput('open', false);\n    entry.hostRef.changeDetectorRef.detectChanges();\n\n    this.appRef.detachView(entry.contentRef.hostView);\n    this.appRef.detachView(entry.hostRef.hostView);\n\n    entry.contentRef.destroy();\n    entry.hostRef.destroy();\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}