From fe2b58bb23f69212ec7224c8fb3d4206b353d7df Mon Sep 17 00:00:00 2001
From: Kurtil <gaetan.lagier@hotmail.fr>
Date: Wed, 5 Apr 2023 16:26:30 +0200
Subject: [PATCH 1/2] remove drop down menu contentAfterHeader slot

---
 .../BIMDataDropdownMenu.vue                   |  1 -
 .../Components/DropdownMenu/DropdownMenu.vue  | 22 +------------------
 2 files changed, 1 insertion(+), 22 deletions(-)

diff --git a/src/BIMDataComponents/BIMDataDropdownMenu/BIMDataDropdownMenu.vue b/src/BIMDataComponents/BIMDataDropdownMenu/BIMDataDropdownMenu.vue
index 72b454cb..0e57f68b 100644
--- a/src/BIMDataComponents/BIMDataDropdownMenu/BIMDataDropdownMenu.vue
+++ b/src/BIMDataComponents/BIMDataDropdownMenu/BIMDataDropdownMenu.vue
@@ -7,7 +7,6 @@
       :style="style"
     >
       <slot name="header"></slot>
-      <slot name="contentAfterHeader"></slot>
     </div>
 
     <transition :name="`slide-fade-${transitionName}`">
diff --git a/src/web/views/Components/DropdownMenu/DropdownMenu.vue b/src/web/views/Components/DropdownMenu/DropdownMenu.vue
index 75ae9e67..baf8790e 100644
--- a/src/web/views/Components/DropdownMenu/DropdownMenu.vue
+++ b/src/web/views/Components/DropdownMenu/DropdownMenu.vue
@@ -17,9 +17,6 @@
             <template #header v-if="checkboxHeaderChecked">
               <span>dropdown menu example</span>
             </template>
-            <template #contentAfterHeader v-if="checkboxAfterHeaderChecked">
-              hi
-            </template>
             <template #element v-if="checkboxElementSlotChecked">
               <ul class="bimdata-list">
                 <li v-for="element of list" :key="element">{{ element }}</li>
@@ -81,11 +78,6 @@
           >
           <BIMDataCheckbox text="header" v-model="checkboxHeaderChecked">
           </BIMDataCheckbox>
-          <BIMDataCheckbox
-            text="contentAfterHeader"
-            v-model="checkboxAfterHeaderChecked"
-          >
-          </BIMDataCheckbox>
           <BIMDataCheckbox text="element" v-model="checkboxElementSlotChecked">
           </BIMDataCheckbox>
         </template>
@@ -102,7 +94,7 @@
               :header="{{ getHeaderProp() }}"
               {{ getMenuItems() }}
             &gt;
-              {{ getHeader() }} {{ getContentAfterBtn() }} {{ getElement() }}
+              {{ getHeader() }} {{ getElement() }}
             &lt;/BIMDataDropdownMenu&gt;
           </pre>
         </template>
@@ -237,10 +229,6 @@ export default {
       slotData: [
         ["Slot name", "Description"],
         ["header", "Use this slot for add content "],
-        [
-          "contentAfterHeader",
-          "Use this slot for add content after the header slot",
-        ],
         [
           "element",
           "Use this slot to custom dropdown menu element content. You can put a list like the example above, or any other element or component of your choice.",
@@ -257,14 +245,6 @@ export default {
             `;
       }
     },
-    getContentAfterBtn() {
-      if (this.checkboxAfterHeaderChecked) {
-        return `<template #contentAfterHeader>
-              hi
-            </template>
-            `;
-      }
-    },
     getElement() {
       if (this.checkboxElementSlotChecked) {
         return `<template #element>

From 8038abd576f8f15fb0387078650f8c7dda6d4740 Mon Sep 17 00:00:00 2001
From: Kurtil <gaetan.lagier@hotmail.fr>
Date: Wed, 5 Apr 2023 16:42:55 +0200
Subject: [PATCH 2/2] add drop down menu isOpen header slot props

---
 .../BIMDataDropdownMenu.vue                   |  2 +-
 .../Components/DropdownMenu/DropdownMenu.vue  | 23 +++++++++++++++----
 2 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/src/BIMDataComponents/BIMDataDropdownMenu/BIMDataDropdownMenu.vue b/src/BIMDataComponents/BIMDataDropdownMenu/BIMDataDropdownMenu.vue
index 0e57f68b..5c334f85 100644
--- a/src/BIMDataComponents/BIMDataDropdownMenu/BIMDataDropdownMenu.vue
+++ b/src/BIMDataComponents/BIMDataDropdownMenu/BIMDataDropdownMenu.vue
@@ -6,7 +6,7 @@
       @click="onHeaderClick"
       :style="style"
     >
-      <slot name="header"></slot>
+      <slot name="header" :isOpen="displayed" />
     </div>
 
     <transition :name="`slide-fade-${transitionName}`">
diff --git a/src/web/views/Components/DropdownMenu/DropdownMenu.vue b/src/web/views/Components/DropdownMenu/DropdownMenu.vue
index baf8790e..86617487 100644
--- a/src/web/views/Components/DropdownMenu/DropdownMenu.vue
+++ b/src/web/views/Components/DropdownMenu/DropdownMenu.vue
@@ -14,8 +14,13 @@
             :menuItems="checkboxTwoLevelChecked ? multiLevelList : []"
             :header="checkboxDisabledHeader"
           >
-            <template #header v-if="checkboxHeaderChecked">
+            <template #header="{ isOpen }" v-if="checkboxHeaderChecked">
               <span>dropdown menu example</span>
+              <BIMDataIcon
+                name="chevron"
+                :rotate="isOpen ? 90 : 0"
+                size="xxs"
+              />
             </template>
             <template #element v-if="checkboxElementSlotChecked">
               <ul class="bimdata-list">
@@ -124,6 +129,7 @@ import BIMDataCheckbox from "../../../../../src/BIMDataComponents/BIMDataCheckbo
 import BIMDataRadio from "../../../../../src/BIMDataComponents/BIMDataRadio/BIMDataRadio.vue";
 import BIMDataTable from "../../../../../src/BIMDataComponents/BIMDataTable/BIMDataTable.vue";
 import BIMDataText from "../../../../../src/BIMDataComponents/BIMDataText/BIMDataText.vue";
+import BIMDataIcon from "../../../../../src/BIMDataComponents/BIMDataIcon/BIMDataIcon.vue";
 
 import BIMDataDropdownMenu from "../../../../../src/BIMDataComponents/BIMDataDropdownMenu/BIMDataDropdownMenu.vue";
 export default {
@@ -134,6 +140,7 @@ export default {
     BIMDataTable,
     BIMDataText,
     BIMDataDropdownMenu,
+    BIMDataIcon,
   },
   data() {
     return {
@@ -228,7 +235,10 @@ export default {
       ],
       slotData: [
         ["Slot name", "Description"],
-        ["header", "Use this slot for add content "],
+        [
+          "header",
+          "Use this slot to add title content. Available slot props : isOpen (true when the menu is open)",
+        ],
         [
           "element",
           "Use this slot to custom dropdown menu element content. You can put a list like the example above, or any other element or component of your choice.",
@@ -239,8 +249,13 @@ export default {
   methods: {
     getHeader() {
       if (this.checkboxHeaderChecked) {
-        return `<template #header>
-              dropdown menu example
+        return `<template #header="{ isOpen }">
+              <span>dropdown menu example</span>
+              <BIMDataIcon
+                name="chevron"
+                :rotate="isOpen ? 90 : 0"
+                size="xxs"
+              />
             </template>
             `;
       }