#1459 for other selects

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"
     }
 ];
 

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"
     }
 ];
 

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"
     }
 ];
 

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"
     }
 ];
 

src/components/cascadeselect/CascadeSelect.d.ts

@@ -31,6 +31,7 @@ declare class CascadeSelect {
     $slot: {
         option: VNode[];
         value: VNode[];
+        indicator: VNode[];
     }
 }
 

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">

src/components/dropdown/Dropdown.d.ts

@@ -53,7 +53,7 @@ declare class Dropdown {
         empty: VNode[];
         content: VNode[];
         loader: VNode[];
-        trigger: VNode[];
+        indicator: VNode[];
     }
 }
 

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>

src/components/multiselect/MultiSelect.d.ts

@@ -57,6 +57,7 @@ declare class MultiSelect {
         chip: VNode[];
         content: VNode[];
         loader: VNode[];
+        indicator: VNode[];
     }
 }
 

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">

src/components/treeselect/TreeSelect.d.ts

@@ -34,6 +34,7 @@ declare class TreeSelect {
         header: VNode[];
         footer: VNode[];
         empty: VNode[];
+        indicator: VNode[];
     }
 }
 

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">

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>

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>

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>

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>