From 83ba42613cb2b5028a3745c9b21e94b85aa382c1 Mon Sep 17 00:00:00 2001
From: Ancient-Dragon <ancient-dragon@users.noreply.github.com>
Date: Wed, 1 Jun 2022 13:28:30 +0100
Subject: [PATCH] Add new prop to allow users to pass in the loader icon

---
 src/components/autocomplete/AutoComplete.vue | 9 ++++++++-
 src/views/autocomplete/AutoCompleteDoc.vue   | 6 ++++++
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/components/autocomplete/AutoComplete.vue b/src/components/autocomplete/AutoComplete.vue
index d8a2c6201..6ce2d4783 100755
--- a/src/components/autocomplete/AutoComplete.vue
+++ b/src/components/autocomplete/AutoComplete.vue
@@ -14,7 +14,7 @@
                     role="searchbox" aria-autocomplete="list" :aria-controls="listId">
             </li>
         </ul>
-        <i class="p-autocomplete-loader pi pi-spinner pi-spin" v-if="searching"></i>
+        <i :class="computedIconClasses" v-if="searching"></i>
         <Button ref="dropdownButton" type="button" icon="pi pi-chevron-down" class="p-autocomplete-dropdown" :disabled="$attrs.disabled" @click="onDropdownClick" v-if="dropdown"/>
         <Portal :appendTo="appendTo">
             <transition name="p-connected-overlay" @enter="onOverlayEnter" @leave="onOverlayLeave" @after-leave="onOverlayAfterLeave">
@@ -123,6 +123,10 @@ export default {
         virtualScrollerOptions: {
             type: Object,
             default: null
+        },
+        loadingIcon: {
+            type: String,
+            default: 'pi pi-spinner'
         }
     },
     timeout: null,
@@ -571,6 +575,9 @@ export default {
         }
     },
     computed: {
+        loadingIconClass() {
+            return ['p-autocomplete-loader', 'pi-spin', this.loadingIcon];
+        },
         containerClass() {
             return ['p-autocomplete p-component p-inputwrapper', this.class, {
                 'p-autocomplete-dd': this.dropdown,
diff --git a/src/views/autocomplete/AutoCompleteDoc.vue b/src/views/autocomplete/AutoCompleteDoc.vue
index f790ee7bd..eb009fe5e 100755
--- a/src/views/autocomplete/AutoCompleteDoc.vue
+++ b/src/views/autocomplete/AutoCompleteDoc.vue
@@ -273,6 +273,12 @@ export default {
                         <td>object</td>
                         <td>null</td>
                         <td>Whether to use the virtualScroller feature. The properties of <router-link to="/virtualscroller">VirtualScroller</router-link> component can be used like an object in it.</td>
+                    </tr>
+                    <tr>
+                        <td>loadingIcon</td>
+                        <td>string</td>
+                        <td>pi pi-spinner</td>
+                        <td>Icon class used when loading</td>
                     </tr>
 				</tbody>
 			</table>