From 33cc712e94d7bf7e6049e33255ac900e4abe31c2 Mon Sep 17 00:00:00 2001
From: tugcekucukoglu <tugcekucukoglu.860@gmail.com>
Date: Fri, 27 Sep 2024 15:21:23 +0300
Subject: [PATCH] CascadeSelect: Icon slots option updates

---
 packages/primevue/src/cascadeselect/CascadeSelect.d.ts   | 7 ++++++-
 packages/primevue/src/cascadeselect/CascadeSelectSub.vue | 6 +++---
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/packages/primevue/src/cascadeselect/CascadeSelect.d.ts b/packages/primevue/src/cascadeselect/CascadeSelect.d.ts
index 38b385577..b4684628e 100644
--- a/packages/primevue/src/cascadeselect/CascadeSelect.d.ts
+++ b/packages/primevue/src/cascadeselect/CascadeSelect.d.ts
@@ -496,7 +496,12 @@ export interface CascadeSelectSlots {
     /**
      * Custom option group icon template.
      */
-    optiongroupicon(): VNode[];
+    optiongroupicon(scope: {
+        /**
+         * Style class of the icon.
+         */
+        class: string;
+    }): VNode[];
 }
 
 /**
diff --git a/packages/primevue/src/cascadeselect/CascadeSelectSub.vue b/packages/primevue/src/cascadeselect/CascadeSelectSub.vue
index e5658c831..0b271de75 100644
--- a/packages/primevue/src/cascadeselect/CascadeSelectSub.vue
+++ b/packages/primevue/src/cascadeselect/CascadeSelectSub.vue
@@ -21,7 +21,7 @@
                     <component v-if="templates['option']" :is="templates['option']" :option="processedOption.option" :selected="isOptionGroup(processedOption) ? false : isOptionSelected(processedOption)" />
                     <span v-else :class="cx('optionText')" v-bind="getPTOptions(processedOption, index, 'optionText')">{{ getOptionLabelToRender(processedOption) }}</span>
                     <template v-if="isOptionGroup(processedOption)">
-                        <component v-if="templates['optiongroupicon']" :is="templates['optiongroupicon']" aria-hidden="true" />
+                        <component v-if="templates['optiongroupicon']" :is="templates['optiongroupicon']" :class="cx('groupIcon')" />
                         <span v-else-if="optionGroupIcon" :class="[cx('groupIcon'), optionGroupIcon]" aria-hidden="true" v-bind="getPTOptions(processedOption, index, 'groupIcon')" />
                         <AngleRightIcon v-else :class="cx('groupIcon')" aria-hidden="true" v-bind="getPTOptions(processedOption, index, 'groupIcon')" />
                     </template>
@@ -54,9 +54,9 @@
 </template>
 
 <script>
-import BaseComponent from '@primevue/core/basecomponent';
 import { nestedPosition } from '@primeuix/utils/dom';
-import { resolveFieldData, isNotEmpty } from '@primeuix/utils/object';
+import { isNotEmpty, resolveFieldData } from '@primeuix/utils/object';
+import BaseComponent from '@primevue/core/basecomponent';
 import AngleRightIcon from '@primevue/icons/angleright';
 import Ripple from 'primevue/ripple';