TestCaseView.svelte

<script lang="ts">
  import type { EntityByKey, Variable, Waterfall } from "@openfisca/ast"
  import { createEventDispatcher, getContext, tick } from "svelte"
  import type { Writable } from "svelte/store"

  import { session } from "$app/stores"
  import ScholarWaterfall from "$lib/components/scholar_waterfalls/ScholarWaterfall.svelte"
  import type {
    CalculationName,
    DecompositionByName,
    DecompositionCoreByName,
    EvaluationByName,
    EvaluationByNameArrayByCalculationName,
  } from "$lib/decompositions"
  import { walkDecompositionsCoreName } from "$lib/decompositions"
  import type { Axis, Situation } from "$lib/situations"
  import PictoArbreMetropole from "../pictos/PictoArbreMetropole.svelte"
  import PictoEntreprise from "$lib/components/pictos/PictoEntreprise.svelte"
  import PictoFemme from "$lib/components/pictos/PictoFemme.svelte"
  import PictoEnfant from "$lib/components/pictos/PictoEnfant.svelte"
  import PictoEtat from "$lib/components/pictos//PictoEtat.svelte"
  // import PictoNombreSalaries from $lib/components/pictos/PictoNombreSalaries.svelte"
  import type { ReformChange } from "$lib/reforms"
  import type { AxisDescription } from "$lib/situations"
  import {
    getSituationVariableValue,
    iterSituationVariablesName,
    setSituationVariableValue,
  } from "$lib/situations"
  import { retrieveVariableSummaryByName } from "$lib/variables"

  import ValueChange from "./ValueChange.svelte"

  export let calculationName: CalculationName
  export let decompositionByName: DecompositionByName
  export let evaluationByNameArrayByCalculationName: EvaluationByNameArrayByCalculationName
  // export let index: number
  export let open: boolean
  export let situation: Situation
  export let situationIndex: number
  export let vectorIndex: number
  export let year: number

  const adulteVariablesName = ["salaire_de_base"]
  const advanced = $session.advanced
  let axisDescription: AxisDescription | null = null
  const billName = getContext("billName") as Writable<string | undefined>
  const childrenKey = $session.childrenKey
  const dispatch = createEventDispatcher()
  const enfantVariablesName = ["age"]
  const entityByKey = $session.entityByKey as EntityByKey
  const euroAmountFormatter = new Intl.NumberFormat("fr-FR", {
    currency: "EUR",
    maximumFractionDigits: 0,
    minimumFractionDigits: 0,
    style: "currency",
  })
  const familyEntity = entityByKey[$session.familyEntityKey]
  let inited = false
  const personEntity = entityByKey[$session.personEntityKey]
  const reform = getContext("reform") as Writable<ReformChange>
  const variableDefinitionByName = {
    age: {
      allowSlider: true,
      label: "Âge",
      max: 150,
      min: -1,
    },
    salaire_de_base: {
      allowSlider: true,