LRUD example

lrud-structure.ts

// not the exact structure, but this is the global idea
{
  root: {
    id: 'root',
    orientation: 'vertical',
    children: [
      { id: 'row1', orientation: 'horizontal', children: [
        {id: 'program-1-1', isFocusable: true },
        {id: 'program-1-2', isFocusable: true },
        {id: 'program-1-3', isFocusable: true },
        {id: 'program-1-4', isFocusable: true }
      ]},
      { id: 'row2', orientation: 'horizontal', children: [
        {id: 'program-2-1', isFocusable: true },
        {id: 'program-2-2', isFocusable: true },
        {id: 'program-2-3', isFocusable: true },
        {id: 'program-2-4', isFocusable: true },
      ]}
    ]
  }
}