@masterteam/components 0.0.127 → 0.0.129

package/fesm2022/masterteam-components-dynamic-drawer.mjs

@@ -0,0 +1,321 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, signal, Injectable, model, computed, Injector, Input, Component, inject, ApplicationRef, EnvironmentInjector, DestroyRef, createComponent } from '@angular/core';
+import { NgComponentOutlet, DOCUMENT } from '@angular/common';
+import { DynamicDialogRef } from 'primeng/dynamicdialog';
+import * as i1 from 'primeng/drawer';
+import { DrawerModule } from 'primeng/drawer';
+import { Button } from '@masterteam/components/button';
+
+const DynamicDrawerConfig = new InjectionToken('DynamicDrawerConfig');
+/**
+ * Controller to dynamically update drawer properties from inside the child component.
+ * Inject this in your drawer content component to modify drawer behavior.
+ */
+class DrawerController {
+    _styleClass = signal('', ...(ngDevMode ? [{ debugName: "_styleClass" }] : []));
+    _header = signal('', ...(ngDevMode ? [{ debugName: "_header" }] : []));
+    _fullScreen = signal(undefined, ...(ngDevMode ? [{ debugName: "_fullScreen" }] : []));
+    /** Get the current additional styleClass */
+    get styleClass() {
+        return this._styleClass;
+    }
+    /** Get the current header */
+    get header() {
+        return this._header;
+    }
+    /** Get the current fullScreen state */
+    get fullScreen() {
+        return this._fullScreen;
+    }
+    /** Add or replace the dynamic styleClass */
+    setStyleClass(styleClass) {
+        this._styleClass.set(styleClass);
+    }
+    /** Append a class to the existing styleClass */
+    addClass(className) {
+        const current = this._styleClass();
+        if (!current.includes(className)) {
+            this._styleClass.set((current + ' ' + className).trim());
+        }
+    }
+    /** Remove a class from the styleClass */
+    removeClass(className) {
+        const current = this._styleClass();
+        this._styleClass.set(current
+            .split(' ')
+            .filter((c) => c !== className)
+            .join(' '));
+    }
+    /** Toggle a class on/off */
+    toggleClass(className) {
+        if (this._styleClass().includes(className)) {
+            this.removeClass(className);
+        }
+        else {
+            this.addClass(className);
+        }
+    }
+    /** Update the drawer header */
+    setHeader(header) {
+        this._header.set(header);
+    }
+    /** Toggle fullScreen mode */
+    setFullScreen(fullScreen) {
+        this._fullScreen.set(fullScreen);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: DrawerController, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: DrawerController });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: DrawerController, decorators: [{
+            type: Injectable
+        }] });
+class DynamicDrawerHost {
+    visible = model(false, ...(ngDevMode ? [{ debugName: "visible" }] : []));
+    cmp = signal(null, ...(ngDevMode ? [{ debugName: "cmp" }] : []));
+    cfg = signal({ position: 'right' }, ...(ngDevMode ? [{ debugName: "cfg" }] : []));
+    cmpInputs = signal({}, ...(ngDevMode ? [{ debugName: "cmpInputs" }] : []));
+    childInjector;
+    ref;
+    drawerController = new DrawerController();
+    /** Computed styleClass combining config + dynamic controller class */
+    computedStyleClass = computed(() => {
+        const configClass = this.cfg()?.styleClass ?? '';
+        const dynamicClass = this.drawerController.styleClass();
+        return `${configClass} ${dynamicClass} mt-drawer`.trim();
+    }, ...(ngDevMode ? [{ debugName: "computedStyleClass" }] : []));
+    computedDrawerStyle = computed(() => {
+        const appendTo = this.cfg()?.appendTo;
+        if (!appendTo || appendTo === 'body') {
+            return { position: 'fixed' };
+        }
+        return null;
+    }, ...(ngDevMode ? [{ debugName: "computedDrawerStyle" }] : []));
+    /** Computed header - controller overrides config if set */
+    computedHeader = computed(() => {
+        const dynamicHeader = this.drawerController.header();
+        return dynamicHeader || this.cfg()?.header || '';
+    }, ...(ngDevMode ? [{ debugName: "computedHeader" }] : []));
+    /** Computed fullScreen - controller overrides config if set */
+    computedFullScreen = computed(() => {
+        const dynamicFullScreen = this.drawerController.fullScreen();
+        return dynamicFullScreen !== undefined
+            ? dynamicFullScreen
+            : this.cfg()?.fullScreen;
+    }, ...(ngDevMode ? [{ debugName: "computedFullScreen" }] : []));
+    connect(opts) {
+        this.cmp.set(opts.component);
+        this.cfg.set(opts.config ?? {});
+        this.cmpInputs.set(opts.config?.inputValues ?? {});
+        this.ref = opts.ref;
+        this.childInjector = Injector.create({
+            parent: opts.parent,
+            providers: [
+                { provide: DynamicDrawerConfig, useValue: opts.config ?? {} },
+                { provide: DynamicDialogRef, useValue: opts.ref },
+                { provide: DrawerController, useValue: this.drawerController },
+            ],
+        });
+        opts.ref.onClose.subscribe(() => {
+            this.visible.set(false);
+        });
+    }
+    show() {
+        this.visible.set(true);
+    }
+    handleHide(data = null) {
+        this.visible.set(false);
+        this.ref?.close(data);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: DynamicDrawerHost, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: DynamicDrawerHost, isStandalone: true, selector: "mt-dynamic-drawer-host", inputs: { visible: { classPropertyName: "visible", publicName: "visible", isSignal: true, isRequired: false, transformFunction: null }, connect: { classPropertyName: "connect", publicName: "connect", isSignal: false, isRequired: true, transformFunction: null } }, outputs: { visible: "visibleChange" }, ngImport: i0, template: `
+    <p-drawer
+      [(visible)]="visible"
+      [appendTo]="'self'"
+      [style]="computedDrawerStyle()"
+      [closable]="cfg()?.closable"
+      [position]="cfg()?.position"
+      [fullScreen]="computedFullScreen()"
+      [modal]="cfg()?.modal"
+      [closeOnEscape]="cfg()?.closeOnEscape"
+      [dismissible]="cfg()?.dismissible"
+      [transitionOptions]="cfg()?.transitionOptions"
+      [styleClass]="computedStyleClass()"
+    >
+      <ng-template #header>
+        <div
+          class="flex items-center justify-between px-5 w-full py-3 border-b border-surface"
+        >
+          <h3 class="text-xl font-semibold">{{ computedHeader() }}</h3>
+          <mt-button
+            (onClick)="handleHide()"
+            variant="outlined"
+            styleClass="!bg-white"
+            icon="general.x-close"
+            severity="secondary"
+          >
+          </mt-button>
+        </div>
+      </ng-template>
+      @if (childInjector) {
+        <ng-container
+          *ngComponentOutlet="
+            cmp();
+            injector: childInjector;
+            inputs: cmpInputs()
+          "
+        >
+        </ng-container>
+      }
+    </p-drawer>
+  `, isInline: true, dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "ngmodule", type: DrawerModule }, { kind: "component", type: i1.Drawer, selector: "p-drawer", inputs: ["appendTo", "motionOptions", "blockScroll", "style", "styleClass", "ariaCloseLabel", "autoZIndex", "baseZIndex", "modal", "closeButtonProps", "dismissible", "showCloseIcon", "closeOnEscape", "transitionOptions", "visible", "position", "fullScreen", "header", "maskStyle", "closable"], outputs: ["onShow", "onHide", "visibleChange"] }, { kind: "component", type: Button, selector: "mt-button", inputs: ["icon", "label", "tooltip", "class", "type", "styleClass", "severity", "badge", "variant", "badgeSeverity", "size", "iconPos", "autofocus", "fluid", "raised", "rounded", "text", "plain", "outlined", "link", "disabled", "loading", "pInputs"], outputs: ["onClick", "onFocus", "onBlur"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: DynamicDrawerHost, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'mt-dynamic-drawer-host',
+                    standalone: true,
+                    imports: [NgComponentOutlet, DrawerModule, Button],
+                    template: `
+    <p-drawer
+      [(visible)]="visible"
+      [appendTo]="'self'"
+      [style]="computedDrawerStyle()"
+      [closable]="cfg()?.closable"
+      [position]="cfg()?.position"
+      [fullScreen]="computedFullScreen()"
+      [modal]="cfg()?.modal"
+      [closeOnEscape]="cfg()?.closeOnEscape"
+      [dismissible]="cfg()?.dismissible"
+      [transitionOptions]="cfg()?.transitionOptions"
+      [styleClass]="computedStyleClass()"
+    >
+      <ng-template #header>
+        <div
+          class="flex items-center justify-between px-5 w-full py-3 border-b border-surface"
+        >
+          <h3 class="text-xl font-semibold">{{ computedHeader() }}</h3>
+          <mt-button
+            (onClick)="handleHide()"
+            variant="outlined"
+            styleClass="!bg-white"
+            icon="general.x-close"
+            severity="secondary"
+          >
+          </mt-button>
+        </div>
+      </ng-template>
+      @if (childInjector) {
+        <ng-container
+          *ngComponentOutlet="
+            cmp();
+            injector: childInjector;
+            inputs: cmpInputs()
+          "
+        >
+        </ng-container>
+      }
+    </p-drawer>
+  `,
+                }]
+        }], propDecorators: { visible: [{ type: i0.Input, args: [{ isSignal: true, alias: "visible", required: false }] }, { type: i0.Output, args: ["visibleChange"] }], connect: [{
+                type: Input,
+                args: [{ required: true }]
+            }] } });
+
+// dynamic-drawer.service.ts
+class DrawerService {
+    appRef = inject(ApplicationRef);
+    env = inject(EnvironmentInjector);
+    rootInjector = inject(Injector);
+    destroyRef = inject(DestroyRef);
+    doc = inject(DOCUMENT);
+    hostRef;
+    defauiltConfig = {
+        position: 'right',
+        modal: true,
+        closable: false,
+        transitionOptions: '200ms cubic-bezier(0, 0, 1, 1)',
+        inputValues: {},
+    };
+    constructor() {
+        this.preloadDrawerHost();
+    }
+    open(component, config = {}) {
+        config = { ...this.defauiltConfig, ...config };
+        const targetEl = this.resolveAppendTarget(config.appendTo);
+        this.hostRef = createComponent(DynamicDrawerHost, {
+            environmentInjector: this.env,
+        });
+        const ref = new DynamicDialogRef();
+        this.hostRef.instance.connect({
+            component,
+            config,
+            parent: this.rootInjector,
+            ref,
+        });
+        this.appRef.attachView(this.hostRef.hostView);
+        // 📌 append to target (NOT body when provided)
+        targetEl.appendChild(this.hostRef.location.nativeElement);
+        // 🧹 auto-clean if app destroyed (SSR / HMR safety)
+        this.destroyRef.onDestroy(() => {
+            this.appRef.detachView(this.hostRef.hostView);
+            this.hostRef.destroy();
+            this.hostRef = undefined;
+        });
+        const currentHostRef = this.hostRef;
+        const openDrawer = () => {
+            if (this.hostRef !== currentHostRef) {
+                return;
+            }
+            currentHostRef.instance.show();
+        };
+        if (this.doc.defaultView?.requestAnimationFrame) {
+            this.doc.defaultView.requestAnimationFrame(openDrawer);
+        }
+        else {
+            setTimeout(openDrawer, 0);
+        }
+        return ref;
+    }
+    preloadDrawerHost() {
+        const preloadHostRef = createComponent(DynamicDrawerHost, {
+            environmentInjector: this.env,
+        });
+        const preloadElement = preloadHostRef.location.nativeElement;
+        preloadElement.style.display = 'none';
+        this.appRef.attachView(preloadHostRef.hostView);
+        this.doc.body.appendChild(preloadElement);
+        preloadHostRef.changeDetectorRef.detectChanges();
+        this.appRef.detachView(preloadHostRef.hostView);
+        preloadElement.remove();
+        preloadHostRef.destroy();
+    }
+    resolveAppendTarget(appendTo) {
+        if (!appendTo)
+            return this.doc.body;
+        if (typeof appendTo === 'string') {
+            const selector = appendTo.startsWith('#') || appendTo.startsWith('.')
+                ? appendTo
+                : `#${appendTo}`;
+            const el = this.doc.querySelector(selector);
+            if (!el) {
+                return this.doc.body;
+            }
+            return el;
+        }
+        return appendTo; // HTMLElement passed directly
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: DrawerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: DrawerService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: DrawerService, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }], ctorParameters: () => [] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { DrawerController, DrawerService, DynamicDrawerConfig, DynamicDrawerHost };
+//# sourceMappingURL=masterteam-components-dynamic-drawer.mjs.map

package/fesm2022/masterteam-components-dynamic-drawer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"masterteam-components-dynamic-drawer.mjs","sources":["../../../../packages/masterteam/components/dynamic-drawer/dynamic-drawer-host.ts","../../../../packages/masterteam/components/dynamic-drawer/dynamic-drawer.ts","../../../../packages/masterteam/components/dynamic-drawer/masterteam-components-dynamic-drawer.ts"],"sourcesContent":["import { DynamicDialogRef } from 'primeng/dynamicdialog';\r\nimport { DrawerModule } from 'primeng/drawer';\r\nimport {\r\n  Component,\r\n  Injector,\r\n  Input,\r\n  signal,\r\n  InjectionToken,\r\n  model,\r\n  computed,\r\n  Injectable,\r\n} from '@angular/core';\r\nimport { NgComponentOutlet } from '@angular/common';\r\n\r\nexport const DynamicDrawerConfig = new InjectionToken<any>(\r\n  'DynamicDrawerConfig',\r\n);\r\n\r\n/**\r\n * Controller to dynamically update drawer properties from inside the child component.\r\n * Inject this in your drawer content component to modify drawer behavior.\r\n */\r\n@Injectable()\r\nexport class DrawerController {\r\n  private _styleClass = signal<string>('');\r\n  private _header = signal<string>('');\r\n  private _fullScreen = signal<boolean | undefined>(undefined);\r\n\r\n  /** Get the current additional styleClass */\r\n  get styleClass() {\r\n    return this._styleClass;\r\n  }\r\n\r\n  /** Get the current header */\r\n  get header() {\r\n    return this._header;\r\n  }\r\n\r\n  /** Get the current fullScreen state */\r\n  get fullScreen() {\r\n    return this._fullScreen;\r\n  }\r\n\r\n  /** Add or replace the dynamic styleClass */\r\n  setStyleClass(styleClass: string) {\r\n    this._styleClass.set(styleClass);\r\n  }\r\n\r\n  /** Append a class to the existing styleClass */\r\n  addClass(className: string) {\r\n    const current = this._styleClass();\r\n    if (!current.includes(className)) {\r\n      this._styleClass.set((current + ' ' + className).trim());\r\n    }\r\n  }\r\n\r\n  /** Remove a class from the styleClass */\r\n  removeClass(className: string) {\r\n    const current = this._styleClass();\r\n    this._styleClass.set(\r\n      current\r\n        .split(' ')\r\n        .filter((c) => c !== className)\r\n        .join(' '),\r\n    );\r\n  }\r\n\r\n  /** Toggle a class on/off */\r\n  toggleClass(className: string) {\r\n    if (this._styleClass().includes(className)) {\r\n      this.removeClass(className);\r\n    } else {\r\n      this.addClass(className);\r\n    }\r\n  }\r\n\r\n  /** Update the drawer header */\r\n  setHeader(header: string) {\r\n    this._header.set(header);\r\n  }\r\n\r\n  /** Toggle fullScreen mode */\r\n  setFullScreen(fullScreen: boolean) {\r\n    this._fullScreen.set(fullScreen);\r\n  }\r\n}\r\nimport { Button } from '@masterteam/components/button';\r\n\r\n@Component({\r\n  selector: 'mt-dynamic-drawer-host',\r\n  standalone: true,\r\n  imports: [NgComponentOutlet, DrawerModule, Button],\r\n  template: `\r\n    <p-drawer\r\n      [(visible)]=\"visible\"\r\n      [appendTo]=\"'self'\"\r\n      [style]=\"computedDrawerStyle()\"\r\n      [closable]=\"cfg()?.closable\"\r\n      [position]=\"cfg()?.position\"\r\n      [fullScreen]=\"computedFullScreen()\"\r\n      [modal]=\"cfg()?.modal\"\r\n      [closeOnEscape]=\"cfg()?.closeOnEscape\"\r\n      [dismissible]=\"cfg()?.dismissible\"\r\n      [transitionOptions]=\"cfg()?.transitionOptions\"\r\n      [styleClass]=\"computedStyleClass()\"\r\n    >\r\n      <ng-template #header>\r\n        <div\r\n          class=\"flex items-center justify-between px-5 w-full py-3 border-b border-surface\"\r\n        >\r\n          <h3 class=\"text-xl font-semibold\">{{ computedHeader() }}</h3>\r\n          <mt-button\r\n            (onClick)=\"handleHide()\"\r\n            variant=\"outlined\"\r\n            styleClass=\"!bg-white\"\r\n            icon=\"general.x-close\"\r\n            severity=\"secondary\"\r\n          >\r\n          </mt-button>\r\n        </div>\r\n      </ng-template>\r\n      @if (childInjector) {\r\n        <ng-container\r\n          *ngComponentOutlet=\"\r\n            cmp();\r\n            injector: childInjector;\r\n            inputs: cmpInputs()\r\n          \"\r\n        >\r\n        </ng-container>\r\n      }\r\n    </p-drawer>\r\n  `,\r\n})\r\nexport class DynamicDrawerHost {\r\n  public visible = model<boolean>(false);\r\n  cmp = signal<any>(null);\r\n  cfg = signal<any>({ position: 'right' });\r\n  cmpInputs = signal<Record<string, unknown>>({});\r\n  childInjector!: Injector;\r\n  private ref?: DynamicDialogRef;\r\n  private drawerController = new DrawerController();\r\n\r\n  /** Computed styleClass combining config + dynamic controller class */\r\n  computedStyleClass = computed(() => {\r\n    const configClass = this.cfg()?.styleClass ?? '';\r\n    const dynamicClass = this.drawerController.styleClass();\r\n    return `${configClass} ${dynamicClass} mt-drawer`.trim();\r\n  });\r\n\r\n  computedDrawerStyle = computed<Record<string, string> | null>(() => {\r\n    const appendTo = this.cfg()?.appendTo;\r\n    if (!appendTo || appendTo === 'body') {\r\n      return { position: 'fixed' };\r\n    }\r\n\r\n    return null;\r\n  });\r\n\r\n  /** Computed header - controller overrides config if set */\r\n  computedHeader = computed(() => {\r\n    const dynamicHeader = this.drawerController.header();\r\n    return dynamicHeader || this.cfg()?.header || '';\r\n  });\r\n\r\n  /** Computed fullScreen - controller overrides config if set */\r\n  computedFullScreen = computed(() => {\r\n    const dynamicFullScreen = this.drawerController.fullScreen();\r\n    return dynamicFullScreen !== undefined\r\n      ? dynamicFullScreen\r\n      : this.cfg()?.fullScreen;\r\n  });\r\n\r\n  @Input({ required: true })\r\n  connect(opts: {\r\n    component: any;\r\n    config?: any;\r\n    parent: Injector;\r\n    ref: DynamicDialogRef;\r\n  }) {\r\n    this.cmp.set(opts.component);\r\n    this.cfg.set(opts.config ?? {});\r\n    this.cmpInputs.set(opts.config?.inputValues ?? {});\r\n    this.ref = opts.ref;\r\n    this.childInjector = Injector.create({\r\n      parent: opts.parent,\r\n      providers: [\r\n        { provide: DynamicDrawerConfig, useValue: opts.config ?? {} },\r\n        { provide: DynamicDialogRef, useValue: opts.ref },\r\n        { provide: DrawerController, useValue: this.drawerController },\r\n      ],\r\n    });\r\n\r\n    opts.ref.onClose.subscribe(() => {\r\n      this.visible.set(false);\r\n    });\r\n  }\r\n\r\n  show() {\r\n    this.visible.set(true);\r\n  }\r\n\r\n  handleHide(data = null) {\r\n    this.visible.set(false);\r\n    this.ref?.close(data);\r\n  }\r\n}\r\n","// dynamic-drawer.service.ts\r\nimport {\r\n  Injectable,\r\n  Type,\r\n  createComponent,\r\n  EnvironmentInjector,\r\n  ApplicationRef,\r\n  Injector,\r\n  DestroyRef,\r\n  inject,\r\n} from '@angular/core';\r\nimport { DOCUMENT } from '@angular/common';\r\nimport { DynamicDrawerHost } from './dynamic-drawer-host';\r\nimport { DynamicDialogRef } from 'primeng/dynamicdialog';\r\n\r\nexport interface DynamicDrawerConfigInterface {\r\n  header?: string;\r\n  position?: string;\r\n  data?: any;\r\n  fullScreen?: boolean;\r\n  modal?: boolean;\r\n  closable?: boolean;\r\n  closeOnEscape?: boolean;\r\n  dismissible?: boolean;\r\n  appendTo?: any;\r\n  transitionOptions?: string;\r\n  styleClass?: string;\r\n  inputValues?: any;\r\n}\r\n\r\n@Injectable({ providedIn: 'root' })\r\nexport class DrawerService {\r\n  private appRef = inject(ApplicationRef);\r\n  private env = inject(EnvironmentInjector);\r\n  private rootInjector = inject(Injector);\r\n  private destroyRef = inject(DestroyRef);\r\n  private doc = inject(DOCUMENT);\r\n  private hostRef?: ReturnType<typeof createComponent<DynamicDrawerHost>>;\r\n  defauiltConfig: DynamicDrawerConfigInterface = {\r\n    position: 'right',\r\n    modal: true,\r\n    closable: false,\r\n    transitionOptions: '200ms cubic-bezier(0, 0, 1, 1)',\r\n    inputValues: {},\r\n  };\r\n\r\n  constructor() {\r\n    this.preloadDrawerHost();\r\n  }\r\n\r\n  open<T>(\r\n    component: Type<any>,\r\n    config: DynamicDrawerConfigInterface = {},\r\n  ): DynamicDialogRef<T> {\r\n    config = { ...this.defauiltConfig, ...config };\r\n\r\n    const targetEl = this.resolveAppendTarget(config.appendTo);\r\n\r\n    this.hostRef = createComponent(DynamicDrawerHost, {\r\n      environmentInjector: this.env,\r\n    });\r\n\r\n    const ref = new DynamicDialogRef<T>();\r\n    this.hostRef.instance.connect({\r\n      component,\r\n      config,\r\n      parent: this.rootInjector,\r\n      ref,\r\n    });\r\n\r\n    this.appRef.attachView(this.hostRef.hostView);\r\n\r\n    // 📌 append to target (NOT body when provided)\r\n    targetEl.appendChild(this.hostRef.location.nativeElement);\r\n\r\n    // 🧹 auto-clean if app destroyed (SSR / HMR safety)\r\n    this.destroyRef.onDestroy(() => {\r\n      this.appRef.detachView(this.hostRef!.hostView);\r\n      this.hostRef!.destroy();\r\n      this.hostRef = undefined;\r\n    });\r\n\r\n    const currentHostRef = this.hostRef;\r\n    const openDrawer = () => {\r\n      if (this.hostRef !== currentHostRef) {\r\n        return;\r\n      }\r\n\r\n      currentHostRef.instance.show();\r\n    };\r\n\r\n    if (this.doc.defaultView?.requestAnimationFrame) {\r\n      this.doc.defaultView.requestAnimationFrame(openDrawer);\r\n    } else {\r\n      setTimeout(openDrawer, 0);\r\n    }\r\n\r\n    return ref;\r\n  }\r\n\r\n  private preloadDrawerHost() {\r\n    const preloadHostRef = createComponent(DynamicDrawerHost, {\r\n      environmentInjector: this.env,\r\n    });\r\n    const preloadElement = preloadHostRef.location.nativeElement as HTMLElement;\r\n\r\n    preloadElement.style.display = 'none';\r\n\r\n    this.appRef.attachView(preloadHostRef.hostView);\r\n    this.doc.body.appendChild(preloadElement);\r\n    preloadHostRef.changeDetectorRef.detectChanges();\r\n    this.appRef.detachView(preloadHostRef.hostView);\r\n    preloadElement.remove();\r\n    preloadHostRef.destroy();\r\n  }\r\n\r\n  private resolveAppendTarget(appendTo?: string | HTMLElement): HTMLElement {\r\n    if (!appendTo) return this.doc.body;\r\n\r\n    if (typeof appendTo === 'string') {\r\n      const selector =\r\n        appendTo.startsWith('#') || appendTo.startsWith('.')\r\n          ? appendTo\r\n          : `#${appendTo}`;\r\n      const el = this.doc.querySelector(selector) as HTMLElement | null;\r\n      if (!el) {\r\n        return this.doc.body;\r\n      }\r\n      return el;\r\n    }\r\n\r\n    return appendTo; // HTMLElement passed directly\r\n  }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}