unified-video-framework 1.4.443 → 1.4.445

package/packages/web/dist/react/types/FlashNewsTickerTypes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FlashNewsTickerTypes.d.ts","sourceRoot":"","sources":["../../../src/react/types/FlashNewsTickerTypes.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"FlashNewsTickerTypes.d.ts","sourceRoot":"","sources":["../../../src/react/types/FlashNewsTickerTypes.ts"],"names":[],"mappings":"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"}

package/packages/web/src/WebPlayer.ts

@@ -2577,9 +2577,6 @@ export class WebPlayer extends BasePlayer {
 
     // Route to specific broadcast layouts
     if (variant === 'broadcast1') return this.createBroadcast1Element(config, position);
-    if (variant === 'broadcast2') return this.createBroadcast2Element(config, position);
-    if (variant === 'broadcast3') return this.createBroadcast3Element(config, position);
-    if (variant === 'broadcast4') return this.createBroadcast4Element(config, position);
 
     // Route to specific broadcast style if configured (older style)
     if (config.styleVariant === 'broadcast' || variant === 'breaking' || variant === 'live') {
@@ -2888,325 +2885,13 @@ export class WebPlayer extends BasePlayer {
     const ticker = document.createElement('div');
     ticker.className = `uvf-ticker-broadcast1 ticker-${position}`;
 
-    const height = config.height || 70;
+    const height = config.height || 90;
     const bottomOffset = config.bottomOffset || 0;
     const topOffset = config.topOffset || 10;
 
-    ticker.style.cssText = `
-      position: absolute;
-      left: 10%;
-      right: 10%;
-      height: ${height}px;
-      ${position === 'top' ? `top: ${topOffset}px;` : `bottom: ${bottomOffset}px;`}
-      display: flex;
-      font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
-      z-index: 100;
-      pointer-events: none;
-      filter: drop-shadow(0 10px 15px rgba(0,0,0,0.5));
-    `;
-
-    // 1. Globe Block (Left)
-    const globeBlock = document.createElement('div');
-    globeBlock.style.cssText = `
-      width: ${height * 1.3}px;
-      height: ${height}px;
-      background: linear-gradient(135deg, #e74c3c 0%, #c0392b 50%, #962d22 100%);
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      flex-shrink: 0;
-      clip-path: polygon(0% 0%, 78% 0%, 100% 100%, 0% 100%);
-      z-index: 30;
-      position: relative;
-      overflow: hidden;
-    `;
-
-    // Glossy Overlay for Globe Block
-    const glossyGlobe = document.createElement('div');
-    glossyGlobe.style.cssText = `
-      position: absolute;
-      top: 0; left: 0; right: 0; height: 40%;
-      background: linear-gradient(180deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%);
-      pointer-events: none;
-    `;
-    globeBlock.appendChild(glossyGlobe);
-
-    const globe = this.createGlobeElement(true);
-    globe.style.width = '42%';
-    globe.style.height = '42%';
-    globe.style.marginRight = '18%';
-    globeBlock.appendChild(globe);
-    ticker.appendChild(globeBlock);
-
-    // 2. Right Content (Dual Bars)
-    const content = document.createElement('div');
-    content.style.cssText = `
-      flex-grow: 1;
-      display: flex;
-      flex-direction: column;
-      margin-left: -${height * 0.35}px;
-      z-index: 10;
-    `;
-
-    // Row 1: Top Blue Bar (Headline)
-    const topBar = document.createElement('div');
-    topBar.style.cssText = `
-      height: 55%;
-      background: linear-gradient(90deg, #1e3c72 0%, #2a5298 50%, #1e3c72 100%);
-      clip-path: polygon(4% 0, 100% 0, 98.5% 100%, 0% 100%);
-      display: flex;
-      align-items: center;
-      padding: 0 40px 0 65px;
-      color: white;
-      position: relative;
-      overflow: hidden;
-      border-bottom: 2px solid rgba(255,255,255,0.15);
-    `;
-
-    const glossyTop = document.createElement('div');
-    glossyTop.style.cssText = `
-      position: absolute;
-      top: 0; left: 0; right: 0; height: 35%;
-      background: linear-gradient(180deg, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 100%);
-    `;
-    topBar.appendChild(glossyTop);
-
-    const breakingText = document.createElement('span');
-    breakingText.textContent = 'BREAKING NEWS';
-    breakingText.style.cssText = `
-      font-weight: 900;
-      font-style: italic;
-      font-size: ${height * 0.2}px;
-      margin-right: 25px;
-      white-space: nowrap;
-      color: #fff;
-      text-shadow: 0 0 12px rgba(255,255,255,0.6);
-      letter-spacing: 0.5px;
-    `;
-    topBar.appendChild(breakingText);
-
-    const headlineText = document.createElement('span');
-    headlineText.textContent = config.headline || 'LOREM IPSUM DOLOR SIT AMET, CONSECTETUER';
-    headlineText.style.cssText = `
-      font-weight: 800;
-      font-size: ${height * 0.26}px;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
-    `;
-    topBar.appendChild(headlineText);
-    content.appendChild(topBar);
-
-    // Row 2: Bottom Black Bar (Scrolling Items)
-    const bottomBar = document.createElement('div');
-    bottomBar.style.cssText = `
-      height: 45%;
-      background: linear-gradient(90deg, #0a0a0a 0%, #1a1a1a 50%, #0a0a0a 100%);
-      display: flex;
-      align-items: center;
-      clip-path: polygon(1.5% 0, 100% 0, 100% 100%, 0% 100%);
-      border-top: 1px solid rgba(255,255,255,0.08);
-    `;
-
-    const liveBadge = document.createElement('div');
-    liveBadge.textContent = 'LIVE';
-    liveBadge.style.cssText = `
-      background: linear-gradient(180deg, #f1c40f 0%, #d4ac0d 100%);
-      color: #000;
-      font-weight: 900;
-      font-size: ${height * 0.16}px;
-      padding: 2px 14px;
-      margin-left: 55px;
-      clip-path: polygon(0 0, 88% 0, 100% 100%, 0 100%);
-      box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
-    `;
-    bottomBar.appendChild(liveBadge);
-
-    const trackContainer = document.createElement('div');
-    trackContainer.style.cssText = `flex-grow: 1; overflow: hidden; height: 100%; display: flex; align-items: center;`;
-    const track = this.createSeamlessScrollingTrack(config.items || [], config);
-    track.style.fontSize = `${height * 0.18}px`;
-    track.style.color = '#fff';
-    track.style.fontWeight = '700';
-    track.style.textShadow = '1px 1px 2px rgba(0,0,0,0.8)';
-    trackContainer.appendChild(track);
-    bottomBar.appendChild(trackContainer);
-
-    content.appendChild(bottomBar);
-    ticker.appendChild(content);
-
-    this.ensureTickerAnimations();
-    return ticker;
-  }
-
-  private createBroadcast2Element(config: FlashNewsTickerConfig, position: 'top' | 'bottom'): HTMLDivElement {
-    const ticker = document.createElement('div');
-    ticker.className = `uvf-ticker-broadcast2 ticker-${position}`;
-
-    const height = config.height || 75;
-    const bottomOffset = config.bottomOffset || 0;
-
-    ticker.style.cssText = `
-      position: absolute;
-      left: 5%;
-      right: 5%;
-      bottom: ${bottomOffset}px;
-      height: ${height}px;
-      display: flex;
-      align-items: flex-end;
-      font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
-      z-index: 100;
-      pointer-events: none;
-      filter: drop-shadow(0 8px 12px rgba(0,0,0,0.4));
-    `;
-
-    // Globe Wrapper
-    const globeWrapper = document.createElement('div');
-    globeWrapper.style.cssText = `
-      width: ${height * 0.8}px;
-      height: ${height * 0.8}px;
-      position: relative;
-      z-index: 40;
-      margin-right: 12px;
-      flex-shrink: 0;
-    `;
-
-    const globeContainer = document.createElement('div');
-    globeContainer.style.cssText = `
-      width: 100%;
-      height: 100%;
-      background: radial-gradient(circle at 30% 30%, #e74c3c 0%, #c1392b 60%, #962d22 100%);
-      border-radius: 50%;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      box-shadow: inset -5px -5px 15px rgba(0,0,0,0.5), 0 0 25px rgba(0,0,0,0.6);
-      border: 3px solid #fff;
-      overflow: hidden;
-    `;
-
-    const glossyGlobeEffect = document.createElement('div');
-    glossyGlobeEffect.style.cssText = `
-      position: absolute;
-      top: 10%; left: 15%; width: 40%; height: 30%;
-      background: rgba(255,255,255,0.3);
-      border-radius: 50%;
-      filter: blur(4px);
-      pointer-events: none;
-    `;
-    globeContainer.appendChild(glossyGlobeEffect);
-
-    const globe = this.createGlobeElement(true);
-    globe.style.width = '75%';
-    globe.style.height = '75%';
-    globeContainer.appendChild(globe);
-    globeWrapper.appendChild(globeContainer);
-    ticker.appendChild(globeWrapper);
-
-    const content = document.createElement('div');
-    content.style.cssText = `flex-grow: 1; display: flex; flex-direction: column; z-index: 20;`;
-
-    // Row 1: Yellow/Red Header
-    const row1 = document.createElement('div');
-    row1.style.cssText = `display: flex; height: 50%; position: relative; overflow: hidden;`;
-
-    const badge = document.createElement('div');
-    badge.textContent = 'BREAKING NEWS';
-    badge.style.cssText = `
-      background: linear-gradient(180deg, #f1c40f 0%, #d4ac0d 100%);
-      color: #000;
-      font-weight: 900;
-      padding: 0 30px;
-      display: flex;
-      align-items: center;
-      clip-path: polygon(0 0, 88% 0, 100% 100%, 0 100%);
-      font-size: ${height * 0.2}px;
-      position: relative;
-      z-index: 5;
-      text-shadow: 0 1px 1px rgba(255,255,255,0.3);
-    `;
-    row1.appendChild(badge);
-
-    const headline = document.createElement('div');
-    headline.textContent = config.headline || 'LOREM IPSUM DOLOR SIT AMET, CONSECTETUER';
-    headline.style.cssText = `
-      background: linear-gradient(90deg, #e74c3c 0%, #c1392b 50%, #e74c3c 100%);
-      color: white;
-      font-weight: 800;
-      padding: 0 45px;
-      display: flex;
-      align-items: center;
-      flex-grow: 1;
-      margin-left: -25px;
-      clip-path: polygon(5% 0, 100% 0, 96% 100%, 0 100%);
-      font-size: ${height * 0.23}px;
-      text-shadow: 2px 2px 4px rgba(0,0,0,0.5);
-      border-bottom: 3px solid rgba(255,255,255,0.15);
-    `;
-
-    const glossyHeader = document.createElement('div');
-    glossyHeader.style.cssText = `
-      position: absolute;
-      top: 0; left: 0; right: 0; height: 40%;
-      background: linear-gradient(180deg, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 100%);
-    `;
-    headline.appendChild(glossyHeader);
-
-    row1.appendChild(headline);
-    content.appendChild(row1);
-
-    // Row 2: Blue Ticker (Semi-transparent with Pro Blur)
-    const row2 = document.createElement('div');
-    row2.style.cssText = `
-      height: 42%;
-      background: rgba(30, 60, 114, 0.85);
-      display: flex;
-      align-items: center;
-      margin-top: 5px;
-      clip-path: polygon(1.5% 0, 100% 0, 100% 100%, 2.5% 100%);
-      backdrop-filter: blur(12px);
-      border: 1px solid rgba(255,255,255,0.1);
-      box-shadow: inset 0 0 10px rgba(0,0,0,0.3);
-    `;
-
-    const live = document.createElement('div');
-    live.textContent = 'LIVE';
-    live.style.cssText = `
-      background: #fff;
-      color: #1e3c72;
-      font-weight: 950;
-      padding: 2px 18px;
-      margin-left: 35px;
-      margin-right: 20px;
-      font-size: ${height * 0.16}px;
-      box-shadow: 2px 2px 8px rgba(0,0,0,0.3);
-      letter-spacing: 1px;
-    `;
-    row2.appendChild(live);
-
-    const trackCont = document.createElement('div');
-    trackCont.style.cssText = `flex-grow: 1; overflow: hidden; height: 100%; display: flex; align-items: center; color: white;`;
-    const track = this.createSeamlessScrollingTrack(config.items || [], config);
-    track.style.fontSize = `${height * 0.17}px`;
-    track.style.fontWeight = '700';
-    track.style.textShadow = '1px 1px 3px rgba(0,0,0,0.9)';
-    trackCont.appendChild(track);
-    row2.appendChild(trackCont);
-    content.appendChild(row2);
-
-    ticker.appendChild(content);
-    this.ensureTickerAnimations();
-    return ticker;
-  }
-
-  private createBroadcast3Element(config: FlashNewsTickerConfig, position: 'top' | 'bottom'): HTMLDivElement {
-    const ticker = document.createElement('div');
-    ticker.className = `uvf-ticker-broadcast3 ticker-${position}`;
-
-    const height = config.height || 60;
-    const bottomOffset = config.bottomOffset || 0;
-    const topOffset = config.topOffset || 10;
+    // Store state for cycling
+    this.tickerConfig = config;
+    this.tickerCurrentItemIndex = 0;
 
     ticker.style.cssText = `
       position: absolute;
@@ -3219,11 +2904,12 @@ export class WebPlayer extends BasePlayer {
       font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
       z-index: 100;
       pointer-events: none;
+      filter: drop-shadow(0 8px 15px rgba(0,0,0,0.4));
     `;
 
     // Row 1: Split Red/Blue
     const row1 = document.createElement('div');
-    row1.style.cssText = `display: flex; height: 55%;`;
+    row1.style.cssText = `display: flex; height: 62%; position: relative; overflow: hidden;`;
 
     const b1 = document.createElement('div');
     b1.textContent = 'BREAKING NEWS';
@@ -3231,40 +2917,67 @@ export class WebPlayer extends BasePlayer {
       background: #c0392b;
       color: white;
       font-weight: 900;
-      padding: 0 20px;
+      padding: 0 25px;
       display: flex;
       align-items: center;
-      clip-path: polygon(0 0, 95% 0, 100% 100%, 0 100%);
-      font-size: ${height * 0.22}px;
+      clip-path: polygon(0 0, 92% 0, 100% 100%, 0 100%);
+      font-size: ${height * 0.18}px;
+      z-index: 2;
     `;
     row1.appendChild(b1);
 
     const b2 = document.createElement('div');
-    b2.textContent = config.headline || 'LOREM IPSUM DOLOR SIT AMET, CONS';
+    b2.className = 'uvf-ticker-headline-line';
+    this.tickerHeadlineElement = b2;
     b2.style.cssText = `
       background: #2980b9;
       color: white;
-      font-weight: 700;
-      padding: 0 30px;
+      padding: 0 40px;
       display: flex;
       align-items: center;
       flex-grow: 1;
-      margin-left: -10px;
-      clip-path: polygon(2% 0, 100% 0, 98% 100%, 0 100%);
-      font-size: ${height * 0.25}px;
+      margin-left: -15px;
+      clip-path: polygon(3% 0, 100% 0, 97% 100%, 0 100%);
+      position: relative;
     `;
+
+    const headlineText = document.createElement('div');
+    headlineText.className = 'uvf-ticker-headline-text';
+    headlineText.style.cssText = `
+      font-weight: 800;
+      font-size: ${height * 0.22}px;
+      line-height: 1.2;
+      width: 100%;
+      display: -webkit-box;
+      -webkit-line-clamp: 2;
+      -webkit-box-orient: vertical;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
+    `;
+
+    const firstItem = config.items?.[0];
+    if (firstItem) {
+      headlineText.textContent = firstItem.headline || firstItem.text;
+    }
+
+    b2.appendChild(headlineText);
     row1.appendChild(b2);
     ticker.appendChild(row1);
 
     // Row 2: Black scrolling
     const row2 = document.createElement('div');
+    row2.className = 'uvf-ticker-detail-line';
+    this.tickerDetailElement = row2;
     row2.style.cssText = `
-      height: 35%;
+      height: 33%;
       background: #111;
       display: flex;
       align-items: center;
-      margin-top: 2px;
+      margin-top: 3px;
       clip-path: polygon(1% 0, 99% 0, 100% 100%, 0 100%);
+      position: relative;
+      overflow: hidden;
     `;
 
     const lbadge = document.createElement('div');
@@ -3272,155 +2985,38 @@ export class WebPlayer extends BasePlayer {
     lbadge.style.cssText = `
       background: #f1c40f;
       color: black;
-      font-weight: 900;
-      padding: 0 10px;
-      margin: 0 15px;
-      font-size: ${height * 0.15}px;
-      clip-path: polygon(0 0, 90% 0, 100% 100%, 0 100%);
+      font-weight: 950;
+      padding: 0 15px;
+      margin: 0 20px;
+      font-size: ${height * 0.14}px;
+      clip-path: polygon(0 0, 85% 0, 100% 100%, 0 100%);
+      z-index: 2;
     `;
     row2.appendChild(lbadge);
 
     const tCont = document.createElement('div');
     tCont.style.cssText = `flex-grow: 1; overflow: hidden; height: 100%; display: flex; align-items: center; color: white;`;
+
+    // Use standard scrolling track class for compatibility
     const track = this.createSeamlessScrollingTrack(config.items || [], config);
-    track.style.fontSize = `${height * 0.16}px`;
+    track.className = 'uvf-ticker-track'; // Change class for compatibility with updateItemContent
+    track.style.fontSize = `${height * 0.15}px`;
+    track.style.fontWeight = '600';
     tCont.appendChild(track);
     row2.appendChild(tCont);
     ticker.appendChild(row2);
 
     this.ensureTickerAnimations();
-    return ticker;
-  }
-
-  private createBroadcast4Element(config: FlashNewsTickerConfig, position: 'top' | 'bottom'): HTMLDivElement {
-    const ticker = document.createElement('div');
-    ticker.className = `uvf-ticker-broadcast4 ticker-${position}`;
-
-    const height = config.height || 65;
-    const bottomOffset = config.bottomOffset || 0;
-
-    ticker.style.cssText = `
-      position: absolute;
-      left: 15%;
-      right: 15%;
-      bottom: ${bottomOffset}px;
-      height: ${height}px;
-      display: flex;
-      align-items: flex-end;
-      font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
-      z-index: 100;
-      pointer-events: none;
-      filter: drop-shadow(0 12px 20px rgba(0,0,0,0.6));
-    `;
-
-    // Large Blue Box (Pro Upgrade)
-    const newsBox = document.createElement('div');
-    newsBox.style.cssText = `
-      width: ${height * 1.8}px;
-      height: 100%;
-      background: linear-gradient(135deg, #1e3c72 0%, #2a5298 50%, #1e3c72 100%);
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-      align-items: center;
-      position: relative;
-      clip-path: polygon(0 0, 100% 0, 82% 100%, 0 100%);
-      flex-shrink: 0;
-      z-index: 40;
-      border-right: 2px solid rgba(255,255,255,0.2);
-    `;
 
-    const glossyNews = document.createElement('div');
-    glossyNews.style.cssText = `
-      position: absolute;
-      top: 0; left: 0; right: 0; height: 40%;
-      background: linear-gradient(180deg, rgba(255,255,255,0.15) 0%, rgba(255,255,255,0) 100%);
-    `;
-    newsBox.appendChild(glossyNews);
-
-    const bt = document.createElement('div');
-    bt.style.cssText = `display: flex; gap: 6px; margin-bottom: 2px; width: 100%; justify-content: center; padding-right: 18%; position: relative; z-index: 2;`;
-
-    const b1 = document.createElement('span');
-    b1.textContent = 'BREAKING';
-    b1.style.cssText = `
-      background: #c0392b; 
-      font-size: ${height * 0.14}px; 
-      font-weight: 900; 
-      padding: 2px 8px; 
-      border-radius: 2px; 
-      color: white;
-      box-shadow: 0 0 10px rgba(192, 57, 43, 0.8);
-    `;
-    bt.appendChild(b1);
-
-    const b2 = document.createElement('span');
-    b2.textContent = 'LIVE';
-    b2.style.cssText = `
-      background: #f1c40f; 
-      font-size: ${height * 0.14}px; 
-      font-weight: 900; 
-      padding: 2px 8px; 
-      border-radius: 2px; 
-      color: black;
-      box-shadow: 0 0 10px rgba(241, 196, 15, 0.6);
-    `;
-    bt.appendChild(b2);
-    newsBox.appendChild(bt);
-
-    const nt = document.createElement('div');
-    nt.textContent = 'NEWS';
-    nt.style.cssText = `
-      font-size: ${height * 0.5}px; 
-      font-weight: 900; 
-      color: white; 
-      letter-spacing: 6px; 
-      padding-right: 18%; 
-      line-height: 1;
-      text-shadow: 3px 3px 6px rgba(0,0,0,0.6);
-    `;
-    newsBox.appendChild(nt);
-    ticker.appendChild(newsBox);
-
-    // Red Scrolling Bar (Pro Upgrade)
-    const redBar = document.createElement('div');
-    redBar.style.cssText = `
-      flex-grow: 1;
-      height: 52%;
-      background: linear-gradient(90deg, #c0392b 0%, #e74c3c 50%, #c0392b 100%);
-      margin-left: -${height * 0.3}px;
-      display: flex;
-      align-items: center;
-      padding-left: ${height * 0.45}px;
-      padding-right: 30px;
-      clip-path: polygon(6% 0, 100% 0, 100% 100%, 0 100%);
-      z-index: 20;
-      border-top: 1px solid rgba(255,255,255,0.1);
-      box-shadow: inset 0 0 15px rgba(0,0,0,0.4);
-    `;
-
-    const glossyRed = document.createElement('div');
-    glossyRed.style.cssText = `
-      position: absolute;
-      top: 0; left: 0; right: 0; height: 35%;
-      background: linear-gradient(180deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%);
-    `;
-    redBar.appendChild(glossyRed);
-
-    const tCont = document.createElement('div');
-    tCont.style.cssText = `flex-grow: 1; overflow: hidden; height: 100%; display: flex; align-items: center; color: white;`;
-    const track = this.createSeamlessScrollingTrack(config.items || [], config);
-    track.style.fontSize = `${height * 0.24}px`;
-    track.style.fontWeight = '800';
-    track.style.textShadow = '2px 2px 4px rgba(0,0,0,0.7)';
-    tCont.appendChild(track);
-    redBar.appendChild(tCont);
-    ticker.appendChild(redBar);
+    // Start cycling if enabled or if we want the "flow"
+    if (config.items && config.items.length > 1) {
+      this.startItemCycling();
+    }
 
-    this.ensureTickerAnimations();
     return ticker;
   }
 
+
   private createSeamlessScrollingTrack(items: FlashNewsTickerItem[], config: FlashNewsTickerConfig): HTMLDivElement {
     const track = document.createElement('div');
     track.className = 'uvf-ticker-track-seamless';

package/packages/web/src/react/types/FlashNewsTickerTypes.ts

@@ -434,13 +434,10 @@ export interface FlashNewsTickerConfig {
    * - 'standard': Original simple scrolling ticker
    * - 'breaking': Red badge + gradient (TV style)
    * - 'live': Yellow/Black badge + gradient (TV style)
-   * - 'broadcast1': Blue/Red/Black dual-bar layout with globe
-   * - 'broadcast2': Yellow/Red/Blue dual-bar layout with globe
-   * - 'broadcast3': Triple-segment single bar (Red/Blue/Black)
-   * - 'broadcast4': Blue box "NEWS" + Red scrolling bar
+   * - 'broadcast1': Triple-segment single bar (Red/Blue/Black)
    * - 'custom': User-defined colors and badges
    */
-  variant?: 'standard' | 'breaking' | 'live' | 'broadcast1' | 'broadcast2' | 'broadcast3' | 'broadcast4' | 'custom';
+  variant?: 'standard' | 'breaking' | 'live' | 'broadcast1' | 'custom';
 
   /** Fixed badge text (e.g. "BREAKING NEWS") */
   badgeText?: string;