Convert channel structures to a consistent and adapt templates
to read new safely.
- Add accessors in EListComponent:
- getChannelName(channel) returns first displayName or ''
- getChannelIcon(channel) returns first icon.src or ''
These helpers make reading channel metadata robust against missing or
differently-shaped data.
- Build channel object with normalized fields in ngOnInit:
- set id, displayName[], url[], icon[] rather than raw name/icon
- ensure fallbacks to empty strings/arrays to avoid undefined values
- Update InfoOverlay template to safely access program fields:
- use epgProgram?.icon?.[0]?.src for image source
- use epgProgram?.title?.[0]?.value and epgProgram?.desc?.[0]?.value
- Fix MultiEpg templates for property access and tracking:
- replace invalid template boolean expressions with safe non-null
assertion where needed ((hourWidth$ | async)! ...)
- use track item.id instead of track $any(item).channel
- call getChannelIcon/getChannelName and render icon/name via helpers
These changes prevent runtime errors when fields are missing or have
array-wrapped values, improve template safety, and standardize channel
data handling across the EPG UI.
4gray