From c7f2bf53831bb214f8aab325142b528f942781bf 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, 19 Apr 2023 09:49:03 +0300
Subject: [PATCH] Refactor #3832 Refactor #3833 - For ConfirmPopup &
 ConfirmDialog

---
 components/lib/confirmdialog/ConfirmDialog.d.ts | 14 ++++++++++++--
 components/lib/confirmdialog/ConfirmDialog.vue  |  2 +-
 components/lib/confirmpopup/ConfirmPopup.d.ts   | 14 ++++++++++++--
 components/lib/confirmpopup/ConfirmPopup.vue    |  2 +-
 4 files changed, 26 insertions(+), 6 deletions(-)

diff --git a/components/lib/confirmdialog/ConfirmDialog.d.ts b/components/lib/confirmdialog/ConfirmDialog.d.ts
index b087d314b..faf86690e 100644
--- a/components/lib/confirmdialog/ConfirmDialog.d.ts
+++ b/components/lib/confirmdialog/ConfirmDialog.d.ts
@@ -61,11 +61,21 @@ export interface ConfirmDialogSlots {
      * Custom message template.
      * @param {Object} scope - message slot's params.
      */
-    message(scope: { message: ConfirmationOptions }): VNode[];
+    message(scope: {
+        /**
+         * Message of the component
+         */
+        message: ConfirmationOptions;
+    }): VNode[];
     /**
      * Custom icon template.
      */
-    icon(): VNode[];
+    icon(scope: {
+        /**
+         * Style class of the icon template
+         */
+        class: any;
+    }): VNode[];
     /**
      * Custom icon template.
      */
diff --git a/components/lib/confirmdialog/ConfirmDialog.vue b/components/lib/confirmdialog/ConfirmDialog.vue
index 223245cda..60c0d29bb 100644
--- a/components/lib/confirmdialog/ConfirmDialog.vue
+++ b/components/lib/confirmdialog/ConfirmDialog.vue
@@ -13,7 +13,7 @@
         @update:visible="onHide"
     >
         <template v-if="!$slots.message">
-            <slot name="icon">
+            <slot name="icon" class="p-confirm-dialog-icon">
                 <component v-if="$slots.icon" :is="$slots.icon" class="p-confirm-dialog-icon" />
                 <span v-else-if="confirmation.icon" :class="iconClass" />
             </slot>
diff --git a/components/lib/confirmpopup/ConfirmPopup.d.ts b/components/lib/confirmpopup/ConfirmPopup.d.ts
index a002aee94..a6a6ca86c 100644
--- a/components/lib/confirmpopup/ConfirmPopup.d.ts
+++ b/components/lib/confirmpopup/ConfirmPopup.d.ts
@@ -29,11 +29,21 @@ export interface ConfirmPopupSlots {
      * Custom message template.
      * @param {Object} scope - message slot's params.
      */
-    message(scope: { message: ConfirmationOptions }): VNode[];
+    message(scope: {
+        /**
+         * Message of the component
+         */
+        message: ConfirmationOptions;
+    }): VNode[];
     /**
      * Custom icon template.
      */
-    icon(): VNode[];
+    icon(scope: {
+        /**
+         * Style class of the icon template
+         */
+        class: any;
+    }): VNode[];
     /**
      * Custom icon template.
      */
diff --git a/components/lib/confirmpopup/ConfirmPopup.vue b/components/lib/confirmpopup/ConfirmPopup.vue
index 0cc76b001..4ecf001e2 100644
--- a/components/lib/confirmpopup/ConfirmPopup.vue
+++ b/components/lib/confirmpopup/ConfirmPopup.vue
@@ -4,7 +4,7 @@
             <div v-if="visible" :ref="containerRef" v-focustrap role="alertdialog" :class="containerClass" :aria-modal="visible" @click="onOverlayClick" @keydown="onOverlayKeydown" v-bind="$attrs">
                 <template v-if="!$slots.message">
                     <div class="p-confirm-popup-content">
-                        <slot name="icon">
+                        <slot name="icon" class="p-confirm-popup-icon">
                             <component v-if="$slots.icon" :is="$slots.icon" class="p-confirm-popup-icon" />
                             <span v-else-if="confirmation.icon" :class="iconClass" />
                         </slot>