@masterteam/components 0.0.68 → 0.0.69

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, model, signal, Injector, Input, Component, inject, ApplicationRef, EnvironmentInjector, DestroyRef, createComponent, Injectable } 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';
@@ -7,6 +7,68 @@ 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" }] : []));
@@ -14,6 +76,25 @@ class DynamicDrawerHost {
     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" }] : []));
+    /** 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 ?? {});
@@ -24,6 +105,7 @@ class DynamicDrawerHost {
             providers: [
                 { provide: DynamicDrawerConfig, useValue: opts.config ?? {} },
                 { provide: DynamicDialogRef, useValue: opts.ref },
+                { provide: DrawerController, useValue: this.drawerController },
             ],
         });
         opts.ref.onClose.subscribe(() => {
@@ -41,19 +123,19 @@ class DynamicDrawerHost {
       [(visible)]="visible"
       [closable]="cfg()?.closable"
       [position]="cfg()?.position"
-      [fullScreen]="cfg()?.fullScreen"
+      [fullScreen]="computedFullScreen()"
       [modal]="cfg()?.modal"
       [closeOnEscape]="cfg()?.closeOnEscape"
       [dismissible]="cfg()?.dismissible"
       [appendTo]="cfg()?.appendTo"
       [transitionOptions]="cfg()?.transitionOptions"
-      [styleClass]="cfg()?.styleClass + ' mt-drawer'"
+      [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">{{ cfg()?.header }}</h3>
+          <h3 class="text-xl font-semibold">{{ computedHeader() }}</h3>
           <mt-button
             (onClick)="handleHide()"
             variant="outlined"
@@ -83,19 +165,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImpor
       [(visible)]="visible"
       [closable]="cfg()?.closable"
       [position]="cfg()?.position"
-      [fullScreen]="cfg()?.fullScreen"
+      [fullScreen]="computedFullScreen()"
       [modal]="cfg()?.modal"
       [closeOnEscape]="cfg()?.closeOnEscape"
       [dismissible]="cfg()?.dismissible"
       [appendTo]="cfg()?.appendTo"
       [transitionOptions]="cfg()?.transitionOptions"
-      [styleClass]="cfg()?.styleClass + ' mt-drawer'"
+      [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">{{ cfg()?.header }}</h3>
+          <h3 class="text-xl font-semibold">{{ computedHeader() }}</h3>
           <mt-button
             (onClick)="handleHide()"
             variant="outlined"
@@ -185,5 +267,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.3", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { DrawerService, DynamicDrawerConfig, DynamicDrawerHost };
+export { DrawerController, DrawerService, DynamicDrawerConfig, DynamicDrawerHost };
 //# sourceMappingURL=masterteam-components-dynamic-drawer.mjs.map

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@masterteam/components",
-  "version": "0.0.68",
+  "version": "0.0.69",
   "publishConfig": {
     "directory": "../../../dist/masterteam/components",
     "linkDirectory": true,

package/types/masterteam-components-dynamic-drawer.d.ts

@@ -31,6 +31,35 @@ declare class DrawerService {
 }
 
 declare const DynamicDrawerConfig: InjectionToken<any>;
+/**
+ * Controller to dynamically update drawer properties from inside the child component.
+ * Inject this in your drawer content component to modify drawer behavior.
+ */
+declare class DrawerController {
+    private _styleClass;
+    private _header;
+    private _fullScreen;
+    /** Get the current additional styleClass */
+    get styleClass(): _angular_core.WritableSignal<string>;
+    /** Get the current header */
+    get header(): _angular_core.WritableSignal<string>;
+    /** Get the current fullScreen state */
+    get fullScreen(): _angular_core.WritableSignal<boolean | undefined>;
+    /** Add or replace the dynamic styleClass */
+    setStyleClass(styleClass: string): void;
+    /** Append a class to the existing styleClass */
+    addClass(className: string): void;
+    /** Remove a class from the styleClass */
+    removeClass(className: string): void;
+    /** Toggle a class on/off */
+    toggleClass(className: string): void;
+    /** Update the drawer header */
+    setHeader(header: string): void;
+    /** Toggle fullScreen mode */
+    setFullScreen(fullScreen: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DrawerController, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<DrawerController>;
+}
 declare class DynamicDrawerHost {
     visible: _angular_core.ModelSignal<boolean>;
     cmp: _angular_core.WritableSignal<any>;
@@ -38,6 +67,13 @@ declare class DynamicDrawerHost {
     cmpInputs: _angular_core.WritableSignal<Record<string, unknown>>;
     childInjector: Injector;
     private ref?;
+    private drawerController;
+    /** Computed styleClass combining config + dynamic controller class */
+    computedStyleClass: _angular_core.Signal<string>;
+    /** Computed header - controller overrides config if set */
+    computedHeader: _angular_core.Signal<any>;
+    /** Computed fullScreen - controller overrides config if set */
+    computedFullScreen: _angular_core.Signal<any>;
     connect(opts: {
         component: any;
         config?: any;
@@ -49,5 +85,5 @@ declare class DynamicDrawerHost {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DynamicDrawerHost, "mt-dynamic-drawer-host", never, { "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "connect": { "alias": "connect"; "required": true; }; }, { "visible": "visibleChange"; }, never, never, true, never>;
 }
 
-export { DrawerService, DynamicDrawerConfig, DynamicDrawerHost };
+export { DrawerController, DrawerService, DynamicDrawerConfig, DynamicDrawerHost };
 export type { DynamicDrawerConfigInterface };