From eca735c8c88bc36614e595960e51f37845ff468c 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: Thu, 10 Aug 2023 11:38:09 +0300
Subject: [PATCH] Fixed #4253 - AutoComplete: loading state

---
 api-generator/components/autocomplete.js         | 6 ++++++
 components/lib/autocomplete/AutoComplete.d.ts    | 5 +++++
 components/lib/autocomplete/AutoComplete.vue     | 4 ++--
 components/lib/autocomplete/BaseAutoComplete.vue | 4 ++++
 4 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/api-generator/components/autocomplete.js b/api-generator/components/autocomplete.js
index 6144091e5..50aca3b11 100644
--- a/api-generator/components/autocomplete.js
+++ b/api-generator/components/autocomplete.js
@@ -77,6 +77,12 @@ const AutoCompleteProps = [
         default: 'null',
         description: 'Default text to display when no option is selected.'
     },
+    {
+        name: 'loading',
+        type: 'boolean',
+        default: 'false',
+        description: 'Whether the multiselect is in loading state.'
+    },
     {
         name: 'disabled',
         type: 'boolean',
diff --git a/components/lib/autocomplete/AutoComplete.d.ts b/components/lib/autocomplete/AutoComplete.d.ts
index 9f2e09df2..975ddfad9 100755
--- a/components/lib/autocomplete/AutoComplete.d.ts
+++ b/components/lib/autocomplete/AutoComplete.d.ts
@@ -305,6 +305,11 @@ export interface AutoCompleteProps {
      * Default text to display when no option is selected.
      */
     placeholder?: string | undefined;
+    /**
+     * Whether the multiselect is in loading state.
+     * @defaultValue false
+     */
+    loading?: boolean | undefined;
     /**
      * When present, it specifies that the component should be disabled.
      * @defaultValue false
diff --git a/components/lib/autocomplete/AutoComplete.vue b/components/lib/autocomplete/AutoComplete.vue
index 637bfbd4a..c7bb68c8e 100755
--- a/components/lib/autocomplete/AutoComplete.vue
+++ b/components/lib/autocomplete/AutoComplete.vue
@@ -87,7 +87,7 @@
                 />
             </li>
         </ul>
-        <slot v-if="searching" :class="cx('loadingIcon')" name="loadingicon">
+        <slot v-if="searching || loading" :class="cx('loadingIcon')" name="loadingicon">
             <i v-if="loadingIcon" :class="['pi-spin', cx('loadingIcon'), loadingIcon]" aria-hidden="true" v-bind="ptm('loadingIcon')" />
             <SpinnerIcon v-else :class="[cx('loadingIcon'), loadingIcon]" spin aria-hidden="true" v-bind="ptm('loadingIcon')" />
         </slot>
@@ -477,7 +477,7 @@ export default {
             }
         },
         onContainerClick(event) {
-            if (this.disabled || this.searching || this.isInputClicked(event) || this.isDropdownClicked(event)) {
+            if (this.disabled || this.searching || this.loading || this.isInputClicked(event) || this.isDropdownClicked(event)) {
                 return;
             }
 
diff --git a/components/lib/autocomplete/BaseAutoComplete.vue b/components/lib/autocomplete/BaseAutoComplete.vue
index 90b05a28b..9ab13b40d 100644
--- a/components/lib/autocomplete/BaseAutoComplete.vue
+++ b/components/lib/autocomplete/BaseAutoComplete.vue
@@ -187,6 +187,10 @@ export default {
             type: Boolean,
             default: false
         },
+        loading: {
+            type: Boolean,
+            default: false
+        },
         disabled: {
             type: Boolean,
             default: false