@masterteam/components 0.0.155 → 0.0.157

package/fesm2022/masterteam-components-drawer.mjs

@@ -1,6 +1,6 @@
 import { Button } from '@masterteam/components/button';
 import * as i0 from '@angular/core';
-import { inject, ElementRef, Renderer2, model, output, input, computed, effect, Component } from '@angular/core';
+import { inject, ElementRef, Renderer2, model, output, input, computed, effect, RendererStyleFlags2, Component } from '@angular/core';
 import { DOCUMENT, CommonModule } from '@angular/common';
 import * as i1 from 'primeng/drawer';
 import { DrawerModule } from 'primeng/drawer';
@@ -16,6 +16,9 @@ class Drawer {
     drawerInstanceClass = `mt-custom-drawer-instance-${Drawer.nextInstanceId++}`;
     customMask = null;
     removeMaskClickListener = null;
+    resizeAnimTimer = null;
+    RESIZE_ANIM_CLASS = 'mt-drawer--anim-resize';
+    RESIZE_ANIM_DURATION_MS = 700;
     visible = model(false, ...(ngDevMode ? [{ debugName: "visible" }] : /* istanbul ignore next */ []));
     visibleChange = output();
     onShow = output();
@@ -32,6 +35,13 @@ class Drawer {
     transitionOptions = input('200ms cubic-bezier(0, 0, 1, 1)', ...(ngDevMode ? [{ debugName: "transitionOptions" }] : /* istanbul ignore next */ []));
     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('Expand to full width', ...(ngDevMode ? [{ debugName: "maximizeTooltip" }] : /* istanbul ignore next */ []));
+    restoreTooltip = input('Restore size', ...(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 */ []));
     resolvedAppendTo = computed(() => {
         this.visible();
         const appendTo = this.appendTo();
@@ -46,7 +56,12 @@ class Drawer {
             : `#${appendTo}`;
         return this.doc.querySelector(selector) ?? 'self';
     }, ...(ngDevMode ? [{ debugName: "resolvedAppendTo" }] : /* istanbul ignore next */ []));
-    resolvedStyleClass = computed(() => [this.styleClass(), 'mt-custom-drawer', this.drawerInstanceClass]
+    resolvedStyleClass = computed(() => [
+        this.styleClass(),
+        'mt-custom-drawer',
+        this.drawerInstanceClass,
+        this.maximized() ? 'mt-drawer--maximized' : '',
+    ]
         .filter(Boolean)
         .join(' '), ...(ngDevMode ? [{ debugName: "resolvedStyleClass" }] : /* istanbul ignore next */ []));
     constructor() {
@@ -55,6 +70,16 @@ class Drawer {
                 this.destroyCustomMask();
             }
         });
+        effect(() => {
+            // React only when the user toggles maximize while the drawer is open.
+            // Closing/opening is handled by onShowEvent / onHideEvent so we never
+            // race with PrimeNG's slide animation.
+            const isMaximized = this.maximized();
+            if (!this.visible()) {
+                return;
+            }
+            this.applyMaximizedInlineStyles(isMaximized, true);
+        });
     }
     visibleChangeEvent(event) {
         this.visibleChange.emit(event);
@@ -64,15 +89,60 @@ class Drawer {
         this.visibleChange.emit(false);
         this.onHide.emit(true);
     }
+    toggleMaximized() {
+        this.maximized.set(!this.maximized());
+    }
     onShowEvent() {
         this.syncCustomMask();
+        // Drawer DOM only exists after PrimeNG renders it — apply current state
+        // instantly so the open animation isn't fighting our resize transition.
+        this.applyMaximizedInlineStyles(this.maximized(), false);
         this.onShow.emit(true);
     }
     onHideEvent() {
         this.destroyCustomMask();
+        // Instant cleanup — the close animation is already done; we don't want
+        // to start a 650ms width transition mid-hide.
+        this.applyMaximizedInlineStyles(false, false);
         this.onHide.emit(true);
     }
+    applyMaximizedInlineStyles(isMaximized, animate) {
+        const drawerEl = this.getDrawerElement();
+        if (!drawerEl) {
+            return;
+        }
+        if (this.resizeAnimTimer) {
+            clearTimeout(this.resizeAnimTimer);
+            this.resizeAnimTimer = null;
+        }
+        if (animate) {
+            this.renderer.addClass(drawerEl, this.RESIZE_ANIM_CLASS);
+            this.resizeAnimTimer = setTimeout(() => {
+                this.renderer.removeClass(drawerEl, this.RESIZE_ANIM_CLASS);
+                this.resizeAnimTimer = null;
+            }, this.RESIZE_ANIM_DURATION_MS);
+        }
+        else {
+            this.renderer.removeClass(drawerEl, this.RESIZE_ANIM_CLASS);
+        }
+        if (isMaximized) {
+            this.renderer.setStyle(drawerEl, 'width', '100%', RendererStyleFlags2.Important);
+            this.renderer.setStyle(drawerEl, 'max-width', '100%', RendererStyleFlags2.Important);
+            this.renderer.setStyle(drawerEl, 'height', '100%', RendererStyleFlags2.Important);
+            this.renderer.setStyle(drawerEl, 'max-height', '100%', RendererStyleFlags2.Important);
+        }
+        else {
+            this.renderer.removeStyle(drawerEl, 'width');
+            this.renderer.removeStyle(drawerEl, 'max-width');
+            this.renderer.removeStyle(drawerEl, 'height');
+            this.renderer.removeStyle(drawerEl, 'max-height');
+        }
+    }
     ngOnDestroy() {
+        if (this.resizeAnimTimer) {
+            clearTimeout(this.resizeAnimTimer);
+            this.resizeAnimTimer = null;
+        }
         this.destroyCustomMask();
     }
     syncCustomMask() {
@@ -170,12 +240,12 @@ 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 } }, outputs: { visible: "visibleChange", visibleChange: "visibleChange", onShow: "onShow", onHide: "onHide" }, 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      <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  </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\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"] }] });
 }
 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      <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  </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" }]
-        }], 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 }] }] } });
+            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" }]
+        }], 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"] }] } });
 
 /**
  * Generated bundle index. Do not edit.

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  model,\r\n  OnDestroy,\r\n} from '@angular/core';\r\nimport { CommonModule, DOCUMENT } from '@angular/common';\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 drawerInstanceClass = `mt-custom-drawer-instance-${Drawer.nextInstanceId++}`;\r\n  private customMask: HTMLElement | null = null;\r\n  private removeMaskClickListener: (() => void) | null = null;\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  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    [this.styleClass(), 'mt-custom-drawer', this.drawerInstanceClass]\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\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  onShowEvent() {\r\n    this.syncCustomMask();\r\n    this.onShow.emit(true);\r\n  }\r\n  onHideEvent() {\r\n    this.destroyCustomMask();\r\n    this.onHide.emit(true);\r\n  }\r\n\r\n  ngOnDestroy(): void {\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      <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  </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';\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 { 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 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>('Expand to full width');\r\n  restoreTooltip = input<string>('Restore size');\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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"}

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, signal, Injectable, model, computed, Injector, Input, Component, inject, ApplicationRef, EnvironmentInjector, DestroyRef, createComponent } 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 { DynamicDialogRef } from 'primeng/dynamicdialog';
 import * as i1 from 'primeng/drawer';
@@ -15,6 +15,7 @@ class DrawerController {
     _styleClass = signal('', ...(ngDevMode ? [{ debugName: "_styleClass" }] : /* istanbul ignore next */ []));
     _header = signal('', ...(ngDevMode ? [{ debugName: "_header" }] : /* istanbul ignore next */ []));
     _fullScreen = signal(undefined, ...(ngDevMode ? [{ debugName: "_fullScreen" }] : /* istanbul ignore next */ []));
+    _maximized = signal(false, ...(ngDevMode ? [{ debugName: "_maximized" }] : /* istanbul ignore next */ []));
     /** Get the current additional styleClass */
     get styleClass() {
         return this._styleClass;
@@ -27,6 +28,10 @@ class DrawerController {
     get fullScreen() {
         return this._fullScreen;
     }
+    /** Get the current maximized (full-width) state */
+    get maximized() {
+        return this._maximized;
+    }
     /** Add or replace the dynamic styleClass */
     setStyleClass(styleClass) {
         this._styleClass.set(styleClass);
@@ -63,6 +68,14 @@ class DrawerController {
     setFullScreen(fullScreen) {
         this._fullScreen.set(fullScreen);
     }
+    /** Set maximized (full-width) state */
+    setMaximized(maximized) {
+        this._maximized.set(maximized);
+    }
+    /** Toggle maximized (full-width) state */
+    toggleMaximized() {
+        this._maximized.set(!this._maximized());
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: DrawerController, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: DrawerController });
 }
@@ -77,12 +90,61 @@ class DynamicDrawerHost {
     childInjector;
     ref;
     drawerController = new DrawerController();
+    host = inject((ElementRef));
+    renderer = inject(Renderer2);
+    resizeAnimTimer = null;
+    RESIZE_ANIM_CLASS = 'mt-drawer--anim-resize';
+    RESIZE_ANIM_DURATION_MS = 700;
+    constructor() {
+        effect(() => {
+            // React only when the user toggles maximize while the drawer is open.
+            // Closing/opening goes through onDrawerShow / onDrawerHide so we never
+            // race with PrimeNG's slide animation.
+            const isMaximized = this.drawerController.maximized();
+            if (!this.visible()) {
+                return;
+            }
+            this.applyMaximizedInlineStyles(isMaximized, true);
+        });
+    }
     /** Computed styleClass combining config + dynamic controller class */
     computedStyleClass = computed(() => {
         const configClass = this.cfg()?.styleClass ?? '';
         const dynamicClass = this.drawerController.styleClass();
-        return `${configClass} ${dynamicClass} mt-drawer`.trim();
+        const maximizedClass = this.drawerController.maximized()
+            ? 'mt-drawer--maximized'
+            : '';
+        return `${configClass} ${dynamicClass} mt-drawer ${maximizedClass}`
+            .replace(/\s+/g, ' ')
+            .trim();
     }, ...(ngDevMode ? [{ debugName: "computedStyleClass" }] : /* istanbul ignore next */ []));
+    /** Whether the maximize toggle button is visible in the header */
+    canShowMaximizeToggle = computed(() => {
+        const config = this.cfg();
+        if (config?.showMaximizeToggle === false) {
+            return false;
+        }
+        if (this.computedFullScreen()) {
+            return false;
+        }
+        const position = config?.position ?? 'right';
+        return position === 'left' || position === 'right';
+    }, ...(ngDevMode ? [{ debugName: "canShowMaximizeToggle" }] : /* istanbul ignore next */ []));
+    /** Tooltip for maximize/restore button (state-aware) */
+    maximizeButtonTooltip = computed(() => {
+        const config = this.cfg();
+        return this.drawerController.maximized()
+            ? (config?.restoreTooltip ?? 'Restore size')
+            : (config?.maximizeTooltip ?? 'Expand to full width');
+    }, ...(ngDevMode ? [{ debugName: "maximizeButtonTooltip" }] : /* istanbul ignore next */ []));
+    /** Icon for maximize/restore button (state-aware) */
+    maximizeButtonIcon = computed(() => this.drawerController.maximized()
+        ? 'layout.minimize-01'
+        : 'layout.maximize-01', ...(ngDevMode ? [{ debugName: "maximizeButtonIcon" }] : /* istanbul ignore next */ []));
+    /** Toggle the drawer's full-width state */
+    toggleMaximized() {
+        this.drawerController.toggleMaximized();
+    }
     computedDrawerStyle = computed(() => {
         const appendTo = this.cfg()?.appendTo;
         if (!appendTo || appendTo === 'body') {
@@ -126,6 +188,51 @@ class DynamicDrawerHost {
         this.visible.set(false);
         this.ref?.close(data);
     }
+    onDrawerShow() {
+        // Drawer DOM only exists after PrimeNG renders it — apply current state
+        // instantly so the open animation doesn't fight the resize transition.
+        this.applyMaximizedInlineStyles(this.drawerController.maximized(), false);
+    }
+    onDrawerHide() {
+        // Instant cleanup — close animation already done; we don't want to start
+        // a 650ms width transition mid-hide.
+        this.applyMaximizedInlineStyles(false, false);
+    }
+    getDrawerElement() {
+        return this.host.nativeElement.querySelector('.p-drawer');
+    }
+    applyMaximizedInlineStyles(isMaximized, animate) {
+        const drawerEl = this.getDrawerElement();
+        if (!drawerEl) {
+            return;
+        }
+        if (this.resizeAnimTimer) {
+            clearTimeout(this.resizeAnimTimer);
+            this.resizeAnimTimer = null;
+        }
+        if (animate) {
+            this.renderer.addClass(drawerEl, this.RESIZE_ANIM_CLASS);
+            this.resizeAnimTimer = setTimeout(() => {
+                this.renderer.removeClass(drawerEl, this.RESIZE_ANIM_CLASS);
+                this.resizeAnimTimer = null;
+            }, this.RESIZE_ANIM_DURATION_MS);
+        }
+        else {
+            this.renderer.removeClass(drawerEl, this.RESIZE_ANIM_CLASS);
+        }
+        if (isMaximized) {
+            this.renderer.setStyle(drawerEl, 'width', '100%', RendererStyleFlags2.Important);
+            this.renderer.setStyle(drawerEl, 'max-width', '100%', RendererStyleFlags2.Important);
+            this.renderer.setStyle(drawerEl, 'height', '100%', RendererStyleFlags2.Important);
+            this.renderer.setStyle(drawerEl, 'max-height', '100%', RendererStyleFlags2.Important);
+        }
+        else {
+            this.renderer.removeStyle(drawerEl, 'width');
+            this.renderer.removeStyle(drawerEl, 'max-width');
+            this.renderer.removeStyle(drawerEl, 'height');
+            this.renderer.removeStyle(drawerEl, 'max-height');
+        }
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.8", ngImport: i0, type: DynamicDrawerHost, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.8", type: DynamicDrawerHost, isStandalone: true, selector: "mt-dynamic-drawer-host", inputs: { visible: { classPropertyName: "visible", publicName: "visible", isSignal: true, isRequired: false, transformFunction: null }, connect: { classPropertyName: "connect", publicName: "connect", isSignal: false, isRequired: true, transformFunction: null } }, outputs: { visible: "visibleChange" }, ngImport: i0, template: `
     <p-drawer
@@ -140,20 +247,35 @@ class DynamicDrawerHost {
       [dismissible]="cfg()?.dismissible"
       [transitionOptions]="cfg()?.transitionOptions"
       [styleClass]="computedStyleClass()"
+      (onShow)="onDrawerShow()"
+      (onHide)="onDrawerHide()"
     >
       <ng-template #header>
         <div
           class="flex items-center justify-between px-5 w-full py-3 border-b border-surface"
         >
           <h3 class="text-xl font-semibold">{{ computedHeader() }}</h3>
-          <mt-button
-            (onClick)="handleHide()"
-            variant="outlined"
-            styleClass="!bg-white"
-            icon="general.x-close"
-            severity="secondary"
-          >
-          </mt-button>
+          <div class="flex items-center gap-2">
+            @if (canShowMaximizeToggle()) {
+              <mt-button
+                (onClick)="toggleMaximized()"
+                variant="outlined"
+                styleClass="!bg-white"
+                severity="secondary"
+                [icon]="maximizeButtonIcon()"
+                [tooltip]="maximizeButtonTooltip()"
+              >
+              </mt-button>
+            }
+            <mt-button
+              (onClick)="handleHide()"
+              variant="outlined"
+              styleClass="!bg-white"
+              icon="general.x-close"
+              severity="secondary"
+            >
+            </mt-button>
+          </div>
         </div>
       </ng-template>
       @if (childInjector) {
@@ -188,20 +310,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
       [dismissible]="cfg()?.dismissible"
       [transitionOptions]="cfg()?.transitionOptions"
       [styleClass]="computedStyleClass()"
+      (onShow)="onDrawerShow()"
+      (onHide)="onDrawerHide()"
     >
       <ng-template #header>
         <div
           class="flex items-center justify-between px-5 w-full py-3 border-b border-surface"
         >
           <h3 class="text-xl font-semibold">{{ computedHeader() }}</h3>
-          <mt-button
-            (onClick)="handleHide()"
-            variant="outlined"
-            styleClass="!bg-white"
-            icon="general.x-close"
-            severity="secondary"
-          >
-          </mt-button>
+          <div class="flex items-center gap-2">
+            @if (canShowMaximizeToggle()) {
+              <mt-button
+                (onClick)="toggleMaximized()"
+                variant="outlined"
+                styleClass="!bg-white"
+                severity="secondary"
+                [icon]="maximizeButtonIcon()"
+                [tooltip]="maximizeButtonTooltip()"
+              >
+              </mt-button>
+            }
+            <mt-button
+              (onClick)="handleHide()"
+              variant="outlined"
+              styleClass="!bg-white"
+              icon="general.x-close"
+              severity="secondary"
+            >
+            </mt-button>
+          </div>
         </div>
       </ng-template>
       @if (childInjector) {
@@ -217,7 +354,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.8", ngImpor
     </p-drawer>
   `,
                 }]
-        }], propDecorators: { visible: [{ type: i0.Input, args: [{ isSignal: true, alias: "visible", required: false }] }, { type: i0.Output, args: ["visibleChange"] }], connect: [{
+        }], ctorParameters: () => [], propDecorators: { visible: [{ type: i0.Input, args: [{ isSignal: true, alias: "visible", required: false }] }, { type: i0.Output, args: ["visibleChange"] }], connect: [{
                 type: Input,
                 args: [{ required: true }]
             }] } });
@@ -236,6 +373,9 @@ class DrawerService {
         closable: false,
         transitionOptions: '200ms cubic-bezier(0, 0, 1, 1)',
         inputValues: {},
+        showMaximizeToggle: true,
+        maximizeTooltip: 'Expand to full width',
+        restoreTooltip: 'Restore size',
     };
     constructor() {
         this.preloadDrawerHost();