stormcloud-video-player 0.7.40 → 0.7.42

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (15) hide show
  1. package/dist/stormcloud-vp.min.js +1 -1
  2. package/lib/index.cjs +24 -109
  3. package/lib/index.cjs.map +1 -1
  4. package/lib/index.d.cts +1 -8
  5. package/lib/index.d.ts +1 -8
  6. package/lib/index.js +25 -102
  7. package/lib/index.js.map +1 -1
  8. package/lib/ui/OverlayRenderer.cjs +23 -20
  9. package/lib/ui/OverlayRenderer.cjs.map +1 -1
  10. package/lib/ui/StormcloudVideoPlayer.cjs +24 -101
  11. package/lib/ui/StormcloudVideoPlayer.cjs.map +1 -1
  12. package/lib/utils/overlays.cjs +1 -67
  13. package/lib/utils/overlays.cjs.map +1 -1
  14. package/lib/utils/overlays.d.cts +1 -8
  15. package/package.json +1 -1
package/lib/ui/OverlayRenderer.cjs CHANGED
@@ -365,8 +365,7 @@ function overlayAuthoringDimensions(overlay, decodeWidth, decodeHeight) {
365
365
  var EPS = 2;
366
366
  var exceedsDecode = extR > decodeWidth + EPS || extB > decodeHeight + EPS;
367
367
  var isNabDemo = overlay.name.startsWith(NAB_DEMO_NAME_PREFIX);
368
- var isSyntheticMarketsTicker = overlay.id === -9001 || overlay.name === "Demo stock ticker";
369
- if (exceedsDecode && (isNabDemo || isSyntheticMarketsTicker)) {
368
+ if (exceedsDecode && isNabDemo) {
370
369
  return {
371
370
  width: SWIRL_HD_AUTHORING_WIDTH,
372
371
  height: SWIRL_HD_AUTHORING_HEIGHT
@@ -760,6 +759,7 @@ function ScrollerOverlay(param) {
760
759
  var labelTextColor = (_ref11 = cfg === null || cfg === void 0 ? void 0 : cfg.label_text_color) !== null && _ref11 !== void 0 ? _ref11 : "#ffffff";
761
760
  var accentColor = (_ref12 = cfg === null || cfg === void 0 ? void 0 : cfg.accent_color) !== null && _ref12 !== void 0 ? _ref12 : labelColor;
762
761
  var showAccentLine = (cfg === null || cfg === void 0 ? void 0 : cfg.show_accent_line) !== false;
762
+ var isEquitiesStrip = (cfg === null || cfg === void 0 ? void 0 : cfg.preset) === "equities_strip";
763
763
  var isHorizontal = direction === "left" || direction === "right";
764
764
  var isReverse = direction === "right" || direction === "down";
765
765
  var fullText = segments.join(" ".concat(sep, " "));
@@ -790,7 +790,7 @@ function ScrollerOverlay(param) {
790
790
  children: [
791
791
  showAccentLine && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
792
792
  style: {
793
- height: 3,
793
+ height: isEquitiesStrip ? 2 : 3,
794
794
  background: accentColor,
795
795
  flexShrink: 0,
796
796
  width: "100%"
@@ -803,8 +803,8 @@ function ScrollerOverlay(param) {
803
803
  overflow: "hidden",
804
804
  minHeight: 0,
805
805
  alignItems: "center",
806
- padding: "".concat(Math.max(4, pad * 0.75), "px ").concat(pad, "px"),
807
- gap: Math.max(6, pad),
806
+ padding: isEquitiesStrip ? "".concat(Math.max(2, pad * 0.5), "px ").concat(pad, "px") : "".concat(Math.max(4, pad * 0.75), "px ").concat(pad, "px"),
807
+ gap: isEquitiesStrip ? Math.max(4, Math.round(pad * 0.75)) : Math.max(6, pad),
808
808
  boxSizing: "border-box"
809
809
  },
810
810
  children: [
@@ -812,30 +812,33 @@ function ScrollerOverlay(param) {
812
812
  style: {
813
813
  background: labelColor,
814
814
  color: labelTextColor,
815
- padding: "10px 14px",
815
+ padding: isEquitiesStrip ? "6px 12px" : "10px 14px",
816
816
  display: "flex",
817
- flexDirection: "column",
817
+ flexDirection: isEquitiesStrip ? "row" : "column",
818
818
  alignItems: "center",
819
819
  justifyContent: "center",
820
820
  flexShrink: 0,
821
821
  textAlign: "center",
822
- gap: 2,
823
- borderRadius: Math.max(4, borderRadius > 0 ? borderRadius : 6),
824
- boxShadow: "0 2px 8px rgba(0,0,0,0.35)"
822
+ gap: isEquitiesStrip ? 0 : 2,
823
+ borderRadius: Math.max(2, borderRadius > 0 ? borderRadius : 6),
824
+ boxShadow: isEquitiesStrip ? "inset 0 1px 0 rgba(255,255,255,0.08)" : "0 2px 8px rgba(0,0,0,0.35)",
825
+ alignSelf: "stretch",
826
+ maxWidth: isEquitiesStrip ? "min(200px, 28%)" : void 0
825
827
  },
826
828
  children: [
827
829
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
828
830
  style: {
829
- fontWeight: 800,
830
- fontSize: "0.78em",
831
- letterSpacing: "0.08em",
832
- lineHeight: 1.15,
833
- textTransform: "uppercase",
834
- whiteSpace: "nowrap"
831
+ fontWeight: isEquitiesStrip ? 700 : 800,
832
+ fontSize: isEquitiesStrip ? "0.82em" : "0.78em",
833
+ letterSpacing: isEquitiesStrip ? "0.04em" : "0.08em",
834
+ lineHeight: 1.2,
835
+ textTransform: isEquitiesStrip ? "none" : "uppercase",
836
+ whiteSpace: isEquitiesStrip ? "normal" : "nowrap",
837
+ textAlign: isEquitiesStrip ? "left" : "center"
835
838
  },
836
839
  children: label
837
840
  }),
838
- labelLine2 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
841
+ labelLine2 && !isEquitiesStrip && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
839
842
  style: {
840
843
  fontWeight: 600,
841
844
  fontSize: "0.58em",
@@ -850,13 +853,13 @@ function ScrollerOverlay(param) {
850
853
  }),
851
854
  label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
852
855
  style: {
853
- width: 2,
856
+ width: isEquitiesStrip ? 1 : 2,
854
857
  alignSelf: "stretch",
855
- minHeight: 24,
858
+ minHeight: isEquitiesStrip ? 20 : 24,
856
859
  background: accentColor,
857
860
  flexShrink: 0,
858
861
  borderRadius: 1,
859
- opacity: 0.9
862
+ opacity: 0.85
860
863
  }
861
864
  }),
862
865
  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {