@masterteam/components 0.0.173 → 0.0.175

package/fesm2022/masterteam-components-drawer.mjs

@@ -38,12 +38,16 @@ class Drawer {
     appendTo = input('self', ...(ngDevMode ? [{ debugName: "appendTo" }] : /* istanbul ignore next */ []));
     modal = input(true, ...(ngDevMode ? [{ debugName: "modal" }] : /* istanbul ignore next */ []));
     showMaximizeToggle = input(true, ...(ngDevMode ? [{ debugName: "showMaximizeToggle" }] : /* istanbul ignore next */ []));
-    maximizeTooltip = input(this.transloco.translate('components.drawer.expandFullWidth'), ...(ngDevMode ? [{ debugName: "maximizeTooltip" }] : /* istanbul ignore next */ []));
-    restoreTooltip = input(this.transloco.translate('components.drawer.restoreSize'), ...(ngDevMode ? [{ debugName: "restoreTooltip" }] : /* istanbul ignore next */ []));
+    maximizeTooltip = input('', ...(ngDevMode ? [{ debugName: "maximizeTooltip" }] : /* istanbul ignore next */ []));
+    restoreTooltip = input('', ...(ngDevMode ? [{ debugName: "restoreTooltip" }] : /* istanbul ignore next */ []));
     maximized = model(false, ...(ngDevMode ? [{ debugName: "maximized" }] : /* istanbul ignore next */ []));
     canShowMaximizeToggle = computed(() => this.showMaximizeToggle() &&
         !this.fullScreen() &&
         (this.position() === 'left' || this.position() === 'right'), ...(ngDevMode ? [{ debugName: "canShowMaximizeToggle" }] : /* istanbul ignore next */ []));
+    resolvedMaximizeTooltip = computed(() => this.maximizeTooltip() ||
+        this.transloco.translate('components.drawer.expandFullWidth'), ...(ngDevMode ? [{ debugName: "resolvedMaximizeTooltip" }] : /* istanbul ignore next */ []));
+    resolvedRestoreTooltip = computed(() => this.restoreTooltip() ||
+        this.transloco.translate('components.drawer.restoreSize'), ...(ngDevMode ? [{ debugName: "resolvedRestoreTooltip" }] : /* istanbul ignore next */ []));
     resolvedAppendTo = computed(() => {
         this.visible();
         const appendTo = this.appendTo();
@@ -242,11 +246,11 @@ class Drawer {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: Drawer, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: Drawer, isStandalone: true, selector: "mt-drawer", inputs: { visible: { classPropertyName: "visible", publicName: "visible", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, fullScreen: { classPropertyName: "fullScreen", publicName: "fullScreen", isSignal: true, isRequired: false, transformFunction: null }, closeOnEscape: { classPropertyName: "closeOnEscape", publicName: "closeOnEscape", isSignal: true, isRequired: false, transformFunction: null }, blockScroll: { classPropertyName: "blockScroll", publicName: "blockScroll", isSignal: true, isRequired: false, transformFunction: null }, dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, loadingHeader: { classPropertyName: "loadingHeader", publicName: "loadingHeader", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, transitionOptions: { classPropertyName: "transitionOptions", publicName: "transitionOptions", isSignal: true, isRequired: false, transformFunction: null }, appendTo: { classPropertyName: "appendTo", publicName: "appendTo", isSignal: true, isRequired: false, transformFunction: null }, modal: { classPropertyName: "modal", publicName: "modal", isSignal: true, isRequired: false, transformFunction: null }, showMaximizeToggle: { classPropertyName: "showMaximizeToggle", publicName: "showMaximizeToggle", isSignal: true, isRequired: false, transformFunction: null }, maximizeTooltip: { classPropertyName: "maximizeTooltip", publicName: "maximizeTooltip", isSignal: true, isRequired: false, transformFunction: null }, restoreTooltip: { classPropertyName: "restoreTooltip", publicName: "restoreTooltip", isSignal: true, isRequired: false, transformFunction: null }, maximized: { classPropertyName: "maximized", publicName: "maximized", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { visible: "visibleChange", visibleChange: "visibleChange", onShow: "onShow", onHide: "onHide", maximized: "maximizedChange" }, ngImport: i0, template: "<p-drawer\r\n  [(visible)]=\"visible\"\r\n  [position]=\"position()\"\r\n  [fullScreen]=\"fullScreen()\"\r\n  [modal]=\"false\"\r\n  [closable]=\"false\"\r\n  [closeOnEscape]=\"closeOnEscape()\"\r\n  [blockScroll]=\"blockScroll()\"\r\n  [dismissible]=\"dismissible()\"\r\n  [appendTo]=\"resolvedAppendTo()\"\r\n  [transitionOptions]=\"transitionOptions()\"\r\n  [styleClass]=\"resolvedStyleClass()\"\r\n  (visibleChange)=\"visibleChangeEvent($event)\"\r\n  (onShow)=\"onShowEvent()\"\r\n  (onHide)=\"onHideEvent()\"\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      @if (loadingHeader()) {\r\n        <div class=\"flex flex-1 flex-col gap-2\">\r\n          <p-skeleton width=\"12rem\" height=\"1.75rem\" borderRadius=\"0.5rem\" />\r\n          <p-skeleton width=\"8rem\" height=\"0.875rem\" borderRadius=\"0.5rem\" />\r\n        </div>\r\n      } @else {\r\n        <div class=\"flex flex-1 flex-col\">\r\n          <h3 class=\"text-xl font-semibold\" [innerHTML]=\"title()\"></h3>\r\n          @if (subtitle()) {\r\n            <p class=\"text-sm text-surface-500\" [innerHTML]=\"subtitle()\"></p>\r\n          }\r\n        </div>\r\n      }\r\n      <div class=\"flex items-center gap-2\">\r\n        @if (canShowMaximizeToggle()) {\r\n          <mt-button\r\n            (onClick)=\"toggleMaximized()\"\r\n            variant=\"outlined\"\r\n            styleClass=\"!bg-white\"\r\n            severity=\"secondary\"\r\n            [icon]=\"maximized() ? 'layout.minimize-01' : 'layout.maximize-01'\"\r\n            [tooltip]=\"maximized() ? restoreTooltip() : maximizeTooltip()\"\r\n          >\r\n          </mt-button>\r\n        }\r\n        <mt-button\r\n          (onClick)=\"onClose()\"\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    </div>\r\n  </ng-template>\r\n\r\n  <ng-content select=\"[content]\"></ng-content>\r\n\r\n  <ng-template #footer>\r\n    <div class=\"flex justify-end p-3 gap-2 border-t border-surface-200\">\r\n      <ng-content select=\"[footer]\"></ng-content>\r\n    </div>\r\n  </ng-template>\r\n</p-drawer>\r\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: "ngmodule", type: SkeletonModule }, { kind: "component", type: i2.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "shape", "animation", "borderRadius", "size", "width", "height"] }, { 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"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: Drawer, isStandalone: true, selector: "mt-drawer", inputs: { visible: { classPropertyName: "visible", publicName: "visible", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, fullScreen: { classPropertyName: "fullScreen", publicName: "fullScreen", isSignal: true, isRequired: false, transformFunction: null }, closeOnEscape: { classPropertyName: "closeOnEscape", publicName: "closeOnEscape", isSignal: true, isRequired: false, transformFunction: null }, blockScroll: { classPropertyName: "blockScroll", publicName: "blockScroll", isSignal: true, isRequired: false, transformFunction: null }, dismissible: { classPropertyName: "dismissible", publicName: "dismissible", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, subtitle: { classPropertyName: "subtitle", publicName: "subtitle", isSignal: true, isRequired: false, transformFunction: null }, loadingHeader: { classPropertyName: "loadingHeader", publicName: "loadingHeader", isSignal: true, isRequired: false, transformFunction: null }, styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, transitionOptions: { classPropertyName: "transitionOptions", publicName: "transitionOptions", isSignal: true, isRequired: false, transformFunction: null }, appendTo: { classPropertyName: "appendTo", publicName: "appendTo", isSignal: true, isRequired: false, transformFunction: null }, modal: { classPropertyName: "modal", publicName: "modal", isSignal: true, isRequired: false, transformFunction: null }, showMaximizeToggle: { classPropertyName: "showMaximizeToggle", publicName: "showMaximizeToggle", isSignal: true, isRequired: false, transformFunction: null }, maximizeTooltip: { classPropertyName: "maximizeTooltip", publicName: "maximizeTooltip", isSignal: true, isRequired: false, transformFunction: null }, restoreTooltip: { classPropertyName: "restoreTooltip", publicName: "restoreTooltip", isSignal: true, isRequired: false, transformFunction: null }, maximized: { classPropertyName: "maximized", publicName: "maximized", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { visible: "visibleChange", visibleChange: "visibleChange", onShow: "onShow", onHide: "onHide", maximized: "maximizedChange" }, ngImport: i0, template: "<p-drawer\n  [(visible)]=\"visible\"\n  [position]=\"position()\"\n  [fullScreen]=\"fullScreen()\"\n  [modal]=\"false\"\n  [closable]=\"false\"\n  [closeOnEscape]=\"closeOnEscape()\"\n  [blockScroll]=\"blockScroll()\"\n  [dismissible]=\"dismissible()\"\n  [appendTo]=\"resolvedAppendTo()\"\n  [transitionOptions]=\"transitionOptions()\"\n  [styleClass]=\"resolvedStyleClass()\"\n  (visibleChange)=\"visibleChangeEvent($event)\"\n  (onShow)=\"onShowEvent()\"\n  (onHide)=\"onHideEvent()\"\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      @if (loadingHeader()) {\n        <div class=\"flex flex-1 flex-col gap-2\">\n          <p-skeleton width=\"12rem\" height=\"1.75rem\" borderRadius=\"0.5rem\" />\n          <p-skeleton width=\"8rem\" height=\"0.875rem\" borderRadius=\"0.5rem\" />\n        </div>\n      } @else {\n        <div class=\"flex flex-1 flex-col\">\n          <h3 class=\"text-xl font-semibold\" [innerHTML]=\"title()\"></h3>\n          @if (subtitle()) {\n            <p class=\"text-sm text-surface-500\" [innerHTML]=\"subtitle()\"></p>\n          }\n        </div>\n      }\n      <div class=\"flex items-center gap-2\">\n        @if (canShowMaximizeToggle()) {\n          <mt-button\n            (onClick)=\"toggleMaximized()\"\n            variant=\"outlined\"\n            styleClass=\"!bg-white\"\n            severity=\"secondary\"\n            [icon]=\"maximized() ? 'layout.minimize-01' : 'layout.maximize-01'\"\n            [tooltip]=\"\n              maximized() ? resolvedRestoreTooltip() : resolvedMaximizeTooltip()\n            \"\n          >\n          </mt-button>\n        }\n        <mt-button\n          (onClick)=\"onClose()\"\n          variant=\"outlined\"\n          styleClass=\"!bg-white\"\n          icon=\"general.x-close\"\n          severity=\"secondary\"\n        >\n        </mt-button>\n      </div>\n    </div>\n  </ng-template>\n\n  <ng-content select=\"[content]\"></ng-content>\n\n  <ng-template #footer>\n    <div class=\"flex justify-end p-3 gap-2 border-t border-surface-200\">\n      <ng-content select=\"[footer]\"></ng-content>\n    </div>\n  </ng-template>\n</p-drawer>\n", styles: [""], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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: "ngmodule", type: SkeletonModule }, { kind: "component", type: i2.Skeleton, selector: "p-skeleton", inputs: ["styleClass", "shape", "animation", "borderRadius", "size", "width", "height"] }, { 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.2.8", ngImport: i0, type: Drawer, decorators: [{
             type: Component,
-            args: [{ selector: 'mt-drawer', standalone: true, imports: [CommonModule, DrawerModule, SkeletonModule, Button], template: "<p-drawer\r\n  [(visible)]=\"visible\"\r\n  [position]=\"position()\"\r\n  [fullScreen]=\"fullScreen()\"\r\n  [modal]=\"false\"\r\n  [closable]=\"false\"\r\n  [closeOnEscape]=\"closeOnEscape()\"\r\n  [blockScroll]=\"blockScroll()\"\r\n  [dismissible]=\"dismissible()\"\r\n  [appendTo]=\"resolvedAppendTo()\"\r\n  [transitionOptions]=\"transitionOptions()\"\r\n  [styleClass]=\"resolvedStyleClass()\"\r\n  (visibleChange)=\"visibleChangeEvent($event)\"\r\n  (onShow)=\"onShowEvent()\"\r\n  (onHide)=\"onHideEvent()\"\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      @if (loadingHeader()) {\r\n        <div class=\"flex flex-1 flex-col gap-2\">\r\n          <p-skeleton width=\"12rem\" height=\"1.75rem\" borderRadius=\"0.5rem\" />\r\n          <p-skeleton width=\"8rem\" height=\"0.875rem\" borderRadius=\"0.5rem\" />\r\n        </div>\r\n      } @else {\r\n        <div class=\"flex flex-1 flex-col\">\r\n          <h3 class=\"text-xl font-semibold\" [innerHTML]=\"title()\"></h3>\r\n          @if (subtitle()) {\r\n            <p class=\"text-sm text-surface-500\" [innerHTML]=\"subtitle()\"></p>\r\n          }\r\n        </div>\r\n      }\r\n      <div class=\"flex items-center gap-2\">\r\n        @if (canShowMaximizeToggle()) {\r\n          <mt-button\r\n            (onClick)=\"toggleMaximized()\"\r\n            variant=\"outlined\"\r\n            styleClass=\"!bg-white\"\r\n            severity=\"secondary\"\r\n            [icon]=\"maximized() ? 'layout.minimize-01' : 'layout.maximize-01'\"\r\n            [tooltip]=\"maximized() ? restoreTooltip() : maximizeTooltip()\"\r\n          >\r\n          </mt-button>\r\n        }\r\n        <mt-button\r\n          (onClick)=\"onClose()\"\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    </div>\r\n  </ng-template>\r\n\r\n  <ng-content select=\"[content]\"></ng-content>\r\n\r\n  <ng-template #footer>\r\n    <div class=\"flex justify-end p-3 gap-2 border-t border-surface-200\">\r\n      <ng-content select=\"[footer]\"></ng-content>\r\n    </div>\r\n  </ng-template>\r\n</p-drawer>\r\n" }]
+            args: [{ selector: 'mt-drawer', standalone: true, imports: [CommonModule, DrawerModule, SkeletonModule, Button], template: "<p-drawer\n  [(visible)]=\"visible\"\n  [position]=\"position()\"\n  [fullScreen]=\"fullScreen()\"\n  [modal]=\"false\"\n  [closable]=\"false\"\n  [closeOnEscape]=\"closeOnEscape()\"\n  [blockScroll]=\"blockScroll()\"\n  [dismissible]=\"dismissible()\"\n  [appendTo]=\"resolvedAppendTo()\"\n  [transitionOptions]=\"transitionOptions()\"\n  [styleClass]=\"resolvedStyleClass()\"\n  (visibleChange)=\"visibleChangeEvent($event)\"\n  (onShow)=\"onShowEvent()\"\n  (onHide)=\"onHideEvent()\"\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      @if (loadingHeader()) {\n        <div class=\"flex flex-1 flex-col gap-2\">\n          <p-skeleton width=\"12rem\" height=\"1.75rem\" borderRadius=\"0.5rem\" />\n          <p-skeleton width=\"8rem\" height=\"0.875rem\" borderRadius=\"0.5rem\" />\n        </div>\n      } @else {\n        <div class=\"flex flex-1 flex-col\">\n          <h3 class=\"text-xl font-semibold\" [innerHTML]=\"title()\"></h3>\n          @if (subtitle()) {\n            <p class=\"text-sm text-surface-500\" [innerHTML]=\"subtitle()\"></p>\n          }\n        </div>\n      }\n      <div class=\"flex items-center gap-2\">\n        @if (canShowMaximizeToggle()) {\n          <mt-button\n            (onClick)=\"toggleMaximized()\"\n            variant=\"outlined\"\n            styleClass=\"!bg-white\"\n            severity=\"secondary\"\n            [icon]=\"maximized() ? 'layout.minimize-01' : 'layout.maximize-01'\"\n            [tooltip]=\"\n              maximized() ? resolvedRestoreTooltip() : resolvedMaximizeTooltip()\n            \"\n          >\n          </mt-button>\n        }\n        <mt-button\n          (onClick)=\"onClose()\"\n          variant=\"outlined\"\n          styleClass=\"!bg-white\"\n          icon=\"general.x-close\"\n          severity=\"secondary\"\n        >\n        </mt-button>\n      </div>\n    </div>\n  </ng-template>\n\n  <ng-content select=\"[content]\"></ng-content>\n\n  <ng-template #footer>\n    <div class=\"flex justify-end p-3 gap-2 border-t border-surface-200\">\n      <ng-content select=\"[footer]\"></ng-content>\n    </div>\n  </ng-template>\n</p-drawer>\n" }]
         }], ctorParameters: () => [], propDecorators: { visible: [{ type: i0.Input, args: [{ isSignal: true, alias: "visible", required: false }] }, { type: i0.Output, args: ["visibleChange"] }], visibleChange: [{ type: i0.Output, args: ["visibleChange"] }], onShow: [{ type: i0.Output, args: ["onShow"] }], onHide: [{ type: i0.Output, args: ["onHide"] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], fullScreen: [{ type: i0.Input, args: [{ isSignal: true, alias: "fullScreen", required: false }] }], closeOnEscape: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeOnEscape", required: false }] }], blockScroll: [{ type: i0.Input, args: [{ isSignal: true, alias: "blockScroll", required: false }] }], dismissible: [{ type: i0.Input, args: [{ isSignal: true, alias: "dismissible", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], subtitle: [{ type: i0.Input, args: [{ isSignal: true, alias: "subtitle", required: false }] }], loadingHeader: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadingHeader", required: false }] }], styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleClass", required: false }] }], transitionOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "transitionOptions", required: false }] }], appendTo: [{ type: i0.Input, args: [{ isSignal: true, alias: "appendTo", required: false }] }], modal: [{ type: i0.Input, args: [{ isSignal: true, alias: "modal", required: false }] }], showMaximizeToggle: [{ type: i0.Input, args: [{ isSignal: true, alias: "showMaximizeToggle", required: false }] }], maximizeTooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "maximizeTooltip", required: false }] }], restoreTooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "restoreTooltip", required: false }] }], maximized: [{ type: i0.Input, args: [{ isSignal: true, alias: "maximized", required: false }] }, { type: i0.Output, args: ["maximizedChange"] }] } });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"masterteam-components-drawer.mjs","sources":["../../../../packages/masterteam/components/drawer/drawer.ts","../../../../packages/masterteam/components/drawer/drawer.html","../../../../packages/masterteam/components/drawer/masterteam-components-drawer.ts"],"sourcesContent":["import { Button } from '@masterteam/components/button';\r\nimport {\r\n  Component,\r\n  computed,\r\n  effect,\r\n  ElementRef,\r\n  inject,\r\n  input,\r\n  output,\r\n  Renderer2,\r\n  RendererStyleFlags2,\r\n  model,\r\n  OnDestroy,\r\n} from '@angular/core';\r\nimport { CommonModule, DOCUMENT } from '@angular/common';\r\nimport { TranslocoService } from '@jsverse/transloco';\r\nimport { DrawerModule } from 'primeng/drawer';\r\nimport { blockBodyScroll, unblockBodyScroll } from 'primeng/dom';\r\nimport { SkeletonModule } from 'primeng/skeleton';\r\n\r\n@Component({\r\n  selector: 'mt-drawer',\r\n  standalone: true,\r\n  imports: [CommonModule, DrawerModule, SkeletonModule, Button],\r\n  templateUrl: './drawer.html',\r\n  styleUrls: ['./drawer.scss'],\r\n})\r\nexport class Drawer implements OnDestroy {\r\n  private static nextInstanceId = 0;\r\n  private readonly doc = inject(DOCUMENT);\r\n  private readonly host = inject(ElementRef<HTMLElement>);\r\n  private readonly renderer = inject(Renderer2);\r\n  private readonly transloco = inject(TranslocoService);\r\n  private readonly drawerInstanceClass = `mt-custom-drawer-instance-${Drawer.nextInstanceId++}`;\r\n  private customMask: HTMLElement | null = null;\r\n  private removeMaskClickListener: (() => void) | null = null;\r\n  private resizeAnimTimer: ReturnType<typeof setTimeout> | null = null;\r\n  private readonly RESIZE_ANIM_CLASS = 'mt-drawer--anim-resize';\r\n  private readonly RESIZE_ANIM_DURATION_MS = 700;\r\n  visible = model<boolean>(false);\r\n  visibleChange = output<boolean>();\r\n  onShow = output<boolean>();\r\n  onHide = output<boolean>();\r\n  position = input<'left' | 'right' | 'top' | 'bottom'>('right');\r\n  fullScreen = input<boolean>(false);\r\n  closeOnEscape = input<boolean>(false);\r\n  blockScroll = input<boolean>(true);\r\n  dismissible = input<boolean>(true);\r\n  title = input<string>('');\r\n  subtitle = input<string>('');\r\n  loadingHeader = input<boolean>(false);\r\n  styleClass = input<string>('');\r\n  transitionOptions = input<string>('200ms cubic-bezier(0, 0, 1, 1)');\r\n  appendTo = input<string | HTMLElement>('self');\r\n  modal = input<boolean>(true);\r\n  showMaximizeToggle = input<boolean>(true);\r\n  maximizeTooltip = input<string>(\r\n    this.transloco.translate('components.drawer.expandFullWidth'),\r\n  );\r\n  restoreTooltip = input<string>(\r\n    this.transloco.translate('components.drawer.restoreSize'),\r\n  );\r\n  maximized = model<boolean>(false);\r\n  protected readonly canShowMaximizeToggle = computed(\r\n    () =>\r\n      this.showMaximizeToggle() &&\r\n      !this.fullScreen() &&\r\n      (this.position() === 'left' || this.position() === 'right'),\r\n  );\r\n  protected readonly resolvedAppendTo = computed(() => {\r\n    this.visible();\r\n\r\n    const appendTo = this.appendTo();\r\n\r\n    if (!appendTo || appendTo === 'self' || appendTo === 'body') {\r\n      return appendTo || 'self';\r\n    }\r\n\r\n    if (typeof appendTo !== 'string') {\r\n      return appendTo;\r\n    }\r\n\r\n    const selector =\r\n      appendTo.startsWith('#') || appendTo.startsWith('.')\r\n        ? appendTo\r\n        : `#${appendTo}`;\r\n\r\n    return (this.doc.querySelector(selector) as HTMLElement | null) ?? 'self';\r\n  });\r\n  protected readonly resolvedStyleClass = computed(() =>\r\n    [\r\n      this.styleClass(),\r\n      'mt-custom-drawer',\r\n      this.drawerInstanceClass,\r\n      this.maximized() ? 'mt-drawer--maximized' : '',\r\n    ]\r\n      .filter(Boolean)\r\n      .join(' '),\r\n  );\r\n\r\n  constructor() {\r\n    effect(() => {\r\n      if (!this.visible() || !this.modal()) {\r\n        this.destroyCustomMask();\r\n      }\r\n    });\r\n\r\n    effect(() => {\r\n      // React only when the user toggles maximize while the drawer is open.\r\n      // Closing/opening is handled by onShowEvent / onHideEvent so we never\r\n      // race with PrimeNG's slide animation.\r\n      const isMaximized = this.maximized();\r\n      if (!this.visible()) {\r\n        return;\r\n      }\r\n      this.applyMaximizedInlineStyles(isMaximized, true);\r\n    });\r\n  }\r\n\r\n  visibleChangeEvent(event: boolean) {\r\n    this.visibleChange.emit(event);\r\n  }\r\n\r\n  onClose() {\r\n    this.visible.set(false);\r\n    this.visibleChange.emit(false);\r\n    this.onHide.emit(true);\r\n  }\r\n\r\n  toggleMaximized() {\r\n    this.maximized.set(!this.maximized());\r\n  }\r\n  onShowEvent() {\r\n    this.syncCustomMask();\r\n    // Drawer DOM only exists after PrimeNG renders it — apply current state\r\n    // instantly so the open animation isn't fighting our resize transition.\r\n    this.applyMaximizedInlineStyles(this.maximized(), false);\r\n    this.onShow.emit(true);\r\n  }\r\n  onHideEvent() {\r\n    this.destroyCustomMask();\r\n    // Instant cleanup — the close animation is already done; we don't want\r\n    // to start a 650ms width transition mid-hide.\r\n    this.applyMaximizedInlineStyles(false, false);\r\n    this.onHide.emit(true);\r\n  }\r\n\r\n  private applyMaximizedInlineStyles(\r\n    isMaximized: boolean,\r\n    animate: boolean,\r\n  ): void {\r\n    const drawerEl = this.getDrawerElement();\r\n    if (!drawerEl) {\r\n      return;\r\n    }\r\n\r\n    if (this.resizeAnimTimer) {\r\n      clearTimeout(this.resizeAnimTimer);\r\n      this.resizeAnimTimer = null;\r\n    }\r\n\r\n    if (animate) {\r\n      this.renderer.addClass(drawerEl, this.RESIZE_ANIM_CLASS);\r\n      this.resizeAnimTimer = setTimeout(() => {\r\n        this.renderer.removeClass(drawerEl, this.RESIZE_ANIM_CLASS);\r\n        this.resizeAnimTimer = null;\r\n      }, this.RESIZE_ANIM_DURATION_MS);\r\n    } else {\r\n      this.renderer.removeClass(drawerEl, this.RESIZE_ANIM_CLASS);\r\n    }\r\n\r\n    if (isMaximized) {\r\n      this.renderer.setStyle(\r\n        drawerEl,\r\n        'width',\r\n        '100%',\r\n        RendererStyleFlags2.Important,\r\n      );\r\n      this.renderer.setStyle(\r\n        drawerEl,\r\n        'max-width',\r\n        '100%',\r\n        RendererStyleFlags2.Important,\r\n      );\r\n      this.renderer.setStyle(\r\n        drawerEl,\r\n        'height',\r\n        '100%',\r\n        RendererStyleFlags2.Important,\r\n      );\r\n      this.renderer.setStyle(\r\n        drawerEl,\r\n        'max-height',\r\n        '100%',\r\n        RendererStyleFlags2.Important,\r\n      );\r\n    } else {\r\n      this.renderer.removeStyle(drawerEl, 'width');\r\n      this.renderer.removeStyle(drawerEl, 'max-width');\r\n      this.renderer.removeStyle(drawerEl, 'height');\r\n      this.renderer.removeStyle(drawerEl, 'max-height');\r\n    }\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    if (this.resizeAnimTimer) {\r\n      clearTimeout(this.resizeAnimTimer);\r\n      this.resizeAnimTimer = null;\r\n    }\r\n    this.destroyCustomMask();\r\n  }\r\n\r\n  private syncCustomMask(): void {\r\n    if (!this.modal()) {\r\n      this.destroyCustomMask();\r\n      return;\r\n    }\r\n\r\n    const parent = this.resolveMaskParent();\r\n    if (!parent) {\r\n      return;\r\n    }\r\n\r\n    if (!this.customMask) {\r\n      const mask = this.renderer.createElement('div') as HTMLElement;\r\n      this.renderer.addClass(mask, 'p-drawer-mask');\r\n      this.renderer.addClass(mask, 'p-overlay-mask');\r\n      this.renderer.addClass(mask, 'p-overlay-mask-enter-active');\r\n      this.customMask = mask;\r\n      this.renderer.appendChild(parent, mask);\r\n    }\r\n\r\n    this.updateCustomMaskAttributes();\r\n    this.bindMaskClickListener();\r\n\r\n    if (this.blockScroll()) {\r\n      blockBodyScroll();\r\n    }\r\n  }\r\n\r\n  private updateCustomMaskAttributes(): void {\r\n    if (!this.customMask) {\r\n      return;\r\n    }\r\n\r\n    this.renderer.setAttribute(this.customMask, 'style', this.getMaskStyle());\r\n    this.renderer.setAttribute(this.customMask, 'data-p', this.getMaskDataP());\r\n  }\r\n\r\n  private resolveMaskParent(): HTMLElement | null {\r\n    const appendTo = this.resolvedAppendTo();\r\n\r\n    if (!appendTo || appendTo === 'self') {\r\n      return this.host.nativeElement;\r\n    }\r\n\r\n    if (appendTo === 'body') {\r\n      return this.doc.body;\r\n    }\r\n\r\n    return appendTo instanceof HTMLElement ? appendTo : this.host.nativeElement;\r\n  }\r\n\r\n  private getDrawerElement(): HTMLElement | null {\r\n    return this.doc.querySelector(\r\n      `.${this.drawerInstanceClass}.p-drawer`,\r\n    ) as HTMLElement | null;\r\n  }\r\n\r\n  private getMaskStyle(): string {\r\n    const drawerElement = this.getDrawerElement();\r\n    const drawerZIndex = Number.parseInt(drawerElement?.style.zIndex ?? '', 10);\r\n    const maskZIndex = Number.isFinite(drawerZIndex)\r\n      ? Math.max(drawerZIndex - 1, 0)\r\n      : 1901;\r\n\r\n    return `z-index: ${maskZIndex};`;\r\n  }\r\n\r\n  private getMaskDataP(): string {\r\n    const parts = [\r\n      this.fullScreen() ? 'full-screen' : null,\r\n      this.position(),\r\n      'open',\r\n      'modal',\r\n    ].filter((part): part is string => !!part);\r\n\r\n    return parts.join(' ');\r\n  }\r\n\r\n  private bindMaskClickListener(): void {\r\n    if (!this.customMask) {\r\n      return;\r\n    }\r\n\r\n    if (this.removeMaskClickListener) {\r\n      this.removeMaskClickListener();\r\n      this.removeMaskClickListener = null;\r\n    }\r\n\r\n    if (!this.dismissible()) {\r\n      return;\r\n    }\r\n\r\n    this.removeMaskClickListener = this.renderer.listen(\r\n      this.customMask,\r\n      'click',\r\n      (event: Event) => {\r\n        if (this.dismissible()) {\r\n          event.preventDefault();\r\n          this.onClose();\r\n        }\r\n      },\r\n    );\r\n  }\r\n\r\n  private destroyCustomMask(): void {\r\n    if (this.removeMaskClickListener) {\r\n      this.removeMaskClickListener();\r\n      this.removeMaskClickListener = null;\r\n    }\r\n\r\n    if (this.customMask) {\r\n      const parent = this.customMask.parentNode;\r\n      if (parent) {\r\n        this.renderer.removeChild(parent, this.customMask);\r\n      }\r\n      this.customMask = null;\r\n    }\r\n\r\n    if (this.blockScroll()) {\r\n      unblockBodyScroll();\r\n    }\r\n  }\r\n}\r\n","<p-drawer\r\n  [(visible)]=\"visible\"\r\n  [position]=\"position()\"\r\n  [fullScreen]=\"fullScreen()\"\r\n  [modal]=\"false\"\r\n  [closable]=\"false\"\r\n  [closeOnEscape]=\"closeOnEscape()\"\r\n  [blockScroll]=\"blockScroll()\"\r\n  [dismissible]=\"dismissible()\"\r\n  [appendTo]=\"resolvedAppendTo()\"\r\n  [transitionOptions]=\"transitionOptions()\"\r\n  [styleClass]=\"resolvedStyleClass()\"\r\n  (visibleChange)=\"visibleChangeEvent($event)\"\r\n  (onShow)=\"onShowEvent()\"\r\n  (onHide)=\"onHideEvent()\"\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      @if (loadingHeader()) {\r\n        <div class=\"flex flex-1 flex-col gap-2\">\r\n          <p-skeleton width=\"12rem\" height=\"1.75rem\" borderRadius=\"0.5rem\" />\r\n          <p-skeleton width=\"8rem\" height=\"0.875rem\" borderRadius=\"0.5rem\" />\r\n        </div>\r\n      } @else {\r\n        <div class=\"flex flex-1 flex-col\">\r\n          <h3 class=\"text-xl font-semibold\" [innerHTML]=\"title()\"></h3>\r\n          @if (subtitle()) {\r\n            <p class=\"text-sm text-surface-500\" [innerHTML]=\"subtitle()\"></p>\r\n          }\r\n        </div>\r\n      }\r\n      <div class=\"flex items-center gap-2\">\r\n        @if (canShowMaximizeToggle()) {\r\n          <mt-button\r\n            (onClick)=\"toggleMaximized()\"\r\n            variant=\"outlined\"\r\n            styleClass=\"!bg-white\"\r\n            severity=\"secondary\"\r\n            [icon]=\"maximized() ? 'layout.minimize-01' : 'layout.maximize-01'\"\r\n            [tooltip]=\"maximized() ? restoreTooltip() : maximizeTooltip()\"\r\n          >\r\n          </mt-button>\r\n        }\r\n        <mt-button\r\n          (onClick)=\"onClose()\"\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    </div>\r\n  </ng-template>\r\n\r\n  <ng-content select=\"[content]\"></ng-content>\r\n\r\n  <ng-template #footer>\r\n    <div class=\"flex justify-end p-3 gap-2 border-t border-surface-200\">\r\n      <ng-content select=\"[footer]\"></ng-content>\r\n    </div>\r\n  </ng-template>\r\n</p-drawer>\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-drawer.mjs","sources":["../../../../packages/masterteam/components/drawer/drawer.ts","../../../../packages/masterteam/components/drawer/drawer.html","../../../../packages/masterteam/components/drawer/masterteam-components-drawer.ts"],"sourcesContent":["import { Button } from '@masterteam/components/button';\nimport {\n  Component,\n  computed,\n  effect,\n  ElementRef,\n  inject,\n  input,\n  output,\n  Renderer2,\n  RendererStyleFlags2,\n  model,\n  OnDestroy,\n} from '@angular/core';\nimport { CommonModule, DOCUMENT } from '@angular/common';\nimport { TranslocoService } from '@jsverse/transloco';\nimport { DrawerModule } from 'primeng/drawer';\nimport { blockBodyScroll, unblockBodyScroll } from 'primeng/dom';\nimport { SkeletonModule } from 'primeng/skeleton';\n\n@Component({\n  selector: 'mt-drawer',\n  standalone: true,\n  imports: [CommonModule, DrawerModule, SkeletonModule, Button],\n  templateUrl: './drawer.html',\n  styleUrls: ['./drawer.scss'],\n})\nexport class Drawer implements OnDestroy {\n  private static nextInstanceId = 0;\n  private readonly doc = inject(DOCUMENT);\n  private readonly host = inject(ElementRef<HTMLElement>);\n  private readonly renderer = inject(Renderer2);\n  private readonly transloco = inject(TranslocoService);\n  private readonly drawerInstanceClass = `mt-custom-drawer-instance-${Drawer.nextInstanceId++}`;\n  private customMask: HTMLElement | null = null;\n  private removeMaskClickListener: (() => void) | null = null;\n  private resizeAnimTimer: ReturnType<typeof setTimeout> | null = null;\n  private readonly RESIZE_ANIM_CLASS = 'mt-drawer--anim-resize';\n  private readonly RESIZE_ANIM_DURATION_MS = 700;\n  visible = model<boolean>(false);\n  visibleChange = output<boolean>();\n  onShow = output<boolean>();\n  onHide = output<boolean>();\n  position = input<'left' | 'right' | 'top' | 'bottom'>('right');\n  fullScreen = input<boolean>(false);\n  closeOnEscape = input<boolean>(false);\n  blockScroll = input<boolean>(true);\n  dismissible = input<boolean>(true);\n  title = input<string>('');\n  subtitle = input<string>('');\n  loadingHeader = input<boolean>(false);\n  styleClass = input<string>('');\n  transitionOptions = input<string>('200ms cubic-bezier(0, 0, 1, 1)');\n  appendTo = input<string | HTMLElement>('self');\n  modal = input<boolean>(true);\n  showMaximizeToggle = input<boolean>(true);\n  maximizeTooltip = input<string>('');\n  restoreTooltip = input<string>('');\n  maximized = model<boolean>(false);\n  protected readonly canShowMaximizeToggle = computed(\n    () =>\n      this.showMaximizeToggle() &&\n      !this.fullScreen() &&\n      (this.position() === 'left' || this.position() === 'right'),\n  );\n  protected readonly resolvedMaximizeTooltip = computed(\n    () =>\n      this.maximizeTooltip() ||\n      this.transloco.translate('components.drawer.expandFullWidth'),\n  );\n  protected readonly resolvedRestoreTooltip = computed(\n    () =>\n      this.restoreTooltip() ||\n      this.transloco.translate('components.drawer.restoreSize'),\n  );\n  protected readonly resolvedAppendTo = computed(() => {\n    this.visible();\n\n    const appendTo = this.appendTo();\n\n    if (!appendTo || appendTo === 'self' || appendTo === 'body') {\n      return appendTo || 'self';\n    }\n\n    if (typeof appendTo !== 'string') {\n      return appendTo;\n    }\n\n    const selector =\n      appendTo.startsWith('#') || appendTo.startsWith('.')\n        ? appendTo\n        : `#${appendTo}`;\n\n    return (this.doc.querySelector(selector) as HTMLElement | null) ?? 'self';\n  });\n  protected readonly resolvedStyleClass = computed(() =>\n    [\n      this.styleClass(),\n      'mt-custom-drawer',\n      this.drawerInstanceClass,\n      this.maximized() ? 'mt-drawer--maximized' : '',\n    ]\n      .filter(Boolean)\n      .join(' '),\n  );\n\n  constructor() {\n    effect(() => {\n      if (!this.visible() || !this.modal()) {\n        this.destroyCustomMask();\n      }\n    });\n\n    effect(() => {\n      // React only when the user toggles maximize while the drawer is open.\n      // Closing/opening is handled by onShowEvent / onHideEvent so we never\n      // race with PrimeNG's slide animation.\n      const isMaximized = this.maximized();\n      if (!this.visible()) {\n        return;\n      }\n      this.applyMaximizedInlineStyles(isMaximized, true);\n    });\n  }\n\n  visibleChangeEvent(event: boolean) {\n    this.visibleChange.emit(event);\n  }\n\n  onClose() {\n    this.visible.set(false);\n    this.visibleChange.emit(false);\n    this.onHide.emit(true);\n  }\n\n  toggleMaximized() {\n    this.maximized.set(!this.maximized());\n  }\n  onShowEvent() {\n    this.syncCustomMask();\n    // Drawer DOM only exists after PrimeNG renders it — apply current state\n    // instantly so the open animation isn't fighting our resize transition.\n    this.applyMaximizedInlineStyles(this.maximized(), false);\n    this.onShow.emit(true);\n  }\n  onHideEvent() {\n    this.destroyCustomMask();\n    // Instant cleanup — the close animation is already done; we don't want\n    // to start a 650ms width transition mid-hide.\n    this.applyMaximizedInlineStyles(false, false);\n    this.onHide.emit(true);\n  }\n\n  private applyMaximizedInlineStyles(\n    isMaximized: boolean,\n    animate: boolean,\n  ): void {\n    const drawerEl = this.getDrawerElement();\n    if (!drawerEl) {\n      return;\n    }\n\n    if (this.resizeAnimTimer) {\n      clearTimeout(this.resizeAnimTimer);\n      this.resizeAnimTimer = null;\n    }\n\n    if (animate) {\n      this.renderer.addClass(drawerEl, this.RESIZE_ANIM_CLASS);\n      this.resizeAnimTimer = setTimeout(() => {\n        this.renderer.removeClass(drawerEl, this.RESIZE_ANIM_CLASS);\n        this.resizeAnimTimer = null;\n      }, this.RESIZE_ANIM_DURATION_MS);\n    } else {\n      this.renderer.removeClass(drawerEl, this.RESIZE_ANIM_CLASS);\n    }\n\n    if (isMaximized) {\n      this.renderer.setStyle(\n        drawerEl,\n        'width',\n        '100%',\n        RendererStyleFlags2.Important,\n      );\n      this.renderer.setStyle(\n        drawerEl,\n        'max-width',\n        '100%',\n        RendererStyleFlags2.Important,\n      );\n      this.renderer.setStyle(\n        drawerEl,\n        'height',\n        '100%',\n        RendererStyleFlags2.Important,\n      );\n      this.renderer.setStyle(\n        drawerEl,\n        'max-height',\n        '100%',\n        RendererStyleFlags2.Important,\n      );\n    } else {\n      this.renderer.removeStyle(drawerEl, 'width');\n      this.renderer.removeStyle(drawerEl, 'max-width');\n      this.renderer.removeStyle(drawerEl, 'height');\n      this.renderer.removeStyle(drawerEl, 'max-height');\n    }\n  }\n\n  ngOnDestroy(): void {\n    if (this.resizeAnimTimer) {\n      clearTimeout(this.resizeAnimTimer);\n      this.resizeAnimTimer = null;\n    }\n    this.destroyCustomMask();\n  }\n\n  private syncCustomMask(): void {\n    if (!this.modal()) {\n      this.destroyCustomMask();\n      return;\n    }\n\n    const parent = this.resolveMaskParent();\n    if (!parent) {\n      return;\n    }\n\n    if (!this.customMask) {\n      const mask = this.renderer.createElement('div') as HTMLElement;\n      this.renderer.addClass(mask, 'p-drawer-mask');\n      this.renderer.addClass(mask, 'p-overlay-mask');\n      this.renderer.addClass(mask, 'p-overlay-mask-enter-active');\n      this.customMask = mask;\n      this.renderer.appendChild(parent, mask);\n    }\n\n    this.updateCustomMaskAttributes();\n    this.bindMaskClickListener();\n\n    if (this.blockScroll()) {\n      blockBodyScroll();\n    }\n  }\n\n  private updateCustomMaskAttributes(): void {\n    if (!this.customMask) {\n      return;\n    }\n\n    this.renderer.setAttribute(this.customMask, 'style', this.getMaskStyle());\n    this.renderer.setAttribute(this.customMask, 'data-p', this.getMaskDataP());\n  }\n\n  private resolveMaskParent(): HTMLElement | null {\n    const appendTo = this.resolvedAppendTo();\n\n    if (!appendTo || appendTo === 'self') {\n      return this.host.nativeElement;\n    }\n\n    if (appendTo === 'body') {\n      return this.doc.body;\n    }\n\n    return appendTo instanceof HTMLElement ? appendTo : this.host.nativeElement;\n  }\n\n  private getDrawerElement(): HTMLElement | null {\n    return this.doc.querySelector(\n      `.${this.drawerInstanceClass}.p-drawer`,\n    ) as HTMLElement | null;\n  }\n\n  private getMaskStyle(): string {\n    const drawerElement = this.getDrawerElement();\n    const drawerZIndex = Number.parseInt(drawerElement?.style.zIndex ?? '', 10);\n    const maskZIndex = Number.isFinite(drawerZIndex)\n      ? Math.max(drawerZIndex - 1, 0)\n      : 1901;\n\n    return `z-index: ${maskZIndex};`;\n  }\n\n  private getMaskDataP(): string {\n    const parts = [\n      this.fullScreen() ? 'full-screen' : null,\n      this.position(),\n      'open',\n      'modal',\n    ].filter((part): part is string => !!part);\n\n    return parts.join(' ');\n  }\n\n  private bindMaskClickListener(): void {\n    if (!this.customMask) {\n      return;\n    }\n\n    if (this.removeMaskClickListener) {\n      this.removeMaskClickListener();\n      this.removeMaskClickListener = null;\n    }\n\n    if (!this.dismissible()) {\n      return;\n    }\n\n    this.removeMaskClickListener = this.renderer.listen(\n      this.customMask,\n      'click',\n      (event: Event) => {\n        if (this.dismissible()) {\n          event.preventDefault();\n          this.onClose();\n        }\n      },\n    );\n  }\n\n  private destroyCustomMask(): void {\n    if (this.removeMaskClickListener) {\n      this.removeMaskClickListener();\n      this.removeMaskClickListener = null;\n    }\n\n    if (this.customMask) {\n      const parent = this.customMask.parentNode;\n      if (parent) {\n        this.renderer.removeChild(parent, this.customMask);\n      }\n      this.customMask = null;\n    }\n\n    if (this.blockScroll()) {\n      unblockBodyScroll();\n    }\n  }\n}\n","<p-drawer\n  [(visible)]=\"visible\"\n  [position]=\"position()\"\n  [fullScreen]=\"fullScreen()\"\n  [modal]=\"false\"\n  [closable]=\"false\"\n  [closeOnEscape]=\"closeOnEscape()\"\n  [blockScroll]=\"blockScroll()\"\n  [dismissible]=\"dismissible()\"\n  [appendTo]=\"resolvedAppendTo()\"\n  [transitionOptions]=\"transitionOptions()\"\n  [styleClass]=\"resolvedStyleClass()\"\n  (visibleChange)=\"visibleChangeEvent($event)\"\n  (onShow)=\"onShowEvent()\"\n  (onHide)=\"onHideEvent()\"\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      @if (loadingHeader()) {\n        <div class=\"flex flex-1 flex-col gap-2\">\n          <p-skeleton width=\"12rem\" height=\"1.75rem\" borderRadius=\"0.5rem\" />\n          <p-skeleton width=\"8rem\" height=\"0.875rem\" borderRadius=\"0.5rem\" />\n        </div>\n      } @else {\n        <div class=\"flex flex-1 flex-col\">\n          <h3 class=\"text-xl font-semibold\" [innerHTML]=\"title()\"></h3>\n          @if (subtitle()) {\n            <p class=\"text-sm text-surface-500\" [innerHTML]=\"subtitle()\"></p>\n          }\n        </div>\n      }\n      <div class=\"flex items-center gap-2\">\n        @if (canShowMaximizeToggle()) {\n          <mt-button\n            (onClick)=\"toggleMaximized()\"\n            variant=\"outlined\"\n            styleClass=\"!bg-white\"\n            severity=\"secondary\"\n            [icon]=\"maximized() ? 'layout.minimize-01' : 'layout.maximize-01'\"\n            [tooltip]=\"\n              maximized() ? resolvedRestoreTooltip() : resolvedMaximizeTooltip()\n            \"\n          >\n          </mt-button>\n        }\n        <mt-button\n          (onClick)=\"onClose()\"\n          variant=\"outlined\"\n          styleClass=\"!bg-white\"\n          icon=\"general.x-close\"\n          severity=\"secondary\"\n        >\n        </mt-button>\n      </div>\n    </div>\n  </ng-template>\n\n  <ng-content select=\"[content]\"></ng-content>\n\n  <ng-template #footer>\n    <div class=\"flex justify-end p-3 gap-2 border-t border-surface-200\">\n      <ng-content select=\"[footer]\"></ng-content>\n    </div>\n  </ng-template>\n</p-drawer>\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-dynamic-drawer.mjs

@@ -1,10 +1,10 @@
 import * as i0 from '@angular/core';
 import { InjectionToken, signal, Injectable, model, inject, ElementRef, Renderer2, effect, computed, Injector, RendererStyleFlags2, Input, Component, ApplicationRef, EnvironmentInjector, DestroyRef, createComponent } from '@angular/core';
 import { NgComponentOutlet, DOCUMENT } from '@angular/common';
-import { TranslocoService } from '@jsverse/transloco';
 import { DynamicDialogRef } from 'primeng/dynamicdialog';
 import * as i1 from 'primeng/drawer';
 import { DrawerModule } from 'primeng/drawer';
+import { TranslocoService } from '@jsverse/transloco';
 import { Button } from '@masterteam/components/button';
 
 const DynamicDrawerConfig = new InjectionToken('DynamicDrawerConfig');
@@ -392,7 +392,6 @@ class DrawerService {
     destroyRef = inject(DestroyRef);
     doc = inject(DOCUMENT);
     hostRef;
-    transloco = inject(TranslocoService);
     defauiltConfig = {
         position: 'right',
         modal: true,
@@ -400,8 +399,6 @@ class DrawerService {
         transitionOptions: '200ms cubic-bezier(0, 0, 1, 1)',
         inputValues: {},
         showMaximizeToggle: true,
-        maximizeTooltip: this.transloco.translate('components.drawer.expandFullWidth'),
-        restoreTooltip: this.transloco.translate('components.drawer.restoreSize'),
     };
     constructor() {
         this.preloadDrawerHost();

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  ElementRef,\r\n  Injector,\r\n  Input,\r\n  Renderer2,\r\n  RendererStyleFlags2,\r\n  effect,\r\n  inject,\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\nimport { TranslocoService } from '@jsverse/transloco';\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  private _maximized = signal<boolean>(false);\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  /** Get the current maximized (full-width) state */\r\n  get maximized() {\r\n    return this._maximized;\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\n  /** Set maximized (full-width) state */\r\n  setMaximized(maximized: boolean) {\r\n    this._maximized.set(maximized);\r\n  }\r\n\r\n  /** Toggle maximized (full-width) state */\r\n  toggleMaximized() {\r\n    this._maximized.set(!this._maximized());\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      (onShow)=\"onDrawerShow()\"\r\n      (onHide)=\"onDrawerHide()\"\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          <div class=\"flex items-center gap-2\">\r\n            @if (canShowMaximizeToggle()) {\r\n              <mt-button\r\n                (onClick)=\"toggleMaximized()\"\r\n                variant=\"outlined\"\r\n                styleClass=\"!bg-white\"\r\n                severity=\"secondary\"\r\n                [icon]=\"maximizeButtonIcon()\"\r\n                [tooltip]=\"maximizeButtonTooltip()\"\r\n              >\r\n              </mt-button>\r\n            }\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        </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  // Guards against emitting onClose twice: the X button closes via\r\n  // handleHide() (programmatic visible=false, no PrimeNG onHide), while a\r\n  // backdrop click / Escape closes via PrimeNG's own close() which DOES emit\r\n  // onHide. Without bridging onHide -> ref.close(), consumers never learn\r\n  // about dismiss-by-outside-click / Escape.\r\n  private closed = false;\r\n  private drawerController = new DrawerController();\r\n  private readonly host = inject(ElementRef<HTMLElement>);\r\n  private readonly renderer = inject(Renderer2);\r\n  private readonly transloco = inject(TranslocoService);\r\n  private resizeAnimTimer: ReturnType<typeof setTimeout> | null = null;\r\n  private readonly RESIZE_ANIM_CLASS = 'mt-drawer--anim-resize';\r\n  private readonly RESIZE_ANIM_DURATION_MS = 700;\r\n\r\n  constructor() {\r\n    effect(() => {\r\n      // React only when the user toggles maximize while the drawer is open.\r\n      // Closing/opening goes through onDrawerShow / onDrawerHide so we never\r\n      // race with PrimeNG's slide animation.\r\n      const isMaximized = this.drawerController.maximized();\r\n      if (!this.visible()) {\r\n        return;\r\n      }\r\n      this.applyMaximizedInlineStyles(isMaximized, true);\r\n    });\r\n  }\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    const maximizedClass = this.drawerController.maximized()\r\n      ? 'mt-drawer--maximized'\r\n      : '';\r\n    return `${configClass} ${dynamicClass} mt-drawer ${maximizedClass}`\r\n      .replace(/\\s+/g, ' ')\r\n      .trim();\r\n  });\r\n\r\n  /** Whether the maximize toggle button is visible in the header */\r\n  canShowMaximizeToggle = computed(() => {\r\n    const config = this.cfg();\r\n    if (config?.showMaximizeToggle === false) {\r\n      return false;\r\n    }\r\n    if (this.computedFullScreen()) {\r\n      return false;\r\n    }\r\n    const position = config?.position ?? 'right';\r\n    return position === 'left' || position === 'right';\r\n  });\r\n\r\n  /** Tooltip for maximize/restore button (state-aware) */\r\n  maximizeButtonTooltip = computed(() => {\r\n    const config = this.cfg();\r\n    return this.drawerController.maximized()\r\n      ? (config?.restoreTooltip ??\r\n          this.transloco.translate('components.drawer.restoreSize'))\r\n      : (config?.maximizeTooltip ??\r\n          this.transloco.translate('components.drawer.expandFullWidth'));\r\n  });\r\n\r\n  /** Icon for maximize/restore button (state-aware) */\r\n  maximizeButtonIcon = computed(() =>\r\n    this.drawerController.maximized()\r\n      ? 'layout.minimize-01'\r\n      : 'layout.maximize-01',\r\n  );\r\n\r\n  /** Toggle the drawer's full-width state */\r\n  toggleMaximized() {\r\n    this.drawerController.toggleMaximized();\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.closed = false;\r\n    this.visible.set(true);\r\n  }\r\n\r\n  handleHide(data = null) {\r\n    this.visible.set(false);\r\n    this.closeOnce(data);\r\n  }\r\n\r\n  /** Close the drawer ref at most once, regardless of the close path. */\r\n  private closeOnce(data: unknown = null): void {\r\n    if (this.closed) {\r\n      return;\r\n    }\r\n    this.closed = true;\r\n    this.ref?.close(data);\r\n  }\r\n\r\n  onDrawerShow() {\r\n    // Drawer DOM only exists after PrimeNG renders it — apply current state\r\n    // instantly so the open animation doesn't fight the resize transition.\r\n    this.applyMaximizedInlineStyles(this.drawerController.maximized(), false);\r\n  }\r\n\r\n  onDrawerHide() {\r\n    // Instant cleanup — close animation already done; we don't want to start\r\n    // a 650ms width transition mid-hide.\r\n    this.applyMaximizedInlineStyles(false, false);\r\n\r\n    // PrimeNG emits (onHide) when the drawer is dismissed via backdrop click\r\n    // or Escape (its close() -> hide(true)). The X button instead closes\r\n    // programmatically (visible=false -> onAfterLeave -> hide(false)), so it\r\n    // does not reach here. Bridge the dismiss paths to ref.close() so\r\n    // consumers' onClose runs for every close path. closeOnce() de-dupes.\r\n    this.closeOnce();\r\n  }\r\n\r\n  private getDrawerElement(): HTMLElement | null {\r\n    return this.host.nativeElement.querySelector(\r\n      '.p-drawer',\r\n    ) as HTMLElement | null;\r\n  }\r\n\r\n  private applyMaximizedInlineStyles(\r\n    isMaximized: boolean,\r\n    animate: boolean,\r\n  ): void {\r\n    const drawerEl = this.getDrawerElement();\r\n    if (!drawerEl) {\r\n      return;\r\n    }\r\n\r\n    if (this.resizeAnimTimer) {\r\n      clearTimeout(this.resizeAnimTimer);\r\n      this.resizeAnimTimer = null;\r\n    }\r\n\r\n    if (animate) {\r\n      this.renderer.addClass(drawerEl, this.RESIZE_ANIM_CLASS);\r\n      this.resizeAnimTimer = setTimeout(() => {\r\n        this.renderer.removeClass(drawerEl, this.RESIZE_ANIM_CLASS);\r\n        this.resizeAnimTimer = null;\r\n      }, this.RESIZE_ANIM_DURATION_MS);\r\n    } else {\r\n      this.renderer.removeClass(drawerEl, this.RESIZE_ANIM_CLASS);\r\n    }\r\n\r\n    if (isMaximized) {\r\n      this.renderer.setStyle(\r\n        drawerEl,\r\n        'width',\r\n        '100%',\r\n        RendererStyleFlags2.Important,\r\n      );\r\n      this.renderer.setStyle(\r\n        drawerEl,\r\n        'max-width',\r\n        '100%',\r\n        RendererStyleFlags2.Important,\r\n      );\r\n      this.renderer.setStyle(\r\n        drawerEl,\r\n        'height',\r\n        '100%',\r\n        RendererStyleFlags2.Important,\r\n      );\r\n      this.renderer.setStyle(\r\n        drawerEl,\r\n        'max-height',\r\n        '100%',\r\n        RendererStyleFlags2.Important,\r\n      );\r\n    } else {\r\n      this.renderer.removeStyle(drawerEl, 'width');\r\n      this.renderer.removeStyle(drawerEl, 'max-width');\r\n      this.renderer.removeStyle(drawerEl, 'height');\r\n      this.renderer.removeStyle(drawerEl, 'max-height');\r\n    }\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 { TranslocoService } from '@jsverse/transloco';\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  showMaximizeToggle?: boolean;\r\n  maximizeTooltip?: string;\r\n  restoreTooltip?: string;\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  private transloco = inject(TranslocoService);\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    showMaximizeToggle: true,\r\n    maximizeTooltip: this.transloco.translate(\r\n      'components.drawer.expandFullWidth',\r\n    ),\r\n    restoreTooltip: this.transloco.translate('components.drawer.restoreSize'),\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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"}
+{"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  ElementRef,\r\n  Injector,\r\n  Input,\r\n  Renderer2,\r\n  RendererStyleFlags2,\r\n  effect,\r\n  inject,\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\nimport { TranslocoService } from '@jsverse/transloco';\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  private _maximized = signal<boolean>(false);\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  /** Get the current maximized (full-width) state */\r\n  get maximized() {\r\n    return this._maximized;\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\n  /** Set maximized (full-width) state */\r\n  setMaximized(maximized: boolean) {\r\n    this._maximized.set(maximized);\r\n  }\r\n\r\n  /** Toggle maximized (full-width) state */\r\n  toggleMaximized() {\r\n    this._maximized.set(!this._maximized());\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      (onShow)=\"onDrawerShow()\"\r\n      (onHide)=\"onDrawerHide()\"\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          <div class=\"flex items-center gap-2\">\r\n            @if (canShowMaximizeToggle()) {\r\n              <mt-button\r\n                (onClick)=\"toggleMaximized()\"\r\n                variant=\"outlined\"\r\n                styleClass=\"!bg-white\"\r\n                severity=\"secondary\"\r\n                [icon]=\"maximizeButtonIcon()\"\r\n                [tooltip]=\"maximizeButtonTooltip()\"\r\n              >\r\n              </mt-button>\r\n            }\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        </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  // Guards against emitting onClose twice: the X button closes via\r\n  // handleHide() (programmatic visible=false, no PrimeNG onHide), while a\r\n  // backdrop click / Escape closes via PrimeNG's own close() which DOES emit\r\n  // onHide. Without bridging onHide -> ref.close(), consumers never learn\r\n  // about dismiss-by-outside-click / Escape.\r\n  private closed = false;\r\n  private drawerController = new DrawerController();\r\n  private readonly host = inject(ElementRef<HTMLElement>);\r\n  private readonly renderer = inject(Renderer2);\r\n  private readonly transloco = inject(TranslocoService);\r\n  private resizeAnimTimer: ReturnType<typeof setTimeout> | null = null;\r\n  private readonly RESIZE_ANIM_CLASS = 'mt-drawer--anim-resize';\r\n  private readonly RESIZE_ANIM_DURATION_MS = 700;\r\n\r\n  constructor() {\r\n    effect(() => {\r\n      // React only when the user toggles maximize while the drawer is open.\r\n      // Closing/opening goes through onDrawerShow / onDrawerHide so we never\r\n      // race with PrimeNG's slide animation.\r\n      const isMaximized = this.drawerController.maximized();\r\n      if (!this.visible()) {\r\n        return;\r\n      }\r\n      this.applyMaximizedInlineStyles(isMaximized, true);\r\n    });\r\n  }\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    const maximizedClass = this.drawerController.maximized()\r\n      ? 'mt-drawer--maximized'\r\n      : '';\r\n    return `${configClass} ${dynamicClass} mt-drawer ${maximizedClass}`\r\n      .replace(/\\s+/g, ' ')\r\n      .trim();\r\n  });\r\n\r\n  /** Whether the maximize toggle button is visible in the header */\r\n  canShowMaximizeToggle = computed(() => {\r\n    const config = this.cfg();\r\n    if (config?.showMaximizeToggle === false) {\r\n      return false;\r\n    }\r\n    if (this.computedFullScreen()) {\r\n      return false;\r\n    }\r\n    const position = config?.position ?? 'right';\r\n    return position === 'left' || position === 'right';\r\n  });\r\n\r\n  /** Tooltip for maximize/restore button (state-aware) */\r\n  maximizeButtonTooltip = computed(() => {\r\n    const config = this.cfg();\r\n    return this.drawerController.maximized()\r\n      ? (config?.restoreTooltip ??\r\n          this.transloco.translate('components.drawer.restoreSize'))\r\n      : (config?.maximizeTooltip ??\r\n          this.transloco.translate('components.drawer.expandFullWidth'));\r\n  });\r\n\r\n  /** Icon for maximize/restore button (state-aware) */\r\n  maximizeButtonIcon = computed(() =>\r\n    this.drawerController.maximized()\r\n      ? 'layout.minimize-01'\r\n      : 'layout.maximize-01',\r\n  );\r\n\r\n  /** Toggle the drawer's full-width state */\r\n  toggleMaximized() {\r\n    this.drawerController.toggleMaximized();\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.closed = false;\r\n    this.visible.set(true);\r\n  }\r\n\r\n  handleHide(data = null) {\r\n    this.visible.set(false);\r\n    this.closeOnce(data);\r\n  }\r\n\r\n  /** Close the drawer ref at most once, regardless of the close path. */\r\n  private closeOnce(data: unknown = null): void {\r\n    if (this.closed) {\r\n      return;\r\n    }\r\n    this.closed = true;\r\n    this.ref?.close(data);\r\n  }\r\n\r\n  onDrawerShow() {\r\n    // Drawer DOM only exists after PrimeNG renders it — apply current state\r\n    // instantly so the open animation doesn't fight the resize transition.\r\n    this.applyMaximizedInlineStyles(this.drawerController.maximized(), false);\r\n  }\r\n\r\n  onDrawerHide() {\r\n    // Instant cleanup — close animation already done; we don't want to start\r\n    // a 650ms width transition mid-hide.\r\n    this.applyMaximizedInlineStyles(false, false);\r\n\r\n    // PrimeNG emits (onHide) when the drawer is dismissed via backdrop click\r\n    // or Escape (its close() -> hide(true)). The X button instead closes\r\n    // programmatically (visible=false -> onAfterLeave -> hide(false)), so it\r\n    // does not reach here. Bridge the dismiss paths to ref.close() so\r\n    // consumers' onClose runs for every close path. closeOnce() de-dupes.\r\n    this.closeOnce();\r\n  }\r\n\r\n  private getDrawerElement(): HTMLElement | null {\r\n    return this.host.nativeElement.querySelector(\r\n      '.p-drawer',\r\n    ) as HTMLElement | null;\r\n  }\r\n\r\n  private applyMaximizedInlineStyles(\r\n    isMaximized: boolean,\r\n    animate: boolean,\r\n  ): void {\r\n    const drawerEl = this.getDrawerElement();\r\n    if (!drawerEl) {\r\n      return;\r\n    }\r\n\r\n    if (this.resizeAnimTimer) {\r\n      clearTimeout(this.resizeAnimTimer);\r\n      this.resizeAnimTimer = null;\r\n    }\r\n\r\n    if (animate) {\r\n      this.renderer.addClass(drawerEl, this.RESIZE_ANIM_CLASS);\r\n      this.resizeAnimTimer = setTimeout(() => {\r\n        this.renderer.removeClass(drawerEl, this.RESIZE_ANIM_CLASS);\r\n        this.resizeAnimTimer = null;\r\n      }, this.RESIZE_ANIM_DURATION_MS);\r\n    } else {\r\n      this.renderer.removeClass(drawerEl, this.RESIZE_ANIM_CLASS);\r\n    }\r\n\r\n    if (isMaximized) {\r\n      this.renderer.setStyle(\r\n        drawerEl,\r\n        'width',\r\n        '100%',\r\n        RendererStyleFlags2.Important,\r\n      );\r\n      this.renderer.setStyle(\r\n        drawerEl,\r\n        'max-width',\r\n        '100%',\r\n        RendererStyleFlags2.Important,\r\n      );\r\n      this.renderer.setStyle(\r\n        drawerEl,\r\n        'height',\r\n        '100%',\r\n        RendererStyleFlags2.Important,\r\n      );\r\n      this.renderer.setStyle(\r\n        drawerEl,\r\n        'max-height',\r\n        '100%',\r\n        RendererStyleFlags2.Important,\r\n      );\r\n    } else {\r\n      this.renderer.removeStyle(drawerEl, 'width');\r\n      this.renderer.removeStyle(drawerEl, 'max-width');\r\n      this.renderer.removeStyle(drawerEl, 'height');\r\n      this.renderer.removeStyle(drawerEl, 'max-height');\r\n    }\r\n  }\r\n}\r\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  showMaximizeToggle?: boolean;\n  maximizeTooltip?: string;\n  restoreTooltip?: string;\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    showMaximizeToggle: true,\n  };\n\n  constructor() {\n    this.preloadDrawerHost();\n  }\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    const ref = new DynamicDialogRef<T>();\n    this.hostRef.instance.connect({\n      component,\n      config,\n      parent: this.rootInjector,\n      ref,\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 currentHostRef = this.hostRef;\n    const openDrawer = () => {\n      if (this.hostRef !== currentHostRef) {\n        return;\n      }\n\n      currentHostRef.instance.show();\n    };\n\n    if (this.doc.defaultView?.requestAnimationFrame) {\n      this.doc.defaultView.requestAnimationFrame(openDrawer);\n    } else {\n      setTimeout(openDrawer, 0);\n    }\n\n    return ref;\n  }\n\n  private preloadDrawerHost() {\n    const preloadHostRef = createComponent(DynamicDrawerHost, {\n      environmentInjector: this.env,\n    });\n    const preloadElement = preloadHostRef.location.nativeElement as HTMLElement;\n\n    preloadElement.style.display = 'none';\n\n    this.appRef.attachView(preloadHostRef.hostView);\n    this.doc.body.appendChild(preloadElement);\n    preloadHostRef.changeDetectorRef.detectChanges();\n    this.appRef.detachView(preloadHostRef.hostView);\n    preloadElement.remove();\n    preloadHostRef.destroy();\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/fesm2022/masterteam-components-entities.mjs

@@ -473,6 +473,7 @@ class EntityAttachment {
         ? this.attachments().length > 0
         : this.uploadValue() != null, ...(ngDevMode ? [{ debugName: "hasAttachments" }] : /* istanbul ignore next */ []));
     isMultiple = computed(() => this.attachmentReferences().length > 1, ...(ngDevMode ? [{ debugName: "isMultiple" }] : /* istanbul ignore next */ []));
+    acceptTypes = computed(() => this.normalizeAcceptTypes(this.data()?.configuration?.['AcceptTypes']), ...(ngDevMode ? [{ debugName: "acceptTypes" }] : /* istanbul ignore next */ []));
     empty = '-';
     constructor() {
         effect((onCleanup) => {
@@ -706,12 +707,25 @@ class EntityAttachment {
         }
         return `.${fileName.split('.').pop().toLowerCase()}`;
     }
+    normalizeAcceptTypes(value) {
+        if (Array.isArray(value)) {
+            const acceptTypes = value
+                .map((item) => (typeof item === 'string' ? item.trim() : ''))
+                .filter(Boolean);
+            return acceptTypes.length ? acceptTypes.join(',') : undefined;
+        }
+        if (typeof value === 'string') {
+            const acceptTypes = value.trim();
+            return acceptTypes || undefined;
+        }
+        return undefined;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: EntityAttachment, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: EntityAttachment, isStandalone: true, selector: "mt-entity-attachment", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, shape: { classPropertyName: "shape", publicName: "shape", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, endPoint: { classPropertyName: "endPoint", publicName: "endPoint", isSignal: true, isRequired: false, transformFunction: null }, context: { classPropertyName: "context", publicName: "context", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<mt-entity-field\n  [label]=\"displayName()\"\n  [configuration]=\"data()?.configuration\"\n  gap=\"relaxed\"\n>\n  @if (hasAttachments()) {\n    @if (shape() === \"compact\") {\n      <div class=\"flex flex-wrap items-center gap-2\">\n        @for (\n          attachment of attachments();\n          track attachmentTrackBy($index, attachment)\n        ) {\n          <mt-button\n            iconPos=\"top\"\n            size=\"small\"\n            severity=\"secondary\"\n            variant=\"outlined\"\n            [icon]=\"attachmentActionIcon($index, attachment)\"\n            [tooltip]=\"attachmentTooltip(attachment)\"\n            styleClass=\"h-9! w-9! rounded-lg! transition-all duration-200 hover:scale-105 hover:border-primary-500! hover:text-primary-600! hover:bg-primary-50!\"\n            (onClick)=\"onCompactAttachmentClick($event, attachment)\"\n            (mouseenter)=\"\n              hoveredAttachmentKey.set(attachmentTrackBy($index, attachment))\n            \"\n            (mouseleave)=\"hoveredAttachmentKey.set(null)\"\n            (onFocus)=\"\n              hoveredAttachmentKey.set(attachmentTrackBy($index, attachment))\n            \"\n            (onBlur)=\"hoveredAttachmentKey.set(null)\"\n          />\n        }\n      </div>\n    } @else {\n      <mt-upload-field\n        class=\"w-full\"\n        [ngModel]=\"uploadValue()\"\n        [ngModelOptions]=\"{ standalone: true }\"\n        [shape]=\"'card'\"\n        [multiple]=\"isMultiple()\"\n        [readonly]=\"true\"\n        [endPoint]=\"endPoint()\"\n        [context]=\"context()\"\n      />\n    }\n  } @else {\n    <span class=\"text-sm font-semibold\">{{ empty }}</span>\n  }\n</mt-entity-field>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: UploadField, selector: "mt-upload-field", inputs: ["label", "title", "description", "endPoint", "size", "userImgClass", "shape", "multiple", "accept", "isDragging", "fileSizeLimit", "readonly", "context"], outputs: ["isDraggingChange", "onChange"] }, { 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"] }, { kind: "component", type: EntityField, selector: "mt-entity-field", inputs: ["label", "labelIconName", "configuration", "gap"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: EntityAttachment, isStandalone: true, selector: "mt-entity-attachment", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, shape: { classPropertyName: "shape", publicName: "shape", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, endPoint: { classPropertyName: "endPoint", publicName: "endPoint", isSignal: true, isRequired: false, transformFunction: null }, context: { classPropertyName: "context", publicName: "context", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<mt-entity-field\n  [label]=\"displayName()\"\n  [configuration]=\"data()?.configuration\"\n  gap=\"relaxed\"\n>\n  @if (hasAttachments()) {\n    @if (shape() === \"compact\") {\n      <div class=\"flex flex-wrap items-center gap-2\">\n        @for (\n          attachment of attachments();\n          track attachmentTrackBy($index, attachment)\n        ) {\n          <mt-button\n            iconPos=\"top\"\n            size=\"small\"\n            severity=\"secondary\"\n            variant=\"outlined\"\n            [icon]=\"attachmentActionIcon($index, attachment)\"\n            [tooltip]=\"attachmentTooltip(attachment)\"\n            styleClass=\"h-9! w-9! rounded-lg! transition-all duration-200 hover:scale-105 hover:border-primary-500! hover:text-primary-600! hover:bg-primary-50!\"\n            (onClick)=\"onCompactAttachmentClick($event, attachment)\"\n            (mouseenter)=\"\n              hoveredAttachmentKey.set(attachmentTrackBy($index, attachment))\n            \"\n            (mouseleave)=\"hoveredAttachmentKey.set(null)\"\n            (onFocus)=\"\n              hoveredAttachmentKey.set(attachmentTrackBy($index, attachment))\n            \"\n            (onBlur)=\"hoveredAttachmentKey.set(null)\"\n          />\n        }\n      </div>\n    } @else {\n      <mt-upload-field\n        class=\"w-full\"\n        [ngModel]=\"uploadValue()\"\n        [ngModelOptions]=\"{ standalone: true }\"\n        [shape]=\"'card'\"\n        [multiple]=\"isMultiple()\"\n        [readonly]=\"true\"\n        [endPoint]=\"endPoint()\"\n        [accept]=\"acceptTypes()\"\n        [context]=\"context()\"\n      />\n    }\n  } @else {\n    <span class=\"text-sm font-semibold\">{{ empty }}</span>\n  }\n</mt-entity-field>\n", dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: UploadField, selector: "mt-upload-field", inputs: ["label", "title", "description", "endPoint", "size", "userImgClass", "shape", "multiple", "accept", "isDragging", "fileSizeLimit", "readonly", "context"], outputs: ["isDraggingChange", "onChange"] }, { 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"] }, { kind: "component", type: EntityField, selector: "mt-entity-field", inputs: ["label", "labelIconName", "configuration", "gap"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: EntityAttachment, decorators: [{
             type: Component,
-            args: [{ selector: 'mt-entity-attachment', standalone: true, imports: [FormsModule, UploadField, Button, EntityField], template: "<mt-entity-field\n  [label]=\"displayName()\"\n  [configuration]=\"data()?.configuration\"\n  gap=\"relaxed\"\n>\n  @if (hasAttachments()) {\n    @if (shape() === \"compact\") {\n      <div class=\"flex flex-wrap items-center gap-2\">\n        @for (\n          attachment of attachments();\n          track attachmentTrackBy($index, attachment)\n        ) {\n          <mt-button\n            iconPos=\"top\"\n            size=\"small\"\n            severity=\"secondary\"\n            variant=\"outlined\"\n            [icon]=\"attachmentActionIcon($index, attachment)\"\n            [tooltip]=\"attachmentTooltip(attachment)\"\n            styleClass=\"h-9! w-9! rounded-lg! transition-all duration-200 hover:scale-105 hover:border-primary-500! hover:text-primary-600! hover:bg-primary-50!\"\n            (onClick)=\"onCompactAttachmentClick($event, attachment)\"\n            (mouseenter)=\"\n              hoveredAttachmentKey.set(attachmentTrackBy($index, attachment))\n            \"\n            (mouseleave)=\"hoveredAttachmentKey.set(null)\"\n            (onFocus)=\"\n              hoveredAttachmentKey.set(attachmentTrackBy($index, attachment))\n            \"\n            (onBlur)=\"hoveredAttachmentKey.set(null)\"\n          />\n        }\n      </div>\n    } @else {\n      <mt-upload-field\n        class=\"w-full\"\n        [ngModel]=\"uploadValue()\"\n        [ngModelOptions]=\"{ standalone: true }\"\n        [shape]=\"'card'\"\n        [multiple]=\"isMultiple()\"\n        [readonly]=\"true\"\n        [endPoint]=\"endPoint()\"\n        [context]=\"context()\"\n      />\n    }\n  } @else {\n    <span class=\"text-sm font-semibold\">{{ empty }}</span>\n  }\n</mt-entity-field>\n" }]
+            args: [{ selector: 'mt-entity-attachment', standalone: true, imports: [FormsModule, UploadField, Button, EntityField], template: "<mt-entity-field\n  [label]=\"displayName()\"\n  [configuration]=\"data()?.configuration\"\n  gap=\"relaxed\"\n>\n  @if (hasAttachments()) {\n    @if (shape() === \"compact\") {\n      <div class=\"flex flex-wrap items-center gap-2\">\n        @for (\n          attachment of attachments();\n          track attachmentTrackBy($index, attachment)\n        ) {\n          <mt-button\n            iconPos=\"top\"\n            size=\"small\"\n            severity=\"secondary\"\n            variant=\"outlined\"\n            [icon]=\"attachmentActionIcon($index, attachment)\"\n            [tooltip]=\"attachmentTooltip(attachment)\"\n            styleClass=\"h-9! w-9! rounded-lg! transition-all duration-200 hover:scale-105 hover:border-primary-500! hover:text-primary-600! hover:bg-primary-50!\"\n            (onClick)=\"onCompactAttachmentClick($event, attachment)\"\n            (mouseenter)=\"\n              hoveredAttachmentKey.set(attachmentTrackBy($index, attachment))\n            \"\n            (mouseleave)=\"hoveredAttachmentKey.set(null)\"\n            (onFocus)=\"\n              hoveredAttachmentKey.set(attachmentTrackBy($index, attachment))\n            \"\n            (onBlur)=\"hoveredAttachmentKey.set(null)\"\n          />\n        }\n      </div>\n    } @else {\n      <mt-upload-field\n        class=\"w-full\"\n        [ngModel]=\"uploadValue()\"\n        [ngModelOptions]=\"{ standalone: true }\"\n        [shape]=\"'card'\"\n        [multiple]=\"isMultiple()\"\n        [readonly]=\"true\"\n        [endPoint]=\"endPoint()\"\n        [accept]=\"acceptTypes()\"\n        [context]=\"context()\"\n      />\n    }\n  } @else {\n    <span class=\"text-sm font-semibold\">{{ empty }}</span>\n  }\n</mt-entity-field>\n" }]
         }], ctorParameters: () => [], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], shape: [{ type: i0.Input, args: [{ isSignal: true, alias: "shape", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], endPoint: [{ type: i0.Input, args: [{ isSignal: true, alias: "endPoint", required: false }] }], context: [{ type: i0.Input, args: [{ isSignal: true, alias: "context", required: false }] }] } });
 
 class EntityLocation {