fix(xtream): preserve favorites across catalog refreshes

libs/ui/components/src/lib/channel-list-container/channel-list-item/channel-list-item.component.html

@@ -17,6 +17,7 @@
         type="button"
         class="channel-content"
         [attr.aria-label]="displayName()"
+        [attr.aria-disabled]="disabled() || null"
     >
         <div class="channel-logo-shell" aria-hidden="true">
             @if (showLogoFallback()) {
@@ -50,7 +51,9 @@
                     }}</span>
                 }
             </div>
-            @if (showEpg()) {
+            @if (statusLabel()) {
+                <div class="epg-title">{{ statusLabel() }}</div>
+            } @else if (showEpg()) {
                 @if (epgProgram(); as program) {
                     <div class="epg-title">
                         {{ program.title }}

libs/ui/components/src/lib/channel-list-container/channel-list-item/channel-list-item.component.ts

@@ -43,6 +43,8 @@ export class ChannelListItemComponent {
     readonly isDraggable = input(false);
     readonly logo = input<string | null | undefined>('');
     readonly name = input('');
+    readonly disabled = input(false);
+    readonly statusLabel = input('');
     readonly displayName = computed(() =>
         applyChannelNameStrip(
             this.name(),
@@ -125,6 +127,7 @@ export class ChannelListItemComponent {
     }
 
     onClick(event?: MouseEvent): void {
+        if (this.disabled()) return;
         if ((event?.detail ?? 1) > 1) {
             return;
         }
@@ -137,6 +140,7 @@ export class ChannelListItemComponent {
     }
 
     onDoubleClick(): void {
+        if (this.disabled()) return;
         this.activated.emit();
     }