From 48b33f4f81bb33bb59848613acdec6431ab695f5 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, 26 Apr 2023 14:02:00 +0300
Subject: [PATCH] Fixed #3899 - AutoComplete: class style and click event
 refactor on removetokenicon scoped slot

---
 components/lib/autocomplete/AutoComplete.d.ts | 11 ++++++++++-
 components/lib/autocomplete/AutoComplete.vue  |  2 +-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/components/lib/autocomplete/AutoComplete.d.ts b/components/lib/autocomplete/AutoComplete.d.ts
index ff0dcaca5..ddfd2caea 100755
--- a/components/lib/autocomplete/AutoComplete.d.ts
+++ b/components/lib/autocomplete/AutoComplete.d.ts
@@ -413,7 +413,16 @@ export interface AutoCompleteSlots {
     /**
      * Custom remove token icon template in multiple mode.
      */
-    removetokenicon(): VNode[];
+    removetokenicon(scope: {
+        /**
+         * Style class of the icon.
+         */
+        class: string;
+        /**
+         * Remove token icon function.
+         */
+        onClick: void;
+    }): VNode[];
     /**
      * Custom loading icon template.
      */
diff --git a/components/lib/autocomplete/AutoComplete.vue b/components/lib/autocomplete/AutoComplete.vue
index 6259bab9f..7768cd7c6 100755
--- a/components/lib/autocomplete/AutoComplete.vue
+++ b/components/lib/autocomplete/AutoComplete.vue
@@ -53,7 +53,7 @@
                 <slot name="chip" :value="option">
                     <span class="p-autocomplete-token-label">{{ getOptionLabel(option) }}</span>
                 </slot>
-                <slot name="removetokenicon">
+                <slot name="removetokenicon" class="p-autocomplete-token-icon" :onClick="(event) => removeOption(event, i)">
                     <component :is="removeTokenIcon ? 'span' : 'TimesCircleIcon'" :class="['p-autocomplete-token-icon', removeTokenIcon]" @click="removeOption($event, i)" aria-hidden="true" />
                 </slot>
             </li>