stormcloud-video-player 0.7.39 → 0.7.41

package/lib/ui/StormcloudVideoPlayer.cjs

@@ -5689,6 +5689,126 @@ function isOverlayActive(overlay, currentTime) {
     if (durationSec <= 0) return false;
     return currentTime >= startSec && currentTime < startSec + durationSec;
 }
+var SWIRL_HD_AUTHORING_WIDTH = 1920;
+var SWIRL_HD_AUTHORING_HEIGHT = 1080;
+var NAB_DEMO_NAME_PREFIX = "NAB Demo \u2014 ";
+function overlayAuthoringDimensions(overlay, decodeWidth, decodeHeight) {
+    if (!decodeWidth || !decodeHeight) {
+        return {
+            width: decodeWidth || SWIRL_HD_AUTHORING_WIDTH,
+            height: decodeHeight || SWIRL_HD_AUTHORING_HEIGHT
+        };
+    }
+    if (!overlay.visible) {
+        return {
+            width: decodeWidth,
+            height: decodeHeight
+        };
+    }
+    var extR = overlay.x + overlay.width;
+    var extB = overlay.y + overlay.height;
+    var EPS = 2;
+    var exceedsDecode = extR > decodeWidth + EPS || extB > decodeHeight + EPS;
+    var isNabDemo = overlay.name.startsWith(NAB_DEMO_NAME_PREFIX);
+    var isSyntheticMarketsTicker = overlay.id === -9001 || overlay.name === "Demo stock ticker";
+    if (exceedsDecode && (isNabDemo || isSyntheticMarketsTicker)) {
+        return {
+            width: SWIRL_HD_AUTHORING_WIDTH,
+            height: SWIRL_HD_AUTHORING_HEIGHT
+        };
+    }
+    return {
+        width: decodeWidth,
+        height: decodeHeight
+    };
+}
+function overlayExtents(overlays) {
+    var maxR = 0;
+    var maxB = 0;
+    var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+    try {
+        for(var _iterator = overlays[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+            var o = _step.value;
+            if (!o.visible) continue;
+            maxR = Math.max(maxR, o.x + o.width);
+            maxB = Math.max(maxB, o.y + o.height);
+        }
+    } catch (err) {
+        _didIteratorError = true;
+        _iteratorError = err;
+    } finally{
+        try {
+            if (!_iteratorNormalCompletion && _iterator.return != null) {
+                _iterator.return();
+            }
+        } finally{
+            if (_didIteratorError) {
+                throw _iteratorError;
+            }
+        }
+    }
+    return {
+        maxR: maxR,
+        maxB: maxB
+    };
+}
+function swirlProjectHasNabDemoMixedWithOther(overlays) {
+    var hasNab = false;
+    var hasOther = false;
+    var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
+    try {
+        for(var _iterator = overlays[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
+            var o = _step.value;
+            if (!o.visible) continue;
+            if (o.name.startsWith(NAB_DEMO_NAME_PREFIX)) hasNab = true;
+            else hasOther = true;
+        }
+    } catch (err) {
+        _didIteratorError = true;
+        _iteratorError = err;
+    } finally{
+        try {
+            if (!_iteratorNormalCompletion && _iterator.return != null) {
+                _iterator.return();
+            }
+        } finally{
+            if (_didIteratorError) {
+                throw _iteratorError;
+            }
+        }
+    }
+    return hasNab && hasOther;
+}
+function inferSwirlOverlayCoordinateSpace(overlays, videoWidth, videoHeight) {
+    if (!videoWidth || !videoHeight) {
+        return {
+            width: videoWidth || SWIRL_HD_AUTHORING_WIDTH,
+            height: videoHeight || SWIRL_HD_AUTHORING_HEIGHT
+        };
+    }
+    if (!overlays.length) {
+        return {
+            width: videoWidth,
+            height: videoHeight
+        };
+    }
+    var _overlayExtents = overlayExtents(overlays), maxR = _overlayExtents.maxR, maxB = _overlayExtents.maxB;
+    var EPS = 1;
+    var exceedsDecode = maxR > videoWidth + EPS || maxB > videoHeight + EPS;
+    var fitsHdCanvas = maxR <= SWIRL_HD_AUTHORING_WIDTH + EPS && maxB <= SWIRL_HD_AUTHORING_HEIGHT + EPS;
+    var mixed = swirlProjectHasNabDemoMixedWithOther(overlays);
+    var decodeLargerThanHd = videoWidth > SWIRL_HD_AUTHORING_WIDTH + EPS || videoHeight > SWIRL_HD_AUTHORING_HEIGHT + EPS;
+    if (fitsHdCanvas && (decodeLargerThanHd || exceedsDecode && !mixed)) {
+        return {
+            width: SWIRL_HD_AUTHORING_WIDTH,
+            height: SWIRL_HD_AUTHORING_HEIGHT
+        };
+    }
+    return {
+        width: videoWidth,
+        height: videoHeight
+    };
+}
 function scrollerLooksLikeMarketsStock(o) {
     var _ref, _ref1, _ref2, _ref3;
     if (o.type !== "scroller") return false;
@@ -5697,39 +5817,52 @@ function scrollerLooksLikeMarketsStock(o) {
     return /\b(MARKETS?|NYSE|NASDAQ|DJIA|\bS&P\b|STOCK|AAPL|TSLA|NVDA|EQUITIES)\b/i.test(blob);
 }
 function createDemoStockTickerOverlay(projectId, opts) {
-    var stack = (opts === null || opts === void 0 ? void 0 : opts.stackAboveNews) === true;
+    var cw = (opts === null || opts === void 0 ? void 0 : opts.coordinateWidth) && opts.coordinateWidth > 0 ? opts.coordinateWidth : SWIRL_HD_AUTHORING_WIDTH;
+    var ch = (opts === null || opts === void 0 ? void 0 : opts.coordinateHeight) && opts.coordinateHeight > 0 ? opts.coordinateHeight : SWIRL_HD_AUTHORING_HEIGHT;
+    var sx = cw / SWIRL_HD_AUTHORING_WIDTH;
+    var sy = ch / SWIRL_HD_AUTHORING_HEIGHT;
+    var x = 36 * sx;
+    var y = 1002 * sy;
+    var width = 1848 * sx;
+    var height = 66 * sy;
+    var fontSize = Math.max(8, Math.round(13 * sy));
+    var scrollSpeed = Math.max(8, Math.round(36 * sx));
+    var borderRadius = Math.max(1, Math.round(4 * sy));
     return {
         id: -9001,
         project_id: projectId,
         name: "Demo stock ticker",
         type: "scroller",
         visible: true,
-        x: 144,
-        y: stack ? 818 : 950,
-        width: 1632,
-        height: stack ? 78 : 97,
+        x: x,
+        y: y,
+        width: width,
+        height: height,
         opacity: 100,
         start_time: "00:00:00.000",
         duration: "24:00:00.000",
-        z_index: stack ? 125 : 120,
+        z_index: 120,
         scroller_config: {
+            preset: "equities_strip",
             use_custom_text: true,
-            custom_text: "AAPL +1.24%  \u2022  MSFT +0.42%  \u2022  GOOGL \u22120.11%  \u2022  TSLA +2.31%  \u2022  NVDA +1.87%  \u2022  AMZN +0.65%  \u2022  META +0.38%  \u2022  DJIA +0.52%  \u2022  S&P 500 +0.33%  \u2022  NDAQ +0.41%",
+            custom_text: "AAPL +0.84%  \u2022  MSFT +0.31%  \u2022  GOOGL \u22120.22%  \u2022  AMZN +0.47%  \u2022  NVDA +1.12%  \u2022  META +0.19%  \u2022  BRK.B +0.11%  \u2022  JPM +0.55%  \u2022  V +0.28%  \u2022  UNH \u22120.17%  \u2022  DJIA +0.41%  \u2022  S&P 500 +0.29%  \u2022  Nasdaq Composite +0.36%  \u2022  Russell 2000 +0.52%  \u2022  WTI crude $78.40 +0.6%  \u2022  Gold $2,348/oz \u22120.2%  \u2022  10Y Treasury 4.28%",
             direction: "left",
-            scroll_speed: 42,
-            font_size: 15,
-            font_weight: "700",
-            text_color: "#f8fafc",
-            background_color: "#0f172a",
+            scroll_speed: scrollSpeed,
+            font_size: fontSize,
+            font_weight: "600",
+            text_color: "#e2e8f0",
+            background_color: "#0a0f18",
             background_opacity: 92,
-            border_radius: 4,
-            label: "MARKETS",
-            label_line2: "LIVE",
-            label_color: "#0ea5e9",
-            label_text_color: "#ffffff",
+            border_radius: borderRadius,
+            padding: Math.max(3, Math.round(6 * sy)),
+            label: "U.S. equities",
+            label_line2: "",
+            label_color: "#1e3a5f",
+            label_text_color: "#f8fafc",
             accent_color: "#38bdf8",
             show_accent_line: true,
-            separator_char: "\u2022"
+            separator_char: "\u2022",
+            item_spacing: Math.max(28, Math.round(48 * sx))
         }
     };
 }
@@ -6172,12 +6305,14 @@ function ScrollerOverlay(param) {
     var bgOpacity = (cfg === null || cfg === void 0 ? void 0 : cfg.background_opacity) !== void 0 ? cfg.background_opacity / 100 : 0.95;
     var borderRadius = (_ref6 = cfg === null || cfg === void 0 ? void 0 : cfg.border_radius) !== null && _ref6 !== void 0 ? _ref6 : 0;
     var itemSpacing = (_ref7 = cfg === null || cfg === void 0 ? void 0 : cfg.item_spacing) !== null && _ref7 !== void 0 ? _ref7 : 60;
+    var pad = (cfg === null || cfg === void 0 ? void 0 : cfg.padding) !== void 0 && cfg.padding >= 0 ? cfg.padding : 8;
     var label = (_ref8 = cfg === null || cfg === void 0 ? void 0 : cfg.label) !== null && _ref8 !== void 0 ? _ref8 : "NEWS";
     var labelLine2 = (_ref9 = cfg === null || cfg === void 0 ? void 0 : cfg.label_line2) !== null && _ref9 !== void 0 ? _ref9 : "";
     var labelColor = (_ref10 = cfg === null || cfg === void 0 ? void 0 : cfg.label_color) !== null && _ref10 !== void 0 ? _ref10 : "#f97316";
     var labelTextColor = (_ref11 = cfg === null || cfg === void 0 ? void 0 : cfg.label_text_color) !== null && _ref11 !== void 0 ? _ref11 : "#ffffff";
     var accentColor = (_ref12 = cfg === null || cfg === void 0 ? void 0 : cfg.accent_color) !== null && _ref12 !== void 0 ? _ref12 : labelColor;
     var showAccentLine = (cfg === null || cfg === void 0 ? void 0 : cfg.show_accent_line) !== false;
+    var isEquitiesStrip = (cfg === null || cfg === void 0 ? void 0 : cfg.preset) === "equities_strip";
     var isHorizontal = direction === "left" || direction === "right";
     var isReverse = direction === "right" || direction === "down";
     var fullText = segments.join("  ".concat(sep, "  "));
@@ -6208,7 +6343,7 @@ function ScrollerOverlay(param) {
                 children: [
                     showAccentLine && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
                         style: {
-                            height: 3,
+                            height: isEquitiesStrip ? 2 : 3,
                             background: accentColor,
                             flexShrink: 0,
                             width: "100%"
@@ -6219,42 +6354,50 @@ function ScrollerOverlay(param) {
                             display: "flex",
                             flex: 1,
                             overflow: "hidden",
-                            minHeight: 0
+                            minHeight: 0,
+                            alignItems: "center",
+                            padding: isEquitiesStrip ? "".concat(Math.max(2, pad * 0.5), "px ").concat(pad, "px") : "".concat(Math.max(4, pad * 0.75), "px ").concat(pad, "px"),
+                            gap: isEquitiesStrip ? Math.max(4, Math.round(pad * 0.75)) : Math.max(6, pad),
+                            boxSizing: "border-box"
                         },
                         children: [
                             label && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
                                 style: {
                                     background: labelColor,
                                     color: labelTextColor,
-                                    padding: "0 14px",
+                                    padding: isEquitiesStrip ? "6px 12px" : "10px 14px",
                                     display: "flex",
-                                    flexDirection: "column",
+                                    flexDirection: isEquitiesStrip ? "row" : "column",
                                     alignItems: "center",
                                     justifyContent: "center",
                                     flexShrink: 0,
-                                    minWidth: 72,
                                     textAlign: "center",
-                                    gap: 1
+                                    gap: isEquitiesStrip ? 0 : 2,
+                                    borderRadius: Math.max(2, borderRadius > 0 ? borderRadius : 6),
+                                    boxShadow: isEquitiesStrip ? "inset 0 1px 0 rgba(255,255,255,0.08)" : "0 2px 8px rgba(0,0,0,0.35)",
+                                    alignSelf: "stretch",
+                                    maxWidth: isEquitiesStrip ? "min(200px, 28%)" : void 0
                                 },
                                 children: [
                                     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
                                         style: {
-                                            fontWeight: 800,
-                                            fontSize: "0.82em",
-                                            letterSpacing: "0.05em",
-                                            lineHeight: 1.1,
-                                            textTransform: "uppercase",
-                                            whiteSpace: "nowrap"
+                                            fontWeight: isEquitiesStrip ? 700 : 800,
+                                            fontSize: isEquitiesStrip ? "0.82em" : "0.78em",
+                                            letterSpacing: isEquitiesStrip ? "0.04em" : "0.08em",
+                                            lineHeight: 1.2,
+                                            textTransform: isEquitiesStrip ? "none" : "uppercase",
+                                            whiteSpace: isEquitiesStrip ? "normal" : "nowrap",
+                                            textAlign: isEquitiesStrip ? "left" : "center"
                                         },
                                         children: label
                                     }),
-                                    labelLine2 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
+                                    labelLine2 && !isEquitiesStrip && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
                                         style: {
-                                            fontWeight: 500,
-                                            fontSize: "0.62em",
-                                            letterSpacing: "0.03em",
-                                            lineHeight: 1.1,
-                                            opacity: 0.85,
+                                            fontWeight: 600,
+                                            fontSize: "0.58em",
+                                            letterSpacing: "0.06em",
+                                            lineHeight: 1.15,
+                                            opacity: 0.92,
                                             whiteSpace: "nowrap"
                                         },
                                         children: labelLine2
@@ -6263,9 +6406,13 @@ function ScrollerOverlay(param) {
                             }),
                             label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
                                 style: {
-                                    width: 3,
+                                    width: isEquitiesStrip ? 1 : 2,
+                                    alignSelf: "stretch",
+                                    minHeight: isEquitiesStrip ? 20 : 24,
                                     background: accentColor,
-                                    flexShrink: 0
+                                    flexShrink: 0,
+                                    borderRadius: 1,
+                                    opacity: 0.85
                                 }
                             }),
                             /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
@@ -6274,7 +6421,8 @@ function ScrollerOverlay(param) {
                                     overflow: "hidden",
                                     position: "relative",
                                     display: "flex",
-                                    alignItems: "center"
+                                    alignItems: "center",
+                                    minWidth: 0
                                 },
                                 children: isHorizontal ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
                                     style: {
@@ -6354,21 +6502,22 @@ function ScoreBugOverlay(param) {
     var overlay = param.overlay, size = param.size;
     var cfg = parseConfig(overlay.content);
     if (!cfg) return null;
-    var f = Math.max(6, size.w * 0.058);
+    var f = Math.max(6, size.w * 0.052);
     return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
         style: {
             width: "100%",
             height: "100%",
-            borderRadius: Math.max(2, size.w * 0.035),
+            borderRadius: Math.max(2, size.w * 0.028),
             display: "flex",
             flexDirection: "column",
             background: cfg.backgroundColor,
             color: cfg.textColor,
-            fontFamily: "Roboto, 'Segoe UI', Arial, sans-serif",
+            fontFamily: "'Inter', 'Roboto', 'Segoe UI', system-ui, sans-serif",
             overflow: "hidden",
             pointerEvents: "none",
             userSelect: "none",
-            fontSize: "".concat(f, "px")
+            fontSize: "".concat(f, "px"),
+            boxShadow: "0 8px 28px rgba(0,0,0,0.45)"
         },
         children: [
             /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
@@ -6376,28 +6525,36 @@ function ScoreBugOverlay(param) {
                     flex: 1,
                     display: "flex",
                     alignItems: "center",
-                    padding: "0 ".concat(f * 0.8, "px"),
-                    gap: f * 0.4
+                    padding: "".concat(f * 0.42, "px ").concat(f * 0.85, "px"),
+                    gap: f * 0.45,
+                    minHeight: 0
                 },
                 children: [
                     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
                         style: {
                             flex: 1,
-                            textAlign: "center"
+                            textAlign: "center",
+                            minWidth: 0,
+                            padding: "0 ".concat(f * 0.15, "px")
                         },
                         children: [
                             /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
                                 style: {
-                                    fontSize: "1em",
-                                    fontWeight: 700
+                                    fontSize: "1.05em",
+                                    fontWeight: 800,
+                                    letterSpacing: "0.02em",
+                                    overflow: "hidden",
+                                    textOverflow: "ellipsis",
+                                    whiteSpace: "nowrap"
                                 },
                                 children: cfg.homeTeam
                             }),
                             /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
                                 style: {
-                                    fontSize: "1.8em",
+                                    fontSize: "1.75em",
                                     fontWeight: 900,
-                                    lineHeight: 1
+                                    lineHeight: 1.05,
+                                    marginTop: f * 0.08
                                 },
                                 children: cfg.homeScore
                             })
@@ -6405,16 +6562,26 @@ function ScoreBugOverlay(param) {
                     }),
                     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
                         style: {
-                            fontSize: "0.8em",
+                            fontSize: "0.88em",
                             textAlign: "center",
-                            opacity: 0.7,
-                            padding: "0 ".concat(f * 0.4, "px")
+                            fontWeight: 600,
+                            opacity: 0.92,
+                            color: cfg.textColor,
+                            padding: "0 ".concat(f * 0.5, "px"),
+                            flexShrink: 0,
+                            lineHeight: 1.25,
+                            textTransform: "uppercase",
+                            letterSpacing: "0.04em"
                         },
                         children: [
                             /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
                                 children: cfg.period
                             }),
                             /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
+                                style: {
+                                    fontWeight: 700,
+                                    opacity: 1
+                                },
                                 children: cfg.clock
                             })
                         ]
@@ -6422,21 +6589,28 @@ function ScoreBugOverlay(param) {
                     /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
                         style: {
                             flex: 1,
-                            textAlign: "center"
+                            textAlign: "center",
+                            minWidth: 0,
+                            padding: "0 ".concat(f * 0.15, "px")
                         },
                         children: [
                             /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
                                 style: {
-                                    fontSize: "1em",
-                                    fontWeight: 700
+                                    fontSize: "1.05em",
+                                    fontWeight: 800,
+                                    letterSpacing: "0.02em",
+                                    overflow: "hidden",
+                                    textOverflow: "ellipsis",
+                                    whiteSpace: "nowrap"
                                 },
                                 children: cfg.awayTeam
                             }),
                             /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
                                 style: {
-                                    fontSize: "1.8em",
+                                    fontSize: "1.75em",
                                     fontWeight: 900,
-                                    lineHeight: 1
+                                    lineHeight: 1.05,
+                                    marginTop: f * 0.08
                                 },
                                 children: cfg.awayScore
                             })
@@ -6446,23 +6620,27 @@ function ScoreBugOverlay(param) {
             }),
             (cfg.sponsorText || cfg.sponsorImageUrl) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
                 style: {
-                    fontSize: "0.7em",
+                    fontSize: "0.72em",
                     textAlign: "center",
-                    opacity: 0.6,
-                    padding: "".concat(f * 0.2, "px ").concat(f * 0.4, "px"),
-                    borderTop: "1px solid ".concat(cfg.accentColor, "40"),
+                    fontWeight: 600,
+                    opacity: 0.88,
+                    padding: "".concat(f * 0.34, "px ").concat(f * 0.55, "px"),
+                    borderTop: "1px solid ".concat(cfg.accentColor, "55"),
                     display: "flex",
                     alignItems: "center",
                     justifyContent: "center",
-                    gap: f * 0.4,
-                    overflow: "hidden"
+                    gap: f * 0.45,
+                    overflow: "hidden",
+                    letterSpacing: "0.04em",
+                    textTransform: "uppercase",
+                    background: "linear-gradient(180deg, rgba(0,0,0,0.12) 0%, rgba(0,0,0,0.22) 100%)"
                 },
                 children: [
                     cfg.sponsorImageUrl && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
                         src: cfg.sponsorImageUrl,
                         alt: "sponsor",
                         style: {
-                            height: "".concat(f * 1.4, "px"),
+                            height: "".concat(f * 1.35, "px"),
                             objectFit: "contain",
                             flexShrink: 0
                         }
@@ -6484,29 +6662,32 @@ function LowerThirdOverlay(param) {
     var overlay = param.overlay, size = param.size;
     var cfg = parseConfig(overlay.content);
     if (!cfg) return null;
-    var f = Math.max(6, size.w * 0.055);
+    var f = Math.max(6, size.w * 0.05);
+    var accentH = Math.max(3, size.h * 0.038);
     return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
         style: {
             width: "100%",
             height: "100%",
-            borderRadius: Math.max(2, size.w * 0.02),
+            borderRadius: Math.max(2, size.w * 0.018),
             display: "flex",
             flexDirection: "column",
             justifyContent: "flex-end",
             background: cfg.backgroundColor,
             color: cfg.textColor,
-            fontFamily: "Roboto, 'Segoe UI', Arial, sans-serif",
+            fontFamily: "'Inter', 'Roboto', 'Segoe UI', system-ui, sans-serif",
             overflow: "hidden",
             pointerEvents: "none",
             userSelect: "none",
-            fontSize: "".concat(f, "px")
+            fontSize: "".concat(f, "px"),
+            boxShadow: "0 10px 32px rgba(0,0,0,0.4)"
         },
         children: [
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
                 style: {
                     width: "100%",
-                    height: Math.max(2, size.h * 0.06),
-                    backgroundColor: cfg.accentColor
+                    height: accentH,
+                    backgroundColor: cfg.accentColor,
+                    flexShrink: 0
                 }
             }),
             /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
@@ -6515,23 +6696,28 @@ function LowerThirdOverlay(param) {
                     display: "flex",
                     flexDirection: "column",
                     justifyContent: "center",
-                    padding: "".concat(f * 0.5, "px ").concat(f * 1.2, "px")
+                    padding: "".concat(f * 0.62, "px ").concat(f * 1.05, "px"),
+                    minHeight: 0,
+                    gap: f * 0.18
                 },
                 children: [
                     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
                         style: {
-                            fontSize: "1.4em",
-                            fontWeight: 700,
-                            lineHeight: 1.2,
-                            textShadow: "0 1px 4px rgba(0,0,0,0.5)"
+                            fontSize: "1.28em",
+                            fontWeight: 800,
+                            lineHeight: 1.22,
+                            letterSpacing: "0.01em",
+                            textShadow: "0 2px 6px rgba(0,0,0,0.55)"
                         },
                         children: cfg.headline
                     }),
                     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
                         style: {
-                            fontSize: "1em",
-                            opacity: 0.7,
-                            marginTop: f * 0.2
+                            fontSize: "0.94em",
+                            fontWeight: 500,
+                            opacity: 0.92,
+                            lineHeight: 1.35,
+                            color: cfg.textColor
                         },
                         children: cfg.subtitle
                     })
@@ -6539,20 +6725,24 @@ function LowerThirdOverlay(param) {
             }),
             (cfg.sponsorText || cfg.sponsorImageUrl) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
                 style: {
-                    fontSize: "0.7em",
-                    opacity: 0.5,
-                    padding: "0 ".concat(f * 1.2, "px ").concat(f * 0.4, "px"),
+                    fontSize: "0.68em",
+                    fontWeight: 600,
+                    opacity: 0.72,
+                    padding: "".concat(f * 0.28, "px ").concat(f * 1.05, "px ").concat(f * 0.48, "px"),
                     display: "flex",
                     alignItems: "center",
                     gap: f * 0.4,
-                    overflow: "hidden"
+                    overflow: "hidden",
+                    letterSpacing: "0.06em",
+                    textTransform: "uppercase",
+                    borderTop: "1px solid rgba(255,255,255,0.08)"
                 },
                 children: [
                     cfg.sponsorImageUrl && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
                         src: cfg.sponsorImageUrl,
                         alt: "sponsor",
                         style: {
-                            height: "".concat(f * 1.4, "px"),
+                            height: "".concat(f * 1.25, "px"),
                             objectFit: "contain",
                             flexShrink: 0
                         }
@@ -7466,8 +7656,13 @@ var OverlayRenderer = function OverlayRenderer(param) {
         },
         children: _to_consumable_array(fadeMap.values()).map(function(param) {
             var overlay = param.overlay, visible = param.visible;
-            var scaleX = (coordinateSpace === null || coordinateSpace === void 0 ? void 0 : coordinateSpace.width) ? dims.displayWidth / coordinateSpace.width : dims.scaleX;
-            var scaleY = (coordinateSpace === null || coordinateSpace === void 0 ? void 0 : coordinateSpace.height) ? dims.displayHeight / coordinateSpace.height : dims.scaleY;
+            var uniform = coordinateSpace && coordinateSpace.width > 0 && coordinateSpace.height > 0;
+            var auth = uniform ? {
+                width: coordinateSpace.width,
+                height: coordinateSpace.height
+            } : overlayAuthoringDimensions(overlay, dims.nativeWidth, dims.nativeHeight);
+            var scaleX = dims.displayWidth / auth.width;
+            var scaleY = dims.displayHeight / auth.height;
             var left = overlay.x * scaleX;
             var top = overlay.y * scaleY;
             var width = overlay.width * scaleX;
@@ -7690,23 +7885,28 @@ var StormcloudVideoPlayerComponent = import_react2.default.memo(function(props)
     }, [
         swirlOverlayApiBaseUrl
     ]);
+    var _import_react2_default_useState17 = _sliced_to_array(import_react2.default.useState(null), 2), overlayCoordSpace = _import_react2_default_useState17[0], setOverlayCoordSpace = _import_react2_default_useState17[1];
     var displayOverlays = import_react2.default.useMemo(function() {
         if (!swirlProjectId || !swirlShowcaseDemo) return overlays;
         if (overlays.some(scrollerLooksLikeMarketsStock)) return overlays;
-        var hasOtherScroller = overlays.some(function(o) {
-            return o.type === "scroller";
-        });
+        if (overlays.some(function(o) {
+            return o.visible && o.type === "scroller";
+        })) return overlays;
+        var cw = overlayCoordSpace === null || overlayCoordSpace === void 0 ? void 0 : overlayCoordSpace.width;
+        var ch = overlayCoordSpace === null || overlayCoordSpace === void 0 ? void 0 : overlayCoordSpace.height;
+        var tickerOpts = cw && cw > 0 && ch && ch > 0 ? {
+            coordinateWidth: cw,
+            coordinateHeight: ch
+        } : {};
         return _to_consumable_array(overlays).concat([
-            createDemoStockTickerOverlay(swirlProjectId, {
-                stackAboveNews: hasOtherScroller
-            })
+            createDemoStockTickerOverlay(swirlProjectId, tickerOpts)
         ]);
     }, [
         overlays,
         swirlProjectId,
-        swirlShowcaseDemo
+        swirlShowcaseDemo,
+        overlayCoordSpace
     ]);
-    var _import_react2_default_useState17 = _sliced_to_array(import_react2.default.useState(null), 2), overlayCoordSpace = _import_react2_default_useState17[0], setOverlayCoordSpace = _import_react2_default_useState17[1];
     var _import_react2_default_useState18 = _sliced_to_array(import_react2.default.useState(typeof window !== "undefined" ? window.innerWidth : 1920), 2), viewportWidth = _import_react2_default_useState18[0], setViewportWidth = _import_react2_default_useState18[1];
     var _import_react2_default_useState19 = _sliced_to_array(import_react2.default.useState(typeof window !== "undefined" ? window.innerHeight > window.innerWidth : false), 2), isPortrait = _import_react2_default_useState19[0], setIsPortrait = _import_react2_default_useState19[1];
     var _import_react2_default_useState20 = _sliced_to_array(import_react2.default.useState(DEFAULT_PLAYER_ASPECT_RATIO), 2), playerAspectRatio = _import_react2_default_useState20[0], setPlayerAspectRatio = _import_react2_default_useState20[1];
@@ -8002,8 +8202,7 @@ var StormcloudVideoPlayerComponent = import_react2.default.memo(function(props)
         var _playerRef_current;
         if (!swirlProjectId) return;
         var tryResolve = function tryResolve() {
-            var _player_getMaxHlsResolution, _player_getMinHlsResolution;
-            var player = playerRef.current;
+            var _ref, _ref1;
             var fixed = swirlOverlayCoordinateSpace;
             if (fixed && fixed.width > 0 && fixed.height > 0) {
                 setOverlayCoordSpace({
@@ -8012,26 +8211,29 @@ var StormcloudVideoPlayerComponent = import_react2.default.memo(function(props)
                 });
                 return true;
             }
+            var player = playerRef.current;
             if (!player) return false;
             var video2 = player.videoElement;
-            if (video2 && video2.videoWidth > 0 && video2.videoHeight > 0) {
-                setOverlayCoordSpace({
-                    width: video2.videoWidth,
-                    height: video2.videoHeight
-                });
-                return true;
-            }
-            var maxRes = (_player_getMaxHlsResolution = player.getMaxHlsResolution) === null || _player_getMaxHlsResolution === void 0 ? void 0 : _player_getMaxHlsResolution.call(player);
-            if (maxRes) {
-                setOverlayCoordSpace(maxRes);
-                return true;
-            }
-            var minRes = (_player_getMinHlsResolution = player.getMinHlsResolution) === null || _player_getMinHlsResolution === void 0 ? void 0 : _player_getMinHlsResolution.call(player);
-            if (minRes) {
-                setOverlayCoordSpace(minRes);
-                return true;
+            var vw = (_ref = video2 === null || video2 === void 0 ? void 0 : video2.videoWidth) !== null && _ref !== void 0 ? _ref : 0;
+            var vh = (_ref1 = video2 === null || video2 === void 0 ? void 0 : video2.videoHeight) !== null && _ref1 !== void 0 ? _ref1 : 0;
+            if (!vw || !vh) {
+                var _player_getMaxHlsResolution;
+                var maxRes = (_player_getMaxHlsResolution = player.getMaxHlsResolution) === null || _player_getMaxHlsResolution === void 0 ? void 0 : _player_getMaxHlsResolution.call(player);
+                if (maxRes && maxRes.width > 0 && maxRes.height > 0) {
+                    vw = maxRes.width;
+                    vh = maxRes.height;
+                } else {
+                    var _player_getMinHlsResolution;
+                    var minRes = (_player_getMinHlsResolution = player.getMinHlsResolution) === null || _player_getMinHlsResolution === void 0 ? void 0 : _player_getMinHlsResolution.call(player);
+                    if (minRes && minRes.width > 0 && minRes.height > 0) {
+                        vw = minRes.width;
+                        vh = minRes.height;
+                    }
+                }
             }
-            return false;
+            if (!vw || !vh) return false;
+            setOverlayCoordSpace(inferSwirlOverlayCoordinateSpace(overlays, vw, vh));
+            return true;
         };
         var attempts = 0;
         var maxAttempts = 40;
@@ -8057,7 +8259,8 @@ var StormcloudVideoPlayerComponent = import_react2.default.memo(function(props)
     }, [
         swirlProjectId,
         criticalPropsKey,
-        swirlOverlayCoordinateSpace
+        swirlOverlayCoordinateSpace,
+        overlays
     ]);
     (0, import_react2.useEffect)(function() {
         if (!playerRef.current) return;
@@ -8488,7 +8691,7 @@ var StormcloudVideoPlayerComponent = import_react2.default.memo(function(props)
                         overlays: displayOverlays,
                         currentTime: currentTime,
                         videoRef: videoRef,
-                        coordinateSpace: overlayCoordSpace,
+                        coordinateSpace: swirlOverlayCoordinateSpace && swirlOverlayCoordinateSpace.width > 0 && swirlOverlayCoordinateSpace.height > 0 ? swirlOverlayCoordinateSpace : null,
                         showcaseMode: !!swirlShowcaseDemo
                     }),
                     (isLoading || isBuffering) && !hideLoadingIndicator && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", {