TestCaseView.svelte

<script lang="ts">
  import SourcesMethodTooltip from "$lib/components/SourcesMethodTooltip.svelte"

  import TestCaseSummary from "$lib/components/test_cases/TestCaseSummary.svelte"
  import WaterfallView from "$lib/components/WaterfallView.svelte"
  import { waterfalls } from "$lib/decompositions"
  import type { DisplayMode } from "$lib/displays"
  import type { Situation } from "$lib/situations"
  import { billName, shared } from "$lib/shared.svelte"
  import type { TabsConfig } from "$lib/tabs"
  import { newSimulationUrl } from "$lib/urls"
  import {
    oilTypes,
    variableSummaryByName,
    type ValuesByCalculationNameByVariableName,
    variableSummaryByNameByReformName,
  } from "$lib/variables"

  interface Props {
    displayMode: DisplayMode
    highlightDecomposition?: boolean
    situation: Situation
    situationIndex: number
    tabsConfig: TabsConfig
    valuesByCalculationNameByVariableName: ValuesByCalculationNameByVariableName
    year: number
  }

  let {
    displayMode,
    highlightDecomposition = false,
    situation,
    situationIndex,
    valuesByCalculationNameByVariableName,
    year,
  }: Props = $props()

  const oilSpendings = oilTypes.map((name) => ({
    depenseTtcVariableName: `depense_${name}_ttc`,
    nombreLitresVariableName: `nombre_litres_${name}`,
    // prixTtcLitreVariableName: `prix_${name}_hors_remise_ttc_sortie`,
    prixTtcLitreVariableName: `prix_${name}_ttc`,
    ticpeVariableName: `${name}_ticpe`,
    tvaVariableName: `tva_sur_${name}`,
  }))

  let evaluationByName = $derived(shared.evaluationByNameArray[situationIndex])
</script>

<div
  class="mx-0 place-self-start overflow-hidden rounded-lg border border-gray-200 bg-white shadow-md md:mb-5"
  id="situation_{situationIndex}"
>
  {#if displayMode.edit === undefined}
    <div class="bg-gray-100" id="situation_{situationIndex}_case_summary">
      <div class="px-4 pb-2" class:pt-4={situation.title === undefined}>
        <TestCaseSummary
          on:changeTestCasesIndex
          on:changeTestCaseToEditIndex
          {displayMode}
          mode="view"
          {situation}
          {situationIndex}
          {valuesByCalculationNameByVariableName}
          {year}
        />
      </div>
    </div>
  {/if}