stormcloud-video-player 0.7.40 → 0.7.41

package/lib/index.d.cts

@@ -4091,7 +4091,6 @@ declare function swirlProjectHasNabDemoMixedWithOther(overlays: SwirlOverlay[]):
 declare function inferSwirlOverlayCoordinateSpace(overlays: SwirlOverlay[], videoWidth: number, videoHeight: number): OverlayCoordinateSpace;
 declare function scrollerLooksLikeMarketsStock(o: SwirlOverlay): boolean;
 type DemoStockTickerOptions = {
-    stackAboveNews?: boolean;
     coordinateWidth?: number;
     coordinateHeight?: number;
 };

package/lib/index.d.ts

@@ -4091,7 +4091,6 @@ declare function swirlProjectHasNabDemoMixedWithOther(overlays: SwirlOverlay[]):
 declare function inferSwirlOverlayCoordinateSpace(overlays: SwirlOverlay[], videoWidth: number, videoHeight: number): OverlayCoordinateSpace;
 declare function scrollerLooksLikeMarketsStock(o: SwirlOverlay): boolean;
 type DemoStockTickerOptions = {
-    stackAboveNews?: boolean;
     coordinateWidth?: number;
     coordinateHeight?: number;
 };

package/lib/index.js

@@ -5829,18 +5829,17 @@ 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 = (stack ? 788 : 992) * sy;
+    var y = 1002 * sy;
     var width = 1848 * sx;
-    var height = (stack ? 72 : 78) * sy;
-    var fontSize = Math.max(8, Math.round(14 * sy));
-    var scrollSpeed = Math.max(8, Math.round(38 * sx));
-    var borderRadius = Math.max(1, Math.round(6 * sy));
+    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,
@@ -5854,27 +5853,28 @@ function createDemoStockTickerOverlay(projectId, opts) {
         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: scrollSpeed,
             font_size: fontSize,
             font_weight: "600",
             text_color: "#e2e8f0",
-            background_color: "#070b14",
-            background_opacity: 94,
+            background_color: "#0a0f18",
+            background_opacity: 92,
             border_radius: borderRadius,
-            padding: Math.max(4, Math.round(8 * sy)),
-            label: "MARKETS",
-            label_line2: "LIVE",
-            label_color: "#0e7490",
-            label_text_color: "#ecfeff",
-            accent_color: "#22d3ee",
+            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",
-            item_spacing: Math.max(32, Math.round(56 * sx))
+            item_spacing: Math.max(28, Math.round(48 * sx))
         }
     };
 }
@@ -6324,6 +6324,7 @@ function ScrollerOverlay(param) {
     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, "  "));
@@ -6354,7 +6355,7 @@ function ScrollerOverlay(param) {
                 children: [
                     showAccentLine && /* @__PURE__ */ jsx("div", {
                         style: {
-                            height: 3,
+                            height: isEquitiesStrip ? 2 : 3,
                             background: accentColor,
                             flexShrink: 0,
                             width: "100%"
@@ -6367,8 +6368,8 @@ function ScrollerOverlay(param) {
                             overflow: "hidden",
                             minHeight: 0,
                             alignItems: "center",
-                            padding: "".concat(Math.max(4, pad * 0.75), "px ").concat(pad, "px"),
-                            gap: Math.max(6, pad),
+                            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: [
@@ -6376,30 +6377,33 @@ function ScrollerOverlay(param) {
                                 style: {
                                     background: labelColor,
                                     color: labelTextColor,
-                                    padding: "10px 14px",
+                                    padding: isEquitiesStrip ? "6px 12px" : "10px 14px",
                                     display: "flex",
-                                    flexDirection: "column",
+                                    flexDirection: isEquitiesStrip ? "row" : "column",
                                     alignItems: "center",
                                     justifyContent: "center",
                                     flexShrink: 0,
                                     textAlign: "center",
-                                    gap: 2,
-                                    borderRadius: Math.max(4, borderRadius > 0 ? borderRadius : 6),
-                                    boxShadow: "0 2px 8px rgba(0,0,0,0.35)"
+                                    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__ */ jsx("span", {
                                         style: {
-                                            fontWeight: 800,
-                                            fontSize: "0.78em",
-                                            letterSpacing: "0.08em",
-                                            lineHeight: 1.15,
-                                            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__ */ jsx("span", {
+                                    labelLine2 && !isEquitiesStrip && /* @__PURE__ */ jsx("span", {
                                         style: {
                                             fontWeight: 600,
                                             fontSize: "0.58em",
@@ -6414,13 +6418,13 @@ function ScrollerOverlay(param) {
                             }),
                             label && /* @__PURE__ */ jsx("div", {
                                 style: {
-                                    width: 2,
+                                    width: isEquitiesStrip ? 1 : 2,
                                     alignSelf: "stretch",
-                                    minHeight: 24,
+                                    minHeight: isEquitiesStrip ? 20 : 24,
                                     background: accentColor,
                                     flexShrink: 0,
                                     borderRadius: 1,
-                                    opacity: 0.9
+                                    opacity: 0.85
                                 }
                             }),
                             /* @__PURE__ */ jsx("div", {
@@ -7897,18 +7901,15 @@ var StormcloudVideoPlayerComponent = React2.memo(function(props) {
     var displayOverlays = React2.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 ? {
-            stackAboveNews: hasOtherScroller,
             coordinateWidth: cw,
             coordinateHeight: ch
-        } : {
-            stackAboveNews: hasOtherScroller
-        };
+        } : {};
         return _to_consumable_array(overlays).concat([
             createDemoStockTickerOverlay(swirlProjectId, tickerOpts)
         ]);