Fixed #1108 - Add maximize event to Dialog

src/components/dialog/Dialog.d.ts

@@ -23,6 +23,8 @@ declare class Dialog {
     $props: DialogProps;
     $emit(eventName: 'show'): this;
     $emit(eventName: 'hide'): this;
+    $emit(eventName: 'maximize'): this;
+    $emit(eventName: 'unmaximize'): this;
     $slots: {
         '': VNode[];
         header: VNode[];

src/components/dialog/Dialog.vue

@@ -34,7 +34,7 @@ import Ripple from 'primevue/ripple';
 
 export default {
     inheritAttrs: false,
-    emits: ['update:visible', 'show', 'hide'],
+    emits: ['update:visible','show','hide','maximize','unmaximize'],
     props: {
         header: null,
         footer: null,
@@ -150,8 +150,15 @@ export default {
                 focusTarget.focus();
             }
         },
-        maximize() {
+        maximize(event) {
-            this.maximized = !this.maximized;
+            if (this.maximized) {
+                this.maximized = false;
+                this.$emit('unmaximize', event);
+            }
+            else {
+                this.maximized = true;
+                this.$emit('maximize', event);
+            }
 
             if (!this.modal) {
                 if (this.maximized)

src/views/dialog/DialogDoc.vue

@@ -216,6 +216,16 @@ export default {
                         <td>show</td>
                         <td>event: Event object</td>
                         <td>Callback to invoke when dialog is showed.</td>
+                    </tr>
+                    <tr>
+                        <td>maximize</td>
+                        <td>event: Event object</td>
+                        <td>Fired when a dialog gets maximized.</td>
+                    </tr>
+                    <tr>
+                        <td>unmaximize</td>
+                        <td>event: Event object</td>
+                        <td>Fire when a dialog gets unmaximized.</td>
                     </tr>
 				</tbody>
 			</table>