From 4375930cc5b792b6806a9647678ccd359f213b82 Mon Sep 17 00:00:00 2001
From: mertsincan <sincan.mert@gmail.com>
Date: Wed, 5 Apr 2023 09:07:25 +0100
Subject: [PATCH] Refactor #3832 and #3833 - For Panel

---
 api-generator/components/panel.js |  4 ++--
 components/lib/panel/Panel.d.ts   | 10 +++++-----
 components/lib/panel/Panel.vue    |  4 ++--
 3 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/api-generator/components/panel.js b/api-generator/components/panel.js
index 5f641f80b..abb064c50 100644
--- a/api-generator/components/panel.js
+++ b/api-generator/components/panel.js
@@ -60,8 +60,8 @@ const PanelSlots = [
         description: "Custom content for the header's icon."
     },
     {
-        name: 'headericon',
-        description: "Custom content for the component's header icon."
+        name: 'togglericon',
+        description: "Custom content for the component's toggler icon."
     },
     {
         name: 'footer',
diff --git a/components/lib/panel/Panel.d.ts b/components/lib/panel/Panel.d.ts
index 05bc52cc6..993c6ddea 100755
--- a/components/lib/panel/Panel.d.ts
+++ b/components/lib/panel/Panel.d.ts
@@ -61,9 +61,9 @@ export interface PanelPassThroughOptions {
      */
     toggler?: PanelPassThroughOptionType;
     /**
-     * Uses to pass attributes to the headericon's DOM element.
+     * Uses to pass attributes to the togglericon's DOM element.
      */
-    headericon?: PanelPassThroughOptionType;
+    togglericon?: PanelPassThroughOptionType;
     /**
      * Uses to pass attributes to the toggleablecontent's DOM element.
      */
@@ -143,10 +143,10 @@ export interface PanelSlots {
      */
     icons(): VNode[];
     /**
-     * Custom header icon template of panel.
-     * @param {Object} scope - header icon slot's params.
+     * Custom toggler icon template of panel.
+     * @param {Object} scope - toggler icon slot's params.
      */
-    headericon(scope: {
+    togglericon(scope: {
         /**
          * Collapsed state as a boolean
          */
diff --git a/components/lib/panel/Panel.vue b/components/lib/panel/Panel.vue
index f4ea34c6f..b73f4050a 100755
--- a/components/lib/panel/Panel.vue
+++ b/components/lib/panel/Panel.vue
@@ -20,8 +20,8 @@
                     @keydown="onKeyDown"
                     v-bind="{ ...toggleButtonProps, ...ptm('toggler') }"
                 >
-                    <slot name="headericon" :collapsed="d_collapsed">
-                        <component :is="d_collapsed ? 'PlusIcon' : 'MinusIcon'" v-bind="ptm('headericon')" />
+                    <slot name="togglericon" :collapsed="d_collapsed">
+                        <component :is="d_collapsed ? 'PlusIcon' : 'MinusIcon'" v-bind="ptm('togglericon')" />
                     </slot>
                 </button>
             </div>