ParameterReferences.svelte

<script lang="ts">
  import type { ReferencesByInstant } from "@openfisca/ast"

  export let referencesByInstant: ReferencesByInstant | undefined | null
</script>

{#if referencesByInstant != null}
  <section class="border-b border-t my-1 py-1">
    <h1 class="text-base font-bold">Références législatives</h1>
    <dl>
      {#each Object.entries(referencesByInstant).sort( ([instant1], [instant2]) => instant2.localeCompare(instant1), ) as [instant, references]}
        <dt><p class="text-xs text-gray-500">{instant}</p></dt>
        <dd>
          <ul class="list-inside" class:list-disc={references.length > 1}>
            {#each references as { href, title }}
              <li
                class="overflow-ellipsis overflow-hidden whitespace-nowrap text-sm text-gray-600"
              >
                {#if href === undefined}
                  {title}
                {:else}
                  <a class="text-le-bleu hover:underline" {href} target="_blank"
                    >{title ?? href}</a
                  >
                {/if}
              </li>
            {/each}
          </ul>
        </dd>
      {/each}
    </dl>
  </section>
{/if}