@masterteam/components 0.0.83 → 0.0.85

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

@@ -100,14 +100,16 @@ class DynamicDrawerHost {
         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 },
-            ],
-        });
+        setTimeout(() => {
+            this.childInjector = Injector.create({
+                parent: opts.parent,
+                providers: [
+                    { provide: DynamicDrawerConfig, useValue: opts.config ?? {} },
+                    { provide: DynamicDialogRef, useValue: opts.ref },
+                    { provide: DrawerController, useValue: this.drawerController },
+                ],
+            });
+        }, 0);
         opts.ref.onClose.subscribe(() => {
             this.visible.set(false);
         });
@@ -118,7 +120,7 @@ class DynamicDrawerHost {
         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.1.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: `
+    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"
       [closable]="cfg()?.closable"
@@ -145,11 +147,16 @@ class DynamicDrawerHost {
           </mt-button>
         </div>
       </ng-template>
-
-      <ng-container
-        *ngComponentOutlet="cmp(); injector: childInjector; inputs: cmpInputs()"
-      >
-      </ng-container>
+      @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"] }] });
 }
@@ -186,11 +193,16 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImpor
           </mt-button>
         </div>
       </ng-template>
-
-      <ng-container
-        *ngComponentOutlet="cmp(); injector: childInjector; inputs: cmpInputs()"
-      >
-      </ng-container>
+      @if (childInjector) {
+        <ng-container
+          *ngComponentOutlet="
+            cmp();
+            injector: childInjector;
+            inputs: cmpInputs()
+          "
+        >
+        </ng-container>
+      }
     </p-drawer>
   `,
                 }]

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

@@ -1 +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      [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\r\n      <ng-container\r\n        *ngComponentOutlet=\"cmp(); injector: childInjector; inputs: cmpInputs()\"\r\n      >\r\n      </ng-container>\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>({});\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  /** 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    opts.ref.onClose.subscribe(() => {\r\n      this.visible.set(false);\r\n    });\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  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    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 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    return ref;\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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"}
+{"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      [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>({});\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  /** 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    setTimeout(() => {\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    }, 0);\r\n\r\n    opts.ref.onClose.subscribe(() => {\r\n      this.visible.set(false);\r\n    });\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  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    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 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    return ref;\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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"}

package/fesm2022/masterteam-components-formula.mjs

@@ -768,7 +768,8 @@ class FormulaToolbarItem {
     /** Computed display value */
     displayValue = computed(() => this.display() ?? this.value(), ...(ngDevMode ? [{ debugName: "displayValue" }] : []));
     /** Check if has rich tooltip content (signature or examples) */
-    hasRichTooltip = computed(() => this.type() === 'function' && (this.signature() || this.normalizedExamples().length > 0), ...(ngDevMode ? [{ debugName: "hasRichTooltip" }] : []));
+    hasRichTooltip = computed(() => this.type() === 'function' &&
+        (this.signature() || this.normalizedExamples().length > 0), ...(ngDevMode ? [{ debugName: "hasRichTooltip" }] : []));
     /** Build SmartBlock from item data */
     smartBlock = computed(() => {
         switch (this.type()) {
@@ -800,13 +801,13 @@ class FormulaToolbarItem {
         this.onInsert.emit(this.smartBlock());
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: FormulaToolbarItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: FormulaToolbarItem, isStandalone: true, selector: "mt-formula-toolbar-item", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, display: { classPropertyName: "display", publicName: "display", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, signature: { classPropertyName: "signature", publicName: "signature", isSignal: true, isRequired: false, transformFunction: null }, examples: { classPropertyName: "examples", publicName: "examples", isSignal: true, isRequired: false, transformFunction: null }, propertyType: { classPropertyName: "propertyType", publicName: "propertyType", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onInsert: "onInsert" }, host: { classAttribute: "inline-block" }, ngImport: i0, template: "<button\r\n  type=\"button\"\r\n  class=\"inline-flex cursor-pointer items-center gap-1 rounded px-2 py-1 text-sm font-medium transition-colors hover:shadow-sm active:scale-95\"\r\n  [class]=\"itemClass()\"\r\n  [pTooltip]=\"hasRichTooltip() ? richTooltip : description()\"\r\n  [tooltipPosition]=\"'bottom'\"\r\n  [showDelay]=\"300\"\r\n  [hideDelay]=\"100\"\r\n  (click)=\"handleClick()\"\r\n>\r\n  @if (type() === \"function\") {\r\n    <span class=\"text-sm opacity-60\">\u0192</span>\r\n  }\r\n  {{ displayValue() }}\r\n</button>\r\n\r\n<!-- Rich tooltip template for functions -->\r\n<ng-template #richTooltip>\r\n  <div class=\"max-w-xs space-y-2.5 p-1\">\r\n    <!-- Signature (first) -->\r\n    @if (signature()) {\r\n      <div class=\"rounded bg-slate-700 px-2.5 py-1.5\">\r\n        <code class=\"font-mono text-sm text-emerald-400\">{{ signature() }}</code>\r\n      </div>\r\n    }\r\n\r\n    <!-- Description -->\r\n    @if (description()) {\r\n      <p class=\"text-sm leading-relaxed text-slate-200\">{{ description() }}</p>\r\n    }\r\n\r\n    <!-- Examples -->\r\n    @if (normalizedExamples().length > 0) {\r\n      <div class=\"space-y-1.5 border-t border-slate-600 pt-2\">\r\n        <span class=\"text-xs font-semibold uppercase tracking-wider text-slate-400\">Examples</span>\r\n        <div class=\"space-y-2\">\r\n          @for (example of normalizedExamples(); track $index) {\r\n            <div class=\"space-y-0.5\">\r\n              <div class=\"rounded bg-slate-800 px-2.5 py-1.5\">\r\n                <code class=\"font-mono text-xs text-amber-300\">{{ example.code }}</code>\r\n              </div>\r\n              @if (example.description) {\r\n                <p class=\"px-1 text-xs text-slate-400\">{{ example.description }}</p>\r\n              }\r\n            </div>\r\n          }\r\n        </div>\r\n      </div>\r\n    }\r\n  </div>\r\n</ng-template>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i1$1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.3", type: FormulaToolbarItem, isStandalone: true, selector: "mt-formula-toolbar-item", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: true, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, display: { classPropertyName: "display", publicName: "display", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, signature: { classPropertyName: "signature", publicName: "signature", isSignal: true, isRequired: false, transformFunction: null }, examples: { classPropertyName: "examples", publicName: "examples", isSignal: true, isRequired: false, transformFunction: null }, propertyType: { classPropertyName: "propertyType", publicName: "propertyType", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onInsert: "onInsert" }, host: { classAttribute: "inline-block" }, ngImport: i0, template: "<button\r\n  type=\"button\"\r\n  class=\"inline-flex cursor-pointer items-center gap-1 rounded px-2 py-1 text-sm font-medium transition-colors hover:shadow-sm active:scale-95\"\r\n  [class]=\"itemClass()\"\r\n  [pTooltip]=\"hasRichTooltip() ? richTooltip : description()\"\r\n  [tooltipPosition]=\"'bottom'\"\r\n  [showDelay]=\"300\"\r\n  [hideDelay]=\"100\"\r\n  (click)=\"handleClick()\"\r\n>\r\n  @if (type() === \"function\") {\r\n    <span class=\"text-sm opacity-60\">\u0192</span>\r\n  }\r\n  {{ displayValue() }}\r\n</button>\r\n\r\n<!-- Rich tooltip template for functions -->\r\n<ng-template #richTooltip>\r\n  <div class=\"max-w-xs space-y-2.5 p-1\">\r\n    <!-- Signature (first) -->\r\n    @if (signature()) {\r\n      <div class=\"rounded bg-slate-700 px-2.5 py-1.5\">\r\n        <code class=\"font-mono text-sm text-emerald-400\">{{\r\n          signature()\r\n        }}</code>\r\n      </div>\r\n    }\r\n\r\n    <!-- Description -->\r\n    @if (description()) {\r\n      <p class=\"text-sm leading-relaxed text-slate-200\">{{ description() }}</p>\r\n    }\r\n\r\n    <!-- Examples -->\r\n    @if (normalizedExamples().length > 0) {\r\n      <div class=\"space-y-1.5 border-t border-slate-600 pt-2\">\r\n        <span\r\n          class=\"text-xs font-semibold uppercase tracking-wider text-slate-400\"\r\n          >Examples</span\r\n        >\r\n        <div class=\"space-y-2\">\r\n          @for (example of normalizedExamples(); track $index) {\r\n            <div class=\"space-y-0.5\">\r\n              <div class=\"rounded bg-slate-800 px-2.5 py-1.5\">\r\n                <code class=\"font-mono text-xs text-amber-300\">{{\r\n                  example.code\r\n                }}</code>\r\n              </div>\r\n              @if (example.description) {\r\n                <p class=\"px-1 text-xs text-slate-400\">\r\n                  {{ example.description }}\r\n                </p>\r\n              }\r\n            </div>\r\n          }\r\n        </div>\r\n      </div>\r\n    }\r\n  </div>\r\n</ng-template>\r\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: TooltipModule }, { kind: "directive", type: i1$1.Tooltip, selector: "[pTooltip]", inputs: ["tooltipPosition", "tooltipEvent", "positionStyle", "tooltipStyleClass", "tooltipZIndex", "escape", "showDelay", "hideDelay", "life", "positionTop", "positionLeft", "autoHide", "fitContent", "hideOnEscape", "pTooltip", "tooltipDisabled", "tooltipOptions", "appendTo", "ptTooltip", "pTooltipPT", "pTooltipUnstyled"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImport: i0, type: FormulaToolbarItem, decorators: [{
             type: Component,
             args: [{ selector: 'mt-formula-toolbar-item', standalone: true, imports: [CommonModule, TooltipModule], host: {
                         class: 'inline-block',
-                    }, template: "<button\r\n  type=\"button\"\r\n  class=\"inline-flex cursor-pointer items-center gap-1 rounded px-2 py-1 text-sm font-medium transition-colors hover:shadow-sm active:scale-95\"\r\n  [class]=\"itemClass()\"\r\n  [pTooltip]=\"hasRichTooltip() ? richTooltip : description()\"\r\n  [tooltipPosition]=\"'bottom'\"\r\n  [showDelay]=\"300\"\r\n  [hideDelay]=\"100\"\r\n  (click)=\"handleClick()\"\r\n>\r\n  @if (type() === \"function\") {\r\n    <span class=\"text-sm opacity-60\">\u0192</span>\r\n  }\r\n  {{ displayValue() }}\r\n</button>\r\n\r\n<!-- Rich tooltip template for functions -->\r\n<ng-template #richTooltip>\r\n  <div class=\"max-w-xs space-y-2.5 p-1\">\r\n    <!-- Signature (first) -->\r\n    @if (signature()) {\r\n      <div class=\"rounded bg-slate-700 px-2.5 py-1.5\">\r\n        <code class=\"font-mono text-sm text-emerald-400\">{{ signature() }}</code>\r\n      </div>\r\n    }\r\n\r\n    <!-- Description -->\r\n    @if (description()) {\r\n      <p class=\"text-sm leading-relaxed text-slate-200\">{{ description() }}</p>\r\n    }\r\n\r\n    <!-- Examples -->\r\n    @if (normalizedExamples().length > 0) {\r\n      <div class=\"space-y-1.5 border-t border-slate-600 pt-2\">\r\n        <span class=\"text-xs font-semibold uppercase tracking-wider text-slate-400\">Examples</span>\r\n        <div class=\"space-y-2\">\r\n          @for (example of normalizedExamples(); track $index) {\r\n            <div class=\"space-y-0.5\">\r\n              <div class=\"rounded bg-slate-800 px-2.5 py-1.5\">\r\n                <code class=\"font-mono text-xs text-amber-300\">{{ example.code }}</code>\r\n              </div>\r\n              @if (example.description) {\r\n                <p class=\"px-1 text-xs text-slate-400\">{{ example.description }}</p>\r\n              }\r\n            </div>\r\n          }\r\n        </div>\r\n      </div>\r\n    }\r\n  </div>\r\n</ng-template>\r\n" }]
+                    }, template: "<button\r\n  type=\"button\"\r\n  class=\"inline-flex cursor-pointer items-center gap-1 rounded px-2 py-1 text-sm font-medium transition-colors hover:shadow-sm active:scale-95\"\r\n  [class]=\"itemClass()\"\r\n  [pTooltip]=\"hasRichTooltip() ? richTooltip : description()\"\r\n  [tooltipPosition]=\"'bottom'\"\r\n  [showDelay]=\"300\"\r\n  [hideDelay]=\"100\"\r\n  (click)=\"handleClick()\"\r\n>\r\n  @if (type() === \"function\") {\r\n    <span class=\"text-sm opacity-60\">\u0192</span>\r\n  }\r\n  {{ displayValue() }}\r\n</button>\r\n\r\n<!-- Rich tooltip template for functions -->\r\n<ng-template #richTooltip>\r\n  <div class=\"max-w-xs space-y-2.5 p-1\">\r\n    <!-- Signature (first) -->\r\n    @if (signature()) {\r\n      <div class=\"rounded bg-slate-700 px-2.5 py-1.5\">\r\n        <code class=\"font-mono text-sm text-emerald-400\">{{\r\n          signature()\r\n        }}</code>\r\n      </div>\r\n    }\r\n\r\n    <!-- Description -->\r\n    @if (description()) {\r\n      <p class=\"text-sm leading-relaxed text-slate-200\">{{ description() }}</p>\r\n    }\r\n\r\n    <!-- Examples -->\r\n    @if (normalizedExamples().length > 0) {\r\n      <div class=\"space-y-1.5 border-t border-slate-600 pt-2\">\r\n        <span\r\n          class=\"text-xs font-semibold uppercase tracking-wider text-slate-400\"\r\n          >Examples</span\r\n        >\r\n        <div class=\"space-y-2\">\r\n          @for (example of normalizedExamples(); track $index) {\r\n            <div class=\"space-y-0.5\">\r\n              <div class=\"rounded bg-slate-800 px-2.5 py-1.5\">\r\n                <code class=\"font-mono text-xs text-amber-300\">{{\r\n                  example.code\r\n                }}</code>\r\n              </div>\r\n              @if (example.description) {\r\n                <p class=\"px-1 text-xs text-slate-400\">\r\n                  {{ example.description }}\r\n                </p>\r\n              }\r\n            </div>\r\n          }\r\n        </div>\r\n      </div>\r\n    }\r\n  </div>\r\n</ng-template>\r\n" }]
         }], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: true }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], display: [{ type: i0.Input, args: [{ isSignal: true, alias: "display", required: false }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }], signature: [{ type: i0.Input, args: [{ isSignal: true, alias: "signature", required: false }] }], examples: [{ type: i0.Input, args: [{ isSignal: true, alias: "examples", required: false }] }], propertyType: [{ type: i0.Input, args: [{ isSignal: true, alias: "propertyType", required: false }] }], onInsert: [{ type: i0.Output, args: ["onInsert"] }] } });
 
 const DEFAULT_OPERATORS = [