stormcloud-video-player 0.7.50 → 0.8.1

package/lib/ui/OverlayRenderer.cjs

@@ -1,2376 +0,0 @@
-"use strict";
-function _array_like_to_array(arr, len) {
-    if (len == null || len > arr.length) len = arr.length;
-    for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
-    return arr2;
-}
-function _array_with_holes(arr) {
-    if (Array.isArray(arr)) return arr;
-}
-function _array_without_holes(arr) {
-    if (Array.isArray(arr)) return _array_like_to_array(arr);
-}
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
-    try {
-        var info = gen[key](arg);
-        var value = info.value;
-    } catch (error) {
-        reject(error);
-        return;
-    }
-    if (info.done) {
-        resolve(value);
-    } else {
-        Promise.resolve(value).then(_next, _throw);
-    }
-}
-function _async_to_generator(fn) {
-    return function() {
-        var self = this, args = arguments;
-        return new Promise(function(resolve, reject) {
-            var gen = fn.apply(self, args);
-            function _next(value) {
-                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
-            }
-            function _throw(err) {
-                asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
-            }
-            _next(undefined);
-        });
-    };
-}
-function _define_property(obj, key, value) {
-    if (key in obj) {
-        Object.defineProperty(obj, key, {
-            value: value,
-            enumerable: true,
-            configurable: true,
-            writable: true
-        });
-    } else {
-        obj[key] = value;
-    }
-    return obj;
-}
-function _iterable_to_array(iter) {
-    if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-function _iterable_to_array_limit(arr, i) {
-    var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
-    if (_i == null) return;
-    var _arr = [];
-    var _n = true;
-    var _d = false;
-    var _s, _e;
-    try {
-        for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
-            _arr.push(_s.value);
-            if (i && _arr.length === i) break;
-        }
-    } catch (err) {
-        _d = true;
-        _e = err;
-    } finally{
-        try {
-            if (!_n && _i["return"] != null) _i["return"]();
-        } finally{
-            if (_d) throw _e;
-        }
-    }
-    return _arr;
-}
-function _non_iterable_rest() {
-    throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _non_iterable_spread() {
-    throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-function _object_spread(target) {
-    for(var i = 1; i < arguments.length; i++){
-        var source = arguments[i] != null ? arguments[i] : {};
-        var ownKeys = Object.keys(source);
-        if (typeof Object.getOwnPropertySymbols === "function") {
-            ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(source, sym).enumerable;
-            }));
-        }
-        ownKeys.forEach(function(key) {
-            _define_property(target, key, source[key]);
-        });
-    }
-    return target;
-}
-function ownKeys(object, enumerableOnly) {
-    var keys = Object.keys(object);
-    if (Object.getOwnPropertySymbols) {
-        var symbols = Object.getOwnPropertySymbols(object);
-        if (enumerableOnly) {
-            symbols = symbols.filter(function(sym) {
-                return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-            });
-        }
-        keys.push.apply(keys, symbols);
-    }
-    return keys;
-}
-function _object_spread_props(target, source) {
-    source = source != null ? source : {};
-    if (Object.getOwnPropertyDescriptors) {
-        Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-        ownKeys(Object(source)).forEach(function(key) {
-            Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-        });
-    }
-    return target;
-}
-function _sliced_to_array(arr, i) {
-    return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
-}
-function _to_consumable_array(arr) {
-    return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
-}
-function _type_of(obj) {
-    "@swc/helpers - typeof";
-    return obj && typeof Symbol !== "undefined" && obj.constructor === Symbol ? "symbol" : typeof obj;
-}
-function _unsupported_iterable_to_array(o, minLen) {
-    if (!o) return;
-    if (typeof o === "string") return _array_like_to_array(o, minLen);
-    var n = Object.prototype.toString.call(o).slice(8, -1);
-    if (n === "Object" && o.constructor) n = o.constructor.name;
-    if (n === "Map" || n === "Set") return Array.from(n);
-    if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
-}
-function _ts_generator(thisArg, body) {
-    var f, y, t, _ = {
-        label: 0,
-        sent: function() {
-            if (t[0] & 1) throw t[1];
-            return t[1];
-        },
-        trys: [],
-        ops: []
-    }, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype), d = Object.defineProperty;
-    return d(g, "next", {
-        value: verb(0)
-    }), d(g, "throw", {
-        value: verb(1)
-    }), d(g, "return", {
-        value: verb(2)
-    }), typeof Symbol === "function" && d(g, Symbol.iterator, {
-        value: function() {
-            return this;
-        }
-    }), g;
-    function verb(n) {
-        return function(v) {
-            return step([
-                n,
-                v
-            ]);
-        };
-    }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while(g && (g = 0, op[0] && (_ = 0)), _)try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [
-                op[0] & 2,
-                t.value
-            ];
-            switch(op[0]){
-                case 0:
-                case 1:
-                    t = op;
-                    break;
-                case 4:
-                    _.label++;
-                    return {
-                        value: op[1],
-                        done: false
-                    };
-                case 5:
-                    _.label++;
-                    y = op[1];
-                    op = [
-                        0
-                    ];
-                    continue;
-                case 7:
-                    op = _.ops.pop();
-                    _.trys.pop();
-                    continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) {
-                        _ = 0;
-                        continue;
-                    }
-                    if (op[0] === 3 && (!t || op[1] > t[0] && op[1] < t[3])) {
-                        _.label = op[1];
-                        break;
-                    }
-                    if (op[0] === 6 && _.label < t[1]) {
-                        _.label = t[1];
-                        t = op;
-                        break;
-                    }
-                    if (t && _.label < t[2]) {
-                        _.label = t[2];
-                        _.ops.push(op);
-                        break;
-                    }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop();
-                    continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) {
-            op = [
-                6,
-                e
-            ];
-            y = 0;
-        } finally{
-            f = t = 0;
-        }
-        if (op[0] & 5) throw op[1];
-        return {
-            value: op[0] ? op[1] : void 0,
-            done: true
-        };
-    }
-}
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = function __export(target, all) {
-    for(var name in all)__defProp(target, name, {
-        get: all[name],
-        enumerable: true
-    });
-};
-var __copyProps = function __copyProps(to, from, except, desc) {
-    if (from && (typeof from === "undefined" ? "undefined" : _type_of(from)) === "object" || typeof from === "function") {
-        var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
-        try {
-            var _loop = function() {
-                var key = _step.value;
-                if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-                    get: function get() {
-                        return from[key];
-                    },
-                    enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-                });
-            };
-            for(var _iterator = __getOwnPropNames(from)[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true)_loop();
-        } catch (err) {
-            _didIteratorError = true;
-            _iteratorError = err;
-        } finally{
-            try {
-                if (!_iteratorNormalCompletion && _iterator.return != null) {
-                    _iterator.return();
-                }
-            } finally{
-                if (_didIteratorError) {
-                    throw _iteratorError;
-                }
-            }
-        }
-    }
-    return to;
-};
-var __toESM = function __toESM(mod, isNodeMode, target) {
-    return target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(// If the importer is in node compatibility mode or this is not an ESM
-    // file that has been converted to a CommonJS file using a Babel-
-    // compatible transform (i.e. "__esModule" has not been set), then set
-    // "default" to the CommonJS "module.exports" for node compatibility.
-    isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-        value: mod,
-        enumerable: true
-    }) : target, mod);
-};
-var __toCommonJS = function __toCommonJS(mod) {
-    return __copyProps(__defProp({}, "__esModule", {
-        value: true
-    }), mod);
-};
-// src/ui/OverlayRenderer.tsx
-var OverlayRenderer_exports = {};
-__export(OverlayRenderer_exports, {
-    OverlayRenderer: function OverlayRenderer1() {
-        return OverlayRenderer;
-    }
-});
-module.exports = __toCommonJS(OverlayRenderer_exports);
-var import_react = __toESM(require("react"), 1);
-// src/utils/overlays.ts
-var OVERLAY_API_BASE = "https://adstorm.co/api-adstorm-dev";
-function timeStringToSeconds(timeStr) {
-    if (!timeStr) return 0;
-    var parts = timeStr.split(":");
-    if (parts.length >= 3) {
-        var _parts_, _parts_1, _parts_2;
-        var hours = parseInt((_parts_ = parts[0]) !== null && _parts_ !== void 0 ? _parts_ : "0", 10) || 0;
-        var minutes = parseInt((_parts_1 = parts[1]) !== null && _parts_1 !== void 0 ? _parts_1 : "0", 10) || 0;
-        var secStr = (_parts_2 = parts[2]) !== null && _parts_2 !== void 0 ? _parts_2 : "0";
-        var dotIdx = secStr.indexOf(".");
-        var seconds = parseInt(dotIdx >= 0 ? secStr.substring(0, dotIdx) : secStr, 10) || 0;
-        var msFrag = dotIdx >= 0 ? secStr.substring(dotIdx + 1) : "";
-        var ms = msFrag ? parseInt(msFrag.padEnd(3, "0").substring(0, 3), 10) || 0 : 0;
-        return hours * 3600 + minutes * 60 + seconds + ms / 1e3;
-    }
-    if (parts.length === 2) {
-        var _parts_3, _parts_4;
-        var minutes1 = parseInt((_parts_3 = parts[0]) !== null && _parts_3 !== void 0 ? _parts_3 : "0", 10) || 0;
-        var secStr1 = (_parts_4 = parts[1]) !== null && _parts_4 !== void 0 ? _parts_4 : "0";
-        var dotIdx1 = secStr1.indexOf(".");
-        var seconds1 = parseInt(dotIdx1 >= 0 ? secStr1.substring(0, dotIdx1) : secStr1, 10) || 0;
-        var msFrag1 = dotIdx1 >= 0 ? secStr1.substring(dotIdx1 + 1) : "";
-        var ms1 = msFrag1 ? parseInt(msFrag1.padEnd(3, "0").substring(0, 3), 10) || 0 : 0;
-        return minutes1 * 60 + seconds1 + ms1 / 1e3;
-    }
-    var num = parseFloat(timeStr);
-    return isFinite(num) ? Math.max(0, num) : 0;
-}
-function isOverlayActive(overlay, currentTime) {
-    if (!overlay.visible) return false;
-    var startSec = timeStringToSeconds(overlay.start_time);
-    var durationSec = timeStringToSeconds(overlay.duration);
-    if (durationSec <= 0) return false;
-    return currentTime >= startSec && currentTime < startSec + durationSec;
-}
-function resolveImageUrl(imageUrl) {
-    var apiBaseUrl = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : OVERLAY_API_BASE;
-    if (!imageUrl) return "";
-    if (imageUrl.startsWith("http://") || imageUrl.startsWith("https://")) {
-        return imageUrl;
-    }
-    if (imageUrl.startsWith("/")) {
-        try {
-            var url = new URL(apiBaseUrl);
-            return "".concat(url.origin).concat(imageUrl);
-        } catch (unused) {
-            return imageUrl;
-        }
-    }
-    return "".concat(apiBaseUrl, "/").concat(imageUrl);
-}
-// src/ui/OverlayRenderer.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-function computeVideoDimensions(video) {
-    var nativeWidth = video.videoWidth;
-    var nativeHeight = video.videoHeight;
-    if (!nativeWidth || !nativeHeight) return null;
-    var displayWidth = video.offsetWidth;
-    var displayHeight = video.offsetHeight;
-    if (!displayWidth || !displayHeight) return null;
-    var videoAspect = nativeWidth / nativeHeight;
-    var displayAspect = displayWidth / displayHeight;
-    var renderWidth;
-    var renderHeight;
-    var offsetX;
-    var offsetY;
-    if (videoAspect > displayAspect) {
-        renderWidth = displayWidth;
-        renderHeight = displayWidth / videoAspect;
-        offsetX = 0;
-        offsetY = (displayHeight - renderHeight) / 2;
-    } else {
-        renderHeight = displayHeight;
-        renderWidth = displayHeight * videoAspect;
-        offsetX = (displayWidth - renderWidth) / 2;
-        offsetY = 0;
-    }
-    return {
-        nativeWidth: nativeWidth,
-        nativeHeight: nativeHeight,
-        displayWidth: renderWidth,
-        displayHeight: renderHeight,
-        offsetX: offsetX,
-        offsetY: offsetY,
-        scaleX: renderWidth / nativeWidth,
-        scaleY: renderHeight / nativeHeight
-    };
-}
-function ImageOverlay(param) {
-    var overlay = param.overlay;
-    var src = resolveImageUrl(overlay.image_url || "");
-    if (!src) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
-        src: src,
-        alt: overlay.name,
-        draggable: false,
-        style: {
-            width: "100%",
-            height: "100%",
-            objectFit: "contain",
-            display: "block",
-            pointerEvents: "none",
-            userSelect: "none"
-        }
-    });
-}
-function TextOverlay(param) {
-    var overlay = param.overlay;
-    var text = overlay.content || "";
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-        style: {
-            width: "100%",
-            height: "100%",
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "center",
-            color: "#ffffff",
-            fontSize: "clamp(10px, 1.4vw, 20px)",
-            fontFamily: "Roboto, 'Segoe UI', Arial, sans-serif",
-            fontWeight: 600,
-            textAlign: "center",
-            padding: "4px 8px",
-            boxSizing: "border-box",
-            wordBreak: "break-word",
-            textShadow: "0 1px 4px rgba(0,0,0,0.7)",
-            pointerEvents: "none",
-            userSelect: "none",
-            lineHeight: 1.3
-        },
-        children: text
-    });
-}
-function parseRSSXml(xmlText, maxItems) {
-    var stripped = xmlText.replace(/^<\?xml[^?]*\?>\s*/, "");
-    var parser = new DOMParser();
-    var doc = parser.parseFromString(stripped, "text/xml");
-    var items = Array.from(doc.querySelectorAll("item")).map(function(item) {
-        var _item_querySelector, _item_querySelector1, _item_querySelector2, _item_querySelector3, _item_querySelector4;
-        return {
-            title: (((_item_querySelector = item.querySelector("title")) === null || _item_querySelector === void 0 ? void 0 : _item_querySelector.textContent) || "").replace(/<[^>]*>/g, "").trim(),
-            description: (((_item_querySelector1 = item.querySelector("description")) === null || _item_querySelector1 === void 0 ? void 0 : _item_querySelector1.textContent) || "").replace(/<[^>]*>/g, "").trim(),
-            pubDate: ((_item_querySelector2 = item.querySelector("pubDate")) === null || _item_querySelector2 === void 0 ? void 0 : _item_querySelector2.textContent) || "",
-            author: ((_item_querySelector3 = item.querySelector("author, dc\\:creator")) === null || _item_querySelector3 === void 0 ? void 0 : _item_querySelector3.textContent) || "",
-            category: ((_item_querySelector4 = item.querySelector("category")) === null || _item_querySelector4 === void 0 ? void 0 : _item_querySelector4.textContent) || ""
-        };
-    }).filter(function(i) {
-        return i.title;
-    }).slice(0, maxItems);
-    if (items.length === 0 && doc.querySelector("parsererror")) {
-        throw new Error("Invalid RSS XML");
-    }
-    return items;
-}
-var RSS_CACHE_TTL_MS = 6e4;
-var rssCache = /* @__PURE__ */ new Map();
-function cachedFetchRSSItems(rssUrl, maxItems) {
-    var now = Date.now();
-    var cached = rssCache.get(rssUrl);
-    if (cached && cached.expiresAt > now) return cached.promise;
-    var promise = fetchRSSItems(rssUrl, maxItems).catch(function(err) {
-        rssCache.delete(rssUrl);
-        throw err;
-    });
-    rssCache.set(rssUrl, {
-        promise: promise,
-        expiresAt: now + RSS_CACHE_TTL_MS
-    });
-    return promise;
-}
-function fetchRSSItems(rssUrl, maxItems) {
-    return _async_to_generator(function() {
-        var encoded, origin, resp, text, unused, resp1, data, unused1, resp2, text1, unused2;
-        return _ts_generator(this, function(_state) {
-            switch(_state.label){
-                case 0:
-                    encoded = encodeURIComponent(rssUrl);
-                    _state.label = 1;
-                case 1:
-                    _state.trys.push([
-                        1,
-                        5,
-                        ,
-                        6
-                    ]);
-                    origin = typeof window !== "undefined" ? window.location.origin : "";
-                    return [
-                        4,
-                        fetch("".concat(origin, "/api/rss-proxy?url=").concat(encoded))
-                    ];
-                case 2:
-                    resp = _state.sent();
-                    if (!resp.ok) return [
-                        3,
-                        4
-                    ];
-                    return [
-                        4,
-                        resp.text()
-                    ];
-                case 3:
-                    text = _state.sent();
-                    if (text.includes("<item")) return [
-                        2,
-                        parseRSSXml(text, maxItems)
-                    ];
-                    _state.label = 4;
-                case 4:
-                    return [
-                        3,
-                        6
-                    ];
-                case 5:
-                    unused = _state.sent();
-                    return [
-                        3,
-                        6
-                    ];
-                case 6:
-                    _state.trys.push([
-                        6,
-                        10,
-                        ,
-                        11
-                    ]);
-                    return [
-                        4,
-                        fetch("https://api.allorigins.win/get?url=".concat(encoded))
-                    ];
-                case 7:
-                    resp1 = _state.sent();
-                    if (!resp1.ok) return [
-                        3,
-                        9
-                    ];
-                    return [
-                        4,
-                        resp1.json()
-                    ];
-                case 8:
-                    data = _state.sent();
-                    if (data.contents) return [
-                        2,
-                        parseRSSXml(data.contents, maxItems)
-                    ];
-                    _state.label = 9;
-                case 9:
-                    return [
-                        3,
-                        11
-                    ];
-                case 10:
-                    unused1 = _state.sent();
-                    return [
-                        3,
-                        11
-                    ];
-                case 11:
-                    _state.trys.push([
-                        11,
-                        15,
-                        ,
-                        16
-                    ]);
-                    return [
-                        4,
-                        fetch("https://corsproxy.io/?url=".concat(encoded))
-                    ];
-                case 12:
-                    resp2 = _state.sent();
-                    if (!resp2.ok) return [
-                        3,
-                        14
-                    ];
-                    return [
-                        4,
-                        resp2.text()
-                    ];
-                case 13:
-                    text1 = _state.sent();
-                    if (text1) return [
-                        2,
-                        parseRSSXml(text1, maxItems)
-                    ];
-                    _state.label = 14;
-                case 14:
-                    return [
-                        3,
-                        16
-                    ];
-                case 15:
-                    unused2 = _state.sent();
-                    return [
-                        3,
-                        16
-                    ];
-                case 16:
-                    throw new Error("All RSS proxies failed");
-            }
-        });
-    })();
-}
-function ScrollerOverlay(param) {
-    var overlay = param.overlay;
-    var _ref, _ref1, _ref2, _ref3, _ref4, _ref5, _ref6, _ref7, _ref8, _ref9, _ref10, _ref11, _ref12;
-    var cfg = overlay.scroller_config;
-    var uid = (0, import_react.useId)().replace(/:/g, "");
-    var _ref13 = _sliced_to_array((0, import_react.useState)([]), 2), rssItems = _ref13[0], setRssItems = _ref13[1];
-    var _ref14 = _sliced_to_array((0, import_react.useState)(true), 2), rssLoading = _ref14[0], setRssLoading = _ref14[1];
-    var _ref15 = _sliced_to_array((0, import_react.useState)(false), 2), rssError = _ref15[0], setRssError = _ref15[1];
-    var rssUrl = (cfg === null || cfg === void 0 ? void 0 : cfg.rss_url) || "";
-    var maxItems = (_ref = cfg === null || cfg === void 0 ? void 0 : cfg.max_items) !== null && _ref !== void 0 ? _ref : 10;
-    var autoRefresh = (cfg === null || cfg === void 0 ? void 0 : cfg.auto_refresh) !== false;
-    var updateInterval = (_ref1 = cfg === null || cfg === void 0 ? void 0 : cfg.update_interval) !== null && _ref1 !== void 0 ? _ref1 : 5;
-    (0, import_react.useEffect)(function() {
-        if (!rssUrl || (cfg === null || cfg === void 0 ? void 0 : cfg.use_custom_text) && (cfg === null || cfg === void 0 ? void 0 : cfg.custom_text)) {
-            setRssLoading(false);
-            return;
-        }
-        var cancelled = false;
-        setRssLoading(true);
-        setRssError(false);
-        cachedFetchRSSItems(rssUrl, maxItems).then(function(items) {
-            if (!cancelled) {
-                setRssItems(items);
-                setRssError(false);
-            }
-        }).catch(function() {
-            if (!cancelled) setRssError(true);
-        }).finally(function() {
-            if (!cancelled) setRssLoading(false);
-        });
-        return function() {
-            cancelled = true;
-        };
-    }, [
-        rssUrl,
-        maxItems,
-        cfg === null || cfg === void 0 ? void 0 : cfg.use_custom_text,
-        cfg === null || cfg === void 0 ? void 0 : cfg.custom_text
-    ]);
-    (0, import_react.useEffect)(function() {
-        if (!rssUrl || !autoRefresh || (cfg === null || cfg === void 0 ? void 0 : cfg.use_custom_text) && (cfg === null || cfg === void 0 ? void 0 : cfg.custom_text)) return;
-        var interval = setInterval(function() {
-            rssCache.delete(rssUrl);
-            cachedFetchRSSItems(rssUrl, maxItems).then(function(items) {
-                setRssItems(items);
-                setRssError(false);
-            }).catch(function() {});
-        }, updateInterval * 60 * 1e3);
-        return function() {
-            return clearInterval(interval);
-        };
-    }, [
-        rssUrl,
-        autoRefresh,
-        updateInterval,
-        maxItems,
-        cfg === null || cfg === void 0 ? void 0 : cfg.use_custom_text,
-        cfg === null || cfg === void 0 ? void 0 : cfg.custom_text
-    ]);
-    var sep = (_ref2 = cfg === null || cfg === void 0 ? void 0 : cfg.separator_char) !== null && _ref2 !== void 0 ? _ref2 : "\u25C6";
-    var segments;
-    if ((cfg === null || cfg === void 0 ? void 0 : cfg.use_custom_text) && (cfg === null || cfg === void 0 ? void 0 : cfg.custom_text)) {
-        segments = [
-            cfg.custom_text
-        ];
-    } else if (rssItems.length > 0) {
-        segments = rssItems.map(function(item) {
-            var parts = [];
-            if ((cfg === null || cfg === void 0 ? void 0 : cfg.show_title) !== false && item.title) parts.push(item.title);
-            if ((cfg === null || cfg === void 0 ? void 0 : cfg.show_description) && item.description) parts.push(item.description);
-            if ((cfg === null || cfg === void 0 ? void 0 : cfg.show_timestamp) && item.pubDate) {
-                try {
-                    parts.push(new Date(item.pubDate).toLocaleDateString());
-                } catch (unused) {}
-            }
-            if ((cfg === null || cfg === void 0 ? void 0 : cfg.show_author) && item.author) parts.push("— ".concat(item.author));
-            if ((cfg === null || cfg === void 0 ? void 0 : cfg.show_category) && item.category) parts.push("[".concat(item.category, "]"));
-            return parts.join("  ");
-        });
-    } else if (rssLoading) {
-        segments = [
-            "Loading feed\u2026"
-        ];
-    } else if (rssError) {
-        segments = overlay.content ? [
-            overlay.content
-        ] : [
-            "RSS feed unavailable"
-        ];
-    } else if (overlay.content) {
-        segments = [
-            overlay.content
-        ];
-    } else {
-        segments = rssUrl ? [
-            "Loading feed\u2026"
-        ] : [
-            "RSS Ticker"
-        ];
-    }
-    var scrollSpeed = (_ref3 = cfg === null || cfg === void 0 ? void 0 : cfg.scroll_speed) !== null && _ref3 !== void 0 ? _ref3 : 40;
-    var direction = (_ref4 = cfg === null || cfg === void 0 ? void 0 : cfg.direction) !== null && _ref4 !== void 0 ? _ref4 : "left";
-    var fontSize = (_ref5 = cfg === null || cfg === void 0 ? void 0 : cfg.font_size) !== null && _ref5 !== void 0 ? _ref5 : 15;
-    var fontFamily = (cfg === null || cfg === void 0 ? void 0 : cfg.font_family) || "Roboto, 'Segoe UI', Arial, sans-serif";
-    var fontWeight = (cfg === null || cfg === void 0 ? void 0 : cfg.font_weight) || "700";
-    var textColor = (cfg === null || cfg === void 0 ? void 0 : cfg.text_color) || "#ffffff";
-    var bgColor = (cfg === null || cfg === void 0 ? void 0 : cfg.background_color) || "#0d0d1a";
-    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, "  "));
-    var durationSec = Math.max(6, fullText.length * 9 / scrollSpeed);
-    var animId = "sc-ticker-".concat(overlay.id, "-").concat(uid);
-    var keyframes = isHorizontal ? "@keyframes ".concat(animId, " {\n        ").concat(isReverse ? "0% { transform: translateX(-50%); } 100% { transform: translateX(0%); }" : "0% { transform: translateX(0); } 100% { transform: translateX(-50%); }", "\n      }") : "@keyframes ".concat(animId, " {\n        ").concat(isReverse ? "0% { transform: translateY(-50%); } 100% { transform: translateY(0%); }" : "0% { transform: translateY(0); } 100% { transform: translateY(-50%); }", "\n      }");
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, {
-        children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("style", {
-                children: keyframes
-            }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-                style: {
-                    width: "100%",
-                    height: "100%",
-                    display: "flex",
-                    flexDirection: "column",
-                    overflow: "hidden",
-                    borderRadius: borderRadius > 0 ? "".concat(borderRadius, "px") : void 0,
-                    backgroundColor: "rgba(".concat(hexToRgb(bgColor), ", ").concat(bgOpacity, ")"),
-                    fontFamily: fontFamily,
-                    fontSize: "".concat(fontSize, "px"),
-                    fontWeight: fontWeight,
-                    color: textColor,
-                    pointerEvents: "none",
-                    userSelect: "none"
-                },
-                children: [
-                    showAccentLine && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-                        style: {
-                            height: isEquitiesStrip ? 2 : 3,
-                            background: accentColor,
-                            flexShrink: 0,
-                            width: "100%"
-                        }
-                    }),
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-                        style: {
-                            display: "flex",
-                            flex: 1,
-                            overflow: "hidden",
-                            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: isEquitiesStrip ? "6px 12px" : "10px 14px",
-                                    display: "flex",
-                                    flexDirection: isEquitiesStrip ? "row" : "column",
-                                    alignItems: "center",
-                                    justifyContent: "center",
-                                    flexShrink: 0,
-                                    textAlign: "center",
-                                    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: 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 && !isEquitiesStrip && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-                                        style: {
-                                            fontWeight: 600,
-                                            fontSize: "0.58em",
-                                            letterSpacing: "0.06em",
-                                            lineHeight: 1.15,
-                                            opacity: 0.92,
-                                            whiteSpace: "nowrap"
-                                        },
-                                        children: labelLine2
-                                    })
-                                ]
-                            }),
-                            label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-                                style: {
-                                    width: isEquitiesStrip ? 1 : 2,
-                                    alignSelf: "stretch",
-                                    minHeight: isEquitiesStrip ? 20 : 24,
-                                    background: accentColor,
-                                    flexShrink: 0,
-                                    borderRadius: 1,
-                                    opacity: 0.85
-                                }
-                            }),
-                            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-                                style: {
-                                    flex: 1,
-                                    overflow: "hidden",
-                                    position: "relative",
-                                    display: "flex",
-                                    alignItems: "center",
-                                    minWidth: 0
-                                },
-                                children: isHorizontal ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-                                    style: {
-                                        display: "inline-flex",
-                                        whiteSpace: "nowrap",
-                                        animation: "".concat(animId, " ").concat(durationSec, "s linear infinite"),
-                                        willChange: "transform"
-                                    },
-                                    children: [
-                                        0,
-                                        1
-                                    ].map(function(copy) {
-                                        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-                                            style: {
-                                                paddingRight: "".concat(itemSpacing, "px")
-                                            },
-                                            children: segments.map(function(seg, i) {
-                                                return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.default.Fragment, {
-                                                    children: [
-                                                        i > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-                                                            style: {
-                                                                opacity: 0.5,
-                                                                margin: "0 8px"
-                                                            },
-                                                            children: sep
-                                                        }),
-                                                        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-                                                            style: {
-                                                                textShadow: "0 1px 3px rgba(0,0,0,0.6)"
-                                                            },
-                                                            children: seg
-                                                        })
-                                                    ]
-                                                }, i);
-                                            })
-                                        }, copy);
-                                    })
-                                }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-                                    style: {
-                                        display: "flex",
-                                        flexDirection: "column",
-                                        whiteSpace: "nowrap",
-                                        animation: "".concat(animId, " ").concat(durationSec, "s linear infinite"),
-                                        willChange: "transform"
-                                    },
-                                    children: [
-                                        0,
-                                        1
-                                    ].map(function(copy) {
-                                        return segments.map(function(seg, i) {
-                                            return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-                                                style: {
-                                                    paddingBottom: "".concat(itemSpacing / 4, "px")
-                                                },
-                                                children: seg
-                                            }, "".concat(copy, "-").concat(i));
-                                        });
-                                    })
-                                })
-                            })
-                        ]
-                    })
-                ]
-            })
-        ]
-    });
-}
-function parseConfig(content) {
-    if (!content) return null;
-    try {
-        return JSON.parse(content);
-    } catch (unused) {
-        return null;
-    }
-}
-function parseClockMMSS(clock) {
-    if (!clock) return null;
-    var m = /^\s*(\d{1,3}):([0-5]?\d)\s*$/.exec(clock);
-    if (!m) return null;
-    return parseInt(m[1], 10) * 60 + parseInt(m[2], 10);
-}
-function formatClockMMSS(totalSec) {
-    var s = Math.max(0, Math.floor(totalSec));
-    var mm = Math.floor(s / 60);
-    var ss = s % 60;
-    return "".concat(mm, ":").concat(ss.toString().padStart(2, "0"));
-}
-function useScoreBugClock(overlayId, sourceClock) {
-    var initialSec = parseClockMMSS(sourceClock);
-    var _ref = _sliced_to_array((0, import_react.useState)(function() {
-        return Date.now();
-    }), 2), now = _ref[0], setNow = _ref[1];
-    var startRef = (0, import_react.useRef)(null);
-    (0, import_react.useEffect)(function() {
-        if (initialSec === null) {
-            startRef.current = null;
-            return;
-        }
-        startRef.current = {
-            id: overlayId,
-            source: sourceClock || "",
-            at: Date.now(),
-            seconds: initialSec
-        };
-        setNow(Date.now());
-        var tick = window.setInterval(function() {
-            return setNow(Date.now());
-        }, 500);
-        return function() {
-            return clearInterval(tick);
-        };
-    }, [
-        overlayId,
-        sourceClock,
-        initialSec
-    ]);
-    if (initialSec === null || !startRef.current) return null;
-    var elapsed = Math.floor((now - startRef.current.at) / 1e3);
-    var remaining = Math.max(0, startRef.current.seconds - elapsed);
-    return formatClockMMSS(remaining);
-}
-function ScoreBugOverlay(param) {
-    var overlay = param.overlay, size = param.size;
-    var _ref, _cfg_period;
-    var cfg = parseConfig(overlay.content);
-    var liveClock = useScoreBugClock(overlay.id, cfg === null || cfg === void 0 ? void 0 : cfg.clock);
-    if (!cfg) return null;
-    var f = Math.max(6, size.w * 0.052);
-    var displayClock = (_ref = liveClock !== null && liveClock !== void 0 ? liveClock : cfg.clock) !== null && _ref !== void 0 ? _ref : "";
-    var displayPeriod = (_cfg_period = cfg.period) !== null && _cfg_period !== void 0 ? _cfg_period : "";
-    var showMiddleCol = Boolean(displayPeriod || displayClock);
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-        style: {
-            width: "100%",
-            height: "100%",
-            borderRadius: Math.max(2, size.w * 0.028),
-            display: "flex",
-            flexDirection: "column",
-            background: cfg.backgroundColor,
-            color: cfg.textColor,
-            fontFamily: "'Inter', 'Roboto', 'Segoe UI', system-ui, sans-serif",
-            overflow: "hidden",
-            pointerEvents: "none",
-            userSelect: "none",
-            fontSize: "".concat(f, "px"),
-            boxShadow: "0 8px 28px rgba(0,0,0,0.45)"
-        },
-        children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-                style: {
-                    flex: 1,
-                    display: "flex",
-                    alignItems: "center",
-                    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",
-                            minWidth: 0,
-                            padding: "0 ".concat(f * 0.15, "px")
-                        },
-                        children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-                                style: {
-                                    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.75em",
-                                    fontWeight: 900,
-                                    lineHeight: 1.05,
-                                    marginTop: f * 0.08
-                                },
-                                children: cfg.homeScore
-                            })
-                        ]
-                    }),
-                    showMiddleCol && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-                        style: {
-                            fontSize: "0.88em",
-                            textAlign: "center",
-                            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: [
-                            displayPeriod && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-                                children: displayPeriod
-                            }),
-                            displayClock && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-                                style: {
-                                    fontWeight: 700,
-                                    opacity: 1
-                                },
-                                children: displayClock
-                            })
-                        ]
-                    }),
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-                        style: {
-                            flex: 1,
-                            textAlign: "center",
-                            minWidth: 0,
-                            padding: "0 ".concat(f * 0.15, "px")
-                        },
-                        children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-                                style: {
-                                    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.75em",
-                                    fontWeight: 900,
-                                    lineHeight: 1.05,
-                                    marginTop: f * 0.08
-                                },
-                                children: cfg.awayScore
-                            })
-                        ]
-                    })
-                ]
-            }),
-            (cfg.sponsorText || cfg.sponsorImageUrl) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-                style: {
-                    fontSize: "0.72em",
-                    textAlign: "center",
-                    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.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.35, "px"),
-                            objectFit: "contain",
-                            flexShrink: 0
-                        }
-                    }),
-                    cfg.sponsorText && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-                        style: {
-                            overflow: "hidden",
-                            textOverflow: "ellipsis",
-                            whiteSpace: "nowrap"
-                        },
-                        children: cfg.sponsorText
-                    })
-                ]
-            })
-        ]
-    });
-}
-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.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.018),
-            display: "flex",
-            flexDirection: "column",
-            justifyContent: "flex-end",
-            background: cfg.backgroundColor,
-            color: cfg.textColor,
-            fontFamily: "'Inter', 'Roboto', 'Segoe UI', system-ui, sans-serif",
-            overflow: "hidden",
-            pointerEvents: "none",
-            userSelect: "none",
-            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: accentH,
-                    backgroundColor: cfg.accentColor,
-                    flexShrink: 0
-                }
-            }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-                style: {
-                    flex: 1,
-                    display: "flex",
-                    flexDirection: "column",
-                    justifyContent: "center",
-                    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.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: "0.94em",
-                            fontWeight: 500,
-                            opacity: 0.92,
-                            lineHeight: 1.35,
-                            color: cfg.textColor
-                        },
-                        children: cfg.subtitle
-                    })
-                ]
-            }),
-            (cfg.sponsorText || cfg.sponsorImageUrl) && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-                style: {
-                    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",
-                    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.25, "px"),
-                            objectFit: "contain",
-                            flexShrink: 0
-                        }
-                    }),
-                    cfg.sponsorText && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-                        style: {
-                            overflow: "hidden",
-                            textOverflow: "ellipsis",
-                            whiteSpace: "nowrap"
-                        },
-                        children: cfg.sponsorText
-                    })
-                ]
-            })
-        ]
-    });
-}
-function QrCodeOverlay(param) {
-    var overlay = param.overlay, size = param.size;
-    var cfg = parseConfig(overlay.content);
-    if (!cfg) return null;
-    var qrSide = Math.max(32, Math.min(size.w, size.h) * 0.55);
-    var qrUrl = "https://api.qrserver.com/v1/create-qr-code/?size=".concat(Math.round(qrSide * 2), "x").concat(Math.round(qrSide * 2), "&data=").concat(encodeURIComponent(cfg.url || "https://example.com"));
-    var f = Math.max(6, size.w * 0.06);
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-        style: {
-            width: "100%",
-            height: "100%",
-            borderRadius: Math.max(2, size.w * 0.035),
-            display: "flex",
-            flexDirection: "column",
-            alignItems: "center",
-            justifyContent: "center",
-            gap: f * 0.4,
-            background: cfg.backgroundColor,
-            color: cfg.textColor,
-            fontFamily: "Roboto, 'Segoe UI', Arial, sans-serif",
-            padding: f * 0.6,
-            boxSizing: "border-box",
-            pointerEvents: "none",
-            userSelect: "none",
-            overflow: "hidden"
-        },
-        children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-                style: {
-                    flexShrink: 0,
-                    background: "#fff",
-                    borderRadius: Math.max(2, qrSide * 0.06),
-                    padding: Math.max(2, qrSide * 0.06),
-                    lineHeight: 0
-                },
-                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
-                    src: qrUrl,
-                    alt: "QR Code",
-                    style: {
-                        width: "".concat(qrSide, "px"),
-                        height: "".concat(qrSide, "px"),
-                        display: "block"
-                    }
-                })
-            }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-                style: {
-                    fontSize: "".concat(f * 1.1, "px"),
-                    fontWeight: 700,
-                    textAlign: "center",
-                    color: cfg.accentColor,
-                    overflow: "hidden",
-                    textOverflow: "ellipsis",
-                    whiteSpace: "nowrap",
-                    width: "100%"
-                },
-                children: cfg.ctaText
-            }),
-            cfg.description && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-                style: {
-                    fontSize: "".concat(f * 0.75, "px"),
-                    opacity: 0.6,
-                    textAlign: "center",
-                    overflow: "hidden",
-                    textOverflow: "ellipsis",
-                    whiteSpace: "nowrap",
-                    width: "100%"
-                },
-                children: cfg.description
-            })
-        ]
-    });
-}
-function ComingUpNextOverlay(param) {
-    var overlay = param.overlay, size = param.size;
-    var cfg = parseConfig(overlay.content);
-    if (!cfg) return null;
-    var f = Math.max(8, Math.min(size.h * 0.13, size.w * 0.048));
-    var showSubtitle = size.h >= 60;
-    var showThumbnail = false;
-    var thumbW = 0;
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-        style: {
-            width: "100%",
-            height: "100%",
-            borderRadius: Math.max(2, size.w * 0.025),
-            display: "flex",
-            background: cfg.backgroundColor,
-            color: cfg.textColor,
-            fontFamily: "'Arial', 'Helvetica Neue', Helvetica, sans-serif",
-            overflow: "hidden",
-            pointerEvents: "none",
-            userSelect: "none",
-            fontSize: "".concat(f, "px"),
-            WebkitFontSmoothing: "antialiased"
-        },
-        children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-                style: {
-                    width: Math.max(3, size.w * 0.018),
-                    flexShrink: 0,
-                    backgroundColor: cfg.accentColor
-                }
-            }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-                style: {
-                    flex: 1,
-                    display: "flex",
-                    flexDirection: "column",
-                    justifyContent: "center",
-                    padding: "".concat(f * 0.35, "px ").concat(f * 0.75, "px"),
-                    minWidth: 0,
-                    gap: "".concat(f * 0.08, "px")
-                },
-                children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-                        style: {
-                            fontSize: "0.7em",
-                            fontWeight: 700,
-                            textTransform: "uppercase",
-                            letterSpacing: "0.09em",
-                            color: cfg.accentColor,
-                            lineHeight: 1
-                        },
-                        children: "Coming Up Next"
-                    }),
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-                        style: {
-                            fontSize: "1.2em",
-                            fontWeight: 700,
-                            lineHeight: 1.2,
-                            overflow: "hidden",
-                            textOverflow: "ellipsis",
-                            whiteSpace: "nowrap"
-                        },
-                        children: cfg.title
-                    }),
-                    showSubtitle && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-                        style: {
-                            fontSize: "0.82em",
-                            opacity: 0.65,
-                            lineHeight: 1.1,
-                            overflow: "hidden",
-                            textOverflow: "ellipsis",
-                            whiteSpace: "nowrap"
-                        },
-                        children: cfg.subtitle
-                    }),
-                    cfg.scheduledTime && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-                        style: {
-                            fontSize: "0.9em",
-                            fontWeight: 700,
-                            color: cfg.accentColor,
-                            lineHeight: 1
-                        },
-                        children: cfg.scheduledTime
-                    })
-                ]
-            }),
-            showThumbnail && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-                style: {
-                    flexShrink: 0,
-                    width: "".concat(thumbW, "px"),
-                    overflow: "hidden"
-                },
-                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
-                    src: cfg.thumbnailUrl,
-                    alt: "",
-                    style: {
-                        width: "100%",
-                        height: "100%",
-                        objectFit: "cover",
-                        display: "block"
-                    }
-                })
-            })
-        ]
-    });
-}
-function ContextualTriggerOverlay(param) {
-    var overlay = param.overlay, size = param.size;
-    var cfg = parseConfig(overlay.content);
-    if (!cfg) return null;
-    var icons = {
-        alert: "\u26A0\uFE0F",
-        celebration: "\uD83C\uDF89",
-        info: "\u2139\uFE0F",
-        warning: "\uD83D\uDD14"
-    };
-    var f = Math.max(6, size.w * 0.05);
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-        style: {
-            width: "100%",
-            height: "100%",
-            borderRadius: Math.max(2, size.w * 0.035),
-            display: "flex",
-            alignItems: "center",
-            gap: f * 0.8,
-            padding: "0 ".concat(f * 1.2, "px"),
-            background: cfg.backgroundColor,
-            color: cfg.textColor,
-            fontFamily: "Roboto, 'Segoe UI', Arial, sans-serif",
-            borderLeft: "".concat(Math.max(2, size.w * 0.02), "px solid ").concat(cfg.accentColor),
-            boxSizing: "border-box",
-            pointerEvents: "none",
-            userSelect: "none",
-            fontSize: "".concat(f, "px")
-        },
-        children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-                style: {
-                    fontSize: "2em",
-                    flexShrink: 0
-                },
-                children: icons[cfg.iconType] || "\u26A1"
-            }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-                style: {
-                    flex: 1,
-                    minWidth: 0
-                },
-                children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-                        style: {
-                            fontSize: "1.3em",
-                            fontWeight: 700,
-                            overflow: "hidden",
-                            textOverflow: "ellipsis",
-                            whiteSpace: "nowrap"
-                        },
-                        children: cfg.headline
-                    }),
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-                        style: {
-                            fontSize: "0.9em",
-                            opacity: 0.7,
-                            overflow: "hidden",
-                            textOverflow: "ellipsis",
-                            whiteSpace: "nowrap"
-                        },
-                        children: cfg.message
-                    })
-                ]
-            })
-        ]
-    });
-}
-function OddsBettingOverlay(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.052);
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-        style: {
-            width: "100%",
-            height: "100%",
-            borderRadius: Math.max(2, size.w * 0.035),
-            display: "flex",
-            flexDirection: "column",
-            padding: f * 0.8,
-            background: cfg.backgroundColor,
-            color: cfg.textColor,
-            fontFamily: "Roboto, 'Segoe UI', Arial, sans-serif",
-            boxSizing: "border-box",
-            pointerEvents: "none",
-            userSelect: "none",
-            fontSize: "".concat(f, "px")
-        },
-        children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-                style: {
-                    fontSize: "0.9em",
-                    fontWeight: 700,
-                    textTransform: "uppercase",
-                    letterSpacing: "0.05em",
-                    color: cfg.accentColor,
-                    marginBottom: f * 0.4
-                },
-                children: cfg.eventTitle
-            }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-                style: {
-                    flex: 1,
-                    display: "flex",
-                    flexDirection: "column",
-                    gap: f * 0.2,
-                    justifyContent: "center"
-                },
-                children: (cfg.options || []).slice(0, 5).map(function(opt, i) {
-                    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-                        style: {
-                            display: "flex",
-                            justifyContent: "space-between",
-                            alignItems: "center",
-                            padding: "".concat(f * 0.2, "px ").concat(f * 0.6, "px"),
-                            borderRadius: Math.max(2, f * 0.3),
-                            background: "".concat(cfg.accentColor, "15"),
-                            fontSize: "1em"
-                        },
-                        children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-                                style: {
-                                    overflow: "hidden",
-                                    textOverflow: "ellipsis",
-                                    whiteSpace: "nowrap",
-                                    flex: 1
-                                },
-                                children: opt.label
-                            }),
-                            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", {
-                                style: {
-                                    fontWeight: 700,
-                                    marginLeft: f * 0.8,
-                                    flexShrink: 0,
-                                    color: cfg.accentColor
-                                },
-                                children: opt.odds
-                            })
-                        ]
-                    }, i);
-                })
-            }),
-            cfg.sponsorText && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-                style: {
-                    fontSize: "0.7em",
-                    opacity: 0.4,
-                    textAlign: "center",
-                    marginTop: f * 0.4
-                },
-                children: cfg.sponsorText
-            })
-        ]
-    });
-}
-function BreakingNewsOverlay(param) {
-    var overlay = param.overlay, size = param.size;
-    var cfg = parseConfig(overlay.content);
-    if (!cfg) return null;
-    var urgencyColors = {
-        breaking: "#dc2626",
-        urgent: "#ea580c",
-        normal: "#2563eb"
-    };
-    var labelBg = urgencyColors[cfg.urgency] || urgencyColors.normal;
-    var label = cfg.urgency === "breaking" ? "BREAKING" : cfg.urgency === "urgent" ? "URGENT" : "NEWS";
-    var f = Math.max(6, size.w * 0.05);
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-        style: {
-            width: "100%",
-            height: "100%",
-            borderRadius: Math.max(2, size.w * 0.02),
-            display: "flex",
-            alignItems: "center",
-            background: cfg.backgroundColor,
-            color: cfg.textColor,
-            fontFamily: "Roboto, 'Segoe UI', Arial, sans-serif",
-            overflow: "hidden",
-            pointerEvents: "none",
-            userSelect: "none",
-            fontSize: "".concat(f, "px")
-        },
-        children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-                style: {
-                    padding: "0 ".concat(f * 0.8, "px"),
-                    height: "100%",
-                    display: "flex",
-                    alignItems: "center",
-                    background: labelBg,
-                    color: "#fff",
-                    fontSize: "1em",
-                    fontWeight: 900,
-                    textTransform: "uppercase",
-                    letterSpacing: "0.05em",
-                    flexShrink: 0
-                },
-                children: label
-            }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-                style: {
-                    flex: 1,
-                    padding: "0 ".concat(f * 1, "px"),
-                    minWidth: 0
-                },
-                children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-                        style: {
-                            fontSize: "1.3em",
-                            fontWeight: 700,
-                            overflow: "hidden",
-                            textOverflow: "ellipsis",
-                            whiteSpace: "nowrap"
-                        },
-                        children: cfg.headline
-                    }),
-                    cfg.body && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-                        style: {
-                            fontSize: "0.9em",
-                            opacity: 0.7,
-                            overflow: "hidden",
-                            textOverflow: "ellipsis",
-                            whiteSpace: "nowrap"
-                        },
-                        children: cfg.body
-                    })
-                ]
-            })
-        ]
-    });
-}
-function calcCountdownRemaining(targetTime) {
-    var diff = Math.max(0, new Date(targetTime).getTime() - Date.now());
-    return {
-        d: Math.floor(diff / 864e5),
-        h: Math.floor(diff % 864e5 / 36e5),
-        m: Math.floor(diff % 36e5 / 6e4),
-        s: Math.floor(diff % 6e4 / 1e3),
-        expired: diff === 0
-    };
-}
-function CountdownOverlay(param) {
-    var overlay = param.overlay, size = param.size;
-    var _ref;
-    var cfg = parseConfig(overlay.content);
-    var targetTime = (_ref = cfg === null || cfg === void 0 ? void 0 : cfg.targetTime) !== null && _ref !== void 0 ? _ref : "";
-    var _ref1 = _sliced_to_array((0, import_react.useState)(function() {
-        return targetTime ? calcCountdownRemaining(targetTime) : {
-            d: 0,
-            h: 0,
-            m: 0,
-            s: 0,
-            expired: false
-        };
-    }), 2), remaining = _ref1[0], setRemaining = _ref1[1];
-    (0, import_react.useEffect)(function() {
-        if (!targetTime) return;
-        setRemaining(calcCountdownRemaining(targetTime));
-        var id = setInterval(function() {
-            return setRemaining(calcCountdownRemaining(targetTime));
-        }, 1e3);
-        return function() {
-            return clearInterval(id);
-        };
-    }, [
-        targetTime
-    ]);
-    if (!cfg) return null;
-    var f = Math.max(6, size.w * 0.055);
-    var pad = function pad(n) {
-        return String(n).padStart(2, "0");
-    };
-    var units = [
-        {
-            show: cfg.showDays,
-            value: pad(remaining.d),
-            label: "DAYS"
-        },
-        {
-            show: cfg.showHours,
-            value: pad(remaining.h),
-            label: "HRS"
-        },
-        {
-            show: cfg.showMinutes,
-            value: pad(remaining.m),
-            label: "MIN"
-        },
-        {
-            show: cfg.showSeconds,
-            value: pad(remaining.s),
-            label: "SEC"
-        }
-    ];
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-        style: {
-            width: "100%",
-            height: "100%",
-            borderRadius: Math.max(2, size.w * 0.035),
-            display: "flex",
-            flexDirection: "column",
-            alignItems: "center",
-            justifyContent: "center",
-            padding: f * 0.8,
-            background: cfg.backgroundColor,
-            color: cfg.textColor,
-            fontFamily: "Roboto, 'Segoe UI', Arial, sans-serif",
-            boxSizing: "border-box",
-            pointerEvents: "none",
-            userSelect: "none",
-            fontSize: "".concat(f, "px")
-        },
-        children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-                style: {
-                    fontSize: "0.8em",
-                    fontWeight: 600,
-                    textTransform: "uppercase",
-                    letterSpacing: "0.05em",
-                    color: cfg.accentColor,
-                    marginBottom: f * 0.4
-                },
-                children: cfg.eventName
-            }),
-            remaining.expired ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-                style: {
-                    fontSize: "1em",
-                    fontWeight: 700,
-                    opacity: 0.6
-                },
-                children: cfg.message || "Event ended"
-            }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-                style: {
-                    display: "flex",
-                    gap: f * 0.6,
-                    alignItems: "center"
-                },
-                children: units.filter(function(u) {
-                    return u.show;
-                }).map(function(u, i, arr) {
-                    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react.default.Fragment, {
-                        children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-                                style: {
-                                    textAlign: "center"
-                                },
-                                children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-                                        style: {
-                                            fontSize: "2em",
-                                            fontWeight: 900,
-                                            lineHeight: 1,
-                                            borderRadius: Math.max(2, f * 0.4),
-                                            padding: "".concat(f * 0.2, "px ").concat(f * 0.4, "px"),
-                                            background: "".concat(cfg.accentColor, "20")
-                                        },
-                                        children: u.value
-                                    }),
-                                    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-                                        style: {
-                                            fontSize: "0.5em",
-                                            opacity: 0.5,
-                                            marginTop: f * 0.2
-                                        },
-                                        children: u.label
-                                    })
-                                ]
-                            }),
-                            i < arr.length - 1 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-                                style: {
-                                    fontSize: "1.8em",
-                                    fontWeight: 700,
-                                    opacity: 0.3
-                                },
-                                children: ":"
-                            })
-                        ]
-                    }, u.label);
-                })
-            }),
-            !remaining.expired && cfg.message && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-                style: {
-                    fontSize: "0.8em",
-                    opacity: 0.6,
-                    marginTop: f * 0.4,
-                    textAlign: "center"
-                },
-                children: cfg.message
-            })
-        ]
-    });
-}
-function ShapeOverlay(param) {
-    var overlay = param.overlay, size = param.size;
-    var f = Math.max(6, size.w * 0.05);
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-        style: {
-            width: "100%",
-            height: "100%",
-            borderRadius: Math.max(2, size.w * 0.03),
-            background: "rgba(99, 102, 241, 0.2)",
-            border: "2px solid rgba(99, 102, 241, 0.4)",
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "center",
-            pointerEvents: "none",
-            userSelect: "none"
-        },
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-            style: {
-                fontSize: "".concat(f, "px"),
-                fontWeight: 500,
-                color: "rgba(163, 163, 163, 0.8)",
-                textTransform: "uppercase"
-            },
-            children: overlay.name
-        })
-    });
-}
-function hexToRgb(hex) {
-    if (!hex || !hex.startsWith("#")) return "0,0,0";
-    var clean = hex.slice(1);
-    var num = parseInt(clean.length === 3 ? clean.replace(/./g, "$&$&") : clean, 16);
-    return "".concat(num >> 16 & 255, ",").concat(num >> 8 & 255, ",").concat(num & 255);
-}
-var FADE_DURATION_MS = 1e3;
-var ENTER_ANIMATION_ALIASES = {
-    fade: "fade",
-    slide_from_left: "slide_from_left",
-    slide_from_right: "slide_from_right",
-    slide_from_top: "slide_from_top",
-    slide_from_bottom: "slide_from_bottom",
-    slide_left: "slide_from_left",
-    slide_right: "slide_from_right",
-    slide_up: "slide_from_top",
-    slide_down: "slide_from_bottom"
-};
-function normalizeEnterAnimation(v) {
-    var _ENTER_ANIMATION_ALIASES_v;
-    if (typeof v !== "string") return null;
-    return (_ENTER_ANIMATION_ALIASES_v = ENTER_ANIMATION_ALIASES[v]) !== null && _ENTER_ANIMATION_ALIASES_v !== void 0 ? _ENTER_ANIMATION_ALIASES_v : null;
-}
-function getEnterAnimation(overlay) {
-    var flat = overlay.enter_animation;
-    var fromFlat = normalizeEnterAnimation(flat);
-    if (fromFlat) return fromFlat;
-    if (overlay.content) {
-        try {
-            var parsed = JSON.parse(overlay.content);
-            var fromContent = normalizeEnterAnimation(parsed === null || parsed === void 0 ? void 0 : parsed.enterAnimation);
-            if (fromContent) return fromContent;
-        } catch (unused) {}
-    }
-    return "fade";
-}
-function enterHiddenTransform(anim) {
-    switch(anim){
-        case "slide_from_left":
-            return "translateX(-120%)";
-        case "slide_from_right":
-            return "translateX(120%)";
-        case "slide_from_top":
-            return "translateY(-120%)";
-        case "slide_from_bottom":
-            return "translateY(120%)";
-        default:
-            return "";
-    }
-}
-var SHOWCASE_CYCLE_MS_DEFAULT = 36e3;
-var SHOWCASE_MIN_BEAT_MS = 6e3;
-var BEAT_POP_IN_MS = 520;
-var BEAT_POP_OUT_MS = 520;
-var SHOWCASE_PERSISTENT_TYPES = /* @__PURE__ */ new Set([
-    "scroller",
-    "breaking_news",
-    "image",
-    "text",
-    "shape",
-    "countdown",
-    "qr_code",
-    "coming_up_next",
-    "score_bug"
-]);
-function easeOutCubic(t) {
-    var u = 1 - t;
-    return 1 - u * u * u;
-}
-function easeInCubic(t) {
-    return t * t * t;
-}
-function easeOutBack(t) {
-    var c1 = 1.70158;
-    var c3 = c1 + 1;
-    return 1 + c3 * Math.pow(t - 1, 3) + c1 * Math.pow(t - 1, 2);
-}
-function beatOpacity(phase, beatMs) {
-    if (phase < BEAT_POP_IN_MS) return easeOutCubic(phase / BEAT_POP_IN_MS);
-    var holdEnd = beatMs - BEAT_POP_OUT_MS;
-    if (phase >= holdEnd) {
-        return Math.max(0, 1 - easeInCubic((phase - holdEnd) / BEAT_POP_OUT_MS));
-    }
-    return 1;
-}
-function beatScale(phase, beatMs) {
-    if (phase < BEAT_POP_IN_MS) {
-        return Math.min(1, 0.92 + 0.08 * easeOutBack(phase / BEAT_POP_IN_MS));
-    }
-    var holdEnd = beatMs - BEAT_POP_OUT_MS;
-    if (phase >= holdEnd) {
-        return 1 - 0.06 * easeInCubic((phase - holdEnd) / BEAT_POP_OUT_MS);
-    }
-    return 1;
-}
-function partitionShowcase(overlays) {
-    var visible = overlays.filter(function(o) {
-        return o.visible;
-    });
-    var persistent = [];
-    var spotlight = [];
-    var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
-    try {
-        for(var _iterator = visible[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
-            var o = _step.value;
-            if (SHOWCASE_PERSISTENT_TYPES.has(o.type)) persistent.push(o);
-            else spotlight.push(o);
-        }
-    } catch (err) {
-        _didIteratorError = true;
-        _iteratorError = err;
-    } finally{
-        try {
-            if (!_iteratorNormalCompletion && _iterator.return != null) {
-                _iterator.return();
-            }
-        } finally{
-            if (_didIteratorError) {
-                throw _iteratorError;
-            }
-        }
-    }
-    spotlight.sort(function(a, b) {
-        return a.z_index - b.z_index || a.id - b.id;
-    });
-    var beats = [];
-    var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = undefined;
-    try {
-        for(var _iterator1 = spotlight[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true){
-            var o1 = _step1.value;
-            beats.push([
-                o1
-            ]);
-        }
-    } catch (err) {
-        _didIteratorError1 = true;
-        _iteratorError1 = err;
-    } finally{
-        try {
-            if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
-                _iterator1.return();
-            }
-        } finally{
-            if (_didIteratorError1) {
-                throw _iteratorError1;
-            }
-        }
-    }
-    return {
-        persistent: persistent,
-        beats: beats
-    };
-}
-function useShowcaseBeat(enabled, cycleMs, beats) {
-    var safeBeats = Math.max(1, beats);
-    var beatMs = Math.max(SHOWCASE_MIN_BEAT_MS, Math.floor(cycleMs / safeBeats));
-    var totalMs = beatMs * safeBeats;
-    var _ref = _sliced_to_array((0, import_react.useState)(function() {
-        return Date.now();
-    }), 2), now = _ref[0], setNow = _ref[1];
-    (0, import_react.useEffect)(function() {
-        if (!enabled) return;
-        var id = window.setInterval(function() {
-            return setNow(Date.now());
-        }, 64);
-        return function() {
-            return clearInterval(id);
-        };
-    }, [
-        enabled
-    ]);
-    var phase = now % totalMs;
-    var beatIndex = Math.min(safeBeats - 1, Math.floor(phase / beatMs));
-    var beatPhase = phase - beatIndex * beatMs;
-    return {
-        beatIndex: beatIndex,
-        beatPhase: beatPhase,
-        beatMs: beatMs
-    };
-}
-var OverlayRenderer = function OverlayRenderer(param) {
-    var overlays = param.overlays, currentTime = param.currentTime, videoRef = param.videoRef, coordinateSpace = param.coordinateSpace, _param_showcaseMode = param.showcaseMode, showcaseMode = _param_showcaseMode === void 0 ? false : _param_showcaseMode, _param_showcaseCycleMs = param.showcaseCycleMs, showcaseCycleMs = _param_showcaseCycleMs === void 0 ? SHOWCASE_CYCLE_MS_DEFAULT : _param_showcaseCycleMs;
-    var _ref = _sliced_to_array((0, import_react.useState)(null), 2), dims = _ref[0], setDims = _ref[1];
-    var rafRef = (0, import_react.useRef)(null);
-    var _ref1 = _sliced_to_array((0, import_react.useState)(/* @__PURE__ */ new Map()), 2), fadeMap = _ref1[0], setFadeMap = _ref1[1];
-    var removeTimers = (0, import_react.useRef)(/* @__PURE__ */ new Map());
-    var mountTimeRef = (0, import_react.useRef)(Date.now());
-    var _ref2 = _sliced_to_array((0, import_react.useState)(0), 2), wallclockSec = _ref2[0], setWallclockSec = _ref2[1];
-    (0, import_react.useEffect)(function() {
-        if (!showcaseMode) return;
-        var tick = function tick() {
-            return setWallclockSec((Date.now() - mountTimeRef.current) / 1e3);
-        };
-        tick();
-        var id = window.setInterval(tick, 200);
-        return function() {
-            return clearInterval(id);
-        };
-    }, [
-        showcaseMode
-    ]);
-    var _ref3 = (0, import_react.useMemo)(function() {
-        return partitionShowcase(overlays);
-    }, [
-        overlays
-    ]), showcasePersistent = _ref3.persistent, showcaseBeats = _ref3.beats;
-    var _useShowcaseBeat = useShowcaseBeat(showcaseMode, showcaseCycleMs, showcaseBeats.length), showcaseBeatIndex = _useShowcaseBeat.beatIndex, showcaseBeatPhase = _useShowcaseBeat.beatPhase, showcaseBeatMs = _useShowcaseBeat.beatMs;
-    var showcasePersistentIds = (0, import_react.useMemo)(function() {
-        return new Set(showcasePersistent.map(function(o) {
-            return o.id;
-        }));
-    }, [
-        showcasePersistent
-    ]);
-    var showcaseSpotlightIds = (0, import_react.useMemo)(function() {
-        var beat = showcaseBeats[showcaseBeatIndex];
-        return new Set((beat !== null && beat !== void 0 ? beat : []).map(function(o) {
-            return o.id;
-        }));
-    }, [
-        showcaseBeats,
-        showcaseBeatIndex
-    ]);
-    var updateDims = (0, import_react.useCallback)(function() {
-        var video = videoRef.current;
-        if (video) {
-            var computed = computeVideoDimensions(video);
-            setDims(function(prev) {
-                if (!computed || prev && prev.nativeWidth === computed.nativeWidth && prev.nativeHeight === computed.nativeHeight && prev.displayWidth === computed.displayWidth && prev.displayHeight === computed.displayHeight && prev.offsetX === computed.offsetX && prev.offsetY === computed.offsetY) {
-                    return prev;
-                }
-                return computed;
-            });
-        }
-    }, [
-        videoRef
-    ]);
-    (0, import_react.useEffect)(function() {
-        updateDims();
-        var interval = setInterval(updateDims, 500);
-        var handleResize = function handleResize() {
-            if (rafRef.current) cancelAnimationFrame(rafRef.current);
-            rafRef.current = requestAnimationFrame(updateDims);
-        };
-        window.addEventListener("resize", handleResize);
-        return function() {
-            clearInterval(interval);
-            window.removeEventListener("resize", handleResize);
-            if (rafRef.current) cancelAnimationFrame(rafRef.current);
-        };
-    }, [
-        updateDims
-    ]);
-    var activeOverlays = (0, import_react.useMemo)(function() {
-        if (showcaseMode) {
-            var _showcaseBeats_showcaseBeatIndex;
-            var beat = (_showcaseBeats_showcaseBeatIndex = showcaseBeats[showcaseBeatIndex]) !== null && _showcaseBeats_showcaseBeatIndex !== void 0 ? _showcaseBeats_showcaseBeatIndex : [];
-            var scheduledPersistent = showcasePersistent.filter(function(o) {
-                return isOverlayActive(o, wallclockSec);
-            });
-            return _to_consumable_array(scheduledPersistent).concat(_to_consumable_array(beat));
-        }
-        return overlays.filter(function(o) {
-            return isOverlayActive(o, currentTime);
-        });
-    }, [
-        overlays,
-        currentTime,
-        wallclockSec,
-        showcaseMode,
-        showcasePersistent,
-        showcaseBeats,
-        showcaseBeatIndex
-    ]);
-    (0, import_react.useLayoutEffect)(function() {
-        var activeIds = new Set(activeOverlays.map(function(o) {
-            return o.id;
-        }));
-        setFadeMap(function(prev) {
-            var next = new Map(prev);
-            var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
-            try {
-                for(var _iterator = activeOverlays[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
-                    var overlay = _step.value;
-                    if (!next.has(overlay.id)) {
-                        next.set(overlay.id, {
-                            overlay: overlay,
-                            visible: false
-                        });
-                    } else {
-                        var existing = next.get(overlay.id);
-                        next.set(overlay.id, _object_spread_props(_object_spread({}, existing), {
-                            overlay: overlay
-                        }));
-                    }
-                }
-            } catch (err) {
-                _didIteratorError = true;
-                _iteratorError = err;
-            } finally{
-                try {
-                    if (!_iteratorNormalCompletion && _iterator.return != null) {
-                        _iterator.return();
-                    }
-                } finally{
-                    if (_didIteratorError) {
-                        throw _iteratorError;
-                    }
-                }
-            }
-            var _iteratorNormalCompletion1 = true, _didIteratorError1 = false, _iteratorError1 = undefined;
-            try {
-                var _loop = function() {
-                    var _step_value = _sliced_to_array(_step1.value, 2), id = _step_value[0], state = _step_value[1];
-                    if (!activeIds.has(id) && state.visible) {
-                        next.set(id, _object_spread_props(_object_spread({}, state), {
-                            visible: false
-                        }));
-                        if (!removeTimers.current.has(id)) {
-                            var timer = setTimeout(function() {
-                                setFadeMap(function(m) {
-                                    var updated = new Map(m);
-                                    updated.delete(id);
-                                    return updated;
-                                });
-                                removeTimers.current.delete(id);
-                            }, FADE_DURATION_MS);
-                            removeTimers.current.set(id, timer);
-                        }
-                    } else if (!activeIds.has(id) && !state.visible) {}
-                };
-                for(var _iterator1 = next[Symbol.iterator](), _step1; !(_iteratorNormalCompletion1 = (_step1 = _iterator1.next()).done); _iteratorNormalCompletion1 = true)_loop();
-            } catch (err) {
-                _didIteratorError1 = true;
-                _iteratorError1 = err;
-            } finally{
-                try {
-                    if (!_iteratorNormalCompletion1 && _iterator1.return != null) {
-                        _iterator1.return();
-                    }
-                } finally{
-                    if (_didIteratorError1) {
-                        throw _iteratorError1;
-                    }
-                }
-            }
-            return next;
-        });
-    }, [
-        activeOverlays
-    ]);
-    (0, import_react.useEffect)(function() {
-        var toFadeIn = [];
-        var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
-        try {
-            var _loop = function() {
-                var _step_value = _sliced_to_array(_step.value, 2), id = _step_value[0], state = _step_value[1];
-                if (!state.visible) {
-                    var isActive = activeOverlays.some(function(o) {
-                        return o.id === id;
-                    });
-                    if (isActive) toFadeIn.push(id);
-                }
-            };
-            for(var _iterator = fadeMap[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true)_loop();
-        } catch (err) {
-            _didIteratorError = true;
-            _iteratorError = err;
-        } finally{
-            try {
-                if (!_iteratorNormalCompletion && _iterator.return != null) {
-                    _iterator.return();
-                }
-            } finally{
-                if (_didIteratorError) {
-                    throw _iteratorError;
-                }
-            }
-        }
-        if (toFadeIn.length === 0) return;
-        var raf = requestAnimationFrame(function() {
-            setFadeMap(function(prev) {
-                var next = new Map(prev);
-                var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
-                try {
-                    for(var _iterator = toFadeIn[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
-                        var id = _step.value;
-                        var state = next.get(id);
-                        if (state) next.set(id, _object_spread_props(_object_spread({}, state), {
-                            visible: true
-                        }));
-                    }
-                } catch (err) {
-                    _didIteratorError = true;
-                    _iteratorError = err;
-                } finally{
-                    try {
-                        if (!_iteratorNormalCompletion && _iterator.return != null) {
-                            _iterator.return();
-                        }
-                    } finally{
-                        if (_didIteratorError) {
-                            throw _iteratorError;
-                        }
-                    }
-                }
-                return next;
-            });
-        });
-        return function() {
-            return cancelAnimationFrame(raf);
-        };
-    }, [
-        fadeMap,
-        activeOverlays
-    ]);
-    (0, import_react.useEffect)(function() {
-        return function() {
-            var _iteratorNormalCompletion = true, _didIteratorError = false, _iteratorError = undefined;
-            try {
-                for(var _iterator = removeTimers.current.values()[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true){
-                    var timer = _step.value;
-                    clearTimeout(timer);
-                }
-            } catch (err) {
-                _didIteratorError = true;
-                _iteratorError = err;
-            } finally{
-                try {
-                    if (!_iteratorNormalCompletion && _iterator.return != null) {
-                        _iterator.return();
-                    }
-                } finally{
-                    if (_didIteratorError) {
-                        throw _iteratorError;
-                    }
-                }
-            }
-        };
-    }, []);
-    if (!dims || fadeMap.size === 0) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
-        "aria-hidden": "true",
-        style: {
-            position: "absolute",
-            left: "".concat(dims.offsetX, "px"),
-            top: "".concat(dims.offsetY, "px"),
-            width: "".concat(dims.displayWidth, "px"),
-            height: "".concat(dims.displayHeight, "px"),
-            pointerEvents: "none",
-            overflow: "hidden",
-            zIndex: 8
-        },
-        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 left = overlay.x * scaleX;
-            var top = overlay.y * scaleY;
-            var width = overlay.width * scaleX;
-            var height = overlay.height * scaleY;
-            var baseOpacity = Math.max(0, Math.min(100, overlay.opacity)) / 100;
-            var isShowcasePersistent = showcaseMode && showcasePersistentIds.has(overlay.id);
-            var isShowcaseSpotlight = showcaseMode && showcaseSpotlightIds.has(overlay.id);
-            var isShowcaseDormant = showcaseMode && !isShowcasePersistent && !isShowcaseSpotlight;
-            var useShowcasePop = isShowcaseSpotlight;
-            var opacity = useShowcasePop ? baseOpacity * beatOpacity(showcaseBeatPhase, showcaseBeatMs) : isShowcaseDormant ? 0 : visible ? baseOpacity : 0;
-            var popScale = useShowcasePop ? beatScale(showcaseBeatPhase, showcaseBeatMs) : 1;
-            var sz = {
-                w: width,
-                h: height
-            };
-            var enterAnim = getEnterAnimation(overlay);
-            var hasSlide = enterAnim !== "fade" && !useShowcasePop;
-            var slideTransform = hasSlide && !visible ? enterHiddenTransform(enterAnim) : "";
-            var popTransform = showcaseMode && useShowcasePop ? "scale(".concat(popScale, ")") : "";
-            var combinedTransform = [
-                slideTransform,
-                popTransform
-            ].filter(Boolean).join(" ");
-            return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
-                style: {
-                    position: "absolute",
-                    left: "".concat(left, "px"),
-                    top: "".concat(top, "px"),
-                    width: "".concat(width, "px"),
-                    height: "".concat(height, "px"),
-                    opacity: opacity,
-                    transition: useShowcasePop ? "none" : hasSlide ? "opacity ".concat(FADE_DURATION_MS, "ms ease, transform ").concat(FADE_DURATION_MS, "ms cubic-bezier(0.22, 1, 0.36, 1)") : "opacity ".concat(FADE_DURATION_MS, "ms ease"),
-                    transform: combinedTransform || void 0,
-                    transformOrigin: showcaseMode && useShowcasePop ? "center center" : void 0,
-                    zIndex: overlay.z_index,
-                    overflow: "hidden"
-                },
-                children: [
-                    overlay.type === "image" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ImageOverlay, {
-                        overlay: overlay
-                    }),
-                    overlay.type === "text" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(TextOverlay, {
-                        overlay: overlay
-                    }),
-                    overlay.type === "scroller" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollerOverlay, {
-                        overlay: overlay
-                    }),
-                    overlay.type === "shape" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ShapeOverlay, {
-                        overlay: overlay,
-                        size: sz
-                    }),
-                    overlay.type === "score_bug" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScoreBugOverlay, {
-                        overlay: overlay,
-                        size: sz
-                    }),
-                    overlay.type === "lower_third" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LowerThirdOverlay, {
-                        overlay: overlay,
-                        size: sz
-                    }),
-                    overlay.type === "qr_code" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(QrCodeOverlay, {
-                        overlay: overlay,
-                        size: sz
-                    }),
-                    overlay.type === "coming_up_next" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ComingUpNextOverlay, {
-                        overlay: overlay,
-                        size: sz
-                    }),
-                    overlay.type === "contextual_trigger" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContextualTriggerOverlay, {
-                        overlay: overlay,
-                        size: sz
-                    }),
-                    overlay.type === "odds_betting" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(OddsBettingOverlay, {
-                        overlay: overlay,
-                        size: sz
-                    }),
-                    overlay.type === "breaking_news" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(BreakingNewsOverlay, {
-                        overlay: overlay,
-                        size: sz
-                    }),
-                    overlay.type === "countdown" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CountdownOverlay, {
-                        overlay: overlay,
-                        size: sz
-                    })
-                ]
-            }, overlay.id);
-        })
-    });
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-    OverlayRenderer: OverlayRenderer
-});
-//# sourceMappingURL=OverlayRenderer.cjs.map