@ngx-smz/core 21.9.0-next.19 → 21.9.0-next.21

package/fesm2022/ngx-smz-core.mjs

@@ -8318,6 +8318,7 @@ class DynamicDialogComponent {
     }
     maximize() {
         this.maximized = !this.maximized;
+        this.syncSizeAroundMaximize();
         if (!this.config.modal) {
             if (this.maximized) {
                 SmzDomHandler.addClass(document.body, 'p-overflow-hidden');
@@ -8328,6 +8329,32 @@ class DynamicDialogComponent {
         }
         this.onMaximize.emit({ maximized: this.maximized });
     }
+    /**
+     * O dialog tem tamanho automatico (segue o conteudo). Conteudo que fixa tamanho em px enquanto o dialog esta
+     * maximizado (tabelas, graficos, componentes que medem o contentor) o deixaria maior ao restaurar. Guarda o
+     * tamanho de antes de maximizar e, ao restaurar, o usa como teto (max-width/max-height): o dialog volta ao
+     * tamanho original e ainda pode encolher se o conteudo encolher. Tamanhos definidos pelo consumidor (`width`,
+     * `height`, `style`) sao respeitados e nao sao tocados.
+     */
+    syncSizeAroundMaximize() {
+        const container = this.container;
+        if (!container)
+            return;
+        container.style.removeProperty('max-width');
+        container.style.removeProperty('max-height');
+        if (this.maximized) {
+            this.preMaximizeContainerWidth = container.offsetWidth;
+            this.preMaximizeContainerHeight = container.offsetHeight;
+            return;
+        }
+        const style = (this.config.style ?? {});
+        if (this.preMaximizeContainerWidth > 0 && !this.config.width && style['width'] == null && style['maxWidth'] == null) {
+            container.style.maxWidth = `${this.preMaximizeContainerWidth}px`;
+        }
+        if (this.preMaximizeContainerHeight > 0 && !this.config.height && style['height'] == null && style['maxHeight'] == null) {
+            container.style.maxHeight = `${this.preMaximizeContainerHeight}px`;
+        }
+    }
     enableModality() {
         if (this.config.closable !== false && this.config.dismissableMask) {
             this.maskClickListener = this.renderer.listen(this.wrapper, 'mousedown', (event) => {