stormcloud-video-player 0.7.40 → 0.7.41
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.
- package/dist/stormcloud-vp.min.js +1 -1
- package/lib/index.cjs +43 -42
- package/lib/index.cjs.map +1 -1
- package/lib/index.d.cts +0 -1
- package/lib/index.d.ts +0 -1
- package/lib/index.js +43 -42
- package/lib/index.js.map +1 -1
- package/lib/ui/OverlayRenderer.cjs +22 -18
- package/lib/ui/OverlayRenderer.cjs.map +1 -1
- package/lib/ui/StormcloudVideoPlayer.cjs +43 -42
- package/lib/ui/StormcloudVideoPlayer.cjs.map +1 -1
- package/lib/utils/overlays.cjs +17 -17
- package/lib/utils/overlays.cjs.map +1 -1
- package/lib/utils/overlays.d.cts +0 -1
- package/package.json +1 -1
|
@@ -760,6 +760,7 @@ function ScrollerOverlay(param) {
|
|
|
760
760
|
var labelTextColor = (_ref11 = cfg === null || cfg === void 0 ? void 0 : cfg.label_text_color) !== null && _ref11 !== void 0 ? _ref11 : "#ffffff";
|
|
761
761
|
var accentColor = (_ref12 = cfg === null || cfg === void 0 ? void 0 : cfg.accent_color) !== null && _ref12 !== void 0 ? _ref12 : labelColor;
|
|
762
762
|
var showAccentLine = (cfg === null || cfg === void 0 ? void 0 : cfg.show_accent_line) !== false;
|
|
763
|
+
var isEquitiesStrip = (cfg === null || cfg === void 0 ? void 0 : cfg.preset) === "equities_strip";
|
|
763
764
|
var isHorizontal = direction === "left" || direction === "right";
|
|
764
765
|
var isReverse = direction === "right" || direction === "down";
|
|
765
766
|
var fullText = segments.join(" ".concat(sep, " "));
|
|
@@ -790,7 +791,7 @@ function ScrollerOverlay(param) {
|
|
|
790
791
|
children: [
|
|
791
792
|
showAccentLine && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
|
|
792
793
|
style: {
|
|
793
|
-
height: 3,
|
|
794
|
+
height: isEquitiesStrip ? 2 : 3,
|
|
794
795
|
background: accentColor,
|
|
795
796
|
flexShrink: 0,
|
|
796
797
|
width: "100%"
|
|
@@ -803,8 +804,8 @@ function ScrollerOverlay(param) {
|
|
|
803
804
|
overflow: "hidden",
|
|
804
805
|
minHeight: 0,
|
|
805
806
|
alignItems: "center",
|
|
806
|
-
padding: "".concat(Math.max(4, pad * 0.75), "px ").concat(pad, "px"),
|
|
807
|
-
gap: Math.max(6, pad),
|
|
807
|
+
padding: isEquitiesStrip ? "".concat(Math.max(2, pad * 0.5), "px ").concat(pad, "px") : "".concat(Math.max(4, pad * 0.75), "px ").concat(pad, "px"),
|
|
808
|
+
gap: isEquitiesStrip ? Math.max(4, Math.round(pad * 0.75)) : Math.max(6, pad),
|
|
808
809
|
boxSizing: "border-box"
|
|
809
810
|
},
|
|
810
811
|
children: [
|
|
@@ -812,30 +813,33 @@ function ScrollerOverlay(param) {
|
|
|
812
813
|
style: {
|
|
813
814
|
background: labelColor,
|
|
814
815
|
color: labelTextColor,
|
|
815
|
-
padding: "10px 14px",
|
|
816
|
+
padding: isEquitiesStrip ? "6px 12px" : "10px 14px",
|
|
816
817
|
display: "flex",
|
|
817
|
-
flexDirection: "column",
|
|
818
|
+
flexDirection: isEquitiesStrip ? "row" : "column",
|
|
818
819
|
alignItems: "center",
|
|
819
820
|
justifyContent: "center",
|
|
820
821
|
flexShrink: 0,
|
|
821
822
|
textAlign: "center",
|
|
822
|
-
gap: 2,
|
|
823
|
-
borderRadius: Math.max(
|
|
824
|
-
boxShadow: "0 2px 8px rgba(0,0,0,0.35)"
|
|
823
|
+
gap: isEquitiesStrip ? 0 : 2,
|
|
824
|
+
borderRadius: Math.max(2, borderRadius > 0 ? borderRadius : 6),
|
|
825
|
+
boxShadow: isEquitiesStrip ? "inset 0 1px 0 rgba(255,255,255,0.08)" : "0 2px 8px rgba(0,0,0,0.35)",
|
|
826
|
+
alignSelf: "stretch",
|
|
827
|
+
maxWidth: isEquitiesStrip ? "min(200px, 28%)" : void 0
|
|
825
828
|
},
|
|
826
829
|
children: [
|
|
827
830
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
|
|
828
831
|
style: {
|
|
829
|
-
fontWeight: 800,
|
|
830
|
-
fontSize: "0.78em",
|
|
831
|
-
letterSpacing: "0.08em",
|
|
832
|
-
lineHeight: 1.
|
|
833
|
-
textTransform: "uppercase",
|
|
834
|
-
whiteSpace: "nowrap"
|
|
832
|
+
fontWeight: isEquitiesStrip ? 700 : 800,
|
|
833
|
+
fontSize: isEquitiesStrip ? "0.82em" : "0.78em",
|
|
834
|
+
letterSpacing: isEquitiesStrip ? "0.04em" : "0.08em",
|
|
835
|
+
lineHeight: 1.2,
|
|
836
|
+
textTransform: isEquitiesStrip ? "none" : "uppercase",
|
|
837
|
+
whiteSpace: isEquitiesStrip ? "normal" : "nowrap",
|
|
838
|
+
textAlign: isEquitiesStrip ? "left" : "center"
|
|
835
839
|
},
|
|
836
840
|
children: label
|
|
837
841
|
}),
|
|
838
|
-
labelLine2 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
|
|
842
|
+
labelLine2 && !isEquitiesStrip && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
|
|
839
843
|
style: {
|
|
840
844
|
fontWeight: 600,
|
|
841
845
|
fontSize: "0.58em",
|
|
@@ -850,13 +854,13 @@ function ScrollerOverlay(param) {
|
|
|
850
854
|
}),
|
|
851
855
|
label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
|
|
852
856
|
style: {
|
|
853
|
-
width: 2,
|
|
857
|
+
width: isEquitiesStrip ? 1 : 2,
|
|
854
858
|
alignSelf: "stretch",
|
|
855
|
-
minHeight: 24,
|
|
859
|
+
minHeight: isEquitiesStrip ? 20 : 24,
|
|
856
860
|
background: accentColor,
|
|
857
861
|
flexShrink: 0,
|
|
858
862
|
borderRadius: 1,
|
|
859
|
-
opacity: 0.
|
|
863
|
+
opacity: 0.85
|
|
860
864
|
}
|
|
861
865
|
}),
|
|
862
866
|
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
|