From 5b0532aeca05fadd3bd2f9b6a2d87521d2ff9b38 Mon Sep 17 00:00:00 2001
From: Cagatay Civici <cagatay.civici@gmail.com>
Date: Fri, 27 Aug 2021 16:58:51 +0300
Subject: [PATCH] #1459 for other selects

---
 api-generator/components/cascadeselect.js       | 4 ++++
 api-generator/components/dropdown.js            | 4 ++--
 api-generator/components/multiselect.js         | 4 ++++
 api-generator/components/treeselect.js          | 4 ++++
 src/components/cascadeselect/CascadeSelect.d.ts | 1 +
 src/components/cascadeselect/CascadeSelect.vue  | 4 +++-
 src/components/dropdown/Dropdown.d.ts           | 2 +-
 src/components/dropdown/Dropdown.vue            | 2 +-
 src/components/multiselect/MultiSelect.d.ts     | 1 +
 src/components/multiselect/MultiSelect.vue      | 4 +++-
 src/components/treeselect/TreeSelect.d.ts       | 1 +
 src/components/treeselect/TreeSelect.vue        | 4 +++-
 src/views/cascadeselect/CascadeSelectDoc.vue    | 4 ++++
 src/views/dropdown/DropdownDoc.vue              | 2 +-
 src/views/multiselect/MultiSelectDoc.vue        | 4 ++++
 src/views/treeselect/TreeSelectDoc.vue          | 4 ++++
 16 files changed, 41 insertions(+), 8 deletions(-)

diff --git a/api-generator/components/cascadeselect.js b/api-generator/components/cascadeselect.js
index 47b8284db..36c65374e 100644
--- a/api-generator/components/cascadeselect.js
+++ b/api-generator/components/cascadeselect.js
@@ -156,6 +156,10 @@ const CascadeSelectSlots = [
     {
         name: "option",
         description: "Custom content for the item's option"
+    },
+    {
+        name: "indicator",
+        description: "Custom content for the dropdown indicator"
     }
 ];
 
diff --git a/api-generator/components/dropdown.js b/api-generator/components/dropdown.js
index eb1045b07..883501337 100644
--- a/api-generator/components/dropdown.js
+++ b/api-generator/components/dropdown.js
@@ -285,8 +285,8 @@ const DividerSlots = [
         description: "Custom content for the virtual scroller loader items"
     },
     {
-        name: "trigger",
-        description: "Custom content for the component's trigger"
+        name: "indicator",
+        description: "Custom content for the dropdown indicator"
     }
 ];
 
diff --git a/api-generator/components/multiselect.js b/api-generator/components/multiselect.js
index fac8385ca..efc1919cd 100644
--- a/api-generator/components/multiselect.js
+++ b/api-generator/components/multiselect.js
@@ -294,6 +294,10 @@ const MultiSelectSlots = [
     {
         name: "loader",
         description: "Custom content for the virtual scroller loader items"
+    },
+    {
+        name: "indicator",
+        description: "Custom content for the dropdown indicator"
     }
 ];
 
diff --git a/api-generator/components/treeselect.js b/api-generator/components/treeselect.js
index 9645ee562..f449f9ae3 100644
--- a/api-generator/components/treeselect.js
+++ b/api-generator/components/treeselect.js
@@ -175,6 +175,10 @@ const TreeSelectSlots = [
     {
         name: "empty",
         description: "Custom content when there is no data to display"
+    },
+    {
+        name: "indicator",
+        description: "Custom content for the dropdown indicator"
     }
 ];
 
diff --git a/src/components/cascadeselect/CascadeSelect.d.ts b/src/components/cascadeselect/CascadeSelect.d.ts
index adfc58ecd..27a6da871 100644
--- a/src/components/cascadeselect/CascadeSelect.d.ts
+++ b/src/components/cascadeselect/CascadeSelect.d.ts
@@ -31,6 +31,7 @@ declare class CascadeSelect {
     $slot: {
         option: VNode[];
         value: VNode[];
+        indicator: VNode[];
     }
 }
 
diff --git a/src/components/cascadeselect/CascadeSelect.vue b/src/components/cascadeselect/CascadeSelect.vue
index 1ef4f6cf7..5e4e32cd3 100644
--- a/src/components/cascadeselect/CascadeSelect.vue
+++ b/src/components/cascadeselect/CascadeSelect.vue
@@ -10,7 +10,9 @@
             </slot>
         </span>
         <div class="p-cascadeselect-trigger" role="button" aria-haspopup="listbox" :aria-expanded="overlayVisible">
-            <span :class="dropdownIconClass"></span>
+            <slot name="indicator">
+                <span :class="dropdownIconClass"></span>
+            </slot>
         </div>
         <Teleport :to="appendTarget" :disabled="appendDisabled">
             <transition name="p-connected-overlay" @enter="onOverlayEnter" @leave="onOverlayLeave" @after-leave="onOverlayAfterLeave">
diff --git a/src/components/dropdown/Dropdown.d.ts b/src/components/dropdown/Dropdown.d.ts
index 67d3f1f8a..079ab9145 100755
--- a/src/components/dropdown/Dropdown.d.ts
+++ b/src/components/dropdown/Dropdown.d.ts
@@ -53,7 +53,7 @@ declare class Dropdown {
         empty: VNode[];
         content: VNode[];
         loader: VNode[];
-        trigger: VNode[];
+        indicator: VNode[];
     }
 }
 
diff --git a/src/components/dropdown/Dropdown.vue b/src/components/dropdown/Dropdown.vue
index aa69d69c0..92d67f36c 100755
--- a/src/components/dropdown/Dropdown.vue
+++ b/src/components/dropdown/Dropdown.vue
@@ -11,7 +11,7 @@
         </span>
         <i v-if="showClear && modelValue != null" class="p-dropdown-clear-icon pi pi-times" @click="onClearClick($event)"></i>
         <div class="p-dropdown-trigger" role="button" aria-haspopup="listbox" :aria-expanded="overlayVisible">
-            <slot name="trigger">
+            <slot name="indicator">
                 <span :class="dropdownIconClass"></span>
             </slot>
         </div>
diff --git a/src/components/multiselect/MultiSelect.d.ts b/src/components/multiselect/MultiSelect.d.ts
index 5c32208cf..6995134ba 100755
--- a/src/components/multiselect/MultiSelect.d.ts
+++ b/src/components/multiselect/MultiSelect.d.ts
@@ -57,6 +57,7 @@ declare class MultiSelect {
         chip: VNode[];
         content: VNode[];
         loader: VNode[];
+        indicator: VNode[];
     }
 }
 
diff --git a/src/components/multiselect/MultiSelect.vue b/src/components/multiselect/MultiSelect.vue
index b1e5f0819..4284b2e45 100755
--- a/src/components/multiselect/MultiSelect.vue
+++ b/src/components/multiselect/MultiSelect.vue
@@ -23,7 +23,9 @@
             </div>
         </div>
         <div class="p-multiselect-trigger">
-            <span :class="dropdownIconClass"></span>
+            <slot name="indicator">
+                <span :class="dropdownIconClass"></span>
+            </slot>
         </div>
         <Teleport :to="appendTarget" :disabled="appendDisabled">
             <transition name="p-connected-overlay" @enter="onOverlayEnter" @leave="onOverlayLeave" @after-leave="onOverlayAfterLeave">
diff --git a/src/components/treeselect/TreeSelect.d.ts b/src/components/treeselect/TreeSelect.d.ts
index 7d44edfa4..41806f657 100644
--- a/src/components/treeselect/TreeSelect.d.ts
+++ b/src/components/treeselect/TreeSelect.d.ts
@@ -34,6 +34,7 @@ declare class TreeSelect {
         header: VNode[];
         footer: VNode[];
         empty: VNode[];
+        indicator: VNode[];
     }
 }
 
diff --git a/src/components/treeselect/TreeSelect.vue b/src/components/treeselect/TreeSelect.vue
index 732e5e445..7e2143f9e 100644
--- a/src/components/treeselect/TreeSelect.vue
+++ b/src/components/treeselect/TreeSelect.vue
@@ -20,7 +20,9 @@
             </div>
         </div>
         <div class="p-treeselect-trigger">
-            <span class="p-treeselect-trigger-icon pi pi-chevron-down"></span>
+            <slot name="indicator">
+                <span class="p-treeselect-trigger-icon pi pi-chevron-down"></span>
+            </slot>
         </div>
         <Teleport :to="appendTarget" :disabled="appendDisabled">
             <transition name="p-connected-overlay" @enter="onOverlayEnter" @leave="onOverlayLeave" @after-leave="onOverlayAfterLeave">
diff --git a/src/views/cascadeselect/CascadeSelectDoc.vue b/src/views/cascadeselect/CascadeSelectDoc.vue
index 4a26b234d..cadd87132 100644
--- a/src/views/cascadeselect/CascadeSelectDoc.vue
+++ b/src/views/cascadeselect/CascadeSelectDoc.vue
@@ -301,6 +301,10 @@ data() {
                     <tr>
                         <td>option</td>
                         <td>option: Option instance</td>
+                    </tr>
+                    <tr>
+                        <td>indicator</td>
+                        <td>-</td>
                     </tr>
 				</tbody>
 			</table>
diff --git a/src/views/dropdown/DropdownDoc.vue b/src/views/dropdown/DropdownDoc.vue
index 901c6bfe6..80d574542 100755
--- a/src/views/dropdown/DropdownDoc.vue
+++ b/src/views/dropdown/DropdownDoc.vue
@@ -440,7 +440,7 @@ export default {
                         <td>options: Options of the loader items for virtualscroller</td>
                     </tr>
                     <tr>
-                        <td>trigger</td>
+                        <td>indicator</td>
                         <td>-</td>
                     </tr>
 				</tbody>
diff --git a/src/views/multiselect/MultiSelectDoc.vue b/src/views/multiselect/MultiSelectDoc.vue
index 86e99360b..722ba52c4 100755
--- a/src/views/multiselect/MultiSelectDoc.vue
+++ b/src/views/multiselect/MultiSelectDoc.vue
@@ -465,6 +465,10 @@ export default {
                     <tr>
                         <td>loader</td>
                         <td>options: Options of the loader items for virtualscroller</td>
+                    </tr>
+                    <tr>
+                        <td>indicator</td>
+                        <td>-</td>
                     </tr>
 				</tbody>
 			</table>
diff --git a/src/views/treeselect/TreeSelectDoc.vue b/src/views/treeselect/TreeSelectDoc.vue
index b84f9f432..ac790d26a 100644
--- a/src/views/treeselect/TreeSelectDoc.vue
+++ b/src/views/treeselect/TreeSelectDoc.vue
@@ -447,6 +447,10 @@ data() {
                     <tr>
                         <td>empty</td>
                         <td>-</td>
+                    </tr>
+                    <tr>
+                        <td>indicator</td>
+                        <td>-</td>
                     </tr>
 				</tbody>
 			</table>