summaryrefslogtreecommitdiffhomepage
path: root/src/features/layout/ui/TileNode.svelte
blob: 5ed8a89e4480378ab180823b9eeea20546663578 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<script lang="ts">
  /**
   * The recursive tile dispatcher: renders the node for its `kind` and recurses
   * through the container components. Leaf nodes resolve through the view
   * registry (TileLeaf).
   */
  import type { LayoutNode, LayoutOp, Path } from "@dispatch/layout-contract";
  import type { CollapseStore } from "../logic/collapse";
  import TileLeaf from "./TileLeaf.svelte";
  import TilePanels from "./TilePanels.svelte";
  import TileSplit from "./TileSplit.svelte";
  import TileStack from "./TileStack.svelte";

  let {
    node,
    path,
    ports,
    collapse,
    onEdit,
  }: {
    node: LayoutNode;
    path: Path;
    ports?: unknown;
    collapse: CollapseStore;
    onEdit: (ops: readonly LayoutOp[]) => void;
  } = $props();
</script>

{#if node.kind === "split"}
  <TileSplit {node} {path} {ports} {collapse} {onEdit} />
{:else if node.kind === "stack"}
  <TileStack {node} {path} {ports} {collapse} {onEdit} />
{:else if node.kind === "panels"}
  <TilePanels {node} {path} {ports} {onEdit} />
{:else if node.kind === "leaf"}
  <TileLeaf {node} {ports} />
{/if}