Resolve "Appliquer la nouvelle feuille de paie au mode comparaison"

Closes #364 (closed)

src/lib/components/impacts_view/test_cases_view/test_case_selected/compare_mode/PaySlipCompareView.svelte

@@ -356,27 +356,36 @@
               <div class="h-full justify-center pl-1 text-sm">
                 <!--Si la valeur charge, alors un squelette est affiché -->
                 {#if showLoader && runningCalculationNames.length > 0}
-                  {#if runningCalculationNames.includes("law") || runningCalculationNames.includes("revaluation")}
-                    <span
-                      class="animate-pulse-2 bg-gray-500 px-1 text-black blur-xs"
-                    >
-                      <span class="text-white blur">value €</span>
-                    </span>
-                  {/if}
-                  {#if runningCalculationNames.includes("bill")}
-                    <span
-                      class="animate-pulse-2 bg-le-rouge-bill px-1 text-black blur-xs"
-                    >
-                      <span class="text-white blur">value €</span>
-                    </span>
-                  {/if}
-                  {#if runningCalculationNames.includes("amendment") && modificationsAmendmentCount > 0}
-                    <span
-                      class="animate-pulse-2 bg-le-jaune px-1 text-black blur-xs"
-                    >
-                      <span class="text-white blur">value €</span>
-                    </span>
-                  {/if}
+                  <div class="flex w-full justify-center">
+                    {#each iterToDepth(depth)}
+                      <div class="-mr-3"></div>
+                    {/each}
+                    {#if runningCalculationNames.includes("law") || runningCalculationNames.includes("revaluation")}
+                      <span
+                        class="animate-pulse-2 bg-gray-500 px-1 text-black blur-xs"
+                      >
+                        <span class="text-white blur">value €</span>
+                      </span>
+                    {/if}
+
+                    {#if runningCalculationNames.includes("bill")}
+                      {#each iterToDepth(depth)}
+                        <div class="-mr-3"></div>
+                      {/each}
+                      <span
+                        class="animate-pulse-2 bg-le-rouge-bill px-1 text-black blur-xs"
+                      >
+                        <span class="text-white blur">value €</span>
+                      </span>
+                    {/if}
+                    {#if runningCalculationNames.includes("amendment") && modificationsAmendmentCount > 0}
+                      <span
+                        class="animate-pulse-2 bg-le-jaune px-1 text-black blur-xs"
+                      >
+                        <span class="text-white blur">value €</span>
+                      </span>
+                    {/if}
+                  </div>
                   <!--Si la valeur du cas type 0 est égale à la valeur du cas type 1 : Une seule valeur est alors affichée -->
                 {:else if deltaAtVectorIndexArray[0] === deltaAtVectorIndexArray[1]}
                   <div class="flex w-full justify-center">
@@ -506,6 +515,7 @@
                                 ? 'text-le-rouge-bill'
                                 : 'text-le-rouge-bill line-through-amendment'
                               : 'bg-le-jaune'}"
+                          class:opacity-20={decomposition.open}
                           >{#if trunk && index === 0}={:else if deltaAtVectorIndexArray[0] < 0}-{:else if deltaAtVectorIndexArray[0] > 0}+{/if}{deltaFormatter(
                             deltaAtVectorIndexArray[0] ?? 0,
                           )}</span
@@ -565,6 +575,7 @@
                                 ? 'text-le-rouge-bill'
                                 : 'text-le-rouge-bill line-through-amendment'
                               : 'bg-le-jaune'}"
+                          class:opacity-20={decomposition.open}
                           >{#if trunk && index === 0}={:else if deltaAtVectorIndexArray[1] < 0}-{:else if deltaAtVectorIndexArray[1] > 0}+{/if}{deltaFormatter(
                             deltaAtVectorIndexArray[1] ?? 0,
                           )}</span