From 8a1a8e8214118d0440cc705123bae95611a33b74 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: Fri, 7 Apr 2023 09:50:09 +0300
Subject: [PATCH] Refactor #3832 Refactor #3833 - For VirtualScroller

---
 api-generator/components/virtualscroller.js         | 10 +++++++---
 components/lib/virtualscroller/VirtualScroller.d.ts |  4 ++++
 components/lib/virtualscroller/VirtualScroller.vue  |  8 +++++++-
 3 files changed, 18 insertions(+), 4 deletions(-)

diff --git a/api-generator/components/virtualscroller.js b/api-generator/components/virtualscroller.js
index 35fab5cf6..31d19ef4e 100644
--- a/api-generator/components/virtualscroller.js
+++ b/api-generator/components/virtualscroller.js
@@ -153,15 +153,19 @@ const VirtualScrollerEvents = [
 const VirtualScrollerSlots = [
     {
         name: 'item',
-        description: 'Content for the item'
+        description: 'Content for the item.'
     },
     {
         name: 'content',
-        description: 'Custom content for the component'
+        description: 'Custom content for the component.'
     },
     {
         name: 'loader',
-        description: 'Custom content for the loader items'
+        description: 'Custom content for the loader items.'
+    },
+    {
+        name: 'loadingicon',
+        description: 'Custom loading icon template.'
     }
 ];
 
diff --git a/components/lib/virtualscroller/VirtualScroller.d.ts b/components/lib/virtualscroller/VirtualScroller.d.ts
index 16cfe89d9..2898bfa82 100644
--- a/components/lib/virtualscroller/VirtualScroller.d.ts
+++ b/components/lib/virtualscroller/VirtualScroller.d.ts
@@ -308,6 +308,10 @@ export interface VirtualScrollerSlots {
          */
         options: VirtualScrollerLoaderOptions;
     }): VNode[];
+    /**
+     * Custom loading icon template.
+     */
+    loadingicon(): VNode[];
 }
 
 /**
diff --git a/components/lib/virtualscroller/VirtualScroller.vue b/components/lib/virtualscroller/VirtualScroller.vue
index 6bcaf9918..259d45927 100644
--- a/components/lib/virtualscroller/VirtualScroller.vue
+++ b/components/lib/virtualscroller/VirtualScroller.vue
@@ -31,7 +31,9 @@
                         <slot name="loader" :options="getLoaderOptions(index, isBoth() && { numCols: d_numItemsInViewport.cols })"></slot>
                     </template>
                 </template>
-                <i v-else class="p-virtualscroller-loading-icon pi pi-spinner pi-spin"></i>
+                <slot name="loadingicon">
+                    <SpinnerIcon spin class="p-virtualscroller-loading-icon" />
+                </slot>
             </div>
         </div>
     </template>
@@ -42,6 +44,7 @@
 </template>
 
 <script>
+import SpinnerIcon from 'primevue/icon/spinner';
 import { DomHandler } from 'primevue/utils';
 
 export default {
@@ -742,6 +745,9 @@ export default {
 
             return this.columns;
         }
+    },
+    components: {
+        SpinnerIcon: SpinnerIcon
     }
 };
 </script>