Ajout picto femme et entreprise, pour l'exemple

src/lib/components/scholar_waterfalls/ScholarWaterfall.svelte

 <script lang="ts">
   import { createEventDispatcher, getContext } from "svelte"
+
+  import PictoFemme from "$lib/components/latchkeys/PictoFemme.svelte"
+  import PictoEntreprise from "$lib/components/latchkeys/PictoEntreprise.svelte"
   import type { Writable } from "svelte/store"
 
   import { session } from "$app/stores"
@@ -233,10 +236,10 @@
 {#if nodes.length > 0}
   <div class="flex border-b border-gray-300">
     <!-- partie gauche dispositifs et ticket de caisse-->
-    <div class="bg-opacity-40 flex-wrap w-3/5 shadow-md">
-      <div class="flex flex-row">
+    <div class="bg-opacity-40 flex-wrap w-3/5 shadow-lg">
+      <div class="flex ">
         <!-- Navigation dispositifs-->
-        <div class="w-2/3 px-2 pt-5 pb-2 ">
+        <div class="w-3/5 px-2 pt-5 pb-2 ">
           {#each nodes as node, index}
             <div
               class=" flex h-7 my-1 whitespace-nowrap hover:whitespace-normal"
@@ -270,8 +273,27 @@
           {/each}
         </div>
         <!-- ticket de caisse-->
-
-        <div class="w-2/5 flex pt-5">
+        <div class="w-2/5 flex pt-5 mr-2">
+          <div class="flex-col">
+            {#each nodes as node, index}
+              <div
+                class="{node.open && node.children.length > 1
+                  ? 'border-gray-400'
+                  : 'border-transparent'} border-t h-7 my-1 px-1 text-sm"
+              >
+                {#if node.open}<span class="hidden">=</span
+                  >{:else if index > 0}{#if node.delta[vectorIndex] < 0}<span
+                      class="text-red-600 font-bold"
+                    >
+                      <PictoFemme /></span
+                    >
+                  {:else}<span class="text-green-600 font-bold ">
+                      <PictoEntreprise /></span
+                    >
+                  {/if}{/if}
+              </div>
+            {/each}
+          </div>
           <div class="flex-col ">
             {#each nodes as node, index}
               <div
@@ -293,7 +315,7 @@
               <div
                 class="{node.open && node.childrenName.length > 1
                   ? 'border-gray-400'
-                  : 'border-transparent'} border-t h-7 my-1 px-1 text-right text-sm"
+                  : 'border-transparent'} border-t h-7 my-1 text-right text-sm"
                 class:border-t={node.open}
               >
                 {#if node.open || index === 0}