From ca3eadc8e3224efe6726d7a21bca7dcd22a2f8d8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bahad=C4=B1r=20Sofuo=C4=9Flu?= <bahadirsofuoglu@gmail.com>
Date: Thu, 13 Apr 2023 13:32:32 +0300
Subject: [PATCH] Refactor #3832 Refactor #3833 - For Inplace

---
 components/lib/inplace/Inplace.d.ts |  1 -
 components/lib/inplace/Inplace.vue  | 15 +++++++++++----
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/components/lib/inplace/Inplace.d.ts b/components/lib/inplace/Inplace.d.ts
index ed5a00e0c..dd3b92568 100755
--- a/components/lib/inplace/Inplace.d.ts
+++ b/components/lib/inplace/Inplace.d.ts
@@ -31,7 +31,6 @@ export interface InplaceProps {
     disabled?: boolean | undefined;
     /**
      * Icon to display in the close button.
-     * @defaultValue pi pi-times
      */
     closeIcon?: string | undefined;
     /**
diff --git a/components/lib/inplace/Inplace.vue b/components/lib/inplace/Inplace.vue
index 67c21dfd4..da4700057 100755
--- a/components/lib/inplace/Inplace.vue
+++ b/components/lib/inplace/Inplace.vue
@@ -5,7 +5,13 @@
         </div>
         <div v-else class="p-inplace-content">
             <slot name="content"></slot>
-            <IPButton v-if="closable" :icon="closeIcon" :aria-label="closeAriaLabel" @click="close" v-bind="closeButtonProps" />
+            <IPButton v-if="closable" :aria-label="closeAriaLabel" @click="close" v-bind="closeButtonProps">
+                <template #icon>
+                    <slot name="closeicon">
+                        <component :is="closeIcon ? 'span' : 'TimesIcon'" :class="closeIcon"></component>
+                    </slot>
+                </template>
+            </IPButton>
         </div>
     </div>
 </template>
@@ -13,7 +19,7 @@
 <script>
 import Button from 'primevue/button';
 import FocusTrap from 'primevue/focustrap';
-
+import TimesIcon from 'primevue/icon/times';
 export default {
     name: 'Inplace',
     emits: ['open', 'close', 'update:active'],
@@ -32,7 +38,7 @@ export default {
         },
         closeIcon: {
             type: String,
-            default: 'pi pi-times'
+            default: undefined
         },
         displayProps: {
             type: null,
@@ -84,7 +90,8 @@ export default {
         }
     },
     components: {
-        IPButton: Button
+        IPButton: Button,
+        TimesIcon
     },
     directives: {
         focustrap: FocusTrap