From 13019b4816e966fbb74995c1c8e705f965b823aa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?=
 <tugcekucukoglu.860@gmail.com>
Date: Wed, 23 Aug 2023 09:39:17 +0300
Subject: [PATCH] Fixed #4301 - Dialog: Icon classes not being correctly
 exposed

---
 components/lib/dialog/Dialog.d.ts | 12 +++++++++++-
 components/lib/dialog/Dialog.vue  |  4 ++--
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/components/lib/dialog/Dialog.d.ts b/components/lib/dialog/Dialog.d.ts
index 9446d5a5d..e63b07531 100755
--- a/components/lib/dialog/Dialog.d.ts
+++ b/components/lib/dialog/Dialog.d.ts
@@ -286,8 +286,14 @@ export interface DialogSlots {
     footer(): VNode[];
     /**
      * Custom close icon template.
+     * @param {Object} scope - close icon slot's params.
      */
-    closeicon(): VNode[];
+    closeicon(scope: {
+        /**
+         * Style class of the close icon
+         */
+        class: any;
+    }): VNode[];
     /**
      * Custom maximize icon template of dialog.
      * @param {Object} scope - maximize icon slot's params.
@@ -297,6 +303,10 @@ export interface DialogSlots {
          * Maximized state as a boolean
          */
         maximized: boolean;
+        /**
+         * Style class of the maximize icon
+         */
+        class: any;
     }): VNode[];
 }
 
diff --git a/components/lib/dialog/Dialog.vue b/components/lib/dialog/Dialog.vue
index 2c86abe90..efb86f6aa 100755
--- a/components/lib/dialog/Dialog.vue
+++ b/components/lib/dialog/Dialog.vue
@@ -20,7 +20,7 @@
                                 v-bind="ptm('maximizableButton')"
                                 data-pc-group-section="headericon"
                             >
-                                <slot name="maximizeicon" :maximized="maximized">
+                                <slot name="maximizeicon" :maximized="maximized" :class="cx('maximizableIcon')">
                                     <component :is="maximizeIconComponent" :class="[cx('maximizableIcon'), maximized ? minimizeIcon : maximizeIcon]" v-bind="ptm('maximizableIcon')" />
                                 </slot>
                             </button>
@@ -36,7 +36,7 @@
                                 v-bind="{ ...closeButtonProps, ...ptm('closeButton') }"
                                 data-pc-group-section="headericon"
                             >
-                                <slot name="closeicon">
+                                <slot name="closeicon" :class="cx('closeButtonIcon')">
                                     <component :is="closeIcon ? 'span' : 'TimesIcon'" :class="[cx('closeButtonIcon'), closeIcon]" v-bind="ptm('closeButtonIcon')"></component>
                                 </slot>
                             </button>