!function(e, t) {
    "object" == typeof exports && "object" == typeof module ? module.exports = t() : "function" == typeof define && define.amd ? define([], t) : "object" == typeof exports ? exports.spstypescriptexample = t() : e.spstypescriptexample = t()
}(this, (()=>(()=>{
    "use strict";
    var e = {
        d: (t,s)=>{
            for (var n in s)
                e.o(s, n) && !e.o(t, n) && Object.defineProperty(t, n, {
                    enumerable: !0,
                    get: s[n]
                })
        }
        ,
        o: (e,t)=>Object.prototype.hasOwnProperty.call(e, t),
        r: e=>{
            "undefined" != typeof Symbol && Symbol.toStringTag && Object.defineProperty(e, Symbol.toStringTag, {
                value: "Module"
            }),
            Object.defineProperty(e, "__esModule", {
                value: !0
            })
        }
    }
      , t = {};
    e.r(t),
    e.d(t, {
        PixelStreamingApplicationStyles: ()=>d
    });
    var s = {
        539: e=>{
            const t = {
                generateIdentifier: function() {
                    return Math.random().toString(36).substring(2, 12)
                }
            };
            t.localCName = t.generateIdentifier(),
            t.splitLines = function(e) {
                return e.trim().split("\n").map((e=>e.trim()))
            }
            ,
            t.splitSections = function(e) {
                return e.split("\nm=").map(((e,t)=>(t > 0 ? "m=" + e : e).trim() + "\r\n"))
            }
            ,
            t.getDescription = function(e) {
                const s = t.splitSections(e);
                return s && s[0]
            }
            ,
            t.getMediaSections = function(e) {
                const s = t.splitSections(e);
                return s.shift(),
                s
            }
            ,
            t.matchPrefix = function(e, s) {
                return t.splitLines(e).filter((e=>0 === e.indexOf(s)))
            }
            ,
            t.parseCandidate = function(e) {
                let t;
                t = 0 === e.indexOf("a=candidate:") ? e.substring(12).split(" ") : e.substring(10).split(" ");
                const s = {
                    foundation: t[0],
                    component: {
                        1: "rtp",
                        2: "rtcp"
                    }[t[1]] || t[1],
                    protocol: t[2].toLowerCase(),
                    priority: parseInt(t[3], 10),
                    ip: t[4],
                    address: t[4],
                    port: parseInt(t[5], 10),
                    type: t[7]
                };
                for (let e = 8; e < t.length; e += 2)
                    switch (t[e]) {
                    case "raddr":
                        s.relatedAddress = t[e + 1];
                        break;
                    case "rport":
                        s.relatedPort = parseInt(t[e + 1], 10);
                        break;
                    case "tcptype":
                        s.tcpType = t[e + 1];
                        break;
                    case "ufrag":
                        s.ufrag = t[e + 1],
                        s.usernameFragment = t[e + 1];
                        break;
                    default:
                        void 0 === s[t[e]] && (s[t[e]] = t[e + 1])
                    }
                return s
            }
            ,
            t.writeCandidate = function(e) {
                const t = [];
                t.push(e.foundation);
                const s = e.component;
                "rtp" === s ? t.push(1) : "rtcp" === s ? t.push(2) : t.push(s),
                t.push(e.protocol.toUpperCase()),
                t.push(e.priority),
                t.push(e.address || e.ip),
                t.push(e.port);
                const n = e.type;
                return t.push("typ"),
                t.push(n),
                "host" !== n && e.relatedAddress && e.relatedPort && (t.push("raddr"),
                t.push(e.relatedAddress),
                t.push("rport"),
                t.push(e.relatedPort)),
                e.tcpType && "tcp" === e.protocol.toLowerCase() && (t.push("tcptype"),
                t.push(e.tcpType)),
                (e.usernameFragment || e.ufrag) && (t.push("ufrag"),
                t.push(e.usernameFragment || e.ufrag)),
                "candidate:" + t.join(" ")
            }
            ,
            t.parseIceOptions = function(e) {
                return e.substring(14).split(" ")
            }
            ,
            t.parseRtpMap = function(e) {
                let t = e.substring(9).split(" ");
                const s = {
                    payloadType: parseInt(t.shift(), 10)
                };
                return t = t[0].split("/"),
                s.name = t[0],
                s.clockRate = parseInt(t[1], 10),
                s.channels = 3 === t.length ? parseInt(t[2], 10) : 1,
                s.numChannels = s.channels,
                s
            }
            ,
            t.writeRtpMap = function(e) {
                let t = e.payloadType;
                void 0 !== e.preferredPayloadType && (t = e.preferredPayloadType);
                const s = e.channels || e.numChannels || 1;
                return "a=rtpmap:" + t + " " + e.name + "/" + e.clockRate + (1 !== s ? "/" + s : "") + "\r\n"
            }
            ,
            t.parseExtmap = function(e) {
                const t = e.substring(9).split(" ");
                return {
                    id: parseInt(t[0], 10),
                    direction: t[0].indexOf("/") > 0 ? t[0].split("/")[1] : "sendrecv",
                    uri: t[1],
                    attributes: t.slice(2).join(" ")
                }
            }
            ,
            t.writeExtmap = function(e) {
                return "a=extmap:" + (e.id || e.preferredId) + (e.direction && "sendrecv" !== e.direction ? "/" + e.direction : "") + " " + e.uri + (e.attributes ? " " + e.attributes : "") + "\r\n"
            }
            ,
            t.parseFmtp = function(e) {
                const t = {};
                let s;
                const n = e.substring(e.indexOf(" ") + 1).split(";");
                for (let e = 0; e < n.length; e++)
                    s = n[e].trim().split("="),
                    t[s[0].trim()] = s[1];
                return t
            }
            ,
            t.writeFmtp = function(e) {
                let t = ""
                  , s = e.payloadType;
                if (void 0 !== e.preferredPayloadType && (s = e.preferredPayloadType),
                e.parameters && Object.keys(e.parameters).length) {
                    const n = [];
                    Object.keys(e.parameters).forEach((t=>{
                        void 0 !== e.parameters[t] ? n.push(t + "=" + e.parameters[t]) : n.push(t)
                    }
                    )),
                    t += "a=fmtp:" + s + " " + n.join(";") + "\r\n"
                }
                return t
            }
            ,
            t.parseRtcpFb = function(e) {
                const t = e.substring(e.indexOf(" ") + 1).split(" ");
                return {
                    type: t.shift(),
                    parameter: t.join(" ")
                }
            }
            ,
            t.writeRtcpFb = function(e) {
                let t = ""
                  , s = e.payloadType;
                return void 0 !== e.preferredPayloadType && (s = e.preferredPayloadType),
                e.rtcpFeedback && e.rtcpFeedback.length && e.rtcpFeedback.forEach((e=>{
                    t += "a=rtcp-fb:" + s + " " + e.type + (e.parameter && e.parameter.length ? " " + e.parameter : "") + "\r\n"
                }
                )),
                t
            }
            ,
            t.parseSsrcMedia = function(e) {
                const t = e.indexOf(" ")
                  , s = {
                    ssrc: parseInt(e.substring(7, t), 10)
                }
                  , n = e.indexOf(":", t);
                return n > -1 ? (s.attribute = e.substring(t + 1, n),
                s.value = e.substring(n + 1)) : s.attribute = e.substring(t + 1),
                s
            }
            ,
            t.parseSsrcGroup = function(e) {
                const t = e.substring(13).split(" ");
                return {
                    semantics: t.shift(),
                    ssrcs: t.map((e=>parseInt(e, 10)))
                }
            }
            ,
            t.getMid = function(e) {
                const s = t.matchPrefix(e, "a=mid:")[0];
                if (s)
                    return s.substring(6)
            }
            ,
            t.parseFingerprint = function(e) {
                const t = e.substring(14).split(" ");
                return {
                    algorithm: t[0].toLowerCase(),
                    value: t[1].toUpperCase()
                }
            }
            ,
            t.getDtlsParameters = function(e, s) {
                return {
                    role: "auto",
                    fingerprints: t.matchPrefix(e + s, "a=fingerprint:").map(t.parseFingerprint)
                }
            }
            ,
            t.writeDtlsParameters = function(e, t) {
                let s = "a=setup:" + t + "\r\n";
                return e.fingerprints.forEach((e=>{
                    s += "a=fingerprint:" + e.algorithm + " " + e.value + "\r\n"
                }
                )),
                s
            }
            ,
            t.parseCryptoLine = function(e) {
                const t = e.substring(9).split(" ");
                return {
                    tag: parseInt(t[0], 10),
                    cryptoSuite: t[1],
                    keyParams: t[2],
                    sessionParams: t.slice(3)
                }
            }
            ,
            t.writeCryptoLine = function(e) {
                return "a=crypto:" + e.tag + " " + e.cryptoSuite + " " + ("object" == typeof e.keyParams ? t.writeCryptoKeyParams(e.keyParams) : e.keyParams) + (e.sessionParams ? " " + e.sessionParams.join(" ") : "") + "\r\n"
            }
            ,
            t.parseCryptoKeyParams = function(e) {
                if (0 !== e.indexOf("inline:"))
                    return null;
                const t = e.substring(7).split("|");
                return {
                    keyMethod: "inline",
                    keySalt: t[0],
                    lifeTime: t[1],
                    mkiValue: t[2] ? t[2].split(":")[0] : void 0,
                    mkiLength: t[2] ? t[2].split(":")[1] : void 0
                }
            }
            ,
            t.writeCryptoKeyParams = function(e) {
                return e.keyMethod + ":" + e.keySalt + (e.lifeTime ? "|" + e.lifeTime : "") + (e.mkiValue && e.mkiLength ? "|" + e.mkiValue + ":" + e.mkiLength : "")
            }
            ,
            t.getCryptoParameters = function(e, s) {
                return t.matchPrefix(e + s, "a=crypto:").map(t.parseCryptoLine)
            }
            ,
            t.getIceParameters = function(e, s) {
                const n = t.matchPrefix(e + s, "a=ice-ufrag:")[0]
                  , i = t.matchPrefix(e + s, "a=ice-pwd:")[0];
                return n && i ? {
                    usernameFragment: n.substring(12),
                    password: i.substring(10)
                } : null
            }
            ,
            t.writeIceParameters = function(e) {
                let t = "a=ice-ufrag:" + e.usernameFragment + "\r\na=ice-pwd:" + e.password + "\r\n";
                return e.iceLite && (t += "a=ice-lite\r\n"),
                t
            }
            ,
            t.parseRtpParameters = function(e) {
                const s = {
                    codecs: [],
                    headerExtensions: [],
                    fecMechanisms: [],
                    rtcp: []
                }
                  , n = t.splitLines(e)[0].split(" ");
                s.profile = n[2];
                for (let i = 3; i < n.length; i++) {
                    const r = n[i]
                      , o = t.matchPrefix(e, "a=rtpmap:" + r + " ")[0];
                    if (o) {
                        const n = t.parseRtpMap(o)
                          , i = t.matchPrefix(e, "a=fmtp:" + r + " ");
                        switch (n.parameters = i.length ? t.parseFmtp(i[0]) : {},
                        n.rtcpFeedback = t.matchPrefix(e, "a=rtcp-fb:" + r + " ").map(t.parseRtcpFb),
                        s.codecs.push(n),
                        n.name.toUpperCase()) {
                        case "RED":
                        case "ULPFEC":
                            s.fecMechanisms.push(n.name.toUpperCase())
                        }
                    }
                }
                t.matchPrefix(e, "a=extmap:").forEach((e=>{
                    s.headerExtensions.push(t.parseExtmap(e))
                }
                ));
                const i = t.matchPrefix(e, "a=rtcp-fb:* ").map(t.parseRtcpFb);
                return s.codecs.forEach((e=>{
                    i.forEach((t=>{
                        e.rtcpFeedback.find((e=>e.type === t.type && e.parameter === t.parameter)) || e.rtcpFeedback.push(t)
                    }
                    ))
                }
                )),
                s
            }
            ,
            t.writeRtpDescription = function(e, s) {
                let n = "";
                n += "m=" + e + " ",
                n += s.codecs.length > 0 ? "9" : "0",
                n += " " + (s.profile || "UDP/TLS/RTP/SAVPF") + " ",
                n += s.codecs.map((e=>void 0 !== e.preferredPayloadType ? e.preferredPayloadType : e.payloadType)).join(" ") + "\r\n",
                n += "c=IN IP4 0.0.0.0\r\n",
                n += "a=rtcp:9 IN IP4 0.0.0.0\r\n",
                s.codecs.forEach((e=>{
                    n += t.writeRtpMap(e),
                    n += t.writeFmtp(e),
                    n += t.writeRtcpFb(e)
                }
                ));
                let i = 0;
                return s.codecs.forEach((e=>{
                    e.maxptime > i && (i = e.maxptime)
                }
                )),
                i > 0 && (n += "a=maxptime:" + i + "\r\n"),
                s.headerExtensions && s.headerExtensions.forEach((e=>{
                    n += t.writeExtmap(e)
                }
                )),
                n
            }
            ,
            t.parseRtpEncodingParameters = function(e) {
                const s = []
                  , n = t.parseRtpParameters(e)
                  , i = -1 !== n.fecMechanisms.indexOf("RED")
                  , r = -1 !== n.fecMechanisms.indexOf("ULPFEC")
                  , o = t.matchPrefix(e, "a=ssrc:").map((e=>t.parseSsrcMedia(e))).filter((e=>"cname" === e.attribute))
                  , a = o.length > 0 && o[0].ssrc;
                let l;
                const c = t.matchPrefix(e, "a=ssrc-group:FID").map((e=>e.substring(17).split(" ").map((e=>parseInt(e, 10)))));
                c.length > 0 && c[0].length > 1 && c[0][0] === a && (l = c[0][1]),
                n.codecs.forEach((e=>{
                    if ("RTX" === e.name.toUpperCase() && e.parameters.apt) {
                        let t = {
                            ssrc: a,
                            codecPayloadType: parseInt(e.parameters.apt, 10)
                        };
                        a && l && (t.rtx = {
                            ssrc: l
                        }),
                        s.push(t),
                        i && (t = JSON.parse(JSON.stringify(t)),
                        t.fec = {
                            ssrc: a,
                            mechanism: r ? "red+ulpfec" : "red"
                        },
                        s.push(t))
                    }
                }
                )),
                0 === s.length && a && s.push({
                    ssrc: a
                });
                let d = t.matchPrefix(e, "b=");
                return d.length && (d = 0 === d[0].indexOf("b=TIAS:") ? parseInt(d[0].substring(7), 10) : 0 === d[0].indexOf("b=AS:") ? 1e3 * parseInt(d[0].substring(5), 10) * .95 - 16e3 : void 0,
                s.forEach((e=>{
                    e.maxBitrate = d
                }
                ))),
                s
            }
            ,
            t.parseRtcpParameters = function(e) {
                const s = {}
                  , n = t.matchPrefix(e, "a=ssrc:").map((e=>t.parseSsrcMedia(e))).filter((e=>"cname" === e.attribute))[0];
                n && (s.cname = n.value,
                s.ssrc = n.ssrc);
                const i = t.matchPrefix(e, "a=rtcp-rsize");
                s.reducedSize = i.length > 0,
                s.compound = 0 === i.length;
                const r = t.matchPrefix(e, "a=rtcp-mux");
                return s.mux = r.length > 0,
                s
            }
            ,
            t.writeRtcpParameters = function(e) {
                let t = "";
                return e.reducedSize && (t += "a=rtcp-rsize\r\n"),
                e.mux && (t += "a=rtcp-mux\r\n"),
                void 0 !== e.ssrc && e.cname && (t += "a=ssrc:" + e.ssrc + " cname:" + e.cname + "\r\n"),
                t
            }
            ,
            t.parseMsid = function(e) {
                let s;
                const n = t.matchPrefix(e, "a=msid:");
                if (1 === n.length)
                    return s = n[0].substring(7).split(" "),
                    {
                        stream: s[0],
                        track: s[1]
                    };
                const i = t.matchPrefix(e, "a=ssrc:").map((e=>t.parseSsrcMedia(e))).filter((e=>"msid" === e.attribute));
                return i.length > 0 ? (s = i[0].value.split(" "),
                {
                    stream: s[0],
                    track: s[1]
                }) : void 0
            }
            ,
            t.parseSctpDescription = function(e) {
                const s = t.parseMLine(e)
                  , n = t.matchPrefix(e, "a=max-message-size:");
                let i;
                n.length > 0 && (i = parseInt(n[0].substring(19), 10)),
                isNaN(i) && (i = 65536);
                const r = t.matchPrefix(e, "a=sctp-port:");
                if (r.length > 0)
                    return {
                        port: parseInt(r[0].substring(12), 10),
                        protocol: s.fmt,
                        maxMessageSize: i
                    };
                const o = t.matchPrefix(e, "a=sctpmap:");
                if (o.length > 0) {
                    const e = o[0].substring(10).split(" ");
                    return {
                        port: parseInt(e[0], 10),
                        protocol: e[1],
                        maxMessageSize: i
                    }
                }
            }
            ,
            t.writeSctpDescription = function(e, t) {
                let s = [];
                return s = "DTLS/SCTP" !== e.protocol ? ["m=" + e.kind + " 9 " + e.protocol + " " + t.protocol + "\r\n", "c=IN IP4 0.0.0.0\r\n", "a=sctp-port:" + t.port + "\r\n"] : ["m=" + e.kind + " 9 " + e.protocol + " " + t.port + "\r\n", "c=IN IP4 0.0.0.0\r\n", "a=sctpmap:" + t.port + " " + t.protocol + " 65535\r\n"],
                void 0 !== t.maxMessageSize && s.push("a=max-message-size:" + t.maxMessageSize + "\r\n"),
                s.join("")
            }
            ,
            t.generateSessionId = function() {
                return Math.random().toString().substr(2, 22)
            }
            ,
            t.writeSessionBoilerplate = function(e, s, n) {
                let i;
                const r = void 0 !== s ? s : 2;
                return i = e || t.generateSessionId(),
                "v=0\r\no=" + (n || "thisisadapterortc") + " " + i + " " + r + " IN IP4 127.0.0.1\r\ns=-\r\nt=0 0\r\n"
            }
            ,
            t.getDirection = function(e, s) {
                const n = t.splitLines(e);
                for (let e = 0; e < n.length; e++)
                    switch (n[e]) {
                    case "a=sendrecv":
                    case "a=sendonly":
                    case "a=recvonly":
                    case "a=inactive":
                        return n[e].substring(2)
                    }
                return s ? t.getDirection(s) : "sendrecv"
            }
            ,
            t.getKind = function(e) {
                return t.splitLines(e)[0].split(" ")[0].substring(2)
            }
            ,
            t.isRejected = function(e) {
                return "0" === e.split(" ", 2)[1]
            }
            ,
            t.parseMLine = function(e) {
                const s = t.splitLines(e)[0].substring(2).split(" ");
                return {
                    kind: s[0],
                    port: parseInt(s[1], 10),
                    protocol: s[2],
                    fmt: s.slice(3).join(" ")
                }
            }
            ,
            t.parseOLine = function(e) {
                const s = t.matchPrefix(e, "o=")[0].substring(2).split(" ");
                return {
                    username: s[0],
                    sessionId: s[1],
                    sessionVersion: parseInt(s[2], 10),
                    netType: s[3],
                    addressType: s[4],
                    address: s[5]
                }
            }
            ,
            t.isValidSDP = function(e) {
                if ("string" != typeof e || 0 === e.length)
                    return !1;
                const s = t.splitLines(e);
                for (let e = 0; e < s.length; e++)
                    if (s[e].length < 2 || "=" !== s[e].charAt(1))
                        return !1;
                return !0
            }
            ,
            e.exports = t
        }
    }
      , n = {};
    function i(e) {
        var t = n[e];
        if (void 0 !== t)
            return t.exports;
        var r = n[e] = {
            exports: {}
        };
        return s[e](r, r.exports, i),
        r.exports
    }
    i.d = (e,t)=>{
        for (var s in t)
            i.o(t, s) && !i.o(e, s) && Object.defineProperty(e, s, {
                enumerable: !0,
                get: t[s]
            })
    }
    ,
    i.o = (e,t)=>Object.prototype.hasOwnProperty.call(e, t);
    var r = {};
    (()=>{
        i.d(r, {
            ym: ()=>xi,
            EW: ()=>Mi,
            Dz: ()=>bt,
            hV: ()=>Et,
            Mx: ()=>Pi,
            z$: ()=>wt,
            J0: ()=>Tt,
            De: ()=>xt,
            L3: ()=>ki,
            rl: ()=>Ri,
            $C: ()=>Mt,
            Nu: ()=>Pt,
            NR: ()=>Li,
            zg: ()=>kt,
            f1: ()=>Ai,
            vU: ()=>Rt,
            rv: ()=>Lt,
            Nh: ()=>At,
            IY: ()=>Fi,
            ss: ()=>Ft,
            dP: ()=>bi,
            cf: ()=>Ot,
            fz: ()=>Hi,
            Yd: ()=>It,
            U2: ()=>Vi,
            jf: ()=>qi,
            D0: ()=>Ei,
            lO: ()=>Qi,
            iM: ()=>Dt,
            Je: ()=>Ki,
            qy: ()=>_t,
            YK: ()=>wi,
            Eu: ()=>Xi,
            ce: ()=>Ut,
            sK: ()=>zt,
            Ok: ()=>Bt,
            q5: ()=>Nt,
            RZ: ()=>Oi,
            g: ()=>Gt,
            XY: ()=>Ii,
            Fk: ()=>Di,
            YU: ()=>Ji,
            FU: ()=>ji,
            Ib: ()=>Ht,
            Az: ()=>Wt,
            Iw: ()=>Vt,
            qY: ()=>Qt,
            db: ()=>qt,
            Zh: ()=>_i,
            ek: ()=>Ui,
            MG: ()=>zi,
            gE: ()=>Bi,
            tW: ()=>Ni,
            Tn: ()=>Kt,
            wr: ()=>Gi,
            x_: ()=>jt,
            Am: ()=>Xt,
            u3: ()=>Jt,
            Ni: ()=>Yt,
            bq: ()=>$t,
            $f: ()=>Zt
        });
        var e, t, s, n = i(539), o = {
            d: (e,t)=>{
                for (var s in t)
                    o.o(t, s) && !o.o(e, s) && Object.defineProperty(e, s, {
                        enumerable: !0,
                        get: t[s]
                    })
            }
            ,
            o: (e,t)=>Object.prototype.hasOwnProperty.call(e, t)
        }, a = {};
        o.d(a, {
            Dz: ()=>fe,
            g$: ()=>I,
            Lt: ()=>A,
            Q9: ()=>O,
            qf: ()=>F,
            hV: ()=>Pe,
            z$: ()=>we,
            J0: ()=>Ee,
            De: ()=>pe,
            $C: ()=>ve,
            al: ()=>W,
            _W: ()=>V,
            tz: ()=>H,
            Nu: ()=>be,
            zg: ()=>Ue,
            vp: ()=>oe,
            vU: ()=>ae,
            wF: ()=>Y,
            rv: ()=>Ce,
            Nh: ()=>ye,
            ss: ()=>De,
            qW: ()=>te,
            QL: ()=>ee,
            cf: ()=>Be,
            eM: ()=>J,
            Yd: ()=>l,
            iM: ()=>C,
            qy: ()=>c,
            ce: ()=>y,
            sK: ()=>ce,
            Ok: ()=>me,
            q5: ()=>Te,
            g: ()=>yt,
            xl: ()=>K,
            I: ()=>j,
            bx: ()=>X,
            Ib: ()=>M,
            Az: ()=>P,
            Iw: ()=>k,
            qY: ()=>L,
            db: ()=>R,
            mR: ()=>se,
            Tn: ()=>b,
            rV: ()=>$,
            gh: ()=>q,
            i5: ()=>Z,
            x_: ()=>he,
            Am: ()=>ut,
            eR: ()=>D,
            r8: ()=>Q,
            u3: ()=>ze,
            vd: ()=>U,
            iV: ()=>B,
            jZ: ()=>z,
            SW: ()=>G,
            ZH: ()=>N,
            Ni: ()=>gt,
            lh: ()=>_,
            bq: ()=>E,
            $f: ()=>St,
            eu: ()=>re,
            Ax: ()=>ie,
            Mc: ()=>ne
        });
        class l {
            static GetStackTrace() {
                const e = new Error;
                let t = "No Stack Available for this browser";
                return e.stack && (t = e.stack.toString().replace(/Error/g, "")),
                t
            }
            static SetLoggerVerbosity(e) {
                null != this.verboseLogLevel && (this.verboseLogLevel = e)
            }
            static Log(e, t, s) {
                if (s > this.verboseLogLevel)
                    return;
                const n = `Level: Log\nMsg: ${t}\nCaller: ${e}`;
                console.log(n)
            }
            static Info(e, t, s) {
                if (s > this.verboseLogLevel)
                    return;
                const n = `Level: Info\nMsg: ${t}`;
                console.info(n)
            }
            static Error(e, t) {
                const s = `Level: Error\nMsg: ${t}\nCaller: ${e}`;
                console.error(s)
            }
            static Warning(e, t) {
                const s = `Level: Warning\nCaller: ${e}\nMsg: ${t}`;
                console.warn(s)
            }
        }
        l.verboseLogLevel = 5,
        (s = e || (e = {})).LIST_STREAMERS = "listStreamers",
        s.SUBSCRIBE = "subscribe",
        s.UNSUBSCRIBE = "unsubscribe",
        s.ICE_CANDIDATE = "iceCandidate",
        s.OFFER = "offer",
        s.ANSWER = "answer",
        s.DATACHANNELREQUEST = "dataChannelRequest",
        s.SFURECVDATACHANNELREADY = "peerDataChannelsReady",
        s.PONG = "pong";
        class c {
            payload() {
                return l.Log(l.GetStackTrace(), "Sending => \n" + JSON.stringify(this, void 0, 4), 6),
                JSON.stringify(this)
            }
        }
        class d extends c {
            constructor() {
                super(),
                this.type = e.LIST_STREAMERS
            }
        }
        class h extends c {
            constructor(t) {
                super(),
                this.type = e.SUBSCRIBE,
                this.streamerId = t
            }
        }
        class u extends c {
            constructor() {
                super(),
                this.type = e.UNSUBSCRIBE
            }
        }
        class m extends c {
            constructor(t) {
                super(),
                this.type = e.PONG,
                this.time = t
            }
        }
        class g extends c {
            constructor(t) {
                super(),
                this.type = e.OFFER,
                t && (this.type = t.type,
                this.sdp = t.sdp)
            }
        }
        class p extends c {
            constructor(t) {
                super(),
                this.type = e.ANSWER,
                t && (this.type = t.type,
                this.sdp = t.sdp)
            }
        }
        class v extends c {
            constructor() {
                super(),
                this.type = e.DATACHANNELREQUEST
            }
        }
        class f extends c {
            constructor() {
                super(),
                this.type = e.SFURECVDATACHANNELREADY
            }
        }
        class S {
            constructor(t) {
                this.type = e.ICE_CANDIDATE,
                this.candidate = t
            }
            payload() {
                return l.Log(l.GetStackTrace(), "Sending => \n" + JSON.stringify(this, void 0, 4), 6),
                JSON.stringify(this)
            }
        }
        !function(e) {
            e.CONFIG = "config",
            e.STREAMER_LIST = "streamerList",
            e.PLAYER_COUNT = "playerCount",
            e.OFFER = "offer",
            e.ANSWER = "answer",
            e.ICE_CANDIDATE = "iceCandidate",
            e.PEER_DATA_CHANNELS = "peerDataChannels",
            e.PING = "ping",
            e.WARNING = "warning"
        }(t || (t = {}));
        class C {
        }
        class y extends C {
        }
        class b {
            constructor() {
                this.FromUEMessageHandlers = new Map
            }
            addMessageHandler(e, t) {
                this.FromUEMessageHandlers.set(e, t)
            }
            handleMessage(e, t) {
                this.FromUEMessageHandlers.has(e) ? this.FromUEMessageHandlers.get(e)(t) : l.Error(l.GetStackTrace(), `Message type of ${e} does not have a message handler registered on the frontend - ignoring message.`)
            }
            static setupDefaultHandlers(e) {
                e.signallingProtocol.addMessageHandler(t.PING, (s=>{
                    const n = new m((new Date).getTime()).payload();
                    l.Log(l.GetStackTrace(), t.PING + ": " + s, 6),
                    e.webSocket.send(n)
                }
                )),
                e.signallingProtocol.addMessageHandler(t.CONFIG, (s=>{
                    l.Log(l.GetStackTrace(), t.CONFIG, 6);
                    const n = JSON.parse(s);
                    e.onConfig(n)
                }
                )),
                e.signallingProtocol.addMessageHandler(t.STREAMER_LIST, (s=>{
                    l.Log(l.GetStackTrace(), t.STREAMER_LIST, 6);
                    const n = JSON.parse(s);
                    e.onStreamerList(n)
                }
                )),
                e.signallingProtocol.addMessageHandler(t.PLAYER_COUNT, (e=>{
                    l.Log(l.GetStackTrace(), t.PLAYER_COUNT, 6);
                    const s = JSON.parse(e);
                    l.Log(l.GetStackTrace(), "Player Count: " + s.count, 6)
                }
                )),
                e.signallingProtocol.addMessageHandler(t.ANSWER, (s=>{
                    l.Log(l.GetStackTrace(), t.ANSWER, 6);
                    const n = JSON.parse(s);
                    e.onWebRtcAnswer(n)
                }
                )),
                e.signallingProtocol.addMessageHandler(t.OFFER, (s=>{
                    l.Log(l.GetStackTrace(), t.OFFER, 6);
                    const n = JSON.parse(s);
                    e.onWebRtcOffer(n)
                }
                )),
                e.signallingProtocol.addMessageHandler(t.ICE_CANDIDATE, (s=>{
                    l.Log(l.GetStackTrace(), t.ICE_CANDIDATE, 6);
                    const n = JSON.parse(s);
                    e.onIceCandidate(n.candidate)
                }
                )),
                e.signallingProtocol.addMessageHandler(t.WARNING, (e=>{
                    l.Warning(l.GetStackTrace(), `Warning received: ${e}`)
                }
                )),
                e.signallingProtocol.addMessageHandler(t.PEER_DATA_CHANNELS, (s=>{
                    l.Log(l.GetStackTrace(), t.PEER_DATA_CHANNELS, 6);
                    const n = JSON.parse(s);
                    e.onWebRtcPeerDataChannels(n)
                }
                ))
            }
        }
        class E {
            constructor() {
                this.WS_OPEN_STATE = 1,
                this.onOpen = new EventTarget,
                this.onClose = new EventTarget,
                this.signallingProtocol = new b,
                b.setupDefaultHandlers(this)
            }
            connect(e) {
                l.Log(l.GetStackTrace(), e, 6);
                try {
                    return this.webSocket = new WebSocket(e),
                    this.webSocket.onopen = e=>this.handleOnOpen(e),
                    this.webSocket.onerror = ()=>this.handleOnError(),
                    this.webSocket.onclose = e=>this.handleOnClose(e),
                    this.webSocket.onmessage = e=>this.handleOnMessage(e),
                    this.webSocket.onmessagebinary = e=>this.handleOnMessageBinary(e),
                    !0
                } catch (e) {
                    return l.Error(e, e),
                    !1
                }
            }
            handleOnMessageBinary(e) {
                e && e.data && e.data.text().then((e=>{
                    const t = new MessageEvent("messageFromBinary",{
                        data: e
                    });
                    this.handleOnMessage(t)
                }
                )).catch((e=>{
                    l.Error(l.GetStackTrace(), `Failed to parse binary blob from websocket, reason: ${e}`)
                }
                ))
            }
            handleOnMessage(e) {
                if (e.data && e.data instanceof Blob)
                    return void this.handleOnMessageBinary(e);
                const t = JSON.parse(e.data);
                l.Log(l.GetStackTrace(), "received => \n" + JSON.stringify(JSON.parse(e.data), void 0, 4), 6),
                this.signallingProtocol.handleMessage(t.type, e.data)
            }
            handleOnOpen(e) {
                l.Log(l.GetStackTrace(), "Connected to the signalling server via WebSocket", 6),
                this.onOpen.dispatchEvent(new Event("open"))
            }
            handleOnError() {
                l.Error(l.GetStackTrace(), "WebSocket error")
            }
            handleOnClose(e) {
                this.onWebSocketOncloseOverlayMessage(e),
                l.Log(l.GetStackTrace(), "Disconnected to the signalling server via WebSocket: " + JSON.stringify(e.code) + " - " + e.reason),
                this.onClose.dispatchEvent(new Event("close"))
            }
            requestStreamerList() {
                const e = new d;
                this.webSocket.send(e.payload())
            }
            sendSubscribe(e) {
                const t = new h(e);
                this.webSocket.send(t.payload())
            }
            sendUnsubscribe() {
                const e = new u;
                this.webSocket.send(e.payload())
            }
            sendWebRtcOffer(e) {
                const t = new g(e);
                this.webSocket.send(t.payload())
            }
            sendWebRtcAnswer(e) {
                const t = new p(e);
                this.webSocket.send(t.payload())
            }
            sendWebRtcDatachannelRequest() {
                const e = new v;
                this.webSocket.send(e.payload())
            }
            sendSFURecvDataChannelReady() {
                const e = new f;
                this.webSocket.send(e.payload())
            }
            sendIceCandidate(e) {
                if (l.Log(l.GetStackTrace(), "Sending Ice Candidate"),
                this.webSocket && this.webSocket.readyState === this.WS_OPEN_STATE) {
                    const t = new S(e);
                    this.webSocket.send(t.payload())
                }
            }
            close() {
                var e;
                null === (e = this.webSocket) || void 0 === e || e.close()
            }
            onWebSocketOncloseOverlayMessage(e) {}
            onConfig(e) {}
            onStreamerList(e) {}
            onIceCandidate(e) {}
            onWebRtcAnswer(e) {}
            onWebRtcOffer(e) {}
            onWebRtcPeerDataChannels(e) {}
        }
        class w {
            constructor(e) {
                this.videoElementProvider = e,
                this.audioElement = document.createElement("Audio")
            }
            handleOnTrack(e) {
                l.Log(l.GetStackTrace(), "handleOnTrack " + JSON.stringify(e.streams), 6);
                const t = this.videoElementProvider.getVideoElement();
                if (e.track && l.Log(l.GetStackTrace(), "Got track - " + e.track.kind + " id=" + e.track.id + " readyState=" + e.track.readyState, 6),
                "audio" != e.track.kind)
                    return "video" == e.track.kind && t.srcObject !== e.streams[0] ? (t.srcObject = e.streams[0],
                    void l.Log(l.GetStackTrace(), "Set video source from video track ontrack.")) : void 0;
                this.CreateAudioTrack(e.streams[0])
            }
            CreateAudioTrack(e) {
                const t = this.videoElementProvider.getVideoElement();
                t.srcObject != e && t.srcObject && t.srcObject !== e && (this.audioElement.srcObject = e,
                l.Log(l.GetStackTrace(), "Created new audio element to play separate audio stream."))
            }
        }
        class T {
            constructor(e) {
                this.freezeFrameHeight = 0,
                this.freezeFrameWidth = 0,
                this.rootDiv = e,
                this.rootElement = document.createElement("div"),
                this.rootElement.id = "freezeFrame",
                this.rootElement.style.display = "none",
                this.rootElement.style.pointerEvents = "none",
                this.rootElement.style.position = "absolute",
                this.rootElement.style.zIndex = "20",
                this.imageElement = document.createElement("img"),
                this.imageElement.style.position = "absolute",
                this.rootElement.appendChild(this.imageElement),
                this.rootDiv.appendChild(this.rootElement)
            }
            setElementForShow() {
                this.rootElement.style.display = "block"
            }
            setElementForHide() {
                this.rootElement.style.display = "none"
            }
            updateImageElementSource(e) {
                const t = btoa(e.reduce(((e,t)=>e + String.fromCharCode(t)), ""));
                this.imageElement.src = "data:image/jpeg;base64," + t
            }
            setDimensionsFromElementAndResize() {
                this.freezeFrameHeight = this.imageElement.naturalHeight,
                this.freezeFrameWidth = this.imageElement.naturalWidth,
                this.resize()
            }
            resize() {
                if (0 !== this.freezeFrameWidth && 0 !== this.freezeFrameHeight) {
                    let e = 0
                      , t = 0
                      , s = 0
                      , n = 0;
                    const i = this.rootDiv.clientWidth / this.rootDiv.clientHeight
                      , r = this.freezeFrameWidth / this.freezeFrameHeight;
                    i < r ? (e = this.rootDiv.clientWidth,
                    t = Math.floor(this.rootDiv.clientWidth / r),
                    s = Math.floor(.5 * (this.rootDiv.clientHeight - t)),
                    n = 0) : (e = Math.floor(this.rootDiv.clientHeight * r),
                    t = this.rootDiv.clientHeight,
                    s = 0,
                    n = Math.floor(.5 * (this.rootDiv.clientWidth - e))),
                    this.rootElement.style.width = this.rootDiv.offsetWidth + "px",
                    this.rootElement.style.height = this.rootDiv.offsetHeight + "px",
                    this.rootElement.style.left = "0px",
                    this.rootElement.style.top = "0px",
                    this.imageElement.style.width = e + "px",
                    this.imageElement.style.height = t + "px",
                    this.imageElement.style.left = n + "px",
                    this.imageElement.style.top = s + "px"
                }
            }
        }
        class x {
            constructor(e) {
                this.receiving = !1,
                this.size = 0,
                this.jpeg = void 0,
                this.valid = !1,
                this.freezeFrameDelay = 50,
                this.freezeFrame = new T(e)
            }
            showFreezeFrame() {
                this.valid && this.freezeFrame.setElementForShow()
            }
            hideFreezeFrame() {
                this.valid = !1,
                this.freezeFrame.setElementForHide()
            }
            updateFreezeFrameAndShow(e, t) {
                this.freezeFrame.updateImageElementSource(e),
                this.freezeFrame.imageElement.onload = ()=>{
                    this.freezeFrame.setDimensionsFromElementAndResize(),
                    t()
                }
            }
            processFreezeFrameMessage(e, t) {
                this.receiving || (this.receiving = !0,
                this.valid = !1,
                this.size = 0,
                this.jpeg = void 0),
                this.size = new DataView(e.slice(1, 5).buffer).getInt32(0, !0);
                const s = e.slice(5);
                if (this.jpeg) {
                    const e = new Uint8Array(this.jpeg.length + s.length);
                    e.set(this.jpeg, 0),
                    e.set(s, this.jpeg.length),
                    this.jpeg = e
                } else
                    this.jpeg = s,
                    this.receiving = !0,
                    l.Log(l.GetStackTrace(), `received first chunk of freeze frame: ${this.jpeg.length}/${this.size}`, 6);
                this.jpeg.length === this.size ? (this.receiving = !1,
                this.valid = !0,
                l.Log(l.GetStackTrace(), `received complete freeze frame ${this.size}`, 6),
                this.updateFreezeFrameAndShow(this.jpeg, t)) : this.jpeg.length > this.size && (l.Error(l.GetStackTrace(), `received bigger freeze frame than advertised: ${this.jpeg.length}/${this.size}`),
                this.jpeg = void 0,
                this.receiving = !1)
            }
        }
        class M {
            constructor(e, t, s, n, i=(()=>{}
            )) {
                this.onChange = i,
                this.onChangeEmit = ()=>{}
                ,
                this.id = e,
                this.description = s,
                this.label = t,
                this.value = n
            }
            set label(e) {
                this._label = e,
                this.onChangeEmit(this._value)
            }
            get label() {
                return this._label
            }
            get value() {
                return this._value
            }
            set value(e) {
                this._value = e,
                this.onChange(this._value, this),
                this.onChangeEmit(this._value)
            }
        }
        class P extends M {
            constructor(e, t, s, n, i, r=(()=>{}
            )) {
                super(e, t, s, n, r);
                const o = new URLSearchParams(window.location.search);
                if (i && o.has(this.id)) {
                    const e = this.getUrlParamFlag();
                    this.flag = e
                } else
                    this.flag = n;
                this.useUrlParams = i
            }
            getUrlParamFlag() {
                const e = new URLSearchParams(window.location.search);
                return !!e.has(this.id) && "false" !== e.get(this.id) && "False" !== e.get(this.id)
            }
            updateURLParams() {
                if (this.useUrlParams) {
                    const e = new URLSearchParams(window.location.search);
                    !0 === this.flag ? e.set(this.id, "true") : e.set(this.id, "false"),
                    window.history.replaceState({}, "", "" !== e.toString() ? `${location.pathname}?${e}` : `${location.pathname}`)
                }
            }
            enable() {
                this.flag = !0
            }
            get flag() {
                return !!this.value
            }
            set flag(e) {
                this.value = e
            }
        }
        class k extends M {
            constructor(e, t, s, n, i, r, o, a=(()=>{}
            )) {
                super(e, t, s, r, a),
                this._min = n,
                this._max = i;
                const l = new URLSearchParams(window.location.search);
                if (o && l.has(this.id)) {
                    const e = Number.parseInt(l.get(this.id));
                    this.number = Number.isNaN(e) ? r : e
                } else
                    this.number = r;
                this.useUrlParams = o
            }
            updateURLParams() {
                if (this.useUrlParams) {
                    const e = new URLSearchParams(window.location.search);
                    e.set(this.id, this.number.toString()),
                    window.history.replaceState({}, "", "" !== e.toString() ? `${location.pathname}?${e}` : `${location.pathname}`)
                }
            }
            set number(e) {
                this.value = this.clamp(e)
            }
            get number() {
                return this.value
            }
            clamp(e) {
                return Math.max(Math.min(this._max, e), this._min)
            }
            get min() {
                return this._min
            }
            get max() {
                return this._max
            }
            addOnChangedListener(e) {
                this.onChange = e
            }
        }
        class R extends M {
            constructor(e, t, s, n, i, r=(()=>{}
            )) {
                super(e, t, s, n, r);
                const o = new URLSearchParams(window.location.search);
                if (i && o.has(this.id)) {
                    const e = this.getUrlParamText();
                    this.text = e
                } else
                    this.text = n;
                this.useUrlParams = i
            }
            getUrlParamText() {
                var e;
                const t = new URLSearchParams(window.location.search);
                return t.has(this.id) && null !== (e = t.get(this.id)) && void 0 !== e ? e : ""
            }
            updateURLParams() {
                if (this.useUrlParams) {
                    const e = new URLSearchParams(window.location.search);
                    e.set(this.id, this.text),
                    window.history.replaceState({}, "", "" !== e.toString() ? `${location.pathname}?${e}` : `${location.pathname}`)
                }
            }
            get text() {
                return this.value
            }
            set text(e) {
                this.value = e
            }
        }
        class L extends M {
            constructor(e, t, s, n, i, r, o=(()=>{}
            )) {
                super(e, t, s, [n, n], o),
                this.options = i;
                const a = new URLSearchParams(window.location.search)
                  , l = r && a.has(this.id) ? this.getUrlParamText() : n;
                this.selected = l,
                this.useUrlParams = r
            }
            getUrlParamText() {
                var e;
                const t = new URLSearchParams(window.location.search);
                return t.has(this.id) && null !== (e = t.get(this.id)) && void 0 !== e ? e : ""
            }
            updateURLParams() {
                if (this.useUrlParams) {
                    const e = new URLSearchParams(window.location.search);
                    e.set(this.id, this.selected),
                    window.history.replaceState({}, "", "" !== e.toString() ? `${location.pathname}?${e}` : `${location.pathname}`)
                }
            }
            addOnChangedListener(e) {
                this.onChange = e
            }
            get options() {
                return this._options
            }
            set options(e) {
                this._options = e,
                this.onChangeEmit(this.selected)
            }
            get selected() {
                return this.value
            }
            set selected(e) {
                const t = this.options.filter((t=>-1 !== t.indexOf(e)));
                t.length && (this.value = t[0])
            }
        }
        class A extends Event {
            constructor(e) {
                super("afkWarningActivate"),
                this.data = e
            }
        }
        class F extends Event {
            constructor(e) {
                super("afkWarningUpdate"),
                this.data = e
            }
        }
        class O extends Event {
            constructor() {
                super("afkWarningDeactivate")
            }
        }
        class I extends Event {
            constructor() {
                super("afkTimedOut")
            }
        }
        class D extends Event {
            constructor(e) {
                super("videoEncoderAvgQP"),
                this.data = e
            }
        }
        class _ extends Event {
            constructor() {
                super("webRtcSdp")
            }
        }
        class U extends Event {
            constructor() {
                super("webRtcAutoConnect")
            }
        }
        class z extends Event {
            constructor() {
                super("webRtcConnecting")
            }
        }
        class B extends Event {
            constructor() {
                super("webRtcConnected")
            }
        }
        class N extends Event {
            constructor() {
                super("webRtcFailed")
            }
        }
        class G extends Event {
            constructor(e) {
                super("webRtcDisconnected"),
                this.data = e
            }
        }
        class H extends Event {
            constructor(e) {
                super("dataChannelOpen"),
                this.data = e
            }
        }
        class W extends Event {
            constructor(e) {
                super("dataChannelClose"),
                this.data = e
            }
        }
        class V extends Event {
            constructor(e) {
                super("dataChannelError"),
                this.data = e
            }
        }
        class Q extends Event {
            constructor() {
                super("videoInitialized")
            }
        }
        class q extends Event {
            constructor() {
                super("streamLoading")
            }
        }
        class K extends Event {
            constructor(e) {
                super("playStreamError"),
                this.data = e
            }
        }
        class j extends Event {
            constructor() {
                super("playStream")
            }
        }
        class X extends Event {
            constructor(e) {
                super("playStreamRejected"),
                this.data = e
            }
        }
        class J extends Event {
            constructor(e) {
                super("loadFreezeFrame"),
                this.data = e
            }
        }
        class Y extends Event {
            constructor() {
                super("hideFreezeFrame")
            }
        }
        class $ extends Event {
            constructor(e) {
                super("statsReceived"),
                this.data = e
            }
        }
        class Z extends Event {
            constructor(e) {
                super("streamerListMessage"),
                this.data = e
            }
        }
        class ee extends Event {
            constructor(e) {
                super("latencyTestResult"),
                this.data = e
            }
        }
        class te extends Event {
            constructor(e) {
                super("initialSettings"),
                this.data = e
            }
        }
        class se extends Event {
            constructor(e) {
                super("settingsChanged"),
                this.data = e
            }
        }
        class ne extends Event {
            constructor() {
                super("xrSessionStarted")
            }
        }
        class ie extends Event {
            constructor() {
                super("xrSessionEnded")
            }
        }
        class re extends Event {
            constructor(e) {
                super("xrFrame"),
                this.data = e
            }
        }
        class oe extends EventTarget {
            dispatchEvent(e) {
                return super.dispatchEvent(e)
            }
            addEventListener(e, t) {
                super.addEventListener(e, t)
            }
            removeEventListener(e, t) {
                super.removeEventListener(e, t)
            }
        }
        class ae {
        }
        ae.AutoConnect = "AutoConnect",
        ae.AutoPlayVideo = "AutoPlayVideo",
        ae.AFKDetection = "TimeoutIfIdle",
        ae.BrowserSendOffer = "OfferToReceive",
        ae.HoveringMouseMode = "HoveringMouse",
        ae.ForceMonoAudio = "ForceMonoAudio",
        ae.ForceTURN = "ForceTURN",
        ae.FakeMouseWithTouches = "FakeMouseWithTouches",
        ae.IsQualityController = "ControlsQuality",
        ae.MatchViewportResolution = "MatchViewportRes",
        ae.PreferSFU = "preferSFU",
        ae.StartVideoMuted = "StartVideoMuted",
        ae.SuppressBrowserKeys = "SuppressBrowserKeys",
        ae.UseMic = "UseMic",
        ae.KeyboardInput = "KeyboardInput",
        ae.MouseInput = "MouseInput",
        ae.TouchInput = "TouchInput",
        ae.GamepadInput = "GamepadInput",
        ae.XRControllerInput = "XRControllerInput";
        const le = e=>Object.getOwnPropertyNames(ae).some((t=>ae[t] === e));
        class ce {
        }
        ce.AFKTimeoutSecs = "AFKTimeout",
        ce.MinQP = "MinQP",
        ce.MaxQP = "MaxQP",
        ce.WebRTCFPS = "WebRTCFPS",
        ce.WebRTCMinBitrate = "WebRTCMinBitrate",
        ce.WebRTCMaxBitrate = "WebRTCMaxBitrate",
        ce.MaxReconnectAttempts = "MaxReconnectAttempts";
        const de = e=>Object.getOwnPropertyNames(ce).some((t=>ce[t] === e));
        class he {
        }
        he.SignallingServerUrl = "ss";
        const ue = e=>Object.getOwnPropertyNames(he).some((t=>he[t] === e));
        class me {
        }
        me.PreferredCodec = "PreferredCodec",
        me.StreamerId = "StreamerId";
        const ge = e=>Object.getOwnPropertyNames(me).some((t=>me[t] === e));
        class pe {
            constructor(e={}) {
                this.flags = new Map,
                this.numericParameters = new Map,
                this.textParameters = new Map,
                this.optionParameters = new Map;
                const {initialSettings: t, useUrlParams: s} = e;
                this._useUrlParams = !!s,
                this.populateDefaultSettings(this._useUrlParams),
                t && this.setSettings(t)
            }
            get useUrlParams() {
                return this._useUrlParams
            }
            populateDefaultSettings(e) {
                this.textParameters.set(he.SignallingServerUrl, new R(he.SignallingServerUrl,"Signalling url","Url of the signalling server",("https:" === location.protocol ? "wss://" : "ws://") + window.location.hostname + ("80" === window.location.port || "" === window.location.port ? "" : `:${window.location.port}`),e)),
                this.optionParameters.set(me.StreamerId, new L(me.StreamerId,"Streamer ID","The ID of the streamer to stream.","",[],e)),
                this.optionParameters.set(me.PreferredCodec, new L(me.PreferredCodec,"Preferred Codec","The preferred codec to be used during codec negotiation","H264 level-asymmetry-allowed=1;packetization-mode=1;profile-level-id=42e01f",function() {
                    const e = [];
                    if (!RTCRtpReceiver.getCapabilities)
                        return e.push("Only available on Chrome"),
                        e;
                    const t = /(VP\d|H26\d|AV1).*/;
                    return RTCRtpReceiver.getCapabilities("video").codecs.forEach((s=>{
                        const n = s.mimeType.split("/")[1] + " " + (s.sdpFmtpLine || "");
                        null !== t.exec(n) && e.push(n)
                    }
                    )),
                    e
                }(),e)),
                this.flags.set(ae.AutoConnect, new P(ae.AutoConnect,"Auto connect to stream","Whether we should attempt to auto connect to the signalling server or show a click to start prompt.",!1,e)),
                this.flags.set(ae.AutoPlayVideo, new P(ae.AutoPlayVideo,"Auto play video","When video is ready automatically start playing it as opposed to showing a play button.",!0,e)),
                this.flags.set(ae.BrowserSendOffer, new P(ae.BrowserSendOffer,"Browser send offer","Browser will initiate the WebRTC handshake by sending the offer to the streamer",!1,e)),
                this.flags.set(ae.UseMic, new P(ae.UseMic,"Use microphone","Make browser request microphone access and open an input audio track.",!1,e)),
                this.flags.set(ae.StartVideoMuted, new P(ae.StartVideoMuted,"Start video muted","Video will start muted if true.",!1,e)),
                this.flags.set(ae.SuppressBrowserKeys, new P(ae.SuppressBrowserKeys,"Suppress browser keys","Suppress certain browser keys that we use in UE, for example F5 to show shader complexity instead of refresh the page.",!0,e)),
                this.flags.set(ae.PreferSFU, new P(ae.PreferSFU,"Prefer SFU","Try to connect to the SFU instead of P2P.",!1,e)),
                this.flags.set(ae.IsQualityController, new P(ae.IsQualityController,"Is quality controller?","True if this peer controls stream quality",!0,e)),
                this.flags.set(ae.ForceMonoAudio, new P(ae.ForceMonoAudio,"Force mono audio","Force browser to request mono audio in the SDP",!1,e)),
                this.flags.set(ae.ForceTURN, new P(ae.ForceTURN,"Force TURN","Only generate TURN/Relayed ICE candidates.",!1,e)),
                this.flags.set(ae.AFKDetection, new P(ae.AFKDetection,"AFK if idle","Timeout the experience if user is AFK for a period.",!1,e)),
                this.flags.set(ae.MatchViewportResolution, new P(ae.MatchViewportResolution,"Match viewport resolution","Pixel Streaming will be instructed to dynamically resize the video stream to match the size of the video element.",!1,e)),
                this.flags.set(ae.HoveringMouseMode, new P(ae.HoveringMouseMode,"Control Scheme: Locked Mouse","Either locked mouse, where the pointer is consumed by the video and locked to it, or hovering mouse, where the mouse is not consumed.",!1,e,((e,t)=>{
                    t.label = `Control Scheme: ${e ? "Hovering" : "Locked"} Mouse`
                }
                ))),
                this.flags.set(ae.FakeMouseWithTouches, new P(ae.FakeMouseWithTouches,"Fake mouse with touches","A single finger touch is converted into a mouse event. This allows a non-touch application to be controlled partially via a touch device.",!1,e)),
                this.flags.set(ae.KeyboardInput, new P(ae.KeyboardInput,"Keyboard input","If enabled, send keyboard events to streamer",!0,e)),
                this.flags.set(ae.MouseInput, new P(ae.MouseInput,"Mouse input","If enabled, send mouse events to streamer",!0,e)),
                this.flags.set(ae.TouchInput, new P(ae.TouchInput,"Touch input","If enabled, send touch events to streamer",!0,e)),
                this.flags.set(ae.GamepadInput, new P(ae.GamepadInput,"Gamepad input","If enabled, send gamepad events to streamer",!0,e)),
                this.flags.set(ae.XRControllerInput, new P(ae.XRControllerInput,"XR controller input","If enabled, send XR controller events to streamer",!0,e)),
                this.numericParameters.set(ce.AFKTimeoutSecs, new k(ce.AFKTimeoutSecs,"AFK timeout","The time (in seconds) it takes for the application to time out if AFK timeout is enabled.",0,600,120,e)),
                this.numericParameters.set(ce.MaxReconnectAttempts, new k(ce.MaxReconnectAttempts,"Max Reconnects","Maximum number of reconnects the application will attempt when a streamer disconnects.",0,999,3,e)),
                this.numericParameters.set(ce.MinQP, new k(ce.MinQP,"Min QP","The lower bound for the quantization parameter (QP) of the encoder. 0 = Best quality, 51 = worst quality.",0,51,0,e)),
                this.numericParameters.set(ce.MaxQP, new k(ce.MaxQP,"Max QP","The upper bound for the quantization parameter (QP) of the encoder. 0 = Best quality, 51 = worst quality.",0,51,51,e)),
                this.numericParameters.set(ce.WebRTCFPS, new k(ce.WebRTCFPS,"Max FPS","The maximum FPS that WebRTC will try to transmit frames at.",1,999,60,e)),
                this.numericParameters.set(ce.WebRTCMinBitrate, new k(ce.WebRTCMinBitrate,"Min Bitrate (kbps)","The minimum bitrate that WebRTC should use.",0,5e5,0,e)),
                this.numericParameters.set(ce.WebRTCMaxBitrate, new k(ce.WebRTCMaxBitrate,"Max Bitrate (kbps)","The maximum bitrate that WebRTC should use.",0,5e5,0,e))
            }
            _addOnNumericSettingChangedListener(e, t) {
                this.numericParameters.has(e) && this.numericParameters.get(e).addOnChangedListener(t)
            }
            _addOnOptionSettingChangedListener(e, t) {
                this.optionParameters.has(e) && this.optionParameters.get(e).addOnChangedListener(t)
            }
            getNumericSettingValue(e) {
                if (this.numericParameters.has(e))
                    return this.numericParameters.get(e).number;
                throw new Error(`There is no numeric setting with the id of ${e}`)
            }
            getTextSettingValue(e) {
                if (this.textParameters.has(e))
                    return this.textParameters.get(e).value;
                throw new Error(`There is no numeric setting with the id of ${e}`)
            }
            setNumericSetting(e, t) {
                if (!this.numericParameters.has(e))
                    throw new Error(`There is no numeric setting with the id of ${e}`);
                this.numericParameters.get(e).number = t
            }
            _addOnSettingChangedListener(e, t) {
                this.flags.has(e) && (this.flags.get(e).onChange = t)
            }
            _addOnTextSettingChangedListener(e, t) {
                this.textParameters.has(e) && (this.textParameters.get(e).onChange = t)
            }
            getSettingOption(e) {
                return this.optionParameters.get(e)
            }
            isFlagEnabled(e) {
                return this.flags.get(e).flag
            }
            setFlagEnabled(e, t) {
                this.flags.has(e) ? this.flags.get(e).flag = t : l.Warning(l.GetStackTrace(), `Cannot toggle flag called ${e} - it does not exist in the Config.flags map.`)
            }
            setTextSetting(e, t) {
                this.textParameters.has(e) ? this.textParameters.get(e).text = t : l.Warning(l.GetStackTrace(), `Cannot set text setting called ${e} - it does not exist in the Config.textParameters map.`)
            }
            setOptionSettingOptions(e, t) {
                this.optionParameters.has(e) ? this.optionParameters.get(e).options = t : l.Warning(l.GetStackTrace(), `Cannot set text setting called ${e} - it does not exist in the Config.optionParameters map.`)
            }
            setOptionSettingValue(e, t) {
                this.optionParameters.has(e) ? this.optionParameters.get(e).selected = t : l.Warning(l.GetStackTrace(), `Cannot set text setting called ${e} - it does not exist in the Config.enumParameters map.`)
            }
            setFlagLabel(e, t) {
                this.flags.has(e) ? this.flags.get(e).label = t : l.Warning(l.GetStackTrace(), `Cannot set label for flag called ${e} - it does not exist in the Config.flags map.`)
            }
            setSettings(e) {
                for (const t of Object.keys(e))
                    le(t) ? this.setFlagEnabled(t, e[t]) : de(t) ? this.setNumericSetting(t, e[t]) : ue(t) ? this.setTextSetting(t, e[t]) : ge(t) && this.setOptionSettingValue(t, e[t])
            }
            getSettings() {
                const e = {};
                for (const [t,s] of this.flags.entries())
                    e[t] = s.flag;
                for (const [t,s] of this.numericParameters.entries())
                    e[t] = s.number;
                for (const [t,s] of this.textParameters.entries())
                    e[t] = s.text;
                for (const [t,s] of this.optionParameters.entries())
                    e[t] = s.selected;
                return e
            }
            getFlags() {
                return Array.from(this.flags.values())
            }
            getTextSettings() {
                return Array.from(this.textParameters.values())
            }
            getNumericSettings() {
                return Array.from(this.numericParameters.values())
            }
            getOptionSettings() {
                return Array.from(this.optionParameters.values())
            }
            _registerOnChangeEvents(e) {
                for (const t of this.flags.keys()) {
                    const s = this.flags.get(t);
                    s && (s.onChangeEmit = t=>e.dispatchEvent(new se({
                        id: s.id,
                        type: "flag",
                        value: t,
                        target: s
                    })))
                }
                for (const t of this.numericParameters.keys()) {
                    const s = this.numericParameters.get(t);
                    s && (s.onChangeEmit = t=>e.dispatchEvent(new se({
                        id: s.id,
                        type: "number",
                        value: t,
                        target: s
                    })))
                }
                for (const t of this.textParameters.keys()) {
                    const s = this.textParameters.get(t);
                    s && (s.onChangeEmit = t=>e.dispatchEvent(new se({
                        id: s.id,
                        type: "text",
                        value: t,
                        target: s
                    })))
                }
                for (const t of this.optionParameters.keys()) {
                    const s = this.optionParameters.get(t);
                    s && (s.onChangeEmit = t=>e.dispatchEvent(new se({
                        id: s.id,
                        type: "option",
                        value: t,
                        target: s
                    })))
                }
            }
        }
        var ve;
        !function(e) {
            e[e.LockedMouse = 0] = "LockedMouse",
            e[e.HoveringMouse = 1] = "HoveringMouse"
        }(ve || (ve = {}));
        class fe {
            constructor(e, t, s) {
                this.closeTimeout = 10,
                this.active = !1,
                this.countdownActive = !1,
                this.warnTimer = void 0,
                this.countDown = 0,
                this.countDownTimer = void 0,
                this.config = e,
                this.pixelStreaming = t,
                this.onDismissAfk = s,
                this.onAFKTimedOutCallback = ()=>{
                    console.log("AFK timed out, did you want to override this callback?")
                }
            }
            onAfkClick() {
                clearInterval(this.countDownTimer),
                (this.active || this.countdownActive) && (this.startAfkWarningTimer(),
                this.pixelStreaming.dispatchEvent(new O))
            }
            startAfkWarningTimer() {
                this.config.getNumericSettingValue(ce.AFKTimeoutSecs) > 0 && this.config.isFlagEnabled(ae.AFKDetection) ? this.active = !0 : this.active = !1,
                this.resetAfkWarningTimer()
            }
            stopAfkWarningTimer() {
                this.active = !1,
                this.countdownActive = !1,
                clearTimeout(this.warnTimer),
                clearInterval(this.countDownTimer)
            }
            pauseAfkWarningTimer() {
                this.active = !1
            }
            resetAfkWarningTimer() {
                this.active && this.config.isFlagEnabled(ae.AFKDetection) && (clearTimeout(this.warnTimer),
                this.warnTimer = setTimeout((()=>this.activateAfkEvent()), 1e3 * this.config.getNumericSettingValue(ce.AFKTimeoutSecs)))
            }
            activateAfkEvent() {
                this.pauseAfkWarningTimer(),
                this.pixelStreaming.dispatchEvent(new A({
                    countDown: this.countDown,
                    dismissAfk: this.onDismissAfk
                })),
                this.countDown = this.closeTimeout,
                this.countdownActive = !0,
                this.pixelStreaming.dispatchEvent(new F({
                    countDown: this.countDown
                })),
                this.config.isFlagEnabled(ae.HoveringMouseMode) || document.exitPointerLock && document.exitPointerLock(),
                this.countDownTimer = setInterval((()=>{
                    this.countDown--,
                    0 == this.countDown ? (this.pixelStreaming.dispatchEvent(new I),
                    this.onAFKTimedOutCallback(),
                    l.Log(l.GetStackTrace(), "You have been disconnected due to inactivity"),
                    this.stopAfkWarningTimer()) : this.pixelStreaming.dispatchEvent(new F({
                        countDown: this.countDown
                    }))
                }
                ), 1e3)
            }
        }
        class Se {
            constructor() {
                this.isReceivingFreezeFrame = !1
            }
            getDataChannelInstance() {
                return this
            }
            createDataChannel(e, t, s) {
                this.peerConnection = e,
                this.label = t,
                this.datachannelOptions = s,
                null == s && (this.datachannelOptions = {},
                this.datachannelOptions.ordered = !0),
                this.dataChannel = this.peerConnection.createDataChannel(this.label, this.datachannelOptions),
                this.setupDataChannel()
            }
            setupDataChannel() {
                this.dataChannel.binaryType = "arraybuffer",
                this.dataChannel.onopen = e=>this.handleOnOpen(e),
                this.dataChannel.onclose = e=>this.handleOnClose(e),
                this.dataChannel.onmessage = e=>this.handleOnMessage(e),
                this.dataChannel.onerror = e=>this.handleOnError(e)
            }
            handleOnOpen(e) {
                var t;
                l.Log(l.GetStackTrace(), `Data Channel (${this.label}) opened.`, 7),
                this.onOpen(null === (t = this.dataChannel) || void 0 === t ? void 0 : t.label, e)
            }
            handleOnClose(e) {
                var t;
                l.Log(l.GetStackTrace(), `Data Channel (${this.label}) closed.`, 7),
                this.onClose(null === (t = this.dataChannel) || void 0 === t ? void 0 : t.label, e)
            }
            handleOnMessage(e) {
                l.Log(l.GetStackTrace(), `Data Channel (${this.label}) message: ${e}`, 8)
            }
            handleOnError(e) {
                var t;
                l.Log(l.GetStackTrace(), `Data Channel (${this.label}) error: ${e}`, 7),
                this.onError(null === (t = this.dataChannel) || void 0 === t ? void 0 : t.label, e)
            }
            onOpen(e, t) {}
            onClose(e, t) {}
            onError(e, t) {}
        }
        class Ce {
        }
        class ye {
        }
        class be {
        }
        class Ee {
        }
        class we {
        }
        class Te {
        }
        class xe {
        }
        class Me {
        }
        class Pe {
            constructor() {
                this.inboundVideoStats = new ye,
                this.inboundAudioStats = new Ce,
                this.candidatePair = new we,
                this.DataChannelStats = new be,
                this.outBoundVideoStats = new Te,
                this.sessionStats = new xe,
                this.streamStats = new Me,
                this.codecs = new Map
            }
            processStats(e) {
                this.localCandidates = new Array,
                this.remoteCandidates = new Array,
                e.forEach((e=>{
                    switch (e.type) {
                    case "candidate-pair":
                        this.handleCandidatePair(e);
                        break;
                    case "certificate":
                    case "media-source":
                    case "outbound-rtp":
                    case "peer-connection":
                    case "remote-inbound-rtp":
                    case "transport":
                        break;
                    case "codec":
                        this.handleCodec(e);
                        break;
                    case "data-channel":
                        this.handleDataChannel(e);
                        break;
                    case "inbound-rtp":
                        this.handleInBoundRTP(e);
                        break;
                    case "local-candidate":
                        this.handleLocalCandidate(e);
                        break;
                    case "remote-candidate":
                        this.handleRemoteCandidate(e);
                        break;
                    case "remote-outbound-rtp":
                        this.handleRemoteOutBound(e);
                        break;
                    case "track":
                        this.handleTrack(e);
                        break;
                    case "stream":
                        this.handleStream(e);
                        break;
                    default:
                        l.Error(l.GetStackTrace(), "unhandled Stat Type"),
                        l.Log(l.GetStackTrace(), e)
                    }
                }
                ))
            }
            handleStream(e) {
                this.streamStats = e
            }
            handleCandidatePair(e) {
                this.candidatePair.bytesReceived = e.bytesReceived,
                this.candidatePair.bytesSent = e.bytesSent,
                this.candidatePair.localCandidateId = e.localCandidateId,
                this.candidatePair.remoteCandidateId = e.remoteCandidateId,
                this.candidatePair.nominated = e.nominated,
                this.candidatePair.readable = e.readable,
                this.candidatePair.selected = e.selected,
                this.candidatePair.writable = e.writable,
                this.candidatePair.state = e.state,
                this.candidatePair.currentRoundTripTime = e.currentRoundTripTime
            }
            handleDataChannel(e) {
                this.DataChannelStats.bytesReceived = e.bytesReceived,
                this.DataChannelStats.bytesSent = e.bytesSent,
                this.DataChannelStats.dataChannelIdentifier = e.dataChannelIdentifier,
                this.DataChannelStats.id = e.id,
                this.DataChannelStats.label = e.label,
                this.DataChannelStats.messagesReceived = e.messagesReceived,
                this.DataChannelStats.messagesSent = e.messagesSent,
                this.DataChannelStats.protocol = e.protocol,
                this.DataChannelStats.state = e.state,
                this.DataChannelStats.timestamp = e.timestamp
            }
            handleLocalCandidate(e) {
                const t = new Ee;
                t.label = "local-candidate",
                t.address = e.address,
                t.port = e.port,
                t.protocol = e.protocol,
                t.candidateType = e.candidateType,
                t.id = e.id,
                this.localCandidates.push(t)
            }
            handleRemoteCandidate(e) {
                const t = new Ee;
                t.label = "local-candidate",
                t.address = e.address,
                t.port = e.port,
                t.protocol = e.protocol,
                t.id = e.id,
                t.candidateType = e.candidateType,
                this.remoteCandidates.push(t)
            }
            handleInBoundRTP(e) {
                switch (e.kind) {
                case "video":
                    this.inboundVideoStats = e,
                    null != this.lastVideoStats && (this.inboundVideoStats.bitrate = 8 * (this.inboundVideoStats.bytesReceived - this.lastVideoStats.bytesReceived) / (this.inboundVideoStats.timestamp - this.lastVideoStats.timestamp),
                    this.inboundVideoStats.bitrate = Math.floor(this.inboundVideoStats.bitrate)),
                    this.lastVideoStats = Object.assign({}, this.inboundVideoStats);
                    break;
                case "audio":
                    this.inboundAudioStats = e,
                    null != this.lastAudioStats && (this.inboundAudioStats.bitrate = 8 * (this.inboundAudioStats.bytesReceived - this.lastAudioStats.bytesReceived) / (this.inboundAudioStats.timestamp - this.lastAudioStats.timestamp),
                    this.inboundAudioStats.bitrate = Math.floor(this.inboundAudioStats.bitrate)),
                    this.lastAudioStats = Object.assign({}, this.inboundAudioStats);
                    break;
                default:
                    l.Log(l.GetStackTrace(), "Kind is not handled")
                }
            }
            handleRemoteOutBound(e) {
                "video" === e.kind && (this.outBoundVideoStats.bytesSent = e.bytesSent,
                this.outBoundVideoStats.id = e.id,
                this.outBoundVideoStats.localId = e.localId,
                this.outBoundVideoStats.packetsSent = e.packetsSent,
                this.outBoundVideoStats.remoteTimestamp = e.remoteTimestamp,
                this.outBoundVideoStats.timestamp = e.timestamp)
            }
            handleTrack(e) {
                "track" !== e.type || "video_label" !== e.trackIdentifier && "video" !== e.kind || (this.inboundVideoStats.framesDropped = e.framesDropped,
                this.inboundVideoStats.framesReceived = e.framesReceived,
                this.inboundVideoStats.frameHeight = e.frameHeight,
                this.inboundVideoStats.frameWidth = e.frameWidth)
            }
            handleCodec(e) {
                const t = e.id
                  , s = `${e.mimeType.replace("video/", "").replace("audio/", "")}${e.sdpFmtpLine ? ` ${e.sdpFmtpLine}` : ""}`;
                this.codecs.set(t, s)
            }
            handleSessionStatistics(e, t, s) {
                const n = Date.now() - e;
                this.sessionStats.runTime = new Date(n).toISOString().substr(11, 8).toString();
                const i = null === t ? "Not sent yet" : t ? "true" : "false";
                this.sessionStats.controlsStreamInput = i,
                this.sessionStats.videoEncoderAvgQP = s
            }
            isNumber(e) {
                return "number" == typeof e && isFinite(e)
            }
        }
        const ke = (Re = {
            parseRtpParameters: ()=>n.parseRtpParameters,
            splitSections: ()=>n.splitSections
        },
        Le = {},
        o.d(Le, Re),
        Le);
        var Re, Le, Ae, Fe, Oe = function(e, t, s, n) {
            return new (s || (s = Promise))((function(i, r) {
                function o(e) {
                    try {
                        l(n.next(e))
                    } catch (e) {
                        r(e)
                    }
                }
                function a(e) {
                    try {
                        l(n.throw(e))
                    } catch (e) {
                        r(e)
                    }
                }
                function l(e) {
                    var t;
                    e.done ? i(e.value) : (t = e.value,
                    t instanceof s ? t : new s((function(e) {
                        e(t)
                    }
                    ))).then(o, a)
                }
                l((n = n.apply(e, t || [])).next())
            }
            ))
        };
        class Ie {
            constructor(e, t, s) {
                this.config = t,
                this.createPeerConnection(e, s)
            }
            createPeerConnection(e, t) {
                this.config.isFlagEnabled(ae.ForceTURN) && (e.iceTransportPolicy = "relay",
                l.Log(l.GetStackTrace(), "Forcing TURN usage by setting ICE Transport Policy in peer connection config.")),
                this.peerConnection = new RTCPeerConnection(e),
                this.peerConnection.onsignalingstatechange = e=>this.handleSignalStateChange(e),
                this.peerConnection.oniceconnectionstatechange = e=>this.handleIceConnectionStateChange(e),
                this.peerConnection.onicegatheringstatechange = e=>this.handleIceGatheringStateChange(e),
                this.peerConnection.ontrack = e=>this.handleOnTrack(e),
                this.peerConnection.onicecandidate = e=>this.handleIceCandidate(e),
                this.peerConnection.ondatachannel = e=>this.handleDataChannel(e),
                this.aggregatedStats = new Pe,
                this.preferredCodec = t,
                this.updateCodecSelection = !0
            }
            createOffer(e, t) {
                return Oe(this, void 0, void 0, (function*() {
                    l.Log(l.GetStackTrace(), "Create Offer", 6);
                    const s = "localhost" === location.hostname || "127.0.0.1" === location.hostname
                      , n = "https:" === location.protocol;
                    let i = t.isFlagEnabled(ae.UseMic);
                    !i || s || n || (i = !1,
                    l.Error(l.GetStackTrace(), "Microphone access in the browser will not work if you are not on HTTPS or localhost. Disabling mic access."),
                    l.Error(l.GetStackTrace(), "For testing you can enable HTTP microphone access Chrome by visiting chrome://flags/ and enabling 'unsafely-treat-insecure-origin-as-secure'")),
                    this.setupTransceiversAsync(i).finally((()=>{
                        var t;
                        null === (t = this.peerConnection) || void 0 === t || t.createOffer(e).then((e=>{
                            var t;
                            this.showTextOverlayConnecting(),
                            e.sdp = this.mungeSDP(e.sdp, i),
                            null === (t = this.peerConnection) || void 0 === t || t.setLocalDescription(e),
                            this.onSendWebRTCOffer(e)
                        }
                        )).catch((()=>{
                            this.showTextOverlaySetupFailure()
                        }
                        ))
                    }
                    ))
                }
                ))
            }
            receiveOffer(e, t) {
                var s;
                return Oe(this, void 0, void 0, (function*() {
                    l.Log(l.GetStackTrace(), "Receive Offer", 6),
                    null === (s = this.peerConnection) || void 0 === s || s.setRemoteDescription(e).then((()=>{
                        const e = "localhost" === location.hostname || "127.0.0.1" === location.hostname
                          , s = "https:" === location.protocol;
                        let n = t.isFlagEnabled(ae.UseMic);
                        !n || e || s || (n = !1,
                        l.Error(l.GetStackTrace(), "Microphone access in the browser will not work if you are not on HTTPS or localhost. Disabling mic access."),
                        l.Error(l.GetStackTrace(), "For testing you can enable HTTP microphone access Chrome by visiting chrome://flags/ and enabling 'unsafely-treat-insecure-origin-as-secure'")),
                        this.setupTransceiversAsync(n).finally((()=>{
                            var e;
                            null === (e = this.peerConnection) || void 0 === e || e.createAnswer().then((e=>{
                                var t;
                                return e.sdp = this.mungeSDP(e.sdp, n),
                                null === (t = this.peerConnection) || void 0 === t ? void 0 : t.setLocalDescription(e)
                            }
                            )).then((()=>{
                                var e;
                                this.onSendWebRTCAnswer(null === (e = this.peerConnection) || void 0 === e ? void 0 : e.currentLocalDescription)
                            }
                            )).catch((()=>{
                                l.Error(l.GetStackTrace(), "createAnswer() failed")
                            }
                            ))
                        }
                        ))
                    }
                    )),
                    this.config.setOptionSettingOptions(me.PreferredCodec, this.parseAvailableCodecs(e).filter((e=>this.config.getSettingOption(me.PreferredCodec).options.includes(e))))
                }
                ))
            }
            receiveAnswer(e) {
                var t;
                null === (t = this.peerConnection) || void 0 === t || t.setRemoteDescription(e),
                this.config.setOptionSettingOptions(me.PreferredCodec, this.parseAvailableCodecs(e).filter((e=>this.config.getSettingOption(me.PreferredCodec).options.includes(e))))
            }
            generateStats() {
                var e;
                null === (e = this.peerConnection) || void 0 === e || e.getStats(null).then((e=>{
                    this.aggregatedStats.processStats(e),
                    this.onVideoStats(this.aggregatedStats),
                    this.updateCodecSelection && this.config.setOptionSettingValue(me.PreferredCodec, this.aggregatedStats.codecs.get(this.aggregatedStats.inboundVideoStats.codecId))
                }
                ))
            }
            close() {
                this.peerConnection && (this.peerConnection.close(),
                this.peerConnection = null)
            }
            mungeSDP(e, t) {
                const s = e;
                s.replace(/(a=fmtp:\d+ .*level-asymmetry-allowed=.*)\r\n/gm, "$1;x-google-start-bitrate=10000;x-google-max-bitrate=100000\r\n");
                let n = "";
                return n += "maxaveragebitrate=510000;",
                t && (n += "sprop-maxcapturerate=48000;"),
                n += this.config.isFlagEnabled(ae.ForceMonoAudio) ? "stereo=0;" : "stereo=1;",
                n += "useinbandfec=1",
                s.replace("useinbandfec=1", n),
                s
            }
            handleOnIce(e) {
                var t;
                l.Log(l.GetStackTrace(), "peerconnection handleOnIce", 6),
                this.config.isFlagEnabled(ae.ForceTURN) && e.candidate.indexOf("relay") < 0 ? l.Info(l.GetStackTrace(), `Dropping candidate because it was not TURN relay. | Type= ${e.type} | Protocol= ${e.protocol} | Address=${e.address} | Port=${e.port} |`, 6) : null === (t = this.peerConnection) || void 0 === t || t.addIceCandidate(e)
            }
            handleSignalStateChange(e) {
                l.Log(l.GetStackTrace(), "signaling state change: " + e, 6)
            }
            handleIceConnectionStateChange(e) {
                l.Log(l.GetStackTrace(), "ice connection state change: " + e, 6),
                this.onIceConnectionStateChange(e)
            }
            handleIceGatheringStateChange(e) {
                l.Log(l.GetStackTrace(), "ice gathering state change: " + JSON.stringify(e), 6)
            }
            handleOnTrack(e) {
                this.onTrack(e)
            }
            handleIceCandidate(e) {
                this.onPeerIceCandidate(e)
            }
            handleDataChannel(e) {
                this.onDataChannel(e)
            }
            onTrack(e) {}
            onIceConnectionStateChange(e) {}
            onPeerIceCandidate(e) {}
            onDataChannel(e) {}
            setupTransceiversAsync(e) {
                var t, s, n, i, r, o, a, l, c;
                return Oe(this, void 0, void 0, (function*() {
                    const d = (null === (t = this.peerConnection) || void 0 === t ? void 0 : t.getTransceivers().length) > 0;
                    if (null === (s = this.peerConnection) || void 0 === s || s.addTransceiver("video", {
                        direction: "recvonly"
                    }),
                    RTCRtpReceiver.getCapabilities && "" != this.preferredCodec)
                        for (const e of null !== (i = null === (n = this.peerConnection) || void 0 === n ? void 0 : n.getTransceivers()) && void 0 !== i ? i : [])
                            if (e && e.receiver && e.receiver.track && "video" === e.receiver.track.kind) {
                                const t = this.preferredCodec.split(" ")
                                  , s = [{
                                    mimeType: "video/" + t[0],
                                    clockRate: 9e4,
                                    sdpFmtpLine: t[1] ? t[1] : ""
                                }];
                                this.config.getSettingOption(me.PreferredCodec).options.filter((e=>e != this.preferredCodec)).forEach((e=>{
                                    const t = e.split(" ");
                                    s.push({
                                        mimeType: "video/" + t[0],
                                        clockRate: 9e4,
                                        sdpFmtpLine: t[1] ? t[1] : ""
                                    })
                                }
                                ));
                                for (const e of s)
                                    "" === e.sdpFmtpLine && delete e.sdpFmtpLine;
                                e.setCodecPreferences(s)
                            }
                    if (e) {
                        const t = {
                            video: !1,
                            audio: !!e && {
                                autoGainControl: !1,
                                channelCount: 1,
                                echoCancellation: !1,
                                latency: 0,
                                noiseSuppression: !1,
                                sampleRate: 48e3,
                                sampleSize: 16,
                                volume: 1
                            }
                        }
                          , s = yield navigator.mediaDevices.getUserMedia(t);
                        if (s)
                            if (d) {
                                for (const e of null !== (a = null === (o = this.peerConnection) || void 0 === o ? void 0 : o.getTransceivers()) && void 0 !== a ? a : [])
                                    if (e && e.receiver && e.receiver.track && "audio" === e.receiver.track.kind)
                                        for (const t of s.getTracks())
                                            t.kind && "audio" == t.kind && (e.sender.replaceTrack(t),
                                            e.direction = "sendrecv")
                            } else
                                for (const e of s.getTracks())
                                    e.kind && "audio" == e.kind && (null === (l = this.peerConnection) || void 0 === l || l.addTransceiver(e, {
                                        direction: "sendrecv"
                                    }));
                        else
                            null === (c = this.peerConnection) || void 0 === c || c.addTransceiver("audio", {
                                direction: "recvonly"
                            })
                    } else
                        null === (r = this.peerConnection) || void 0 === r || r.addTransceiver("audio", {
                            direction: "recvonly"
                        })
                }
                ))
            }
            onVideoStats(e) {}
            onSendWebRTCOffer(e) {}
            onSendWebRTCAnswer(e) {}
            showTextOverlayConnecting() {}
            showTextOverlaySetupFailure() {}
            parseAvailableCodecs(e) {
                if (!RTCRtpReceiver.getCapabilities)
                    return ["Only available on Chrome"];
                const t = []
                  , s = (0,
                ke.splitSections)(e.sdp);
                return s.shift(),
                s.forEach((e=>{
                    const {codecs: s} = (0,
                    ke.parseRtpParameters)(e)
                      , n = /(VP\d|H26\d|AV1).*/;
                    s.forEach((e=>{
                        const s = e.name + " " + Object.keys(e.parameters || {}).map((t=>t + "=" + e.parameters[t])).join(";");
                        if (null !== n.exec(s)) {
                            "VP9" == e.name && (e.parameters = {
                                "profile-id": "0"
                            });
                            const s = e.name + " " + Object.keys(e.parameters || {}).map((t=>t + "=" + e.parameters[t])).join(";");
                            t.push(s)
                        }
                    }
                    ))
                }
                )),
                t
            }
        }
        class De {
            constructor() {
                this.PixelStreamingSettings = new _e,
                this.EncoderSettings = new Ue,
                this.WebRTCSettings = new ze
            }
            ueCompatible() {
                null != this.WebRTCSettings.MaxFPS && (this.WebRTCSettings.FPS = this.WebRTCSettings.MaxFPS)
            }
        }
        class _e {
        }
        class Ue {
        }
        class ze {
        }
        class Be {
            constructor() {
                this.ReceiptTimeMs = null,
                this.TransmissionTimeMs = null,
                this.PreCaptureTimeMs = null,
                this.PostCaptureTimeMs = null,
                this.PreEncodeTimeMs = null,
                this.PostEncodeTimeMs = null,
                this.EncodeMs = null,
                this.CaptureToSendMs = null,
                this.testStartTimeMs = 0,
                this.browserReceiptTimeMs = 0,
                this.latencyExcludingDecode = 0,
                this.testDuration = 0,
                this.networkLatency = 0,
                this.browserSendLatency = 0,
                this.frameDisplayDeltaTimeMs = 0,
                this.endToEndLatency = 0,
                this.encodeLatency = 0
            }
            setFrameDisplayDeltaTime(e) {
                0 == this.frameDisplayDeltaTimeMs && (this.frameDisplayDeltaTimeMs = Math.round(e))
            }
            processFields() {
                null != this.EncodeMs || null == this.PreEncodeTimeMs && null == this.PostEncodeTimeMs || (l.Log(l.GetStackTrace(), `Setting Encode Ms \n ${this.PostEncodeTimeMs} \n ${this.PreEncodeTimeMs}`, 6),
                this.EncodeMs = this.PostEncodeTimeMs - this.PreEncodeTimeMs),
                null != this.CaptureToSendMs || null == this.PreCaptureTimeMs && null == this.PostCaptureTimeMs || (l.Log(l.GetStackTrace(), `Setting CaptureToSendMs Ms \n ${this.PostCaptureTimeMs} \n ${this.PreCaptureTimeMs}`, 6),
                this.CaptureToSendMs = this.PostCaptureTimeMs - this.PreCaptureTimeMs)
            }
        }
        class Ne {
            static setExtensionFromBytes(e, t) {
                t.receiving || (t.mimetype = "",
                t.extension = "",
                t.receiving = !0,
                t.valid = !1,
                t.size = 0,
                t.data = [],
                t.timestampStart = (new Date).getTime(),
                l.Log(l.GetStackTrace(), "Received first chunk of file", 6));
                const s = new TextDecoder("utf-16").decode(e.slice(1));
                l.Log(l.GetStackTrace(), s, 6),
                t.extension = s
            }
            static setMimeTypeFromBytes(e, t) {
                t.receiving || (t.mimetype = "",
                t.extension = "",
                t.receiving = !0,
                t.valid = !1,
                t.size = 0,
                t.data = [],
                t.timestampStart = (new Date).getTime(),
                l.Log(l.GetStackTrace(), "Received first chunk of file", 6));
                const s = new TextDecoder("utf-16").decode(e.slice(1));
                l.Log(l.GetStackTrace(), s, 6),
                t.mimetype = s
            }
            static setContentsFromBytes(e, t) {
                if (!t.receiving)
                    return;
                t.size = Math.ceil(new DataView(e.slice(1, 5).buffer).getInt32(0, !0) / 16379);
                const s = e.slice(5);
                if (t.data.push(s),
                l.Log(l.GetStackTrace(), `Received file chunk: ${t.data.length}/${t.size}`, 6),
                t.data.length === t.size) {
                    t.receiving = !1,
                    t.valid = !0,
                    l.Log(l.GetStackTrace(), "Received complete file", 6);
                    const e = (new Date).getTime() - t.timestampStart
                      , s = Math.round(16 * t.size * 1024 / e);
                    l.Log(l.GetStackTrace(), `Average transfer bitrate: ${s}kb/s over ${e / 1e3} seconds`, 6);
                    const n = new Blob(t.data,{
                        type: t.mimetype
                    })
                      , i = document.createElement("a");
                    i.setAttribute("href", URL.createObjectURL(n)),
                    i.setAttribute("download", `transfer.${t.extension}`),
                    document.body.append(i),
                    i.remove()
                } else
                    t.data.length > t.size && (t.receiving = !1,
                    l.Error(l.GetStackTrace(), `Received bigger file than advertised: ${t.data.length}/${t.size}`))
            }
        }
        class Ge {
            constructor() {
                this.mimetype = "",
                this.extension = "",
                this.receiving = !1,
                this.size = 0,
                this.data = [],
                this.valid = !1
            }
        }
        class He {
        }
        He.mainButton = 0,
        He.auxiliaryButton = 1,
        He.secondaryButton = 2,
        He.fourthButton = 3,
        He.fifthButton = 4;
        class We {
        }
        We.primaryButton = 1,
        We.secondaryButton = 2,
        We.auxiliaryButton = 4,
        We.fourthButton = 8,
        We.fifthButton = 16;
        class Ve {
            constructor() {
                this.unregisterCallbacks = []
            }
            addUnregisterCallback(e) {
                this.unregisterCallbacks.push(e)
            }
            unregisterAll() {
                for (const e of this.unregisterCallbacks)
                    e();
                this.unregisterCallbacks = []
            }
        }
        class Qe {
            constructor(e, t, s) {
                this.touchEventListenerTracker = new Ve,
                this.toStreamerMessagesProvider = e,
                this.videoElementProvider = t,
                this.coordinateConverter = s;
                const n = e=>this.onTouchStart(e)
                  , i = e=>this.onTouchEnd(e)
                  , r = e=>this.onTouchMove(e);
                document.addEventListener("touchstart", n, {
                    passive: !1
                }),
                document.addEventListener("touchend", i, {
                    passive: !1
                }),
                document.addEventListener("touchmove", r, {
                    passive: !1
                }),
                this.touchEventListenerTracker.addUnregisterCallback((()=>document.removeEventListener("touchstart", n))),
                this.touchEventListenerTracker.addUnregisterCallback((()=>document.removeEventListener("touchend", i))),
                this.touchEventListenerTracker.addUnregisterCallback((()=>document.removeEventListener("touchmove", r)))
            }
            unregisterTouchEvents() {
                this.touchEventListenerTracker.unregisterAll()
            }
            setVideoElementParentClientRect(e) {
                this.videoElementParentClientRect = e
            }
            onTouchStart(e) {
                if (this.videoElementProvider.isVideoReady()) {
                    if (null == this.fakeTouchFinger) {
                        const t = e.changedTouches[0];
                        this.fakeTouchFinger = new qe(t.identifier,t.clientX - this.videoElementParentClientRect.left,t.clientY - this.videoElementParentClientRect.top);
                        const s = this.videoElementProvider.getVideoParentElement()
                          , n = new MouseEvent("mouseenter",t);
                        s.dispatchEvent(n);
                        const i = this.coordinateConverter.normalizeAndQuantizeUnsigned(this.fakeTouchFinger.x, this.fakeTouchFinger.y);
                        this.toStreamerMessagesProvider.toStreamerHandlers.get("MouseDown")([He.mainButton, i.x, i.y])
                    }
                    e.preventDefault()
                }
            }
            onTouchEnd(e) {
                if (!this.videoElementProvider.isVideoReady())
                    return;
                const t = this.videoElementProvider.getVideoParentElement()
                  , s = this.toStreamerMessagesProvider.toStreamerHandlers;
                for (let n = 0; n < e.changedTouches.length; n++) {
                    const i = e.changedTouches[n];
                    if (i.identifier === this.fakeTouchFinger.id) {
                        const e = i.clientX - this.videoElementParentClientRect.left
                          , n = i.clientY - this.videoElementParentClientRect.top
                          , r = this.coordinateConverter.normalizeAndQuantizeUnsigned(e, n);
                        s.get("MouseUp")([He.mainButton, r.x, r.y]);
                        const o = new MouseEvent("mouseleave",i);
                        t.dispatchEvent(o),
                        this.fakeTouchFinger = null;
                        break
                    }
                }
                e.preventDefault()
            }
            onTouchMove(e) {
                if (!this.videoElementProvider.isVideoReady())
                    return;
                const t = this.toStreamerMessagesProvider.toStreamerHandlers;
                for (let s = 0; s < e.touches.length; s++) {
                    const n = e.touches[s];
                    if (n.identifier === this.fakeTouchFinger.id) {
                        const e = n.clientX - this.videoElementParentClientRect.left
                          , s = n.clientY - this.videoElementParentClientRect.top
                          , i = this.coordinateConverter.normalizeAndQuantizeUnsigned(e, s)
                          , r = this.coordinateConverter.normalizeAndQuantizeSigned(e - this.fakeTouchFinger.x, s - this.fakeTouchFinger.y);
                        t.get("MouseMove")([i.x, i.y, r.x, r.y]),
                        this.fakeTouchFinger.x = e,
                        this.fakeTouchFinger.y = s;
                        break
                    }
                }
                e.preventDefault()
            }
        }
        class qe {
            constructor(e, t, s) {
                this.id = e,
                this.x = t,
                this.y = s
            }
        }
        class Ke {
        }
        Ke.backSpace = 8,
        Ke.shift = 16,
        Ke.control = 17,
        Ke.alt = 18,
        Ke.rightShift = 253,
        Ke.rightControl = 254,
        Ke.rightAlt = 255;
        class je {
            constructor(e, t, s) {
                this.keyboardEventListenerTracker = new Ve,
                this.CodeToKeyCode = {
                    Escape: 27,
                    Digit0: 48,
                    Digit1: 49,
                    Digit2: 50,
                    Digit3: 51,
                    Digit4: 52,
                    Digit5: 53,
                    Digit6: 54,
                    Digit7: 55,
                    Digit8: 56,
                    Digit9: 57,
                    Minus: 173,
                    Equal: 187,
                    Backspace: 8,
                    Tab: 9,
                    KeyQ: 81,
                    KeyW: 87,
                    KeyE: 69,
                    KeyR: 82,
                    KeyT: 84,
                    KeyY: 89,
                    KeyU: 85,
                    KeyI: 73,
                    KeyO: 79,
                    KeyP: 80,
                    BracketLeft: 219,
                    BracketRight: 221,
                    Enter: 13,
                    ControlLeft: 17,
                    KeyA: 65,
                    KeyS: 83,
                    KeyD: 68,
                    KeyF: 70,
                    KeyG: 71,
                    KeyH: 72,
                    KeyJ: 74,
                    KeyK: 75,
                    KeyL: 76,
                    Semicolon: 186,
                    Quote: 222,
                    Backquote: 192,
                    ShiftLeft: 16,
                    Backslash: 220,
                    KeyZ: 90,
                    KeyX: 88,
                    KeyC: 67,
                    KeyV: 86,
                    KeyB: 66,
                    KeyN: 78,
                    KeyM: 77,
                    Comma: 188,
                    Period: 190,
                    Slash: 191,
                    ShiftRight: 253,
                    AltLeft: 18,
                    Space: 32,
                    CapsLock: 20,
                    F1: 112,
                    F2: 113,
                    F3: 114,
                    F4: 115,
                    F5: 116,
                    F6: 117,
                    F7: 118,
                    F8: 119,
                    F9: 120,
                    F10: 121,
                    F11: 122,
                    F12: 123,
                    Pause: 19,
                    ScrollLock: 145,
                    NumpadDivide: 111,
                    NumpadMultiply: 106,
                    NumpadSubtract: 109,
                    NumpadAdd: 107,
                    NumpadDecimal: 110,
                    Numpad9: 105,
                    Numpad8: 104,
                    Numpad7: 103,
                    Numpad6: 102,
                    Numpad5: 101,
                    Numpad4: 100,
                    Numpad3: 99,
                    Numpad2: 98,
                    Numpad1: 97,
                    Numpad0: 96,
                    NumLock: 144,
                    ControlRight: 254,
                    AltRight: 255,
                    Home: 36,
                    End: 35,
                    ArrowUp: 38,
                    ArrowLeft: 37,
                    ArrowRight: 39,
                    ArrowDown: 40,
                    PageUp: 33,
                    PageDown: 34,
                    Insert: 45,
                    Delete: 46,
                    ContextMenu: 93
                },
                this.toStreamerMessagesProvider = e,
                this.config = t,
                this.activeKeysProvider = s
            }
            registerKeyBoardEvents() {
                const e = e=>this.handleOnKeyDown(e)
                  , t = e=>this.handleOnKeyUp(e)
                  , s = e=>this.handleOnKeyPress(e);
                document.addEventListener("keydown", e),
                document.addEventListener("keyup", t),
                document.addEventListener("keypress", s),
                this.keyboardEventListenerTracker.addUnregisterCallback((()=>document.removeEventListener("keydown", e))),
                this.keyboardEventListenerTracker.addUnregisterCallback((()=>document.removeEventListener("keyup", t))),
                this.keyboardEventListenerTracker.addUnregisterCallback((()=>document.removeEventListener("keypress", s)))
            }
            unregisterKeyBoardEvents() {
                this.keyboardEventListenerTracker.unregisterAll()
            }
            handleOnKeyDown(e) {
                const t = this.getKeycode(e);
                t && (l.Log(l.GetStackTrace(), `key down ${t}, repeat = ${e.repeat}`, 6),
                this.toStreamerMessagesProvider.toStreamerHandlers.get("KeyDown")([this.getKeycode(e), e.repeat ? 1 : 0]),
                this.activeKeysProvider.getActiveKeys().push(t),
                t === Ke.backSpace && document.dispatchEvent(new KeyboardEvent("keypress",{
                    charCode: Ke.backSpace
                })),
                this.config.isFlagEnabled(ae.SuppressBrowserKeys) && this.isKeyCodeBrowserKey(t) && e.preventDefault())
            }
            handleOnKeyUp(e) {
                const t = this.getKeycode(e);
                t && (l.Log(l.GetStackTrace(), `key up ${t}`, 6),
                this.toStreamerMessagesProvider.toStreamerHandlers.get("KeyUp")([t, e.repeat ? 1 : 0]),
                this.config.isFlagEnabled(ae.SuppressBrowserKeys) && this.isKeyCodeBrowserKey(t) && e.preventDefault())
            }
            handleOnKeyPress(e) {
                if (!("charCode"in e))
                    return void l.Warning(l.GetStackTrace(), "KeyboardEvent.charCode is deprecated in this browser, cannot send key press.");
                const t = e.charCode;
                l.Log(l.GetStackTrace(), `key press ${t}`, 6),
                this.toStreamerMessagesProvider.toStreamerHandlers.get("KeyPress")([t])
            }
            getKeycode(e) {
                if (!("keyCode"in e)) {
                    const t = e;
                    return t.code in this.CodeToKeyCode ? this.CodeToKeyCode[t.code] : (l.Warning(l.GetStackTrace(), `Keyboard code of ${t.code} is not supported in our mapping, ignoring this key.`),
                    null)
                }
                return e.keyCode === Ke.shift && "ShiftRight" === e.code ? Ke.rightShift : e.keyCode === Ke.control && "ControlRight" === e.code ? Ke.rightControl : e.keyCode === Ke.alt && "AltRight" === e.code ? Ke.rightAlt : e.keyCode
            }
            isKeyCodeBrowserKey(e) {
                return e >= 112 && e <= 123 || 9 === e
            }
        }
        class Xe {
            constructor(e, t, s) {
                this.x = 0,
                this.y = 0,
                this.updateMouseMovePositionEvent = e=>{
                    this.updateMouseMovePosition(e)
                }
                ,
                this.mouseEventListenerTracker = new Ve,
                this.videoElementProvider = e,
                this.mouseController = t,
                this.activeKeysProvider = s;
                const n = this.videoElementProvider.getVideoParentElement();
                this.x = n.getBoundingClientRect().width / 2,
                this.y = n.getBoundingClientRect().height / 2,
                this.coord = this.mouseController.coordinateConverter.normalizeAndQuantizeUnsigned(this.x, this.y)
            }
            unregisterMouseEvents() {
                this.mouseEventListenerTracker.unregisterAll()
            }
            lockStateChange() {
                const e = this.videoElementProvider.getVideoParentElement()
                  , t = this.mouseController.toStreamerMessagesProvider.toStreamerHandlers;
                if (document.pointerLockElement === e || document.mozPointerLockElement === e)
                    l.Log(l.GetStackTrace(), "Pointer locked", 6),
                    document.addEventListener("mousemove", this.updateMouseMovePositionEvent, !1),
                    this.mouseEventListenerTracker.addUnregisterCallback((()=>document.removeEventListener("mousemove", this.updateMouseMovePositionEvent, !1)));
                else {
                    l.Log(l.GetStackTrace(), "The pointer lock status is now unlocked", 6),
                    document.removeEventListener("mousemove", this.updateMouseMovePositionEvent, !1);
                    let e = this.activeKeysProvider.getActiveKeys();
                    const s = new Set(e)
                      , n = [];
                    s.forEach((e=>{
                        n[e]
                    }
                    )),
                    n.forEach((e=>{
                        t.get("KeyUp")([e])
                    }
                    )),
                    e = []
                }
            }
            updateMouseMovePosition(e) {
                if (!this.videoElementProvider.isVideoReady())
                    return;
                const t = this.mouseController.toStreamerMessagesProvider.toStreamerHandlers
                  , s = this.videoElementProvider.getVideoParentElement().clientWidth
                  , n = this.videoElementProvider.getVideoParentElement().clientHeight;
                this.x += e.movementX,
                this.y += e.movementY,
                this.x > s && (this.x -= s),
                this.y > n && (this.y -= n),
                this.x < 0 && (this.x = s + this.x),
                this.y < 0 && (this.y = n - this.y),
                this.coord = this.mouseController.coordinateConverter.normalizeAndQuantizeUnsigned(this.x, this.y);
                const i = this.mouseController.coordinateConverter.normalizeAndQuantizeSigned(e.movementX, e.movementY);
                t.get("MouseMove")([this.coord.x, this.coord.y, i.x, i.y])
            }
            handleMouseDown(e) {
                this.videoElementProvider.isVideoReady() && this.mouseController.toStreamerMessagesProvider.toStreamerHandlers.get("MouseDown")([e.button, this.coord.x, this.coord.y])
            }
            handleMouseUp(e) {
                this.videoElementProvider.isVideoReady() && this.mouseController.toStreamerMessagesProvider.toStreamerHandlers.get("MouseUp")([e.button, this.coord.x, this.coord.y])
            }
            handleMouseWheel(e) {
                this.videoElementProvider.isVideoReady() && this.mouseController.toStreamerMessagesProvider.toStreamerHandlers.get("MouseWheel")([e.wheelDelta, this.coord.x, this.coord.y])
            }
            handleMouseDouble(e) {
                this.videoElementProvider.isVideoReady() && this.mouseController.toStreamerMessagesProvider.toStreamerHandlers.get("MouseDouble")([e.button, this.coord.x, this.coord.y])
            }
            handlePressMouseButtons(e) {
                this.videoElementProvider.isVideoReady() && this.mouseController.pressMouseButtons(e.buttons, this.x, this.y)
            }
            handleReleaseMouseButtons(e) {
                this.videoElementProvider.isVideoReady() && this.mouseController.releaseMouseButtons(e.buttons, this.x, this.y)
            }
        }
        class Je {
            constructor(e) {
                this.mouseController = e
            }
            unregisterMouseEvents() {}
            updateMouseMovePosition(e) {
                if (!this.mouseController.videoElementProvider.isVideoReady())
                    return;
                l.Log(l.GetStackTrace(), "MouseMove", 6);
                const t = this.mouseController.coordinateConverter.normalizeAndQuantizeUnsigned(e.offsetX, e.offsetY)
                  , s = this.mouseController.coordinateConverter.normalizeAndQuantizeSigned(e.movementX, e.movementY);
                this.mouseController.toStreamerMessagesProvider.toStreamerHandlers.get("MouseMove")([t.x, t.y, s.x, s.y]),
                e.preventDefault()
            }
            handleMouseDown(e) {
                if (!this.mouseController.videoElementProvider.isVideoReady())
                    return;
                l.Log(l.GetStackTrace(), "onMouse Down", 6);
                const t = this.mouseController.coordinateConverter.normalizeAndQuantizeUnsigned(e.offsetX, e.offsetY);
                this.mouseController.toStreamerMessagesProvider.toStreamerHandlers.get("MouseDown")([e.button, t.x, t.y]),
                e.preventDefault()
            }
            handleMouseUp(e) {
                if (!this.mouseController.videoElementProvider.isVideoReady())
                    return;
                const t = this.mouseController.coordinateConverter.normalizeAndQuantizeUnsigned(e.offsetX, e.offsetY);
                this.mouseController.toStreamerMessagesProvider.toStreamerHandlers.get("MouseUp")([e.button, t.x, t.y]),
                e.preventDefault()
            }
            handleContextMenu(e) {
                if (!this.mouseController.videoElementProvider.isVideoReady())
                    return;
                const t = this.mouseController.coordinateConverter.normalizeAndQuantizeUnsigned(e.offsetX, e.offsetY);
                this.mouseController.toStreamerMessagesProvider.toStreamerHandlers.get("MouseUp")([e.button, t.x, t.y]),
                e.preventDefault()
            }
            handleMouseWheel(e) {
                if (!this.mouseController.videoElementProvider.isVideoReady())
                    return;
                const t = this.mouseController.coordinateConverter.normalizeAndQuantizeUnsigned(e.offsetX, e.offsetY);
                this.mouseController.toStreamerMessagesProvider.toStreamerHandlers.get("MouseWheel")([e.wheelDelta, t.x, t.y]),
                e.preventDefault()
            }
            handleMouseDouble(e) {
                if (!this.mouseController.videoElementProvider.isVideoReady())
                    return;
                const t = this.mouseController.coordinateConverter.normalizeAndQuantizeUnsigned(e.offsetX, e.offsetY);
                this.mouseController.toStreamerMessagesProvider.toStreamerHandlers.get("MouseDouble")([e.button, t.x, t.y])
            }
            handlePressMouseButtons(e) {
                this.mouseController.videoElementProvider.isVideoReady() && this.mouseController.pressMouseButtons(e.buttons, e.offsetX, e.offsetY)
            }
            handleReleaseMouseButtons(e) {
                this.mouseController.videoElementProvider.isVideoReady() && this.mouseController.releaseMouseButtons(e.buttons, e.offsetX, e.offsetY)
            }
        }
        class Ye {
            constructor(e, t, s, n) {
                this.mouseEventListenerTracker = new Ve,
                this.toStreamerMessagesProvider = e,
                this.coordinateConverter = s,
                this.videoElementProvider = t,
                this.activeKeysProvider = n,
                this.registerMouseEnterAndLeaveEvents()
            }
            unregisterMouseEvents() {
                this.mouseEventListenerTracker.unregisterAll()
            }
            registerLockedMouseEvents(e) {
                const t = this.videoElementProvider.getVideoParentElement()
                  , s = new Xe(this.videoElementProvider,e,this.activeKeysProvider);
                if (t.requestPointerLock = t.requestPointerLock || t.mozRequestPointerLock,
                document.exitPointerLock = document.exitPointerLock || document.mozExitPointerLock,
                t.requestPointerLock) {
                    const e = ()=>{
                        t.requestPointerLock()
                    }
                    ;
                    t.addEventListener("click", e),
                    this.mouseEventListenerTracker.addUnregisterCallback((()=>t.removeEventListener("click", e)))
                }
                const n = ()=>s.lockStateChange();
                document.addEventListener("pointerlockchange", n, !1),
                document.addEventListener("mozpointerlockchange", n, !1),
                this.mouseEventListenerTracker.addUnregisterCallback((()=>document.removeEventListener("pointerlockchange", n, !1))),
                this.mouseEventListenerTracker.addUnregisterCallback((()=>document.removeEventListener("mozpointerlockchange", n, !1)));
                const i = e=>s.handleMouseDown(e)
                  , r = e=>s.handleMouseUp(e)
                  , o = e=>s.handleMouseWheel(e)
                  , a = e=>s.handleMouseDouble(e);
                t.addEventListener("mousedown", i),
                t.addEventListener("mouseup", r),
                t.addEventListener("wheel", o),
                t.addEventListener("dblclick", a),
                this.mouseEventListenerTracker.addUnregisterCallback((()=>t.removeEventListener("mousedown", i))),
                this.mouseEventListenerTracker.addUnregisterCallback((()=>t.removeEventListener("mouseup", r))),
                this.mouseEventListenerTracker.addUnregisterCallback((()=>t.removeEventListener("wheel", o))),
                this.mouseEventListenerTracker.addUnregisterCallback((()=>t.removeEventListener("dblclick", a))),
                this.mouseEventListenerTracker.addUnregisterCallback((()=>s.unregisterMouseEvents())),
                this.mouseEventListenerTracker.addUnregisterCallback((()=>{
                    !document.exitPointerLock || document.pointerLockElement !== t && document.mozPointerLockElement !== t || document.exitPointerLock()
                }
                ))
            }
            registerHoveringMouseEvents(e) {
                const t = this.videoElementProvider.getVideoParentElement()
                  , s = new Je(e)
                  , n = e=>s.updateMouseMovePosition(e)
                  , i = e=>s.handleMouseDown(e)
                  , r = e=>s.handleMouseUp(e)
                  , o = e=>s.handleContextMenu(e)
                  , a = e=>s.handleMouseWheel(e)
                  , l = e=>s.handleMouseDouble(e);
                t.addEventListener("mousemove", n),
                t.addEventListener("mousedown", i),
                t.addEventListener("mouseup", r),
                t.addEventListener("contextmenu", o),
                t.addEventListener("wheel", a),
                t.addEventListener("dblclick", l),
                this.mouseEventListenerTracker.addUnregisterCallback((()=>t.removeEventListener("mousemove", n))),
                this.mouseEventListenerTracker.addUnregisterCallback((()=>t.removeEventListener("mousedown", i))),
                this.mouseEventListenerTracker.addUnregisterCallback((()=>t.removeEventListener("mouseup", r))),
                this.mouseEventListenerTracker.addUnregisterCallback((()=>t.removeEventListener("contextmenu", o))),
                this.mouseEventListenerTracker.addUnregisterCallback((()=>t.removeEventListener("wheel", a))),
                this.mouseEventListenerTracker.addUnregisterCallback((()=>t.removeEventListener("dblclick", l))),
                this.mouseEventListenerTracker.addUnregisterCallback((()=>s.unregisterMouseEvents()))
            }
            registerMouseEnterAndLeaveEvents() {
                const e = this.videoElementProvider.getVideoParentElement()
                  , t = e=>{
                    this.videoElementProvider.isVideoReady() && (l.Log(l.GetStackTrace(), "Mouse Entered", 6),
                    this.sendMouseEnter(),
                    this.pressMouseButtons(e.buttons, e.x, e.y))
                }
                  , s = e=>{
                    this.videoElementProvider.isVideoReady() && (l.Log(l.GetStackTrace(), "Mouse Left", 6),
                    this.sendMouseLeave(),
                    this.releaseMouseButtons(e.buttons, e.x, e.y))
                }
                ;
                e.addEventListener("mouseenter", t),
                e.addEventListener("mouseleave", s),
                this.mouseEventListenerTracker.addUnregisterCallback((()=>e.removeEventListener("mouseenter", t))),
                this.mouseEventListenerTracker.addUnregisterCallback((()=>e.removeEventListener("mouseleave", s)))
            }
            releaseMouseButtons(e, t, s) {
                const n = this.coordinateConverter.normalizeAndQuantizeUnsigned(t, s);
                e & We.primaryButton && this.sendMouseUp(He.mainButton, n.x, n.y),
                e & We.secondaryButton && this.sendMouseUp(He.secondaryButton, n.x, n.y),
                e & We.auxiliaryButton && this.sendMouseUp(He.auxiliaryButton, n.x, n.y),
                e & We.fourthButton && this.sendMouseUp(He.fourthButton, n.x, n.y),
                e & We.fifthButton && this.sendMouseUp(He.fifthButton, n.x, n.y)
            }
            pressMouseButtons(e, t, s) {
                if (!this.videoElementProvider.isVideoReady())
                    return;
                const n = this.coordinateConverter.normalizeAndQuantizeUnsigned(t, s);
                e & We.primaryButton && this.sendMouseDown(He.mainButton, n.x, n.y),
                e & We.secondaryButton && this.sendMouseDown(He.secondaryButton, n.x, n.y),
                e & We.auxiliaryButton && this.sendMouseDown(He.auxiliaryButton, n.x, n.y),
                e & We.fourthButton && this.sendMouseDown(He.fourthButton, n.x, n.y),
                e & We.fifthButton && this.sendMouseDown(He.fifthButton, n.x, n.y)
            }
            sendMouseEnter() {
                this.videoElementProvider.isVideoReady() && this.toStreamerMessagesProvider.toStreamerHandlers.get("MouseEnter")()
            }
            sendMouseLeave() {
                this.videoElementProvider.isVideoReady() && this.toStreamerMessagesProvider.toStreamerHandlers.get("MouseLeave")()
            }
            sendMouseDown(e, t, s) {
                this.videoElementProvider.isVideoReady() && (l.Log(l.GetStackTrace(), `mouse button ${e} down at (${t}, ${s})`, 6),
                this.toStreamerMessagesProvider.toStreamerHandlers.get("MouseDown")([e, t, s]))
            }
            sendMouseUp(e, t, s) {
                if (!this.videoElementProvider.isVideoReady())
                    return;
                l.Log(l.GetStackTrace(), `mouse button ${e} up at (${t}, ${s})`, 6);
                const n = this.coordinateConverter.normalizeAndQuantizeUnsigned(t, s);
                this.toStreamerMessagesProvider.toStreamerHandlers.get("MouseUp")([e, n.x, n.y])
            }
        }
        class $e {
            constructor(e, t, s) {
                this.fingers = [9, 8, 7, 6, 5, 4, 3, 2, 1, 0],
                this.fingerIds = new Map,
                this.maxByteValue = 255,
                this.touchEventListenerTracker = new Ve,
                this.toStreamerMessagesProvider = e,
                this.videoElementProvider = t,
                this.coordinateConverter = s,
                this.videoElementParent = t.getVideoElement();
                const n = e=>this.onTouchStart(e)
                  , i = e=>this.onTouchEnd(e)
                  , r = e=>this.onTouchMove(e);
                this.videoElementParent.addEventListener("touchstart", n, {
                    passive: !1
                }),
                this.videoElementParent.addEventListener("touchend", i, {
                    passive: !1
                }),
                this.videoElementParent.addEventListener("touchmove", r, {
                    passive: !1
                }),
                this.touchEventListenerTracker.addUnregisterCallback((()=>this.videoElementParent.removeEventListener("touchstart", n))),
                this.touchEventListenerTracker.addUnregisterCallback((()=>this.videoElementParent.removeEventListener("touchend", i))),
                this.touchEventListenerTracker.addUnregisterCallback((()=>this.videoElementParent.removeEventListener("touchmove", r))),
                l.Log(l.GetStackTrace(), "Touch Events Registered", 6);
                const o = e=>{
                    e.preventDefault()
                }
                ;
                document.addEventListener("touchmove", o, {
                    passive: !1
                }),
                this.touchEventListenerTracker.addUnregisterCallback((()=>document.removeEventListener("touchmove", o)))
            }
            unregisterTouchEvents() {
                this.touchEventListenerTracker.unregisterAll()
            }
            rememberTouch(e) {
                const t = this.fingers.pop();
                void 0 === t && l.Log(l.GetStackTrace(), "exhausted touch identifiers", 6),
                this.fingerIds.set(e.identifier, t)
            }
            forgetTouch(e) {
                this.fingers.push(this.fingerIds.get(e.identifier)),
                this.fingers.sort((function(e, t) {
                    return t - e
                }
                )),
                this.fingerIds.delete(e.identifier)
            }
            onTouchStart(e) {
                if (this.videoElementProvider.isVideoReady()) {
                    for (let t = 0; t < e.changedTouches.length; t++)
                        this.rememberTouch(e.changedTouches[t]);
                    l.Log(l.GetStackTrace(), "touch start", 6),
                    this.emitTouchData("TouchStart", e.changedTouches),
                    e.preventDefault()
                }
            }
            onTouchEnd(e) {
                if (this.videoElementProvider.isVideoReady()) {
                    l.Log(l.GetStackTrace(), "touch end", 6),
                    this.emitTouchData("TouchEnd", e.changedTouches);
                    for (let t = 0; t < e.changedTouches.length; t++)
                        this.forgetTouch(e.changedTouches[t]);
                    e.preventDefault()
                }
            }
            onTouchMove(e) {
                this.videoElementProvider.isVideoReady() && (l.Log(l.GetStackTrace(), "touch move", 6),
                this.emitTouchData("TouchMove", e.touches),
                e.preventDefault())
            }
            emitTouchData(e, t) {
                if (!this.videoElementProvider.isVideoReady())
                    return;
                const s = this.videoElementProvider.getVideoParentElement()
                  , n = this.toStreamerMessagesProvider.toStreamerHandlers;
                for (let i = 0; i < t.length; i++) {
                    const r = 1
                      , o = t[i]
                      , a = o.clientX - s.offsetLeft
                      , c = o.clientY - s.offsetTop;
                    l.Log(l.GetStackTrace(), `F ${this.fingerIds.get(o.identifier)}=(${a}, ${c})`, 6);
                    const d = this.coordinateConverter.normalizeAndQuantizeUnsigned(a, c);
                    switch (e) {
                    case "TouchStart":
                        n.get("TouchStart")([r, d.x, d.y, this.fingerIds.get(o.identifier), this.maxByteValue * o.force, d.inRange ? 1 : 0]);
                        break;
                    case "TouchEnd":
                        n.get("TouchEnd")([r, d.x, d.y, this.fingerIds.get(o.identifier), this.maxByteValue * o.force, d.inRange ? 1 : 0]);
                        break;
                    case "TouchMove":
                        n.get("TouchMove")([r, d.x, d.y, this.fingerIds.get(o.identifier), this.maxByteValue * o.force, d.inRange ? 1 : 0])
                    }
                }
            }
        }
        class Ze {
            constructor(e) {
                this.gamePadEventListenerTracker = new Ve,
                this.toStreamerMessagesProvider = e,
                this.requestAnimationFrame = (window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || window.requestAnimationFrame).bind(window);
                const t = window;
                if ("GamepadEvent"in t) {
                    const e = e=>this.gamePadConnectHandler(e)
                      , t = e=>this.gamePadDisconnectHandler(e);
                    window.addEventListener("gamepadconnected", e),
                    window.addEventListener("gamepaddisconnected", t),
                    this.gamePadEventListenerTracker.addUnregisterCallback((()=>window.removeEventListener("gamepadconnected", e))),
                    this.gamePadEventListenerTracker.addUnregisterCallback((()=>window.removeEventListener("gamepaddisconnected", t)))
                } else if ("WebKitGamepadEvent"in t) {
                    const e = e=>this.gamePadConnectHandler(e)
                      , t = e=>this.gamePadDisconnectHandler(e);
                    window.addEventListener("webkitgamepadconnected", e),
                    window.addEventListener("webkitgamepaddisconnected", t),
                    this.gamePadEventListenerTracker.addUnregisterCallback((()=>window.removeEventListener("webkitgamepadconnected", e))),
                    this.gamePadEventListenerTracker.addUnregisterCallback((()=>window.removeEventListener("webkitgamepaddisconnected", t)))
                }
                if (this.controllers = [],
                navigator.getGamepads)
                    for (const e of navigator.getGamepads())
                        e && this.gamePadConnectHandler(new GamepadEvent("gamepadconnected",{
                            gamepad: e
                        }))
            }
            unregisterGamePadEvents() {
                this.gamePadEventListenerTracker.unregisterAll();
                for (const e of this.controllers)
                    void 0 !== e.id && this.onGamepadDisconnected(e.id);
                this.controllers = [],
                this.onGamepadConnected = ()=>{}
                ,
                this.onGamepadDisconnected = ()=>{}
            }
            gamePadConnectHandler(e) {
                l.Log(l.GetStackTrace(), "Gamepad connect handler", 6);
                const t = e.gamepad
                  , s = {
                    currentState: t,
                    prevState: t,
                    id: void 0
                };
                this.controllers.push(s),
                this.controllers[t.index].currentState = t,
                this.controllers[t.index].prevState = t,
                l.Log(l.GetStackTrace(), "gamepad: " + t.id + " connected", 6),
                window.requestAnimationFrame((()=>this.updateStatus())),
                this.onGamepadConnected()
            }
            gamePadDisconnectHandler(e) {
                l.Log(l.GetStackTrace(), "Gamepad disconnect handler", 6),
                l.Log(l.GetStackTrace(), "gamepad: " + e.gamepad.id + " disconnected", 6);
                const t = this.controllers[e.gamepad.index];
                delete this.controllers[e.gamepad.index],
                this.controllers = this.controllers.filter((e=>void 0 !== e)),
                this.onGamepadDisconnected(t.id)
            }
            scanGamePads() {
                const e = navigator.getGamepads ? navigator.getGamepads() : navigator.webkitGetGamepads ? navigator.webkitGetGamepads() : [];
                for (let t = 0; t < e.length; t++)
                    e[t] && e[t].index in this.controllers && (this.controllers[e[t].index].currentState = e[t])
            }
            updateStatus() {
                this.scanGamePads();
                const e = this.toStreamerMessagesProvider.toStreamerHandlers;
                for (const t of this.controllers) {
                    const s = void 0 === t.id ? this.controllers.indexOf(t) : t.id
                      , n = t.currentState;
                    for (let n = 0; n < t.currentState.buttons.length; n++) {
                        const i = t.currentState.buttons[n]
                          , r = t.prevState.buttons[n];
                        i.pressed ? n == Ae.LeftTrigger ? e.get("GamepadAnalog")([s, 5, i.value]) : n == Ae.RightTrigger ? e.get("GamepadAnalog")([s, 6, i.value]) : e.get("GamepadButtonPressed")([s, n, r.pressed ? 1 : 0]) : !i.pressed && r.pressed && (n == Ae.LeftTrigger ? e.get("GamepadAnalog")([s, 5, 0]) : n == Ae.RightTrigger ? e.get("GamepadAnalog")([s, 6, 0]) : e.get("GamepadButtonReleased")([s, n]))
                    }
                    for (let t = 0; t < n.axes.length; t += 2) {
                        const i = parseFloat(n.axes[t].toFixed(4))
                          , r = -parseFloat(n.axes[t + 1].toFixed(4));
                        e.get("GamepadAnalog")([s, t + 1, i]),
                        e.get("GamepadAnalog")([s, t + 2, r])
                    }
                    this.controllers[s].prevState = n
                }
                this.controllers.length > 0 && this.requestAnimationFrame((()=>this.updateStatus()))
            }
            onGamepadResponseReceived(e) {
                for (const t of this.controllers)
                    if (void 0 === t.id) {
                        t.id = e;
                        break
                    }
            }
            onGamepadConnected() {}
            onGamepadDisconnected(e) {}
        }
        !function(e) {
            e[e.RightClusterBottomButton = 0] = "RightClusterBottomButton",
            e[e.RightClusterRightButton = 1] = "RightClusterRightButton",
            e[e.RightClusterLeftButton = 2] = "RightClusterLeftButton",
            e[e.RightClusterTopButton = 3] = "RightClusterTopButton",
            e[e.LeftShoulder = 4] = "LeftShoulder",
            e[e.RightShoulder = 5] = "RightShoulder",
            e[e.LeftTrigger = 6] = "LeftTrigger",
            e[e.RightTrigger = 7] = "RightTrigger",
            e[e.SelectOrBack = 8] = "SelectOrBack",
            e[e.StartOrForward = 9] = "StartOrForward",
            e[e.LeftAnalogPress = 10] = "LeftAnalogPress",
            e[e.RightAnalogPress = 11] = "RightAnalogPress",
            e[e.LeftClusterTopButton = 12] = "LeftClusterTopButton",
            e[e.LeftClusterBottomButton = 13] = "LeftClusterBottomButton",
            e[e.LeftClusterLeftButton = 14] = "LeftClusterLeftButton",
            e[e.LeftClusterRightButton = 15] = "LeftClusterRightButton",
            e[e.CentreButton = 16] = "CentreButton",
            e[e.LeftStickHorizontal = 0] = "LeftStickHorizontal",
            e[e.LeftStickVertical = 1] = "LeftStickVertical",
            e[e.RightStickHorizontal = 2] = "RightStickHorizontal",
            e[e.RightStickVertical = 3] = "RightStickVertical"
        }(Ae || (Ae = {}));
        class et {
            constructor(e, t, s) {
                this.activeKeys = new tt,
                this.toStreamerMessagesProvider = e,
                this.videoElementProvider = t,
                this.coordinateConverter = s
            }
            registerKeyBoard(e) {
                l.Log(l.GetStackTrace(), "Register Keyboard Events", 7);
                const t = new je(this.toStreamerMessagesProvider,e,this.activeKeys);
                return t.registerKeyBoardEvents(),
                t
            }
            registerMouse(e) {
                l.Log(l.GetStackTrace(), "Register Mouse Events", 7);
                const t = new Ye(this.toStreamerMessagesProvider,this.videoElementProvider,this.coordinateConverter,this.activeKeys);
                switch (e) {
                case ve.LockedMouse:
                    t.registerLockedMouseEvents(t);
                    break;
                case ve.HoveringMouse:
                    t.registerHoveringMouseEvents(t);
                    break;
                default:
                    l.Info(l.GetStackTrace(), "unknown Control Scheme Type Defaulting to Locked Mouse Events"),
                    t.registerLockedMouseEvents(t)
                }
                return t
            }
            registerTouch(e, t) {
                if (l.Log(l.GetStackTrace(), "Registering Touch", 6),
                e) {
                    const e = new Qe(this.toStreamerMessagesProvider,this.videoElementProvider,this.coordinateConverter);
                    return e.setVideoElementParentClientRect(t),
                    e
                }
                return new $e(this.toStreamerMessagesProvider,this.videoElementProvider,this.coordinateConverter)
            }
            registerGamePad() {
                return l.Log(l.GetStackTrace(), "Register Game Pad", 7),
                new Ze(this.toStreamerMessagesProvider)
            }
        }
        class tt {
            constructor() {
                this.activeKeys = [],
                this.activeKeys = []
            }
            getActiveKeys() {
                return this.activeKeys
            }
        }
        class st {
            constructor(e, t) {
                this.lastTimeResized = (new Date).getTime(),
                this.videoElement = document.createElement("video"),
                this.config = t,
                this.videoElement.id = "streamingVideo",
                this.videoElement.disablePictureInPicture = !0,
                this.videoElement.playsInline = !0,
                this.videoElement.style.width = "100%",
                this.videoElement.style.height = "100%",
                this.videoElement.style.position = "absolute",
                this.videoElement.style.pointerEvents = "all",
                e.appendChild(this.videoElement),
                this.onResizePlayerCallback = ()=>{
                    console.log("Resolution changed, restyling player, did you forget to override this function?")
                }
                ,
                this.onMatchViewportResolutionCallback = ()=>{
                    console.log("Resolution changed and match viewport resolution is turned on, did you forget to override this function?")
                }
                ,
                this.videoElement.onclick = ()=>{
                    this.videoElement.paused && this.videoElement.play()
                }
                ,
                this.videoElement.onloadedmetadata = ()=>{
                    this.onVideoInitialized()
                }
                ,
                window.addEventListener("resize", (()=>this.resizePlayerStyle()), !0),
                window.addEventListener("orientationchange", (()=>this.onOrientationChange()))
            }
            play() {
                return this.videoElement.muted = this.config.isFlagEnabled(ae.StartVideoMuted),
                this.videoElement.autoplay = this.config.isFlagEnabled(ae.AutoPlayVideo),
                this.videoElement.play()
            }
            isPaused() {
                return this.videoElement.paused
            }
            isVideoReady() {
                return void 0 !== this.videoElement.readyState && this.videoElement.readyState > 0
            }
            hasVideoSource() {
                return void 0 !== this.videoElement.srcObject && null !== this.videoElement.srcObject
            }
            getVideoElement() {
                return this.videoElement
            }
            getVideoParentElement() {
                return this.videoElement.parentElement
            }
            setVideoEnabled(e) {
                this.videoElement.srcObject.getTracks().forEach((t=>t.enabled = e))
            }
            onVideoInitialized() {}
            onOrientationChange() {
                clearTimeout(this.orientationChangeTimeout),
                this.orientationChangeTimeout = window.setTimeout((()=>{
                    this.resizePlayerStyle()
                }
                ), 500)
            }
            resizePlayerStyle() {
                const e = this.getVideoParentElement();
                e && (this.updateVideoStreamSize(),
                e.classList.contains("fixed-size") || this.resizePlayerStyleToFillParentElement(),
                this.onResizePlayerCallback())
            }
            resizePlayerStyleToFillParentElement() {
                this.getVideoParentElement().setAttribute("style", "top: 0px; left: 0px; width: 100%; height: 100%; cursor: default;")
            }
            updateVideoStreamSize() {
                if (this.config.isFlagEnabled(ae.MatchViewportResolution))
                    if ((new Date).getTime() - this.lastTimeResized > 1e3) {
                        const e = this.getVideoParentElement();
                        if (!e)
                            return;
                        this.onMatchViewportResolutionCallback(e.clientWidth, e.clientHeight),
                        this.lastTimeResized = (new Date).getTime()
                    } else
                        l.Log(l.GetStackTrace(), "Resizing too often - skipping", 6),
                        clearTimeout(this.resizeTimeoutHandle),
                        this.resizeTimeoutHandle = window.setTimeout((()=>this.updateVideoStreamSize), 1e3)
            }
        }
        class nt {
            constructor() {
                this.map = new Map,
                this.reverseMap = new Map
            }
            getFromKey(e) {
                return this.map.get(e)
            }
            getFromValue(e) {
                return this.reverseMap.get(e)
            }
            add(e, t) {
                this.map.set(e, t),
                this.reverseMap.set(t, e)
            }
            remove(e, t) {
                this.map.delete(e),
                this.reverseMap.delete(t)
            }
        }
        class it {
            constructor() {
                this.toStreamerHandlers = new Map,
                this.fromStreamerHandlers = new Map,
                this.toStreamerMessages = new nt,
                this.fromStreamerMessages = new nt
            }
            populateDefaultProtocol() {
                this.toStreamerMessages.add("IFrameRequest", {
                    id: 0,
                    byteLength: 0,
                    structure: []
                }),
                this.toStreamerMessages.add("RequestQualityControl", {
                    id: 1,
                    byteLength: 0,
                    structure: []
                }),
                this.toStreamerMessages.add("FpsRequest", {
                    id: 2,
                    byteLength: 0,
                    structure: []
                }),
                this.toStreamerMessages.add("AverageBitrateRequest", {
                    id: 3,
                    byteLength: 0,
                    structure: []
                }),
                this.toStreamerMessages.add("StartStreaming", {
                    id: 4,
                    byteLength: 0,
                    structure: []
                }),
                this.toStreamerMessages.add("StopStreaming", {
                    id: 5,
                    byteLength: 0,
                    structure: []
                }),
                this.toStreamerMessages.add("LatencyTest", {
                    id: 6,
                    byteLength: 0,
                    structure: []
                }),
                this.toStreamerMessages.add("RequestInitialSettings", {
                    id: 7,
                    byteLength: 0,
                    structure: []
                }),
                this.toStreamerMessages.add("TestEcho", {
                    id: 8,
                    byteLength: 0,
                    structure: []
                }),
                this.toStreamerMessages.add("UIInteraction", {
                    id: 50,
                    byteLength: 0,
                    structure: []
                }),
                this.toStreamerMessages.add("Command", {
                    id: 51,
                    byteLength: 0,
                    structure: []
                }),
                this.toStreamerMessages.add("KeyDown", {
                    id: 60,
                    byteLength: 2,
                    structure: ["uint8", "uint8"]
                }),
                this.toStreamerMessages.add("KeyUp", {
                    id: 61,
                    byteLength: 1,
                    structure: ["uint8"]
                }),
                this.toStreamerMessages.add("KeyPress", {
                    id: 62,
                    byteLength: 2,
                    structure: ["uint16"]
                }),
                this.toStreamerMessages.add("MouseEnter", {
                    id: 70,
                    byteLength: 0,
                    structure: []
                }),
                this.toStreamerMessages.add("MouseLeave", {
                    id: 71,
                    byteLength: 0,
                    structure: []
                }),
                this.toStreamerMessages.add("MouseDown", {
                    id: 72,
                    byteLength: 5,
                    structure: ["uint8", "uint16", "uint16"]
                }),
                this.toStreamerMessages.add("MouseUp", {
                    id: 73,
                    byteLength: 5,
                    structure: ["uint8", "uint16", "uint16"]
                }),
                this.toStreamerMessages.add("MouseMove", {
                    id: 74,
                    byteLength: 8,
                    structure: ["uint16", "uint16", "int16", "int16"]
                }),
                this.toStreamerMessages.add("MouseWheel", {
                    id: 75,
                    byteLength: 6,
                    structure: ["int16", "uint16", "uint16"]
                }),
                this.toStreamerMessages.add("MouseDouble", {
                    id: 76,
                    byteLength: 5,
                    structure: ["uint8", "uint16", "uint16"]
                }),
                this.toStreamerMessages.add("TouchStart", {
                    id: 80,
                    byteLength: 8,
                    structure: ["uint8", "uint16", "uint16", "uint8", "uint8", "uint8"]
                }),
                this.toStreamerMessages.add("TouchEnd", {
                    id: 81,
                    byteLength: 8,
                    structure: ["uint8", "uint16", "uint16", "uint8", "uint8", "uint8"]
                }),
                this.toStreamerMessages.add("TouchMove", {
                    id: 82,
                    byteLength: 8,
                    structure: ["uint8", "uint16", "uint16", "uint8", "uint8", "uint8"]
                }),
                this.toStreamerMessages.add("GamepadConnected", {
                    id: 93,
                    byteLength: 0,
                    structure: []
                }),
                this.toStreamerMessages.add("GamepadButtonPressed", {
                    id: 90,
                    byteLength: 3,
                    structure: ["uint8", "uint8", "uint8"]
                }),
                this.toStreamerMessages.add("GamepadButtonReleased", {
                    id: 91,
                    byteLength: 3,
                    structure: ["uint8", "uint8", "uint8"]
                }),
                this.toStreamerMessages.add("GamepadAnalog", {
                    id: 92,
                    byteLength: 10,
                    structure: ["uint8", "uint8", "double"]
                }),
                this.toStreamerMessages.add("GamepadDisconnected", {
                    id: 94,
                    byteLength: 1,
                    structure: ["uint8"]
                }),
                this.fromStreamerMessages.add("QualityControlOwnership", 0),
                this.fromStreamerMessages.add("Response", 1),
                this.fromStreamerMessages.add("Command", 2),
                this.fromStreamerMessages.add("FreezeFrame", 3),
                this.fromStreamerMessages.add("UnfreezeFrame", 4),
                this.fromStreamerMessages.add("VideoEncoderAvgQP", 5),
                this.fromStreamerMessages.add("LatencyTest", 6),
                this.fromStreamerMessages.add("InitialSettings", 7),
                this.fromStreamerMessages.add("FileExtension", 8),
                this.fromStreamerMessages.add("FileMimeType", 9),
                this.fromStreamerMessages.add("FileContents", 10),
                this.fromStreamerMessages.add("TestEcho", 11),
                this.fromStreamerMessages.add("InputControlOwnership", 12),
                this.fromStreamerMessages.add("GamepadResponse", 13),
                this.fromStreamerMessages.add("Protocol", 255)
            }
            registerMessageHandler(e, t, s) {
                switch (e) {
                case Fe.ToStreamer:
                    this.toStreamerHandlers.set(t, s);
                    break;
                case Fe.FromStreamer:
                    this.fromStreamerHandlers.set(t, s);
                    break;
                default:
                    l.Log(l.GetStackTrace(), `Unknown message direction ${e}`)
                }
            }
        }
        !function(e) {
            e[e.ToStreamer = 0] = "ToStreamer",
            e[e.FromStreamer = 1] = "FromStreamer"
        }(Fe || (Fe = {}));
        class rt {
            constructor() {
                this.responseEventListeners = new Map
            }
            addResponseEventListener(e, t) {
                this.responseEventListeners.set(e, t)
            }
            removeResponseEventListener(e) {
                this.responseEventListeners.delete(e)
            }
            onResponse(e) {
                l.Log(l.GetStackTrace(), "DataChannelReceiveMessageType.Response", 6);
                const t = new TextDecoder("utf-16").decode(e.slice(1));
                l.Log(l.GetStackTrace(), t, 6),
                this.responseEventListeners.forEach((e=>{
                    e(t)
                }
                ))
            }
        }
        class ot {
            constructor(e, t) {
                this.dataChannelSender = e,
                this.toStreamerMessagesMapProvider = t
            }
            sendLatencyTest(e) {
                this.sendDescriptor("LatencyTest", e)
            }
            emitCommand(e) {
                this.sendDescriptor("Command", e)
            }
            emitUIInteraction(e) {
                this.sendDescriptor("UIInteraction", e)
            }
            sendDescriptor(e, t) {
                const s = JSON.stringify(t)
                  , n = this.toStreamerMessagesMapProvider.toStreamerMessages.getFromKey(e);
                void 0 === n && l.Error(l.GetStackTrace(), `Attempted to emit descriptor with message type: ${e}, but the frontend hasn't been configured to send such a message. Check you've added the message type in your cpp`),
                l.Log(l.GetStackTrace(), "Sending: " + t, 6);
                const i = new DataView(new ArrayBuffer(3 + 2 * s.length));
                let r = 0;
                i.setUint8(r, n.id),
                r++,
                i.setUint16(r, s.length, !0),
                r += 2;
                for (let e = 0; e < s.length; e++)
                    i.setUint16(r, s.charCodeAt(e), !0),
                    r += 2;
                this.dataChannelSender.canSend() ? this.dataChannelSender.sendData(i.buffer) : l.Info(l.GetStackTrace(), `Data channel cannot send yet, skipping sending descriptor message: ${e} - ${s}`)
            }
        }
        class at {
            constructor(e, t) {
                this.dataChannelSender = e,
                this.toStreamerMessagesMapProvider = t
            }
            sendMessageToStreamer(e, t) {
                void 0 === t && (t = []);
                const s = this.toStreamerMessagesMapProvider.toStreamerMessages.getFromKey(e);
                if (void 0 === s)
                    return void l.Error(l.GetStackTrace(), `Attempted to send a message to the streamer with message type: ${e}, but the frontend hasn't been configured to send such a message. Check you've added the message type in your cpp`);
                const n = new DataView(new ArrayBuffer(s.byteLength + 1));
                n.setUint8(0, s.id);
                let i = 1;
                t.forEach(((e,t)=>{
                    switch (s.structure[t]) {
                    case "uint8":
                        n.setUint8(i, e),
                        i += 1;
                        break;
                    case "uint16":
                        n.setUint16(i, e, !0),
                        i += 2;
                        break;
                    case "int16":
                        n.setInt16(i, e, !0),
                        i += 2;
                        break;
                    case "float":
                        n.setFloat32(i, e, !0),
                        i += 4;
                        break;
                    case "double":
                        n.setFloat64(i, e, !0),
                        i += 8
                    }
                }
                )),
                this.dataChannelSender.canSend() ? this.dataChannelSender.sendData(n.buffer) : l.Info(l.GetStackTrace(), `Data channel cannot send yet, skipping sending message: ${e} - ${new Uint8Array(n.buffer)}`)
            }
        }
        class lt {
            constructor(e) {
                this.sendMessageController = e
            }
            SendRequestQualityControl() {
                this.sendMessageController.sendMessageToStreamer("RequestQualityControl")
            }
            SendMaxFpsRequest() {
                this.sendMessageController.sendMessageToStreamer("FpsRequest")
            }
            SendAverageBitrateRequest() {
                this.sendMessageController.sendMessageToStreamer("AverageBitrateRequest")
            }
            SendStartStreaming() {
                this.sendMessageController.sendMessageToStreamer("StartStreaming")
            }
            SendStopStreaming() {
                this.sendMessageController.sendMessageToStreamer("StopStreaming")
            }
            SendRequestInitialSettings() {
                this.sendMessageController.sendMessageToStreamer("RequestInitialSettings")
            }
        }
        class ct {
            constructor(e) {
                this.dataChannelProvider = e
            }
            canSend() {
                return void 0 !== this.dataChannelProvider.getDataChannelInstance().dataChannel && "open" == this.dataChannelProvider.getDataChannelInstance().dataChannel.readyState
            }
            sendData(e) {
                const t = this.dataChannelProvider.getDataChannelInstance();
                "open" == t.dataChannel.readyState ? (t.dataChannel.send(e),
                l.Log(l.GetStackTrace(), `Message Sent: ${new Uint8Array(e)}`, 6),
                this.resetAfkWarningTimerOnDataSend()) : l.Error(l.GetStackTrace(), `Message Failed: ${new Uint8Array(e)}`)
            }
            resetAfkWarningTimerOnDataSend() {}
        }
        class dt {
            constructor(e) {
                this.videoElementProvider = e,
                this.normalizeAndQuantizeUnsignedFunc = ()=>{
                    throw new Error("Normalize and quantize unsigned, method not implemented.")
                }
                ,
                this.normalizeAndQuantizeSignedFunc = ()=>{
                    throw new Error("Normalize and unquantize signed, method not implemented.")
                }
                ,
                this.denormalizeAndUnquantizeUnsignedFunc = ()=>{
                    throw new Error("Denormalize and unquantize unsigned, method not implemented.")
                }
            }
            normalizeAndQuantizeUnsigned(e, t) {
                return this.normalizeAndQuantizeUnsignedFunc(e, t)
            }
            unquantizeAndDenormalizeUnsigned(e, t) {
                return this.denormalizeAndUnquantizeUnsignedFunc(e, t)
            }
            normalizeAndQuantizeSigned(e, t) {
                return this.normalizeAndQuantizeSignedFunc(e, t)
            }
            setupNormalizeAndQuantize() {
                if (this.videoElementParent = this.videoElementProvider.getVideoParentElement(),
                this.videoElement = this.videoElementProvider.getVideoElement(),
                this.videoElementParent && this.videoElement) {
                    const e = this.videoElementParent.clientHeight / this.videoElementParent.clientWidth
                      , t = this.videoElement.videoHeight / this.videoElement.videoWidth;
                    e > t ? (l.Log(l.GetStackTrace(), "Setup Normalize and Quantize for playerAspectRatio > videoAspectRatio", 6),
                    this.ratio = e / t,
                    this.normalizeAndQuantizeUnsignedFunc = (e,t)=>this.normalizeAndQuantizeUnsignedPlayerBigger(e, t),
                    this.normalizeAndQuantizeSignedFunc = (e,t)=>this.normalizeAndQuantizeSignedPlayerBigger(e, t),
                    this.denormalizeAndUnquantizeUnsignedFunc = (e,t)=>this.denormalizeAndUnquantizeUnsignedPlayerBigger(e, t)) : (l.Log(l.GetStackTrace(), "Setup Normalize and Quantize for playerAspectRatio <= videoAspectRatio", 6),
                    this.ratio = t / e,
                    this.normalizeAndQuantizeUnsignedFunc = (e,t)=>this.normalizeAndQuantizeUnsignedPlayerSmaller(e, t),
                    this.normalizeAndQuantizeSignedFunc = (e,t)=>this.normalizeAndQuantizeSignedPlayerSmaller(e, t),
                    this.denormalizeAndUnquantizeUnsignedFunc = (e,t)=>this.denormalizeAndUnquantizeUnsignedPlayerSmaller(e, t))
                }
            }
            normalizeAndQuantizeUnsignedPlayerBigger(e, t) {
                const s = e / this.videoElementParent.clientWidth
                  , n = this.ratio * (t / this.videoElementParent.clientHeight - .5) + .5;
                return s < 0 || s > 1 || n < 0 || n > 1 ? new ht(!1,65535,65535) : new ht(!0,65536 * s,65536 * n)
            }
            denormalizeAndUnquantizeUnsignedPlayerBigger(e, t) {
                const s = e / 65536
                  , n = (t / 65536 - .5) / this.ratio + .5;
                return new ut(s * this.videoElementParent.clientWidth,n * this.videoElementParent.clientHeight)
            }
            normalizeAndQuantizeSignedPlayerBigger(e, t) {
                const s = e / (.5 * this.videoElementParent.clientWidth)
                  , n = this.ratio * t / (.5 * this.videoElementParent.clientHeight);
                return new mt(32767 * s,32767 * n)
            }
            normalizeAndQuantizeUnsignedPlayerSmaller(e, t) {
                const s = this.ratio * (e / this.videoElementParent.clientWidth - .5) + .5
                  , n = t / this.videoElementParent.clientHeight;
                return s < 0 || s > 1 || n < 0 || n > 1 ? new ht(!1,65535,65535) : new ht(!0,65536 * s,65536 * n)
            }
            denormalizeAndUnquantizeUnsignedPlayerSmaller(e, t) {
                const s = (e / 65536 - .5) / this.ratio + .5
                  , n = t / 65536;
                return new ut(s * this.videoElementParent.clientWidth,n * this.videoElementParent.clientHeight)
            }
            normalizeAndQuantizeSignedPlayerSmaller(e, t) {
                const s = this.ratio * e / (.5 * this.videoElementParent.clientWidth)
                  , n = t / (.5 * this.videoElementParent.clientHeight);
                return new mt(32767 * s,32767 * n)
            }
        }
        class ht {
            constructor(e, t, s) {
                this.inRange = e,
                this.x = t,
                this.y = s
            }
        }
        class ut {
            constructor(e, t) {
                this.x = e,
                this.y = t
            }
        }
        class mt {
            constructor(e, t) {
                this.x = e,
                this.y = t
            }
        }
        class gt {
            constructor(e, t) {
                this.shouldShowPlayOverlay = !0,
                this.config = e,
                this.pixelStreaming = t,
                this.responseController = new rt,
                this.file = new Ge,
                this.sdpConstraints = {
                    offerToReceiveAudio: !0,
                    offerToReceiveVideo: !0
                },
                this.afkController = new fe(this.config,this.pixelStreaming,this.onAfkTriggered.bind(this)),
                this.afkController.onAFKTimedOutCallback = ()=>{
                    this.setDisconnectMessageOverride("You have been disconnected due to inactivity"),
                    this.closeSignalingServer()
                }
                ,
                this.freezeFrameController = new x(this.pixelStreaming.videoElementParent),
                this.videoPlayer = new st(this.pixelStreaming.videoElementParent,this.config),
                this.videoPlayer.onVideoInitialized = ()=>this.handleVideoInitialized(),
                this.videoPlayer.onMatchViewportResolutionCallback = (e,t)=>{
                    const s = {
                        "Resolution.Width": e,
                        "Resolution.Height": t
                    };
                    this.sendDescriptorController.emitCommand(s)
                }
                ,
                this.videoPlayer.onResizePlayerCallback = ()=>{
                    this.setUpMouseAndFreezeFrame()
                }
                ,
                this.streamController = new w(this.videoPlayer),
                this.coordinateConverter = new dt(this.videoPlayer),
                this.sendrecvDataChannelController = new Se,
                this.recvDataChannelController = new Se,
                this.registerDataChannelEventEmitters(this.sendrecvDataChannelController),
                this.registerDataChannelEventEmitters(this.recvDataChannelController),
                this.dataChannelSender = new ct(this.sendrecvDataChannelController),
                this.dataChannelSender.resetAfkWarningTimerOnDataSend = ()=>this.afkController.resetAfkWarningTimer(),
                this.streamMessageController = new it,
                this.webSocketController = new E,
                this.webSocketController.onConfig = e=>this.handleOnConfigMessage(e),
                this.webSocketController.onStreamerList = e=>this.handleStreamerListMessage(e),
                this.webSocketController.onWebSocketOncloseOverlayMessage = e=>{
                    this.pixelStreaming._onDisconnect(`Websocket disconnect (${e.code}) ${"" != e.reason ? "- " + e.reason : ""}`),
                    this.setVideoEncoderAvgQP(0)
                }
                ,
                this.webSocketController.onOpen.addEventListener("open", (()=>{
                    this.config.isFlagEnabled(ae.BrowserSendOffer) || this.webSocketController.requestStreamerList()
                }
                )),
                this.webSocketController.onClose.addEventListener("close", (()=>{
                    this.afkController.stopAfkWarningTimer(),
                    this.statsTimerHandle && void 0 !== this.statsTimerHandle && window.clearInterval(this.statsTimerHandle),
                    this.setTouchInputEnabled(!1),
                    this.setMouseInputEnabled(!1),
                    this.setKeyboardInputEnabled(!1),
                    this.setGamePadInputEnabled(!1),
                    this.shouldReconnect && this.config.getNumericSettingValue(ce.MaxReconnectAttempts) > 0 && (this.isReconnecting = !0,
                    this.reconnectAttempt++,
                    this.restartStreamAutomatically())
                }
                )),
                this.sendDescriptorController = new ot(this.dataChannelSender,this.streamMessageController),
                this.sendMessageController = new at(this.dataChannelSender,this.streamMessageController),
                this.toStreamerMessagesController = new lt(this.sendMessageController),
                this.registerMessageHandlers(),
                this.streamMessageController.populateDefaultProtocol(),
                this.inputClassesFactory = new et(this.streamMessageController,this.videoPlayer,this.coordinateConverter),
                this.isUsingSFU = !1,
                this.isQualityController = !1,
                this.preferredCodec = "",
                this.shouldReconnect = !0,
                this.isReconnecting = !1,
                this.reconnectAttempt = 0,
                this.config._addOnOptionSettingChangedListener(me.StreamerId, (e=>{
                    "" !== e && (this.peerConnectionController.peerConnection.close(),
                    this.peerConnectionController.createPeerConnection(this.peerConfig, this.preferredCodec),
                    this.subscribedStream = e,
                    this.webSocketController.sendSubscribe(e))
                }
                )),
                this.setVideoEncoderAvgQP(-1),
                this.signallingUrlBuilder = ()=>{
                    let e = this.config.getTextSettingValue(he.SignallingServerUrl);
                    return this.config.isFlagEnabled(ae.BrowserSendOffer) && (e += "?" + ae.BrowserSendOffer + "=true"),
                    e
                }
            }
            requestUnquantizedAndDenormalizeUnsigned(e, t) {
                return this.coordinateConverter.unquantizeAndDenormalizeUnsigned(e, t)
            }
            handleOnMessage(e) {
                const t = new Uint8Array(e.data);
                l.Log(l.GetStackTrace(), "Message incoming:" + t, 6);
                const s = this.streamMessageController.fromStreamerMessages.getFromValue(t[0]);
                this.streamMessageController.fromStreamerHandlers.get(s)(e.data)
            }
            registerMessageHandlers() {
                this.streamMessageController.registerMessageHandler(Fe.FromStreamer, "QualityControlOwnership", (e=>this.onQualityControlOwnership(e))),
                this.streamMessageController.registerMessageHandler(Fe.FromStreamer, "Response", (e=>this.responseController.onResponse(e))),
                this.streamMessageController.registerMessageHandler(Fe.FromStreamer, "Command", (e=>{
                    this.onCommand(e)
                }
                )),
                this.streamMessageController.registerMessageHandler(Fe.FromStreamer, "FreezeFrame", (e=>this.onFreezeFrameMessage(e))),
                this.streamMessageController.registerMessageHandler(Fe.FromStreamer, "UnfreezeFrame", (()=>this.invalidateFreezeFrameAndEnableVideo())),
                this.streamMessageController.registerMessageHandler(Fe.FromStreamer, "VideoEncoderAvgQP", (e=>this.handleVideoEncoderAvgQP(e))),
                this.streamMessageController.registerMessageHandler(Fe.FromStreamer, "LatencyTest", (e=>this.handleLatencyTestResult(e))),
                this.streamMessageController.registerMessageHandler(Fe.FromStreamer, "InitialSettings", (e=>this.handleInitialSettings(e))),
                this.streamMessageController.registerMessageHandler(Fe.FromStreamer, "FileExtension", (e=>this.onFileExtension(e))),
                this.streamMessageController.registerMessageHandler(Fe.FromStreamer, "FileMimeType", (e=>this.onFileMimeType(e))),
                this.streamMessageController.registerMessageHandler(Fe.FromStreamer, "FileContents", (e=>this.onFileContents(e))),
                this.streamMessageController.registerMessageHandler(Fe.FromStreamer, "TestEcho", (()=>{}
                )),
                this.streamMessageController.registerMessageHandler(Fe.FromStreamer, "InputControlOwnership", (e=>this.onInputControlOwnership(e))),
                this.streamMessageController.registerMessageHandler(Fe.FromStreamer, "GamepadResponse", (e=>this.onGamepadResponse(e))),
                this.streamMessageController.registerMessageHandler(Fe.FromStreamer, "Protocol", (e=>this.onProtocolMessage(e))),
                this.streamMessageController.registerMessageHandler(Fe.ToStreamer, "IFrameRequest", (()=>this.sendMessageController.sendMessageToStreamer("IFrameRequest"))),
                this.streamMessageController.registerMessageHandler(Fe.ToStreamer, "RequestQualityControl", (()=>this.sendMessageController.sendMessageToStreamer("RequestQualityControl"))),
                this.streamMessageController.registerMessageHandler(Fe.ToStreamer, "FpsRequest", (()=>this.sendMessageController.sendMessageToStreamer("FpsRequest"))),
                this.streamMessageController.registerMessageHandler(Fe.ToStreamer, "AverageBitrateRequest", (()=>this.sendMessageController.sendMessageToStreamer("AverageBitrateRequest"))),
                this.streamMessageController.registerMessageHandler(Fe.ToStreamer, "StartStreaming", (()=>this.sendMessageController.sendMessageToStreamer("StartStreaming"))),
                this.streamMessageController.registerMessageHandler(Fe.ToStreamer, "StopStreaming", (()=>this.sendMessageController.sendMessageToStreamer("StopStreaming"))),
                this.streamMessageController.registerMessageHandler(Fe.ToStreamer, "LatencyTest", (()=>this.sendMessageController.sendMessageToStreamer("LatencyTest"))),
                this.streamMessageController.registerMessageHandler(Fe.ToStreamer, "RequestInitialSettings", (()=>this.sendMessageController.sendMessageToStreamer("RequestInitialSettings"))),
                this.streamMessageController.registerMessageHandler(Fe.ToStreamer, "TestEcho", (()=>{}
                )),
                this.streamMessageController.registerMessageHandler(Fe.ToStreamer, "UIInteraction", (e=>this.sendDescriptorController.emitUIInteraction(e))),
                this.streamMessageController.registerMessageHandler(Fe.ToStreamer, "Command", (e=>this.sendDescriptorController.emitCommand(e))),
                this.streamMessageController.registerMessageHandler(Fe.ToStreamer, "KeyDown", (e=>this.sendMessageController.sendMessageToStreamer("KeyDown", e))),
                this.streamMessageController.registerMessageHandler(Fe.ToStreamer, "KeyUp", (e=>this.sendMessageController.sendMessageToStreamer("KeyUp", e))),
                this.streamMessageController.registerMessageHandler(Fe.ToStreamer, "KeyPress", (e=>this.sendMessageController.sendMessageToStreamer("KeyPress", e))),
                this.streamMessageController.registerMessageHandler(Fe.ToStreamer, "MouseEnter", (e=>this.sendMessageController.sendMessageToStreamer("MouseEnter", e))),
                this.streamMessageController.registerMessageHandler(Fe.ToStreamer, "MouseLeave", (e=>this.sendMessageController.sendMessageToStreamer("MouseLeave", e))),
                this.streamMessageController.registerMessageHandler(Fe.ToStreamer, "MouseDown", (e=>this.sendMessageController.sendMessageToStreamer("MouseDown", e))),
                this.streamMessageController.registerMessageHandler(Fe.ToStreamer, "MouseUp", (e=>this.sendMessageController.sendMessageToStreamer("MouseUp", e))),
                this.streamMessageController.registerMessageHandler(Fe.ToStreamer, "MouseMove", (e=>this.sendMessageController.sendMessageToStreamer("MouseMove", e))),
                this.streamMessageController.registerMessageHandler(Fe.ToStreamer, "MouseWheel", (e=>this.sendMessageController.sendMessageToStreamer("MouseWheel", e))),
                this.streamMessageController.registerMessageHandler(Fe.ToStreamer, "MouseDouble", (e=>this.sendMessageController.sendMessageToStreamer("MouseDouble", e))),
                this.streamMessageController.registerMessageHandler(Fe.ToStreamer, "TouchStart", (e=>this.sendMessageController.sendMessageToStreamer("TouchStart", e))),
                this.streamMessageController.registerMessageHandler(Fe.ToStreamer, "TouchEnd", (e=>this.sendMessageController.sendMessageToStreamer("TouchEnd", e))),
                this.streamMessageController.registerMessageHandler(Fe.ToStreamer, "TouchMove", (e=>this.sendMessageController.sendMessageToStreamer("TouchMove", e))),
                this.streamMessageController.registerMessageHandler(Fe.ToStreamer, "GamepadConnected", (()=>this.sendMessageController.sendMessageToStreamer("GamepadConnected"))),
                this.streamMessageController.registerMessageHandler(Fe.ToStreamer, "GamepadButtonPressed", (e=>this.sendMessageController.sendMessageToStreamer("GamepadButtonPressed", e))),
                this.streamMessageController.registerMessageHandler(Fe.ToStreamer, "GamepadButtonReleased", (e=>this.sendMessageController.sendMessageToStreamer("GamepadButtonReleased", e))),
                this.streamMessageController.registerMessageHandler(Fe.ToStreamer, "GamepadAnalog", (e=>this.sendMessageController.sendMessageToStreamer("GamepadAnalog", e))),
                this.streamMessageController.registerMessageHandler(Fe.ToStreamer, "GamepadDisconnected", (e=>this.sendMessageController.sendMessageToStreamer("GamepadDisconnected", e))),
                this.streamMessageController.registerMessageHandler(Fe.ToStreamer, "XRHMDTransform", (e=>this.sendMessageController.sendMessageToStreamer("XRHMDTransform", e))),
                this.streamMessageController.registerMessageHandler(Fe.ToStreamer, "XRControllerTransform", (e=>this.sendMessageController.sendMessageToStreamer("XRControllerTransform", e))),
                this.streamMessageController.registerMessageHandler(Fe.ToStreamer, "XRSystem", (e=>this.sendMessageController.sendMessageToStreamer("XRSystem", e))),
                this.streamMessageController.registerMessageHandler(Fe.ToStreamer, "XRButtonTouched", (e=>this.sendMessageController.sendMessageToStreamer("XRButtonTouched", e))),
                this.streamMessageController.registerMessageHandler(Fe.ToStreamer, "XRButtonPressed", (e=>this.sendMessageController.sendMessageToStreamer("XRButtonPressed", e))),
                this.streamMessageController.registerMessageHandler(Fe.ToStreamer, "XRButtonReleased", (e=>this.sendMessageController.sendMessageToStreamer("XRButtonReleased", e))),
                this.streamMessageController.registerMessageHandler(Fe.ToStreamer, "XRAnalog", (e=>this.sendMessageController.sendMessageToStreamer("XRAnalog", e)))
            }
            onCommand(e) {
                l.Log(l.GetStackTrace(), "DataChannelReceiveMessageType.Command", 6);
                const t = new TextDecoder("utf-16").decode(e.slice(1));
                l.Log(l.GetStackTrace(), "Data Channel Command: " + t, 6);
                const s = JSON.parse(t);
                "onScreenKeyboard" === s.command && this.pixelStreaming._activateOnScreenKeyboard(s)
            }
            onProtocolMessage(e) {
                try {
                    const t = new TextDecoder("utf-16").decode(e.slice(1))
                      , s = JSON.parse(t);
                    Object.prototype.hasOwnProperty.call(s, "Direction") || l.Error(l.GetStackTrace(), "Malformed protocol received. Ensure the protocol message contains a direction");
                    const n = s.Direction;
                    delete s.Direction,
                    l.Log(l.GetStackTrace(), `Received new ${n == Fe.FromStreamer ? "FromStreamer" : "ToStreamer"} protocol. Updating existing protocol...`),
                    Object.keys(s).forEach((e=>{
                        const t = s[e];
                        switch (n) {
                        case Fe.ToStreamer:
                            if (!Object.prototype.hasOwnProperty.call(t, "id") || !Object.prototype.hasOwnProperty.call(t, "byteLength"))
                                return void l.Error(l.GetStackTrace(), `ToStreamer->${e} protocol definition was malformed as it didn't contain at least an id and a byteLength\n\n                                           Definition was: ${JSON.stringify(t, null, 2)}`);
                            if (t.byteLength > 0 && !Object.prototype.hasOwnProperty.call(t, "structure"))
                                return void l.Error(l.GetStackTrace(), `ToStreamer->${e} protocol definition was malformed as it specified a byteLength but no accompanying structure`);
                            this.streamMessageController.toStreamerHandlers.get(e) ? this.streamMessageController.toStreamerMessages.add(e, t) : l.Error(l.GetStackTrace(), `There was no registered handler for "${e}" - try adding one using registerMessageHandler(MessageDirection.ToStreamer, "${e}", myHandler)`);
                            break;
                        case Fe.FromStreamer:
                            if (!Object.prototype.hasOwnProperty.call(t, "id"))
                                return void l.Error(l.GetStackTrace(), `FromStreamer->${e} protocol definition was malformed as it didn't contain at least an id\n\n                            Definition was: ${JSON.stringify(t, null, 2)}`);
                            this.streamMessageController.fromStreamerHandlers.get(e) ? this.streamMessageController.fromStreamerMessages.add(e, t.id) : l.Error(l.GetStackTrace(), `There was no registered handler for "${t}" - try adding one using registerMessageHandler(MessageDirection.FromStreamer, "${e}", myHandler)`);
                            break;
                        default:
                            l.Error(l.GetStackTrace(), `Unknown direction: ${n}`)
                        }
                    }
                    )),
                    this.toStreamerMessagesController.SendRequestInitialSettings(),
                    this.toStreamerMessagesController.SendRequestQualityControl()
                } catch (e) {
                    l.Log(l.GetStackTrace(), e)
                }
            }
            onInputControlOwnership(e) {
                const t = new Uint8Array(e);
                l.Log(l.GetStackTrace(), "DataChannelReceiveMessageType.InputControlOwnership", 6);
                const s = new Boolean(t[1]).valueOf();
                l.Log(l.GetStackTrace(), `Received input controller message - will your input control the stream: ${s}`),
                this.pixelStreaming._onInputControlOwnership(s)
            }
            onGamepadResponse(e) {
                const t = new TextDecoder("utf-16").decode(e.slice(1))
                  , s = JSON.parse(t);
                this.gamePadController.onGamepadResponseReceived(s.controllerId)
            }
            onAfkTriggered() {
                this.afkController.onAfkClick(),
                this.videoPlayer.isPaused() && this.videoPlayer.hasVideoSource() && this.playStream()
            }
            setAfkEnabled(e) {
                e ? this.onAfkTriggered() : this.afkController.stopAfkWarningTimer()
            }
            restartStreamAutomatically() {
                if (this.webSocketController)
                    if (this.webSocketController.webSocket && this.webSocketController.webSocket.readyState !== WebSocket.CLOSED) {
                        this.pixelStreaming._showActionOrErrorOnDisconnect = !1,
                        this.setDisconnectMessageOverride("Restarting stream..."),
                        this.closeSignalingServer();
                        const e = setTimeout((()=>{
                            this.pixelStreaming._onWebRtcAutoConnect(),
                            this.connectToSignallingServer(),
                            clearTimeout(e)
                        }
                        ), 3e3)
                    } else
                        l.Log(l.GetStackTrace(), "A websocket connection has not been made yet so we will start the stream"),
                        this.pixelStreaming._onWebRtcAutoConnect(),
                        this.connectToSignallingServer();
                else
                    l.Log(l.GetStackTrace(), "The Web Socket Controller does not exist so this will not work right now.")
            }
            loadFreezeFrameOrShowPlayOverlay() {
                this.pixelStreaming.dispatchEvent(new J({
                    shouldShowPlayOverlay: this.shouldShowPlayOverlay,
                    isValid: this.freezeFrameController.valid,
                    jpegData: this.freezeFrameController.jpeg
                })),
                !0 === this.shouldShowPlayOverlay ? (l.Log(l.GetStackTrace(), "showing play overlay"),
                this.resizePlayerStyle()) : (l.Log(l.GetStackTrace(), "showing freeze frame"),
                this.freezeFrameController.showFreezeFrame()),
                setTimeout((()=>{
                    this.videoPlayer.setVideoEnabled(!1)
                }
                ), this.freezeFrameController.freezeFrameDelay)
            }
            onFreezeFrameMessage(e) {
                l.Log(l.GetStackTrace(), "DataChannelReceiveMessageType.FreezeFrame", 6);
                const t = new Uint8Array(e);
                this.freezeFrameController.processFreezeFrameMessage(t, (()=>this.loadFreezeFrameOrShowPlayOverlay()))
            }
            invalidateFreezeFrameAndEnableVideo() {
                l.Log(l.GetStackTrace(), "DataChannelReceiveMessageType.FreezeFrame", 6),
                setTimeout((()=>{
                    this.pixelStreaming.dispatchEvent(new Y),
                    this.freezeFrameController.hideFreezeFrame()
                }
                ), this.freezeFrameController.freezeFrameDelay),
                this.videoPlayer.getVideoElement() && this.videoPlayer.setVideoEnabled(!0)
            }
            onFileExtension(e) {
                const t = new Uint8Array(e);
                Ne.setExtensionFromBytes(t, this.file)
            }
            onFileMimeType(e) {
                const t = new Uint8Array(e);
                Ne.setMimeTypeFromBytes(t, this.file)
            }
            onFileContents(e) {
                const t = new Uint8Array(e);
                Ne.setContentsFromBytes(t, this.file)
            }
            playStream() {
                if (!this.videoPlayer.getVideoElement()) {
                    const e = "Could not play video stream because the video player was not initialized correctly.";
                    return this.pixelStreaming.dispatchEvent(new K({
                        message: e
                    })),
                    l.Error(l.GetStackTrace(), e),
                    this.setDisconnectMessageOverride("Stream not initialized correctly"),
                    void this.closeSignalingServer()
                }
                this.videoPlayer.hasVideoSource() ? (this.setTouchInputEnabled(this.config.isFlagEnabled(ae.TouchInput)),
                this.pixelStreaming.dispatchEvent(new j),
                this.streamController.audioElement.srcObject ? (this.streamController.audioElement.muted = this.config.isFlagEnabled(ae.StartVideoMuted),
                this.streamController.audioElement.play().then((()=>{
                    this.playVideo()
                }
                )).catch((e=>{
                    l.Log(l.GetStackTrace(), e),
                    l.Log(l.GetStackTrace(), "Browser does not support autoplaying video without interaction - to resolve this we are going to show the play button overlay."),
                    this.pixelStreaming.dispatchEvent(new X({
                        reason: e
                    }))
                }
                ))) : this.playVideo(),
                this.shouldShowPlayOverlay = !1,
                this.freezeFrameController.showFreezeFrame()) : l.Warning(l.GetStackTrace(), "Cannot play stream, the video element has no srcObject to play.")
            }
            playVideo() {
                this.videoPlayer.play().catch((e=>{
                    this.streamController.audioElement.srcObject && this.streamController.audioElement.pause(),
                    l.Log(l.GetStackTrace(), e),
                    l.Log(l.GetStackTrace(), "Browser does not support autoplaying video without interaction - to resolve this we are going to show the play button overlay."),
                    this.pixelStreaming.dispatchEvent(new X({
                        reason: e
                    }))
                }
                ))
            }
            autoPlayVideoOrSetUpPlayOverlay() {
                this.config.isFlagEnabled(ae.AutoPlayVideo) && this.playStream(),
                this.resizePlayerStyle()
            }
            connectToSignallingServer() {
                const e = this.signallingUrlBuilder();
                this.webSocketController.connect(e)
            }
            startSession(e) {
                if (this.peerConfig = e,
                this.config.isFlagEnabled(ae.ForceTURN) && !this.checkTurnServerAvailability(e))
                    return l.Info(l.GetStackTrace(), "No turn server was found in the Peer Connection Options. TURN cannot be forced, closing connection. Please use STUN instead"),
                    this.setDisconnectMessageOverride("TURN cannot be forced, closing connection. Please use STUN instead."),
                    void this.closeSignalingServer();
                this.peerConnectionController = new Ie(this.peerConfig,this.config,this.preferredCodec),
                this.peerConnectionController.onVideoStats = e=>this.handleVideoStats(e),
                this.peerConnectionController.onSendWebRTCOffer = e=>this.handleSendWebRTCOffer(e),
                this.peerConnectionController.onSendWebRTCAnswer = e=>this.handleSendWebRTCAnswer(e),
                this.peerConnectionController.onPeerIceCandidate = e=>this.handleSendIceCandidate(e),
                this.peerConnectionController.onDataChannel = e=>this.handleDataChannel(e),
                this.peerConnectionController.showTextOverlayConnecting = ()=>this.pixelStreaming._onWebRtcConnecting(),
                this.peerConnectionController.showTextOverlaySetupFailure = ()=>this.pixelStreaming._onWebRtcFailed();
                let t = !1;
                this.peerConnectionController.onIceConnectionStateChange = ()=>{
                    !t && ["connected", "completed"].includes(this.peerConnectionController.peerConnection.iceConnectionState) && (this.pixelStreaming._onWebRtcConnected(),
                    t = !0)
                }
                ,
                this.peerConnectionController.onTrack = e=>this.streamController.handleOnTrack(e),
                this.config.isFlagEnabled(ae.BrowserSendOffer) && (this.sendrecvDataChannelController.createDataChannel(this.peerConnectionController.peerConnection, "cirrus", this.datachannelOptions),
                this.sendrecvDataChannelController.handleOnMessage = e=>this.handleOnMessage(e),
                this.peerConnectionController.createOffer(this.sdpConstraints, this.config))
            }
            checkTurnServerAvailability(e) {
                if (!e.iceServers)
                    return l.Info(l.GetStackTrace(), "A turn sever was not found"),
                    !1;
                for (const t of e.iceServers)
                    for (const e of t.urls)
                        if (e.includes("turn"))
                            return l.Log(l.GetStackTrace(), `A turn sever was found at ${e}`),
                            !0;
                return l.Info(l.GetStackTrace(), "A turn sever was not found"),
                !1
            }
            handleOnConfigMessage(e) {
                this.resizePlayerStyle(),
                this.startSession(e.peerConnectionOptions),
                this.webSocketController.onWebRtcAnswer = e=>this.handleWebRtcAnswer(e),
                this.webSocketController.onWebRtcOffer = e=>this.handleWebRtcOffer(e),
                this.webSocketController.onWebRtcPeerDataChannels = e=>this.handleWebRtcSFUPeerDatachannels(e),
                this.webSocketController.onIceCandidate = e=>this.handleIceCandidate(e)
            }
            handleStreamerListMessage(e) {
                if (l.Log(l.GetStackTrace(), `Got streamer list ${e.ids}`, 6),
                this.isReconnecting)
                    e.ids.includes(this.subscribedStream) ? (this.isReconnecting = !1,
                    this.reconnectAttempt = 0,
                    this.webSocketController.sendSubscribe(this.subscribedStream)) : this.reconnectAttempt < this.config.getNumericSettingValue(ce.MaxReconnectAttempts) ? (this.reconnectAttempt++,
                    setTimeout((()=>{
                        this.webSocketController.requestStreamerList()
                    }
                    ), 2e3)) : (this.reconnectAttempt = 0,
                    this.isReconnecting = !1,
                    this.shouldReconnect = !1,
                    this.webSocketController.close(),
                    this.config.setOptionSettingValue(me.StreamerId, ""),
                    this.config.setOptionSettingOptions(me.StreamerId, []));
                else {
                    const t = [...e.ids];
                    t.unshift(""),
                    this.config.setOptionSettingOptions(me.StreamerId, t);
                    const s = new URLSearchParams(window.location.search);
                    let n = null;
                    1 == e.ids.length ? n = e.ids[0] : this.config.isFlagEnabled(ae.PreferSFU) && e.ids.includes("SFU") ? n = "SFU" : s.has(me.StreamerId) && e.ids.includes(s.get(me.StreamerId)) && (n = s.get(me.StreamerId)),
                    null !== n && this.config.setOptionSettingValue(me.StreamerId, n),
                    this.pixelStreaming.dispatchEvent(new Z({
                        messageStreamerList: e,
                        autoSelectedStreamerId: n
                    }))
                }
            }
            handleWebRtcAnswer(e) {
                l.Log(l.GetStackTrace(), `Got answer sdp ${e.sdp}`, 6);
                const t = {
                    sdp: e.sdp,
                    type: "answer"
                };
                this.peerConnectionController.receiveAnswer(t),
                this.handlePostWebrtcNegotiation()
            }
            handleWebRtcOffer(e) {
                l.Log(l.GetStackTrace(), `Got offer sdp ${e.sdp}`, 6),
                this.isUsingSFU = !!e.sfu && e.sfu,
                this.isUsingSFU && (this.peerConnectionController.preferredCodec = "");
                const t = {
                    sdp: e.sdp,
                    type: "offer"
                };
                this.peerConnectionController.receiveOffer(t, this.config),
                this.handlePostWebrtcNegotiation()
            }
            handleWebRtcSFUPeerDatachannels(e) {
                const t = {
                    ordered: !0,
                    negotiated: !0,
                    id: e.sendStreamId
                }
                  , s = e.sendStreamId != e.recvStreamId;
                if (this.sendrecvDataChannelController.createDataChannel(this.peerConnectionController.peerConnection, s ? "send-datachannel" : "datachannel", t),
                s) {
                    const t = {
                        ordered: !0,
                        negotiated: !0,
                        id: e.recvStreamId
                    };
                    this.recvDataChannelController.createDataChannel(this.peerConnectionController.peerConnection, "recv-datachannel", t),
                    this.recvDataChannelController.handleOnOpen = ()=>this.webSocketController.sendSFURecvDataChannelReady(),
                    this.recvDataChannelController.handleOnMessage = e=>this.handleOnMessage(e)
                } else
                    this.sendrecvDataChannelController.handleOnMessage = e=>this.handleOnMessage(e)
            }
            handlePostWebrtcNegotiation() {
                this.afkController.startAfkWarningTimer(),
                this.pixelStreaming._onWebRtcSdp(),
                this.statsTimerHandle && void 0 !== this.statsTimerHandle && window.clearInterval(this.statsTimerHandle),
                this.statsTimerHandle = window.setInterval((()=>this.getStats()), 1e3),
                this.setMouseInputEnabled(this.config.isFlagEnabled(ae.MouseInput)),
                this.setKeyboardInputEnabled(this.config.isFlagEnabled(ae.KeyboardInput)),
                this.setGamePadInputEnabled(this.config.isFlagEnabled(ae.GamepadInput))
            }
            handleIceCandidate(e) {
                l.Log(l.GetStackTrace(), "Web RTC Controller: onWebRtcIce", 6);
                const t = new RTCIceCandidate(e);
                this.peerConnectionController.handleOnIce(t)
            }
            handleSendIceCandidate(e) {
                l.Log(l.GetStackTrace(), "OnIceCandidate", 6),
                e.candidate && e.candidate.candidate && this.webSocketController.sendIceCandidate(e.candidate)
            }
            handleDataChannel(e) {
                l.Log(l.GetStackTrace(), "Data channel created for us by browser as we are a receiving peer.", 6),
                this.sendrecvDataChannelController.dataChannel = e.channel,
                this.sendrecvDataChannelController.setupDataChannel(),
                this.sendrecvDataChannelController.handleOnMessage = e=>this.handleOnMessage(e)
            }
            handleSendWebRTCOffer(e) {
                l.Log(l.GetStackTrace(), "Sending the offer to the Server", 6),
                this.webSocketController.sendWebRtcOffer(e)
            }
            handleSendWebRTCAnswer(e) {
                l.Log(l.GetStackTrace(), "Sending the answer to the Server", 6),
                this.webSocketController.sendWebRtcAnswer(e),
                this.isUsingSFU && this.webSocketController.sendWebRtcDatachannelRequest()
            }
            setUpMouseAndFreezeFrame() {
                this.videoElementParentClientRect = this.videoPlayer.getVideoParentElement().getBoundingClientRect(),
                this.coordinateConverter.setupNormalizeAndQuantize(),
                this.freezeFrameController.freezeFrame.resize()
            }
            closeSignalingServer() {
                var e;
                this.shouldReconnect = !1,
                null === (e = this.webSocketController) || void 0 === e || e.close()
            }
            closePeerConnection() {
                var e;
                null === (e = this.peerConnectionController) || void 0 === e || e.close()
            }
            close() {
                this.closeSignalingServer(),
                this.closePeerConnection()
            }
            getStats() {
                this.peerConnectionController.generateStats()
            }
            sendLatencyTest() {
                this.latencyStartTime = Date.now(),
                this.sendDescriptorController.sendLatencyTest({
                    StartTime: this.latencyStartTime
                })
            }
            sendEncoderMinQP(e) {
                l.Log(l.GetStackTrace(), `MinQP=${e}\n`, 6),
                null != e && this.sendDescriptorController.emitCommand({
                    "Encoder.MinQP": e
                })
            }
            sendEncoderMaxQP(e) {
                l.Log(l.GetStackTrace(), `MaxQP=${e}\n`, 6),
                null != e && this.sendDescriptorController.emitCommand({
                    "Encoder.MaxQP": e
                })
            }
            sendWebRTCMinBitrate(e) {
                l.Log(l.GetStackTrace(), `WebRTC Min Bitrate=${e}`, 6),
                null != e && this.sendDescriptorController.emitCommand({
                    "WebRTC.MinBitrate": e
                })
            }
            sendWebRTCMaxBitrate(e) {
                l.Log(l.GetStackTrace(), `WebRTC Max Bitrate=${e}`, 6),
                null != e && this.sendDescriptorController.emitCommand({
                    "WebRTC.MaxBitrate": e
                })
            }
            sendWebRTCFps(e) {
                l.Log(l.GetStackTrace(), `WebRTC FPS=${e}`, 6),
                null != e && (this.sendDescriptorController.emitCommand({
                    "WebRTC.Fps": e
                }),
                this.sendDescriptorController.emitCommand({
                    "WebRTC.MaxFps": e
                }))
            }
            sendShowFps() {
                l.Log(l.GetStackTrace(), "----   Sending show stat to UE   ----", 6),
                this.sendDescriptorController.emitCommand({
                    "stat.fps": ""
                })
            }
            sendIframeRequest() {
                l.Log(l.GetStackTrace(), "----   Sending Request for an IFrame  ----", 6),
                this.streamMessageController.toStreamerHandlers.get("IFrameRequest")()
            }
            emitUIInteraction(e) {
                l.Log(l.GetStackTrace(), "----   Sending custom UIInteraction message   ----", 6),
                this.sendDescriptorController.emitUIInteraction(e)
            }
            emitCommand(e) {
                l.Log(l.GetStackTrace(), "----   Sending custom Command message   ----", 6),
                this.sendDescriptorController.emitCommand(e)
            }
            emitConsoleCommand(e) {
                l.Log(l.GetStackTrace(), "----   Sending custom Command:ConsoleCommand message   ----", 6),
                this.sendDescriptorController.emitCommand({
                    ConsoleCommand: e
                })
            }
            sendRequestQualityControlOwnership() {
                l.Log(l.GetStackTrace(), "----   Sending Request to Control Quality  ----", 6),
                this.toStreamerMessagesController.SendRequestQualityControl()
            }
            handleLatencyTestResult(e) {
                l.Log(l.GetStackTrace(), "DataChannelReceiveMessageType.latencyTest", 6);
                const t = new TextDecoder("utf-16").decode(e.slice(1))
                  , s = new Be;
                Object.assign(s, JSON.parse(t)),
                s.processFields(),
                s.testStartTimeMs = this.latencyStartTime,
                s.browserReceiptTimeMs = Date.now(),
                s.latencyExcludingDecode = ~~(s.browserReceiptTimeMs - s.testStartTimeMs),
                s.testDuration = ~~(s.TransmissionTimeMs - s.ReceiptTimeMs),
                s.networkLatency = ~~(s.latencyExcludingDecode - s.testDuration),
                s.frameDisplayDeltaTimeMs && s.browserReceiptTimeMs && (s.endToEndLatency = (s.frameDisplayDeltaTimeMs,
                s.networkLatency,
                ~~+s.CaptureToSendMs)),
                this.pixelStreaming._onLatencyTestResult(s)
            }
            handleInitialSettings(e) {
                l.Log(l.GetStackTrace(), "DataChannelReceiveMessageType.InitialSettings", 6);
                const t = new TextDecoder("utf-16").decode(e.slice(1))
                  , s = JSON.parse(t)
                  , n = new De;
                s.Encoder && (n.EncoderSettings = s.Encoder),
                s.WebRTC && (n.WebRTCSettings = s.WebRTC),
                s.PixelStreaming && (n.PixelStreamingSettings = s.PixelStreaming),
                s.ConfigOptions && this.config.setFlagEnabled(ae.HoveringMouseMode, !!s.ConfigOptions.DefaultToHover),
                n.ueCompatible(),
                l.Log(l.GetStackTrace(), t, 6),
                this.pixelStreaming._onInitialSettings(n)
            }
            handleVideoEncoderAvgQP(e) {
                l.Log(l.GetStackTrace(), "DataChannelReceiveMessageType.VideoEncoderAvgQP", 6);
                const t = Number(new TextDecoder("utf-16").decode(e.slice(1)));
                this.setVideoEncoderAvgQP(t)
            }
            handleVideoInitialized() {
                this.pixelStreaming._onVideoInitialized(),
                this.autoPlayVideoOrSetUpPlayOverlay(),
                this.resizePlayerStyle(),
                this.videoPlayer.updateVideoStreamSize()
            }
            onQualityControlOwnership(e) {
                const t = new Uint8Array(e);
                l.Log(l.GetStackTrace(), "DataChannelReceiveMessageType.QualityControlOwnership", 6),
                this.isQualityController = new Boolean(t[1]).valueOf(),
                l.Log(l.GetStackTrace(), `Received quality controller message, will control quality: ${this.isQualityController}`),
                this.pixelStreaming._onQualityControlOwnership(this.isQualityController)
            }
            handleVideoStats(e) {
                this.pixelStreaming._onVideoStats(e)
            }
            resizePlayerStyle() {
                this.videoPlayer.resizePlayerStyle()
            }
            getDisconnectMessageOverride() {
                return this.disconnectMessageOverride
            }
            setDisconnectMessageOverride(e) {
                this.disconnectMessageOverride = e
            }
            setPreferredCodec(e) {
                this.preferredCodec = e,
                this.peerConnectionController && (this.peerConnectionController.preferredCodec = e,
                this.peerConnectionController.updateCodecSelection = !1)
            }
            setVideoEncoderAvgQP(e) {
                this.videoAvgQp = e,
                this.pixelStreaming._onVideoEncoderAvgQP(this.videoAvgQp)
            }
            setKeyboardInputEnabled(e) {
                var t;
                null === (t = this.keyboardController) || void 0 === t || t.unregisterKeyBoardEvents(),
                e && (this.keyboardController = this.inputClassesFactory.registerKeyBoard(this.config))
            }
            setMouseInputEnabled(e) {
                var t;
                if (null === (t = this.mouseController) || void 0 === t || t.unregisterMouseEvents(),
                e) {
                    const e = this.config.isFlagEnabled(ae.HoveringMouseMode) ? ve.HoveringMouse : ve.LockedMouse;
                    this.mouseController = this.inputClassesFactory.registerMouse(e)
                }
            }
            setTouchInputEnabled(e) {
                var t;
                null === (t = this.touchController) || void 0 === t || t.unregisterTouchEvents(),
                e && (this.touchController = this.inputClassesFactory.registerTouch(this.config.isFlagEnabled(ae.FakeMouseWithTouches), this.videoElementParentClientRect))
            }
            setGamePadInputEnabled(e) {
                var t;
                null === (t = this.gamePadController) || void 0 === t || t.unregisterGamePadEvents(),
                e && (this.gamePadController = this.inputClassesFactory.registerGamePad(),
                this.gamePadController.onGamepadConnected = ()=>{
                    this.streamMessageController.toStreamerHandlers.get("GamepadConnected")()
                }
                ,
                this.gamePadController.onGamepadDisconnected = e=>{
                    this.streamMessageController.toStreamerHandlers.get("GamepadDisconnected")([e])
                }
                )
            }
            registerDataChannelEventEmitters(e) {
                e.onOpen = (e,t)=>this.pixelStreaming.dispatchEvent(new H({
                    label: e,
                    event: t
                })),
                e.onClose = (e,t)=>this.pixelStreaming.dispatchEvent(new W({
                    label: e,
                    event: t
                })),
                e.onError = (e,t)=>this.pixelStreaming.dispatchEvent(new V({
                    label: e,
                    event: t
                }))
            }
        }
        class pt {
            static vertexShader() {
                return "\n\t\tattribute vec2 a_position;\n\t\tattribute vec2 a_texCoord;\n\n\t\t// input\n\t\tuniform vec2 u_resolution;\n\t\tuniform vec4 u_offset;\n\n\t\t//\n\t\tvarying vec2 v_texCoord;\n\n\t\tvoid main() {\n\t\t   // convert the rectangle from pixels to 0.0 to 1.0\n\t\t   vec2 zeroToOne = a_position / u_resolution;\n\n\t\t   // convert from 0->1 to 0->2\n\t\t   vec2 zeroToTwo = zeroToOne * 2.0;\n\n\t\t   // convert from 0->2 to -1->+1 (clipspace)\n\t\t   vec2 clipSpace = zeroToTwo - 1.0;\n\n\t\t   gl_Position = vec4(clipSpace * vec2(1, -1), 0, 1);\n\t\t   // pass the texCoord to the fragment shader\n\t\t   // The GPU will interpolate this value between points.\n\t\t   v_texCoord = (a_texCoord * u_offset.xy) + u_offset.zw;\n\t\t}\n\t\t"
            }
            static fragmentShader() {
                return "\n\t\tprecision mediump float;\n\n\t\t// our texture\n\t\tuniform sampler2D u_image;\n\n\t\t// the texCoords passed in from the vertex shader.\n\t\tvarying vec2 v_texCoord;\n\n\t\tvoid main() {\n\t\t   gl_FragColor = texture2D(u_image, v_texCoord);\n\t\t}\n\t\t"
            }
        }
        class vt {
            static deepCopyGamepad(e) {
                return JSON.parse(JSON.stringify({
                    buttons: e.buttons.map((e=>JSON.parse(JSON.stringify({
                        pressed: e.pressed,
                        touched: e.touched
                    })))),
                    axes: e.axes
                }))
            }
        }
        class ft {
            constructor(e) {
                this.toStreamerMessagesProvider = e,
                this.controllers = []
            }
            updateStatus(e, t, s) {
                if (e.gamepad) {
                    const n = t.getPose(e.gripSpace, s);
                    if (!n)
                        return;
                    let i = 0;
                    e.profiles.includes("htc-vive") ? i = 1 : e.profiles.includes("oculus-touch") && (i = 2),
                    this.toStreamerMessagesProvider.toStreamerHandlers.get("XRSystem")([i]);
                    let r = 2;
                    switch (e.handedness) {
                    case "left":
                        r = 0;
                        break;
                    case "right":
                        r = 1
                    }
                    const o = n.transform.matrix
                      , a = [];
                    for (let e = 0; e < 16; e++)
                        a[e] = new Float32Array([o[e]])[0];
                    this.toStreamerMessagesProvider.toStreamerHandlers.get("XRControllerTransform")([a[0], a[4], a[8], a[12], a[1], a[5], a[9], a[13], a[2], a[6], a[10], a[14], a[3], a[7], a[11], a[15], r]),
                    void 0 === this.controllers[r] && (this.controllers[r] = {
                        prevState: void 0,
                        currentState: void 0,
                        id: void 0
                    },
                    this.controllers[r].prevState = vt.deepCopyGamepad(e.gamepad)),
                    this.controllers[r].currentState = vt.deepCopyGamepad(e.gamepad);
                    const l = this.controllers[r]
                      , c = l.currentState
                      , d = l.prevState;
                    for (let e = 0; e < c.buttons.length; e++) {
                        const t = c.buttons[e]
                          , s = d.buttons[e];
                        t.pressed ? this.toStreamerMessagesProvider.toStreamerHandlers.get("XRButtonPressed")([r, e, s.pressed ? 1 : 0]) : !t.pressed && s.pressed && this.toStreamerMessagesProvider.toStreamerHandlers.get("XRButtonReleased")([r, e, 0]),
                        t.touched && !t.pressed ? this.toStreamerMessagesProvider.toStreamerHandlers.get("XRButtonPressed")([r, 3, s.touched ? 1 : 0]) : !t.touched && s.touched && this.toStreamerMessagesProvider.toStreamerHandlers.get("XRButtonReleased")([r, 3, 0])
                    }
                    for (let e = 0; e < c.axes.length; e++)
                        this.toStreamerMessagesProvider.toStreamerHandlers.get("XRAnalog")([r, e, c.axes[e]]);
                    this.controllers[r].prevState = c
                }
            }
        }
        class St {
            constructor(e) {
                this.xrSession = null,
                this.webRtcController = e,
                this.xrControllers = [],
                this.xrGamepadController = new ft(this.webRtcController.streamMessageController),
                this.onSessionEnded = new EventTarget,
                this.onSessionStarted = new EventTarget,
                this.onFrame = new EventTarget
            }
            xrClicked() {
                this.xrSession ? this.xrSession.end() : navigator.xr.requestSession("immersive-vr").then((e=>{
                    this.onXrSessionStarted(e)
                }
                ))
            }
            onXrSessionEnded() {
                l.Log(l.GetStackTrace(), "XR Session ended"),
                this.xrSession = null,
                this.onSessionEnded.dispatchEvent(new Event("xrSessionEnded"))
            }
            onXrSessionStarted(e) {
                l.Log(l.GetStackTrace(), "XR Session started"),
                this.xrSession = e,
                this.xrSession.addEventListener("end", (()=>{
                    this.onXrSessionEnded()
                }
                ));
                const t = document.createElement("canvas");
                this.gl = t.getContext("webgl2", {
                    xrCompatible: !0
                }),
                this.xrSession.updateRenderState({
                    baseLayer: new XRWebGLLayer(this.xrSession,this.gl)
                });
                const s = this.gl.createShader(this.gl.VERTEX_SHADER);
                this.gl.shaderSource(s, pt.vertexShader()),
                this.gl.compileShader(s);
                const n = this.gl.createShader(this.gl.FRAGMENT_SHADER);
                this.gl.shaderSource(n, pt.fragmentShader()),
                this.gl.compileShader(n);
                const i = this.gl.createProgram();
                this.gl.attachShader(i, s),
                this.gl.attachShader(i, n),
                this.gl.linkProgram(i),
                this.gl.useProgram(i),
                this.positionLocation = this.gl.getAttribLocation(i, "a_position"),
                this.texcoordLocation = this.gl.getAttribLocation(i, "a_texCoord"),
                this.positionBuffer = this.gl.createBuffer(),
                this.gl.bindBuffer(this.gl.ARRAY_BUFFER, this.positionBuffer),
                this.gl.enableVertexAttribArray(this.positionLocation);
                const r = this.gl.createTexture();
                this.gl.bindTexture(this.gl.TEXTURE_2D, r),
                this.gl.texParameteri(this.gl.TEXTURE_2D, this.gl.TEXTURE_WRAP_S, this.gl.CLAMP_TO_EDGE),
                this.gl.texParameteri(this.gl.TEXTURE_2D, this.gl.TEXTURE_WRAP_T, this.gl.CLAMP_TO_EDGE),
                this.gl.texParameteri(this.gl.TEXTURE_2D, this.gl.TEXTURE_MIN_FILTER, this.gl.NEAREST),
                this.gl.texParameteri(this.gl.TEXTURE_2D, this.gl.TEXTURE_MAG_FILTER, this.gl.NEAREST),
                this.texcoordBuffer = this.gl.createBuffer(),
                this.resolutionLocation = this.gl.getUniformLocation(i, "u_resolution"),
                this.offsetLocation = this.gl.getUniformLocation(i, "u_offset"),
                e.requestReferenceSpace("local").then((e=>{
                    this.xrRefSpace = e,
                    this.xrSession.requestAnimationFrame(((e,t)=>this.onXrFrame(e, t)))
                }
                )),
                this.onSessionStarted.dispatchEvent(new Event("xrSessionStarted"))
            }
            onXrFrame(e, t) {
                const s = t.getViewerPose(this.xrRefSpace);
                if (s) {
                    const e = s.transform.matrix
                      , t = [];
                    for (let s = 0; s < 16; s++)
                        t[s] = new Float32Array([e[s]])[0];
                    this.webRtcController.streamMessageController.toStreamerHandlers.get("XRHMDTransform")([t[0], t[4], t[8], t[12], t[1], t[5], t[9], t[13], t[2], t[6], t[10], t[14], t[3], t[7], t[11], t[15]]);
                    const n = this.xrSession.renderState.baseLayer;
                    this.gl.bindFramebuffer(this.gl.FRAMEBUFFER, n.framebuffer),
                    this.gl.texImage2D(this.gl.TEXTURE_2D, 0, this.gl.RGBA, this.gl.RGBA, this.gl.UNSIGNED_BYTE, this.webRtcController.videoPlayer.getVideoElement()),
                    this.render(this.webRtcController.videoPlayer.getVideoElement())
                }
                this.webRtcController.config.isFlagEnabled(ae.XRControllerInput) && this.xrSession.inputSources.forEach(((e,s,n)=>{
                    this.xrGamepadController.updateStatus(e, t, this.xrRefSpace)
                }
                ), this),
                this.xrSession.requestAnimationFrame(((e,t)=>this.onXrFrame(e, t))),
                this.onFrame.dispatchEvent(new re({
                    time: e,
                    frame: t
                }))
            }
            render(e) {
                if (!this.gl)
                    return;
                const t = this.xrSession.renderState.baseLayer;
                let s, n, i, r, o;
                this.gl.viewport(0, 0, t.framebufferWidth, t.framebufferHeight),
                this.gl.uniform4f(this.offsetLocation, 1, 1, 0, 0),
                this.gl.bufferData(this.gl.ARRAY_BUFFER, new Float32Array([0, 0, e.videoWidth, 0, 0, e.videoHeight, 0, e.videoHeight, e.videoWidth, 0, e.videoWidth, e.videoHeight]), this.gl.STATIC_DRAW),
                this.gl.bindBuffer(this.gl.ARRAY_BUFFER, this.texcoordBuffer),
                this.gl.bufferData(this.gl.ARRAY_BUFFER, new Float32Array([0, 0, 1, 0, 0, 1, 0, 1, 1, 0, 1, 1]), this.gl.STATIC_DRAW),
                this.gl.bindBuffer(this.gl.ARRAY_BUFFER, this.positionBuffer),
                s = 2,
                n = this.gl.FLOAT,
                i = !1,
                r = 0,
                o = 0,
                this.gl.vertexAttribPointer(this.positionLocation, s, n, i, r, o),
                this.gl.enableVertexAttribArray(this.texcoordLocation),
                this.gl.bindBuffer(this.gl.ARRAY_BUFFER, this.texcoordBuffer),
                s = 2,
                n = this.gl.FLOAT,
                i = !1,
                r = 0,
                o = 0,
                this.gl.vertexAttribPointer(this.texcoordLocation, s, n, i, r, o),
                this.gl.uniform2f(this.resolutionLocation, e.videoWidth, e.videoHeight);
                const a = this.gl.TRIANGLES;
                o = 0,
                this.gl.drawArrays(a, o, 6)
            }
            static isSessionSupported(e) {
                return navigator.xr ? navigator.xr.isSessionSupported(e) : new Promise((()=>!1))
            }
        }
        class Ct {
            constructor(e) {
                this.editTextButton = null,
                this.hiddenInput = null,
                "ontouchstart"in document.documentElement && this.createOnScreenKeyboardHelpers(e)
            }
            unquantizeAndDenormalizeUnsigned(e, t) {
                return null
            }
            createOnScreenKeyboardHelpers(e) {
                this.hiddenInput || (this.hiddenInput = document.createElement("input"),
                this.hiddenInput.id = "hiddenInput",
                this.hiddenInput.maxLength = 0,
                e.appendChild(this.hiddenInput)),
                this.editTextButton || (this.editTextButton = document.createElement("button"),
                this.editTextButton.id = "editTextButton",
                this.editTextButton.innerHTML = "edit text",
                e.appendChild(this.editTextButton),
                this.editTextButton.classList.add("hiddenState"),
                this.editTextButton.addEventListener("touchend", (e=>{
                    this.hiddenInput.focus(),
                    e.preventDefault()
                }
                )))
            }
            showOnScreenKeyboard(e) {
                if (e.showOnScreenKeyboard) {
                    this.editTextButton.classList.remove("hiddenState");
                    const t = this.unquantizeAndDenormalizeUnsigned(e.x, e.y);
                    this.editTextButton.style.top = t.y.toString() + "px",
                    this.editTextButton.style.left = (t.x - 40).toString() + "px"
                } else
                    this.editTextButton.classList.add("hiddenState"),
                    this.hiddenInput.blur()
            }
        }
        class yt {
            constructor(e, t) {
                this._showActionOrErrorOnDisconnect = !0,
                this.allowConsoleCommands = !1,
                this.config = e,
                (null == t ? void 0 : t.videoElementParent) && (this._videoElementParent = t.videoElementParent),
                this._eventEmitter = new oe,
                this.configureSettings(),
                this.setWebRtcPlayerController(new gt(this.config,this)),
                this.onScreenKeyboardHelper = new Ct(this.videoElementParent),
                this.onScreenKeyboardHelper.unquantizeAndDenormalizeUnsigned = (e,t)=>this._webRtcController.requestUnquantizedAndDenormalizeUnsigned(e, t),
                this._activateOnScreenKeyboard = e=>this.onScreenKeyboardHelper.showOnScreenKeyboard(e),
                this._webXrController = new St(this._webRtcController)
            }
            get videoElementParent() {
                return this._videoElementParent || (this._videoElementParent = document.createElement("div"),
                this._videoElementParent.id = "videoElementParent"),
                this._videoElementParent
            }
            configureSettings() {
                this.config._addOnSettingChangedListener(ae.IsQualityController, (e=>{
                    !0 !== e || this._webRtcController.isQualityController || this._webRtcController.sendRequestQualityControlOwnership()
                }
                )),
                this.config._addOnSettingChangedListener(ae.AFKDetection, (e=>{
                    this._webRtcController.setAfkEnabled(e)
                }
                )),
                this.config._addOnSettingChangedListener(ae.MatchViewportResolution, (()=>{
                    this._webRtcController.videoPlayer.updateVideoStreamSize()
                }
                )),
                this.config._addOnSettingChangedListener(ae.HoveringMouseMode, (e=>{
                    this.config.setFlagLabel(ae.HoveringMouseMode, `Control Scheme: ${e ? "Hovering" : "Locked"} Mouse`),
                    this._webRtcController.setMouseInputEnabled(this.config.isFlagEnabled(ae.MouseInput))
                }
                )),
                this.config._addOnSettingChangedListener(ae.KeyboardInput, (e=>{
                    this._webRtcController.setKeyboardInputEnabled(e)
                }
                )),
                this.config._addOnSettingChangedListener(ae.MouseInput, (e=>{
                    this._webRtcController.setMouseInputEnabled(e)
                }
                )),
                this.config._addOnSettingChangedListener(ae.TouchInput, (e=>{
                    this._webRtcController.setTouchInputEnabled(e)
                }
                )),
                this.config._addOnSettingChangedListener(ae.GamepadInput, (e=>{
                    this._webRtcController.setGamePadInputEnabled(e)
                }
                )),
                this.config._addOnNumericSettingChangedListener(ce.MinQP, (e=>{
                    l.Log(l.GetStackTrace(), "--------  Sending MinQP  --------", 7),
                    this._webRtcController.sendEncoderMinQP(e),
                    l.Log(l.GetStackTrace(), "-------------------------------------------", 7)
                }
                )),
                this.config._addOnNumericSettingChangedListener(ce.MaxQP, (e=>{
                    l.Log(l.GetStackTrace(), "--------  Sending encoder settings  --------", 7),
                    this._webRtcController.sendEncoderMaxQP(e),
                    l.Log(l.GetStackTrace(), "-------------------------------------------", 7)
                }
                )),
                this.config._addOnNumericSettingChangedListener(ce.WebRTCMinBitrate, (e=>{
                    l.Log(l.GetStackTrace(), "--------  Sending web rtc settings  --------", 7),
                    this._webRtcController.sendWebRTCMinBitrate(1e3 * e),
                    l.Log(l.GetStackTrace(), "-------------------------------------------", 7)
                }
                )),
                this.config._addOnNumericSettingChangedListener(ce.WebRTCMaxBitrate, (e=>{
                    l.Log(l.GetStackTrace(), "--------  Sending web rtc settings  --------", 7),
                    this._webRtcController.sendWebRTCMaxBitrate(1e3 * e),
                    l.Log(l.GetStackTrace(), "-------------------------------------------", 7)
                }
                )),
                this.config._addOnNumericSettingChangedListener(ce.WebRTCFPS, (e=>{
                    l.Log(l.GetStackTrace(), "--------  Sending web rtc settings  --------", 7),
                    this._webRtcController.sendWebRTCFps(e),
                    l.Log(l.GetStackTrace(), "-------------------------------------------", 7)
                }
                )),
                this.config._addOnOptionSettingChangedListener(me.PreferredCodec, (e=>{
                    this._webRtcController && this._webRtcController.setPreferredCodec(e)
                }
                )),
                this.config._registerOnChangeEvents(this._eventEmitter)
            }
            _activateOnScreenKeyboard(e) {
                throw new Error("Method not implemented.")
            }
            _onInputControlOwnership(e) {
                this._inputController = e
            }
            setWebRtcPlayerController(e) {
                this._webRtcController = e,
                this._webRtcController.setPreferredCodec(this.config.getSettingOption(me.PreferredCodec).selected),
                this._webRtcController.resizePlayerStyle(),
                this.checkForAutoConnect()
            }
            connect() {
                this._webRtcController.connectToSignallingServer()
            }
            reconnect() {
                this._webRtcController.restartStreamAutomatically()
            }
            disconnect() {
                this._webRtcController.close()
            }
            play() {
                this._onStreamLoading(),
                this._webRtcController.playStream()
            }
            checkForAutoConnect() {
                this.config.isFlagEnabled(ae.AutoConnect) && (this._onWebRtcAutoConnect(),
                this._webRtcController.connectToSignallingServer())
            }
            _onWebRtcAutoConnect() {
                this._eventEmitter.dispatchEvent(new U),
                this._showActionOrErrorOnDisconnect = !0
            }
            _onWebRtcSdp() {
                this._eventEmitter.dispatchEvent(new _)
            }
            _onStreamLoading() {
                this._eventEmitter.dispatchEvent(new q)
            }
            _onDisconnect(e) {
                "" != this._webRtcController.getDisconnectMessageOverride() && void 0 !== this._webRtcController.getDisconnectMessageOverride() && null != this._webRtcController.getDisconnectMessageOverride() && (e = this._webRtcController.getDisconnectMessageOverride(),
                this._webRtcController.setDisconnectMessageOverride("")),
                this._eventEmitter.dispatchEvent(new G({
                    eventString: e,
                    showActionOrErrorOnDisconnect: this._showActionOrErrorOnDisconnect
                })),
                0 == this._showActionOrErrorOnDisconnect && (this._showActionOrErrorOnDisconnect = !0)
            }
            _onWebRtcConnecting() {
                this._eventEmitter.dispatchEvent(new z)
            }
            _onWebRtcConnected() {
                this._eventEmitter.dispatchEvent(new B)
            }
            _onWebRtcFailed() {
                this._eventEmitter.dispatchEvent(new N)
            }
            _onVideoInitialized() {
                this._eventEmitter.dispatchEvent(new Q),
                this._videoStartTime = Date.now()
            }
            _onLatencyTestResult(e) {
                this._eventEmitter.dispatchEvent(new ee({
                    latencyTimings: e
                }))
            }
            _onVideoStats(e) {
                this._videoStartTime && void 0 !== this._videoStartTime || (this._videoStartTime = Date.now()),
                e.handleSessionStatistics(this._videoStartTime, this._inputController, this._webRtcController.videoAvgQp),
                this._eventEmitter.dispatchEvent(new $({
                    aggregatedStats: e
                }))
            }
            _onVideoEncoderAvgQP(e) {
                this._eventEmitter.dispatchEvent(new D({
                    avgQP: e
                }))
            }
            _onInitialSettings(e) {
                var t;
                this._eventEmitter.dispatchEvent(new te({
                    settings: e
                })),
                e.PixelStreamingSettings && (this.allowConsoleCommands = null !== (t = e.PixelStreamingSettings.AllowPixelStreamingCommands) && void 0 !== t && t,
                !1 === this.allowConsoleCommands && l.Info(l.GetStackTrace(), "-AllowPixelStreamingCommands=false, sending arbitrary console commands from browser to UE is disabled."));
                const s = this.config.useUrlParams
                  , n = new URLSearchParams(window.location.search);
                e.EncoderSettings && (this.config.setNumericSetting(ce.MinQP, s && n.has(ce.MinQP) ? Number.parseInt(n.get(ce.MinQP)) : e.EncoderSettings.MinQP),
                this.config.setNumericSetting(ce.MaxQP, s && n.has(ce.MaxQP) ? Number.parseInt(n.get(ce.MaxQP)) : e.EncoderSettings.MaxQP)),
                e.WebRTCSettings && (this.config.setNumericSetting(ce.WebRTCMinBitrate, s && n.has(ce.WebRTCMinBitrate) ? Number.parseInt(n.get(ce.WebRTCMinBitrate)) / 1e3 : e.WebRTCSettings.MinBitrate / 1e3),
                this.config.setNumericSetting(ce.WebRTCMaxBitrate, s && n.has(ce.WebRTCMaxBitrate) ? Number.parseInt(n.get(ce.WebRTCMaxBitrate)) / 1e3 : e.WebRTCSettings.MaxBitrate / 1e3),
                this.config.setNumericSetting(ce.WebRTCFPS, s && n.has(ce.WebRTCFPS) ? Number.parseInt(n.get(ce.WebRTCFPS)) : e.WebRTCSettings.FPS))
            }
            _onQualityControlOwnership(e) {
                this.config.setFlagEnabled(ae.IsQualityController, e)
            }
            requestLatencyTest() {
                return !!this._webRtcController.videoPlayer.isVideoReady() && (this._webRtcController.sendLatencyTest(),
                !0)
            }
            requestShowFps() {
                return !!this._webRtcController.videoPlayer.isVideoReady() && (this._webRtcController.sendShowFps(),
                !0)
            }
            requestIframe() {
                return !!this._webRtcController.videoPlayer.isVideoReady() && (this._webRtcController.sendIframeRequest(),
                !0)
            }
            emitUIInteraction(e) {
                return !!this._webRtcController.videoPlayer.isVideoReady() && (this._webRtcController.emitUIInteraction(e),
                !0)
            }
            emitCommand(e) {
                return !(!this._webRtcController.videoPlayer.isVideoReady() || !this.allowConsoleCommands && "ConsoleCommand"in e || (this._webRtcController.emitCommand(e),
                0))
            }
            emitConsoleCommand(e) {
                return !(!this.allowConsoleCommands || !this._webRtcController.videoPlayer.isVideoReady() || (this._webRtcController.emitConsoleCommand(e),
                0))
            }
            addResponseEventListener(e, t) {
                this._webRtcController.responseController.addResponseEventListener(e, t)
            }
            removeResponseEventListener(e) {
                this._webRtcController.responseController.removeResponseEventListener(e)
            }
            dispatchEvent(e) {
                return this._eventEmitter.dispatchEvent(e)
            }
            addEventListener(e, t) {
                this._eventEmitter.addEventListener(e, t)
            }
            removeEventListener(e, t) {
                this._eventEmitter.removeEventListener(e, t)
            }
            toggleXR() {
                this.webXrController.xrClicked()
            }
            setSignallingUrlBuilder(e) {
                this._webRtcController.signallingUrlBuilder = e
            }
            get webSocketController() {
                return this._webRtcController.webSocketController
            }
            get webXrController() {
                return this._webXrController
            }
        }
        var bt = a.Dz
          , Et = a.hV
          , wt = a.z$
          , Tt = a.J0
          , xt = a.De
          , Mt = a.$C
          , Pt = a.Nu
          , kt = a.zg
          , Rt = a.vU
          , Lt = a.rv
          , At = a.Nh
          , Ft = a.ss
          , Ot = a.cf
          , It = a.Yd
          , Dt = a.iM
          , _t = a.qy
          , Ut = a.ce
          , zt = a.sK
          , Bt = a.Ok
          , Nt = a.q5
          , Gt = a.g
          , Ht = a.Ib
          , Wt = a.Az
          , Vt = a.Iw
          , Qt = a.qY
          , qt = a.db
          , Kt = a.Tn
          , jt = a.x_
          , Xt = a.Am
          , Jt = a.u3
          , Yt = a.Ni
          , $t = a.bq
          , Zt = a.$f;
        function es() {
            return es = Object.assign ? Object.assign.bind() : function(e) {
                for (var t = 1; t < arguments.length; t++) {
                    var s = arguments[t];
                    for (var n in s)
                        Object.prototype.hasOwnProperty.call(s, n) && (e[n] = s[n])
                }
                return e
            }
            ,
            es.apply(this, arguments)
        }
        var ts = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
            return typeof e
        }
        : function(e) {
            return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e
        }
        ;
        const ss = "object" === ("undefined" == typeof window ? "undefined" : ts(window)) && "object" === ("undefined" == typeof document ? "undefined" : ts(document)) && 9 === document.nodeType;
        function ns(e) {
            return ns = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
                return typeof e
            }
            : function(e) {
                return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e
            }
            ,
            ns(e)
        }
        function is(e, t) {
            for (var s = 0; s < t.length; s++) {
                var n = t[s];
                n.enumerable = n.enumerable || !1,
                n.configurable = !0,
                "value"in n && (n.writable = !0),
                Object.defineProperty(e, (i = function(e, t) {
                    if ("object" !== ns(e) || null === e)
                        return e;
                    var s = e[Symbol.toPrimitive];
                    if (void 0 !== s) {
                        var n = s.call(e, "string");
                        if ("object" !== ns(n))
                            return n;
                        throw new TypeError("@@toPrimitive must return a primitive value.")
                    }
                    return String(e)
                }(n.key),
                "symbol" === ns(i) ? i : String(i)), n)
            }
            var i
        }
        function rs(e, t, s) {
            return t && is(e.prototype, t),
            s && is(e, s),
            Object.defineProperty(e, "prototype", {
                writable: !1
            }),
            e
        }
        function os(e, t) {
            return os = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
                return e.__proto__ = t,
                e
            }
            ,
            os(e, t)
        }
        function as(e, t) {
            e.prototype = Object.create(t.prototype),
            e.prototype.constructor = e,
            os(e, t)
        }
        function ls(e) {
            if (void 0 === e)
                throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
            return e
        }
        var cs = {}.constructor;
        function ds(e) {
            if (null == e || "object" != typeof e)
                return e;
            if (Array.isArray(e))
                return e.map(ds);
            if (e.constructor !== cs)
                return e;
            var t = {};
            for (var s in e)
                t[s] = ds(e[s]);
            return t
        }
        function hs(e, t, s) {
            void 0 === e && (e = "unnamed");
            var n = s.jss
              , i = ds(t);
            return n.plugins.onCreateRule(e, i, s) || (e[0],
            null)
        }
        var us = function(e, t) {
            for (var s = "", n = 0; n < e.length && "!important" !== e[n]; n++)
                s && (s += t),
                s += e[n];
            return s
        }
          , ms = function(e) {
            if (!Array.isArray(e))
                return e;
            var t = "";
            if (Array.isArray(e[0]))
                for (var s = 0; s < e.length && "!important" !== e[s]; s++)
                    t && (t += ", "),
                    t += us(e[s], " ");
            else
                t = us(e, ", ");
            return "!important" === e[e.length - 1] && (t += " !important"),
            t
        };
        function gs(e) {
            return e && !1 === e.format ? {
                linebreak: "",
                space: ""
            } : {
                linebreak: "\n",
                space: " "
            }
        }
        function ps(e, t) {
            for (var s = "", n = 0; n < t; n++)
                s += "  ";
            return s + e
        }
        function vs(e, t, s) {
            void 0 === s && (s = {});
            var n = "";
            if (!t)
                return n;
            var i = s.indent
              , r = void 0 === i ? 0 : i
              , o = t.fallbacks;
            !1 === s.format && (r = -1 / 0);
            var a = gs(s)
              , l = a.linebreak
              , c = a.space;
            if (e && r++,
            o)
                if (Array.isArray(o))
                    for (var d = 0; d < o.length; d++) {
                        var h = o[d];
                        for (var u in h) {
                            var m = h[u];
                            null != m && (n && (n += l),
                            n += ps(u + ":" + c + ms(m) + ";", r))
                        }
                    }
                else
                    for (var g in o) {
                        var p = o[g];
                        null != p && (n && (n += l),
                        n += ps(g + ":" + c + ms(p) + ";", r))
                    }
            for (var v in t) {
                var f = t[v];
                null != f && "fallbacks" !== v && (n && (n += l),
                n += ps(v + ":" + c + ms(f) + ";", r))
            }
            return (n || s.allowEmpty) && e ? (n && (n = "" + l + n + l),
            ps("" + e + c + "{" + n, --r) + ps("}", r)) : n
        }
        var fs = /([[\].#*$><+~=|^:(),"'`\s])/g
          , Ss = "undefined" != typeof CSS && CSS.escape
          , Cs = function(e) {
            return Ss ? Ss(e) : e.replace(fs, "\\$1")
        }
          , ys = function() {
            function e(e, t, s) {
                this.type = "style",
                this.isProcessed = !1;
                var n = s.sheet
                  , i = s.Renderer;
                this.key = e,
                this.options = s,
                this.style = t,
                n ? this.renderer = n.renderer : i && (this.renderer = new i)
            }
            return e.prototype.prop = function(e, t, s) {
                if (void 0 === t)
                    return this.style[e];
                var n = !!s && s.force;
                if (!n && this.style[e] === t)
                    return this;
                var i = t;
                s && !1 === s.process || (i = this.options.jss.plugins.onChangeValue(t, e, this));
                var r = null == i || !1 === i
                  , o = e in this.style;
                if (r && !o && !n)
                    return this;
                var a = r && o;
                if (a ? delete this.style[e] : this.style[e] = i,
                this.renderable && this.renderer)
                    return a ? this.renderer.removeProperty(this.renderable, e) : this.renderer.setProperty(this.renderable, e, i),
                    this;
                var l = this.options.sheet;
                return l && l.attached,
                this
            }
            ,
            e
        }()
          , bs = function(e) {
            function t(t, s, n) {
                var i;
                i = e.call(this, t, s, n) || this;
                var r = n.selector
                  , o = n.scoped
                  , a = n.sheet
                  , l = n.generateId;
                return r ? i.selectorText = r : !1 !== o && (i.id = l(ls(ls(i)), a),
                i.selectorText = "." + Cs(i.id)),
                i
            }
            as(t, e);
            var s = t.prototype;
            return s.applyTo = function(e) {
                var t = this.renderer;
                if (t) {
                    var s = this.toJSON();
                    for (var n in s)
                        t.setProperty(e, n, s[n])
                }
                return this
            }
            ,
            s.toJSON = function() {
                var e = {};
                for (var t in this.style) {
                    var s = this.style[t];
                    "object" != typeof s ? e[t] = s : Array.isArray(s) && (e[t] = ms(s))
                }
                return e
            }
            ,
            s.toString = function(e) {
                var t = this.options.sheet
                  , s = t && t.options.link ? es({}, e, {
                    allowEmpty: !0
                }) : e;
                return vs(this.selectorText, this.style, s)
            }
            ,
            rs(t, [{
                key: "selector",
                set: function(e) {
                    if (e !== this.selectorText) {
                        this.selectorText = e;
                        var t = this.renderer
                          , s = this.renderable;
                        s && t && (t.setSelector(s, e) || t.replaceRule(s, this))
                    }
                },
                get: function() {
                    return this.selectorText
                }
            }]),
            t
        }(ys)
          , Es = {
            onCreateRule: function(e, t, s) {
                return "@" === e[0] || s.parent && "keyframes" === s.parent.type ? null : new bs(e,t,s)
            }
        }
          , ws = {
            indent: 1,
            children: !0
        }
          , Ts = /@([\w-]+)/
          , xs = function() {
            function e(e, t, s) {
                this.type = "conditional",
                this.isProcessed = !1,
                this.key = e;
                var n = e.match(Ts);
                for (var i in this.at = n ? n[1] : "unknown",
                this.query = s.name || "@" + this.at,
                this.options = s,
                this.rules = new Xs(es({}, s, {
                    parent: this
                })),
                t)
                    this.rules.add(i, t[i]);
                this.rules.process()
            }
            var t = e.prototype;
            return t.getRule = function(e) {
                return this.rules.get(e)
            }
            ,
            t.indexOf = function(e) {
                return this.rules.indexOf(e)
            }
            ,
            t.addRule = function(e, t, s) {
                var n = this.rules.add(e, t, s);
                return n ? (this.options.jss.plugins.onProcessRule(n),
                n) : null
            }
            ,
            t.replaceRule = function(e, t, s) {
                var n = this.rules.replace(e, t, s);
                return n && this.options.jss.plugins.onProcessRule(n),
                n
            }
            ,
            t.toString = function(e) {
                void 0 === e && (e = ws);
                var t = gs(e).linebreak;
                if (null == e.indent && (e.indent = ws.indent),
                null == e.children && (e.children = ws.children),
                !1 === e.children)
                    return this.query + " {}";
                var s = this.rules.toString(e);
                return s ? this.query + " {" + t + s + t + "}" : ""
            }
            ,
            e
        }()
          , Ms = /@container|@media|@supports\s+/
          , Ps = {
            onCreateRule: function(e, t, s) {
                return Ms.test(e) ? new xs(e,t,s) : null
            }
        }
          , ks = {
            indent: 1,
            children: !0
        }
          , Rs = /@keyframes\s+([\w-]+)/
          , Ls = function() {
            function e(e, t, s) {
                this.type = "keyframes",
                this.at = "@keyframes",
                this.isProcessed = !1;
                var n = e.match(Rs);
                n && n[1] ? this.name = n[1] : this.name = "noname",
                this.key = this.type + "-" + this.name,
                this.options = s;
                var i = s.scoped
                  , r = s.sheet
                  , o = s.generateId;
                for (var a in this.id = !1 === i ? this.name : Cs(o(this, r)),
                this.rules = new Xs(es({}, s, {
                    parent: this
                })),
                t)
                    this.rules.add(a, t[a], es({}, s, {
                        parent: this
                    }));
                this.rules.process()
            }
            return e.prototype.toString = function(e) {
                void 0 === e && (e = ks);
                var t = gs(e).linebreak;
                if (null == e.indent && (e.indent = ks.indent),
                null == e.children && (e.children = ks.children),
                !1 === e.children)
                    return this.at + " " + this.id + " {}";
                var s = this.rules.toString(e);
                return s && (s = "" + t + s + t),
                this.at + " " + this.id + " {" + s + "}"
            }
            ,
            e
        }()
          , As = /@keyframes\s+/
          , Fs = /\$([\w-]+)/g
          , Os = function(e, t) {
            return "string" == typeof e ? e.replace(Fs, (function(e, s) {
                return s in t ? t[s] : e
            }
            )) : e
        }
          , Is = function(e, t, s) {
            var n = e[t]
              , i = Os(n, s);
            i !== n && (e[t] = i)
        }
          , Ds = {
            onCreateRule: function(e, t, s) {
                return "string" == typeof e && As.test(e) ? new Ls(e,t,s) : null
            },
            onProcessStyle: function(e, t, s) {
                return "style" === t.type && s ? ("animation-name"in e && Is(e, "animation-name", s.keyframes),
                "animation"in e && Is(e, "animation", s.keyframes),
                e) : e
            },
            onChangeValue: function(e, t, s) {
                var n = s.options.sheet;
                if (!n)
                    return e;
                switch (t) {
                case "animation":
                case "animation-name":
                    return Os(e, n.keyframes);
                default:
                    return e
                }
            }
        }
          , _s = function(e) {
            function t() {
                return e.apply(this, arguments) || this
            }
            return as(t, e),
            t.prototype.toString = function(e) {
                var t = this.options.sheet
                  , s = t && t.options.link ? es({}, e, {
                    allowEmpty: !0
                }) : e;
                return vs(this.key, this.style, s)
            }
            ,
            t
        }(ys)
          , Us = {
            onCreateRule: function(e, t, s) {
                return s.parent && "keyframes" === s.parent.type ? new _s(e,t,s) : null
            }
        }
          , zs = function() {
            function e(e, t, s) {
                this.type = "font-face",
                this.at = "@font-face",
                this.isProcessed = !1,
                this.key = e,
                this.style = t,
                this.options = s
            }
            return e.prototype.toString = function(e) {
                var t = gs(e).linebreak;
                if (Array.isArray(this.style)) {
                    for (var s = "", n = 0; n < this.style.length; n++)
                        s += vs(this.at, this.style[n]),
                        this.style[n + 1] && (s += t);
                    return s
                }
                return vs(this.at, this.style, e)
            }
            ,
            e
        }()
          , Bs = /@font-face/
          , Ns = {
            onCreateRule: function(e, t, s) {
                return Bs.test(e) ? new zs(e,t,s) : null
            }
        }
          , Gs = function() {
            function e(e, t, s) {
                this.type = "viewport",
                this.at = "@viewport",
                this.isProcessed = !1,
                this.key = e,
                this.style = t,
                this.options = s
            }
            return e.prototype.toString = function(e) {
                return vs(this.key, this.style, e)
            }
            ,
            e
        }()
          , Hs = {
            onCreateRule: function(e, t, s) {
                return "@viewport" === e || "@-ms-viewport" === e ? new Gs(e,t,s) : null
            }
        }
          , Ws = function() {
            function e(e, t, s) {
                this.type = "simple",
                this.isProcessed = !1,
                this.key = e,
                this.value = t,
                this.options = s
            }
            return e.prototype.toString = function(e) {
                if (Array.isArray(this.value)) {
                    for (var t = "", s = 0; s < this.value.length; s++)
                        t += this.key + " " + this.value[s] + ";",
                        this.value[s + 1] && (t += "\n");
                    return t
                }
                return this.key + " " + this.value + ";"
            }
            ,
            e
        }()
          , Vs = {
            "@charset": !0,
            "@import": !0,
            "@namespace": !0
        }
          , Qs = {
            onCreateRule: function(e, t, s) {
                return e in Vs ? new Ws(e,t,s) : null
            }
        }
          , qs = [Es, Ps, Ds, Us, Ns, Hs, Qs]
          , Ks = {
            process: !0
        }
          , js = {
            force: !0,
            process: !0
        }
          , Xs = function() {
            function e(e) {
                this.map = {},
                this.raw = {},
                this.index = [],
                this.counter = 0,
                this.options = e,
                this.classes = e.classes,
                this.keyframes = e.keyframes
            }
            var t = e.prototype;
            return t.add = function(e, t, s) {
                var n = this.options
                  , i = n.parent
                  , r = n.sheet
                  , o = n.jss
                  , a = n.Renderer
                  , l = n.generateId
                  , c = n.scoped
                  , d = es({
                    classes: this.classes,
                    parent: i,
                    sheet: r,
                    jss: o,
                    Renderer: a,
                    generateId: l,
                    scoped: c,
                    name: e,
                    keyframes: this.keyframes,
                    selector: void 0
                }, s)
                  , h = e;
                e in this.raw && (h = e + "-d" + this.counter++),
                this.raw[h] = t,
                h in this.classes && (d.selector = "." + Cs(this.classes[h]));
                var u = hs(h, t, d);
                if (!u)
                    return null;
                this.register(u);
                var m = void 0 === d.index ? this.index.length : d.index;
                return this.index.splice(m, 0, u),
                u
            }
            ,
            t.replace = function(e, t, s) {
                var n = this.get(e)
                  , i = this.index.indexOf(n);
                n && this.remove(n);
                var r = s;
                return -1 !== i && (r = es({}, s, {
                    index: i
                })),
                this.add(e, t, r)
            }
            ,
            t.get = function(e) {
                return this.map[e]
            }
            ,
            t.remove = function(e) {
                this.unregister(e),
                delete this.raw[e.key],
                this.index.splice(this.index.indexOf(e), 1)
            }
            ,
            t.indexOf = function(e) {
                return this.index.indexOf(e)
            }
            ,
            t.process = function() {
                var e = this.options.jss.plugins;
                this.index.slice(0).forEach(e.onProcessRule, e)
            }
            ,
            t.register = function(e) {
                this.map[e.key] = e,
                e instanceof bs ? (this.map[e.selector] = e,
                e.id && (this.classes[e.key] = e.id)) : e instanceof Ls && this.keyframes && (this.keyframes[e.name] = e.id)
            }
            ,
            t.unregister = function(e) {
                delete this.map[e.key],
                e instanceof bs ? (delete this.map[e.selector],
                delete this.classes[e.key]) : e instanceof Ls && delete this.keyframes[e.name]
            }
            ,
            t.update = function() {
                var e, t, s;
                if ("string" == typeof (arguments.length <= 0 ? void 0 : arguments[0]) ? (e = arguments.length <= 0 ? void 0 : arguments[0],
                t = arguments.length <= 1 ? void 0 : arguments[1],
                s = arguments.length <= 2 ? void 0 : arguments[2]) : (t = arguments.length <= 0 ? void 0 : arguments[0],
                s = arguments.length <= 1 ? void 0 : arguments[1],
                e = null),
                e)
                    this.updateOne(this.get(e), t, s);
                else
                    for (var n = 0; n < this.index.length; n++)
                        this.updateOne(this.index[n], t, s)
            }
            ,
            t.updateOne = function(t, s, n) {
                void 0 === n && (n = Ks);
                var i = this.options
                  , r = i.jss.plugins
                  , o = i.sheet;
                if (t.rules instanceof e)
                    t.rules.update(s, n);
                else {
                    var a = t.style;
                    if (r.onUpdate(s, t, o, n),
                    n.process && a && a !== t.style) {
                        for (var l in r.onProcessStyle(t.style, t, o),
                        t.style) {
                            var c = t.style[l];
                            c !== a[l] && t.prop(l, c, js)
                        }
                        for (var d in a) {
                            var h = t.style[d]
                              , u = a[d];
                            null == h && h !== u && t.prop(d, null, js)
                        }
                    }
                }
            }
            ,
            t.toString = function(e) {
                for (var t = "", s = this.options.sheet, n = !!s && s.options.link, i = gs(e).linebreak, r = 0; r < this.index.length; r++) {
                    var o = this.index[r].toString(e);
                    (o || n) && (t && (t += i),
                    t += o)
                }
                return t
            }
            ,
            e
        }()
          , Js = function() {
            function e(e, t) {
                for (var s in this.attached = !1,
                this.deployed = !1,
                this.classes = {},
                this.keyframes = {},
                this.options = es({}, t, {
                    sheet: this,
                    parent: this,
                    classes: this.classes,
                    keyframes: this.keyframes
                }),
                t.Renderer && (this.renderer = new t.Renderer(this)),
                this.rules = new Xs(this.options),
                e)
                    this.rules.add(s, e[s]);
                this.rules.process()
            }
            var t = e.prototype;
            return t.attach = function() {
                return this.attached || (this.renderer && this.renderer.attach(),
                this.attached = !0,
                this.deployed || this.deploy()),
                this
            }
            ,
            t.detach = function() {
                return this.attached ? (this.renderer && this.renderer.detach(),
                this.attached = !1,
                this) : this
            }
            ,
            t.addRule = function(e, t, s) {
                var n = this.queue;
                this.attached && !n && (this.queue = []);
                var i = this.rules.add(e, t, s);
                return i ? (this.options.jss.plugins.onProcessRule(i),
                this.attached ? this.deployed ? (n ? n.push(i) : (this.insertRule(i),
                this.queue && (this.queue.forEach(this.insertRule, this),
                this.queue = void 0)),
                i) : i : (this.deployed = !1,
                i)) : null
            }
            ,
            t.replaceRule = function(e, t, s) {
                var n = this.rules.get(e);
                if (!n)
                    return this.addRule(e, t, s);
                var i = this.rules.replace(e, t, s);
                return i && this.options.jss.plugins.onProcessRule(i),
                this.attached ? this.deployed ? (this.renderer && (i ? n.renderable && this.renderer.replaceRule(n.renderable, i) : this.renderer.deleteRule(n)),
                i) : i : (this.deployed = !1,
                i)
            }
            ,
            t.insertRule = function(e) {
                this.renderer && this.renderer.insertRule(e)
            }
            ,
            t.addRules = function(e, t) {
                var s = [];
                for (var n in e) {
                    var i = this.addRule(n, e[n], t);
                    i && s.push(i)
                }
                return s
            }
            ,
            t.getRule = function(e) {
                return this.rules.get(e)
            }
            ,
            t.deleteRule = function(e) {
                var t = "object" == typeof e ? e : this.rules.get(e);
                return !(!t || this.attached && !t.renderable) && (this.rules.remove(t),
                !(this.attached && t.renderable && this.renderer) || this.renderer.deleteRule(t.renderable))
            }
            ,
            t.indexOf = function(e) {
                return this.rules.indexOf(e)
            }
            ,
            t.deploy = function() {
                return this.renderer && this.renderer.deploy(),
                this.deployed = !0,
                this
            }
            ,
            t.update = function() {
                var e;
                return (e = this.rules).update.apply(e, arguments),
                this
            }
            ,
            t.updateOne = function(e, t, s) {
                return this.rules.updateOne(e, t, s),
                this
            }
            ,
            t.toString = function(e) {
                return this.rules.toString(e)
            }
            ,
            e
        }()
          , Ys = function() {
            function e() {
                this.plugins = {
                    internal: [],
                    external: []
                },
                this.registry = {}
            }
            var t = e.prototype;
            return t.onCreateRule = function(e, t, s) {
                for (var n = 0; n < this.registry.onCreateRule.length; n++) {
                    var i = this.registry.onCreateRule[n](e, t, s);
                    if (i)
                        return i
                }
                return null
            }
            ,
            t.onProcessRule = function(e) {
                if (!e.isProcessed) {
                    for (var t = e.options.sheet, s = 0; s < this.registry.onProcessRule.length; s++)
                        this.registry.onProcessRule[s](e, t);
                    e.style && this.onProcessStyle(e.style, e, t),
                    e.isProcessed = !0
                }
            }
            ,
            t.onProcessStyle = function(e, t, s) {
                for (var n = 0; n < this.registry.onProcessStyle.length; n++)
                    t.style = this.registry.onProcessStyle[n](t.style, t, s)
            }
            ,
            t.onProcessSheet = function(e) {
                for (var t = 0; t < this.registry.onProcessSheet.length; t++)
                    this.registry.onProcessSheet[t](e)
            }
            ,
            t.onUpdate = function(e, t, s, n) {
                for (var i = 0; i < this.registry.onUpdate.length; i++)
                    this.registry.onUpdate[i](e, t, s, n)
            }
            ,
            t.onChangeValue = function(e, t, s) {
                for (var n = e, i = 0; i < this.registry.onChangeValue.length; i++)
                    n = this.registry.onChangeValue[i](n, t, s);
                return n
            }
            ,
            t.use = function(e, t) {
                void 0 === t && (t = {
                    queue: "external"
                });
                var s = this.plugins[t.queue];
                -1 === s.indexOf(e) && (s.push(e),
                this.registry = [].concat(this.plugins.external, this.plugins.internal).reduce((function(e, t) {
                    for (var s in t)
                        s in e && e[s].push(t[s]);
                    return e
                }
                ), {
                    onCreateRule: [],
                    onProcessRule: [],
                    onProcessStyle: [],
                    onProcessSheet: [],
                    onChangeValue: [],
                    onUpdate: []
                }))
            }
            ,
            e
        }()
          , $s = function() {
            function e() {
                this.registry = []
            }
            var t = e.prototype;
            return t.add = function(e) {
                var t = this.registry
                  , s = e.options.index;
                if (-1 === t.indexOf(e))
                    if (0 === t.length || s >= this.index)
                        t.push(e);
                    else
                        for (var n = 0; n < t.length; n++)
                            if (t[n].options.index > s)
                                return void t.splice(n, 0, e)
            }
            ,
            t.reset = function() {
                this.registry = []
            }
            ,
            t.remove = function(e) {
                var t = this.registry.indexOf(e);
                this.registry.splice(t, 1)
            }
            ,
            t.toString = function(e) {
                for (var t = void 0 === e ? {} : e, s = t.attached, n = function(e, t) {
                    if (null == e)
                        return {};
                    var s, n, i = {}, r = Object.keys(e);
                    for (n = 0; n < r.length; n++)
                        s = r[n],
                        t.indexOf(s) >= 0 || (i[s] = e[s]);
                    return i
                }(t, ["attached"]), i = gs(n).linebreak, r = "", o = 0; o < this.registry.length; o++) {
                    var a = this.registry[o];
                    null != s && a.attached !== s || (r && (r += i),
                    r += a.toString(n))
                }
                return r
            }
            ,
            rs(e, [{
                key: "index",
                get: function() {
                    return 0 === this.registry.length ? 0 : this.registry[this.registry.length - 1].options.index
                }
            }]),
            e
        }()
          , Zs = new $s
          , en = "undefined" != typeof globalThis ? globalThis : "undefined" != typeof window && window.Math === Math ? window : "undefined" != typeof self && self.Math === Math ? self : Function("return this")()
          , tn = "2f1acc6c3a606b082e5eef5e54414ffb";
        null == en[tn] && (en[tn] = 0);
        var sn = en[tn]++
          , nn = function(e) {
            void 0 === e && (e = {});
            var t = 0;
            return function(s, n) {
                t += 1;
                var i = ""
                  , r = "";
                return n && (n.options.classNamePrefix && (r = n.options.classNamePrefix),
                null != n.options.jss.id && (i = String(n.options.jss.id))),
                e.minify ? "" + (r || "c") + sn + i + t : r + s.key + "-" + sn + (i ? "-" + i : "") + "-" + t
            }
        }
          , rn = function(e) {
            var t;
            return function() {
                return t || (t = e()),
                t
            }
        }
          , on = function(e, t) {
            try {
                return e.attributeStyleMap ? e.attributeStyleMap.get(t) : e.style.getPropertyValue(t)
            } catch (e) {
                return ""
            }
        }
          , an = function(e, t, s) {
            try {
                var n = s;
                if (Array.isArray(s) && (n = ms(s)),
                e.attributeStyleMap)
                    e.attributeStyleMap.set(t, n);
                else {
                    var i = n ? n.indexOf("!important") : -1
                      , r = i > -1 ? n.substr(0, i - 1) : n;
                    e.style.setProperty(t, r, i > -1 ? "important" : "")
                }
            } catch (e) {
                return !1
            }
            return !0
        }
          , ln = function(e, t) {
            try {
                e.attributeStyleMap ? e.attributeStyleMap.delete(t) : e.style.removeProperty(t)
            } catch (e) {}
        }
          , cn = function(e, t) {
            return e.selectorText = t,
            e.selectorText === t
        }
          , dn = rn((function() {
            return document.querySelector("head")
        }
        ))
          , hn = rn((function() {
            var e = document.querySelector('meta[property="csp-nonce"]');
            return e ? e.getAttribute("content") : null
        }
        ))
          , un = function(e, t, s) {
            try {
                "insertRule"in e ? e.insertRule(t, s) : "appendRule"in e && e.appendRule(t)
            } catch (e) {
                return !1
            }
            return e.cssRules[s]
        }
          , mn = function(e, t) {
            var s = e.cssRules.length;
            return void 0 === t || t > s ? s : t
        }
          , gn = function() {
            function e(e) {
                this.getPropertyValue = on,
                this.setProperty = an,
                this.removeProperty = ln,
                this.setSelector = cn,
                this.hasInsertedRules = !1,
                this.cssRules = [],
                e && Zs.add(e),
                this.sheet = e;
                var t, s = this.sheet ? this.sheet.options : {}, n = s.media, i = s.meta, r = s.element;
                this.element = r || ((t = document.createElement("style")).textContent = "\n",
                t),
                this.element.setAttribute("data-jss", ""),
                n && this.element.setAttribute("media", n),
                i && this.element.setAttribute("data-meta", i);
                var o = hn();
                o && this.element.setAttribute("nonce", o)
            }
            var t = e.prototype;
            return t.attach = function() {
                if (!this.element.parentNode && this.sheet) {
                    !function(e, t) {
                        var s = t.insertionPoint
                          , n = function(e) {
                            var t = Zs.registry;
                            if (t.length > 0) {
                                var s = function(e, t) {
                                    for (var s = 0; s < e.length; s++) {
                                        var n = e[s];
                                        if (n.attached && n.options.index > t.index && n.options.insertionPoint === t.insertionPoint)
                                            return n
                                    }
                                    return null
                                }(t, e);
                                if (s && s.renderer)
                                    return {
                                        parent: s.renderer.element.parentNode,
                                        node: s.renderer.element
                                    };
                                if (s = function(e, t) {
                                    for (var s = e.length - 1; s >= 0; s--) {
                                        var n = e[s];
                                        if (n.attached && n.options.insertionPoint === t.insertionPoint)
                                            return n
                                    }
                                    return null
                                }(t, e),
                                s && s.renderer)
                                    return {
                                        parent: s.renderer.element.parentNode,
                                        node: s.renderer.element.nextSibling
                                    }
                            }
                            var n = e.insertionPoint;
                            if (n && "string" == typeof n) {
                                var i = function(e) {
                                    for (var t = dn(), s = 0; s < t.childNodes.length; s++) {
                                        var n = t.childNodes[s];
                                        if (8 === n.nodeType && n.nodeValue.trim() === e)
                                            return n
                                    }
                                    return null
                                }(n);
                                if (i)
                                    return {
                                        parent: i.parentNode,
                                        node: i.nextSibling
                                    }
                            }
                            return !1
                        }(t);
                        if (!1 !== n && n.parent)
                            n.parent.insertBefore(e, n.node);
                        else if (s && "number" == typeof s.nodeType) {
                            var i = s
                              , r = i.parentNode;
                            r && r.insertBefore(e, i.nextSibling)
                        } else
                            dn().appendChild(e)
                    }(this.element, this.sheet.options);
                    var e = Boolean(this.sheet && this.sheet.deployed);
                    this.hasInsertedRules && e && (this.hasInsertedRules = !1,
                    this.deploy())
                }
            }
            ,
            t.detach = function() {
                if (this.sheet) {
                    var e = this.element.parentNode;
                    e && e.removeChild(this.element),
                    this.sheet.options.link && (this.cssRules = [],
                    this.element.textContent = "\n")
                }
            }
            ,
            t.deploy = function() {
                var e = this.sheet;
                e && (e.options.link ? this.insertRules(e.rules) : this.element.textContent = "\n" + e.toString() + "\n")
            }
            ,
            t.insertRules = function(e, t) {
                for (var s = 0; s < e.index.length; s++)
                    this.insertRule(e.index[s], s, t)
            }
            ,
            t.insertRule = function(e, t, s) {
                if (void 0 === s && (s = this.element.sheet),
                e.rules) {
                    var n = e
                      , i = s;
                    if ("conditional" === e.type || "keyframes" === e.type) {
                        var r = mn(s, t);
                        if (!1 === (i = un(s, n.toString({
                            children: !1
                        }), r)))
                            return !1;
                        this.refCssRule(e, r, i)
                    }
                    return this.insertRules(n.rules, i),
                    i
                }
                var o = e.toString();
                if (!o)
                    return !1;
                var a = mn(s, t)
                  , l = un(s, o, a);
                return !1 !== l && (this.hasInsertedRules = !0,
                this.refCssRule(e, a, l),
                l)
            }
            ,
            t.refCssRule = function(e, t, s) {
                e.renderable = s,
                e.options.parent instanceof Js && this.cssRules.splice(t, 0, s)
            }
            ,
            t.deleteRule = function(e) {
                var t = this.element.sheet
                  , s = this.indexOf(e);
                return -1 !== s && (t.deleteRule(s),
                this.cssRules.splice(s, 1),
                !0)
            }
            ,
            t.indexOf = function(e) {
                return this.cssRules.indexOf(e)
            }
            ,
            t.replaceRule = function(e, t) {
                var s = this.indexOf(e);
                return -1 !== s && (this.element.sheet.deleteRule(s),
                this.cssRules.splice(s, 1),
                this.insertRule(t, s))
            }
            ,
            t.getRules = function() {
                return this.element.sheet.cssRules
            }
            ,
            e
        }()
          , pn = 0
          , vn = function() {
            function e(e) {
                this.id = pn++,
                this.version = "10.10.0",
                this.plugins = new Ys,
                this.options = {
                    id: {
                        minify: !1
                    },
                    createGenerateId: nn,
                    Renderer: ss ? gn : null,
                    plugins: []
                },
                this.generateId = nn({
                    minify: !1
                });
                for (var t = 0; t < qs.length; t++)
                    this.plugins.use(qs[t], {
                        queue: "internal"
                    });
                this.setup(e)
            }
            var t = e.prototype;
            return t.setup = function(e) {
                return void 0 === e && (e = {}),
                e.createGenerateId && (this.options.createGenerateId = e.createGenerateId),
                e.id && (this.options.id = es({}, this.options.id, e.id)),
                (e.createGenerateId || e.id) && (this.generateId = this.options.createGenerateId(this.options.id)),
                null != e.insertionPoint && (this.options.insertionPoint = e.insertionPoint),
                "Renderer"in e && (this.options.Renderer = e.Renderer),
                e.plugins && this.use.apply(this, e.plugins),
                this
            }
            ,
            t.createStyleSheet = function(e, t) {
                void 0 === t && (t = {});
                var s = t.index;
                "number" != typeof s && (s = 0 === Zs.index ? 0 : Zs.index + 1);
                var n = new Js(e,es({}, t, {
                    jss: this,
                    generateId: t.generateId || this.generateId,
                    insertionPoint: this.options.insertionPoint,
                    Renderer: this.options.Renderer,
                    index: s
                }));
                return this.plugins.onProcessSheet(n),
                n
            }
            ,
            t.removeStyleSheet = function(e) {
                return e.detach(),
                Zs.remove(e),
                this
            }
            ,
            t.createRule = function(e, t, s) {
                if (void 0 === t && (t = {}),
                void 0 === s && (s = {}),
                "object" == typeof e)
                    return this.createRule(void 0, e, t);
                var n = es({}, s, {
                    name: e,
                    jss: this,
                    Renderer: this.options.Renderer
                });
                n.generateId || (n.generateId = this.generateId),
                n.classes || (n.classes = {}),
                n.keyframes || (n.keyframes = {});
                var i = hs(e, t, n);
                return i && this.plugins.onProcessRule(i),
                i
            }
            ,
            t.use = function() {
                for (var e = this, t = arguments.length, s = new Array(t), n = 0; n < t; n++)
                    s[n] = arguments[n];
                return s.forEach((function(t) {
                    e.plugins.use(t)
                }
                )),
                this
            }
            ,
            e
        }();
        "object" == typeof CSS && null != CSS && CSS;
        const fn = new vn(void 0);
        var Sn = "@global"
          , Cn = "@global "
          , yn = function() {
            function e(e, t, s) {
                for (var n in this.type = "global",
                this.at = Sn,
                this.isProcessed = !1,
                this.key = e,
                this.options = s,
                this.rules = new Xs(es({}, s, {
                    parent: this
                })),
                t)
                    this.rules.add(n, t[n]);
                this.rules.process()
            }
            var t = e.prototype;
            return t.getRule = function(e) {
                return this.rules.get(e)
            }
            ,
            t.addRule = function(e, t, s) {
                var n = this.rules.add(e, t, s);
                return n && this.options.jss.plugins.onProcessRule(n),
                n
            }
            ,
            t.replaceRule = function(e, t, s) {
                var n = this.rules.replace(e, t, s);
                return n && this.options.jss.plugins.onProcessRule(n),
                n
            }
            ,
            t.indexOf = function(e) {
                return this.rules.indexOf(e)
            }
            ,
            t.toString = function(e) {
                return this.rules.toString(e)
            }
            ,
            e
        }()
          , bn = function() {
            function e(e, t, s) {
                this.type = "global",
                this.at = Sn,
                this.isProcessed = !1,
                this.key = e,
                this.options = s;
                var n = e.substr(Cn.length);
                this.rule = s.jss.createRule(n, t, es({}, s, {
                    parent: this
                }))
            }
            return e.prototype.toString = function(e) {
                return this.rule ? this.rule.toString(e) : ""
            }
            ,
            e
        }()
          , En = /\s*,\s*/g;
        function wn(e, t) {
            for (var s = e.split(En), n = "", i = 0; i < s.length; i++)
                n += t + " " + s[i].trim(),
                s[i + 1] && (n += ", ");
            return n
        }
        const Tn = function() {
            return {
                onCreateRule: function(e, t, s) {
                    if (!e)
                        return null;
                    if (e === Sn)
                        return new yn(e,t,s);
                    if ("@" === e[0] && e.substr(0, Cn.length) === Cn)
                        return new bn(e,t,s);
                    var n = s.parent;
                    return n && ("global" === n.type || n.options.parent && "global" === n.options.parent.type) && (s.scoped = !1),
                    s.selector || !1 !== s.scoped || (s.selector = e),
                    null
                },
                onProcessRule: function(e, t) {
                    "style" === e.type && t && (function(e, t) {
                        var s = e.options
                          , n = e.style
                          , i = n ? n[Sn] : null;
                        if (i) {
                            for (var r in i)
                                t.addRule(r, i[r], es({}, s, {
                                    selector: wn(r, e.selector)
                                }));
                            delete n[Sn]
                        }
                    }(e, t),
                    function(e, t) {
                        var s = e.options
                          , n = e.style;
                        for (var i in n)
                            if ("@" === i[0] && i.substr(0, Sn.length) === Sn) {
                                var r = wn(i.substr(Sn.length), e.selector);
                                t.addRule(r, n[i], es({}, s, {
                                    selector: r
                                })),
                                delete n[i]
                            }
                    }(e, t))
                }
            }
        };
        var xn = /[A-Z]/g
          , Mn = /^ms-/
          , Pn = {};
        function kn(e) {
            return "-" + e.toLowerCase()
        }
        const Rn = function(e) {
            if (Pn.hasOwnProperty(e))
                return Pn[e];
            var t = e.replace(xn, kn);
            return Pn[e] = Mn.test(t) ? "-" + t : t
        };
        function Ln(e) {
            var t = {};
            for (var s in e)
                t[0 === s.indexOf("--") ? s : Rn(s)] = e[s];
            return e.fallbacks && (Array.isArray(e.fallbacks) ? t.fallbacks = e.fallbacks.map(Ln) : t.fallbacks = Ln(e.fallbacks)),
            t
        }
        const An = function() {
            return {
                onProcessStyle: function(e) {
                    if (Array.isArray(e)) {
                        for (var t = 0; t < e.length; t++)
                            e[t] = Ln(e[t]);
                        return e
                    }
                    return Ln(e)
                },
                onChangeValue: function(e, t, s) {
                    if (0 === t.indexOf("--"))
                        return e;
                    var n = Rn(t);
                    return t === n ? e : (s.prop(n, e),
                    null)
                }
            }
        };
        var Fn = {
            d: (e,t)=>{
                for (var s in t)
                    Fn.o(t, s) && !Fn.o(e, s) && Object.defineProperty(e, s, {
                        enumerable: !0,
                        get: t[s]
                    })
            }
            ,
            o: (e,t)=>Object.prototype.hasOwnProperty.call(e, t)
        }
          , On = {};
        Fn.d(On, {
            ym: ()=>qn,
            EW: ()=>Bn,
            Mx: ()=>vi,
            L3: ()=>pi,
            rl: ()=>Nn,
            NR: ()=>Gn,
            f1: ()=>Qn,
            IY: ()=>Vn,
            RZ: ()=>zn,
            XY: ()=>yi,
            Fk: ()=>Hn,
            Zh: ()=>ci,
            ek: ()=>di,
            MG: ()=>hi,
            gE: ()=>mi,
            tW: ()=>ui,
            wr: ()=>Wn,
            QT: ()=>Un
        });
        const In = (Dn = {
            Flags: ()=>Rt,
            Logger: ()=>It,
            NumericParameters: ()=>zt,
            OptionParameters: ()=>Bt,
            SettingFlag: ()=>Wt,
            TextParameters: ()=>jt,
            WebXRController: ()=>Zt
        },
        _n = {},
        Fn.d(_n, Dn),
        _n);
        var Dn, _n, Un;
        class zn {
            constructor(e, t, s) {
                this.rootDiv = e,
                this.rootElement = t,
                this.textElement = s,
                this.rootElement.appendChild(this.textElement),
                this.hide(),
                this.rootDiv.appendChild(this.rootElement)
            }
            show() {
                this.rootElement.classList.remove("hiddenState")
            }
            hide() {
                this.rootElement.classList.add("hiddenState")
            }
        }
        class Bn extends zn {
            constructor(e, t, s) {
                super(e, t, s),
                this.onActionCallback = ()=>{
                    In.Logger.Info(In.Logger.GetStackTrace(), "Did you forget to set the onAction callback in your overlay?")
                }
            }
            update(e) {
                null == e && null == e || (this.textElement.innerHTML = e)
            }
            onAction(e) {
                this.onActionCallback = e
            }
            activate() {
                this.onActionCallback()
            }
        }
        class Nn extends Bn {
            static createRootElement() {
                const e = document.createElement("div");
                return e.id = "connectOverlay",
                e.className = "clickableState",
                e
            }
            static createContentElement() {
                const e = document.createElement("div");
                return e.id = "connectButton",
                e.innerHTML = "Click to start",
                e
            }
            constructor(e) {
                super(e, Nn.createRootElement(), Nn.createContentElement()),
                this.rootElement.addEventListener("click", (()=>{
                    this.activate()
                }
                ))
            }
        }
        class Gn extends Bn {
            static createRootElement() {
                const e = document.createElement("div");
                return e.id = "disconnectOverlay",
                e.className = "clickableState",
                e
            }
            static createContentElement() {
                const e = document.createElement("div");
                return e.id = "disconnectButton",
                e.innerHTML = "Click To Restart",
                e
            }
            constructor(e) {
                super(e, Gn.createRootElement(), Gn.createContentElement()),
                this.rootElement.addEventListener("click", (()=>{
                    this.activate()
                }
                ))
            }
        }
        class Hn extends Bn {
            static createRootElement() {
                const e = document.createElement("div");
                return e.id = "playOverlay",
                e.className = "clickableState",
                e
            }
            static createContentElement() {
                const e = document.createElement("img");
                return e.id = "playButton",
                e.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPEAAAD5CAYAAAD2mNNkAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMjHxIGmVAAASgklEQVR4Xu2dC7BdVX2HqUCCIRASCPjAFIQREBRBBSRYbFOt8lIrFUWRFqXWsT5wbItUqFWs0KqIMPKoYEWpRS06KDjS1BeVFkVQbCw+wCfiAwGhCKWP9PuZtU24uTe59zz22Y/vm/nGkXtz7jlrr9+sdfZea/03Wb169QtxGW62iYi0D8L7NbwYj8EdcdPyIxFpA4T2P/F/8Ua8CI/GhPnXyq+ISJMhrAlxxX9hRuYL8Sh8SPk1EWkqBHXdEFfcg6vw3fhs3Kb8uog0DQI6XYgr8rOvYsJ8OM4v/0xEmkIJ6ob4P8zIfANegCvQMIs0BQK5sRBXJMy/wIzM5+ByXFBeRkQmBUGcbYjX5S5MmM/AA3CL8nIiUjcEcJAQV9yBX8a/wSeiz5hF6obgDRPikGfMCfOX8DTcu7y0iNQBoRs2xBX/g3diwvwm3Kn8CREZJ4RtVCGuqMKcu9kn4xJ09ZfIuCBgow5xyJ3sTLNzAywrwF6J26NhFhk1BGscIV6XhPluvA6Pxx3KnxaRUUCoxh3iioQ5z5n/BY/FJeUtiMgwEKa6QlyRMN+Hn8Hn4ZblrYjIIBCiukMc8p25Ws6ZMD+zvB0RmSsEaBIhnkrew5V4EHrCiMhcKAFqCv+Nl+J+uBC9my2yMQhKk0Jcke/M78Gsy06YH1TerohMhYA0McQVP8Nz8UDcCl2bLTIVgtHkEFd8D8/E/XFrdGQWqSAQbQhxyKOpm/B03Ac9MkgkEIa2hLgiN78S5lPx0bgIvQEm/YUAtC3EFQnzzfgnuDc6zZZ+Qsdva4jX5Sv4atwXHZmlX9DhuxDikC2Qn8dXYUbmReUjinQbOntXQlyRTRafwldgwrxV+agi3YRO3rUQV/wcV+LL8DHoyZzSTejcXQ1xRc7/uhyzl3kv3Lx8dJFuQKfueohDnjFnZP4o/j7m0ZQH4Es3oDP3IcQV2f6YMF+COZjgUeiZ2dJu6MR9CvG63ILvx4zMCfO80iQi7YLO29cQV3wb34spsr4rumBE2gWdtu8hDln99S1MXeYX4M6leUSaDx3WEK8lRdYT5lR/zPlfnswpzYeOaojXJ4cSfB3Pw+fgtug0W5oJndMQT0/uZGeaXZVyfTZuV5pNpDnQMQ3xxsk0O9Ufz8ZDcdvSfCKThw5piGdP2ioF496JT0c3WcjkKR1T5kYWjCTM78DfQheMyOSgAxriwch35lR/vAbPwOXozS+pHzqeIR6Oal12wvx2fBy6yULqgw5niEdDwpyR+VpMkfXsmHIpp4wfOpohHj234RfwFNwDnWbL+KCDGeLxkJH5p3g1vg53K00uMlroXIZ4vGTBSMJ8FeZkzmWl6UVGA53KENfD/ZiyNCmynvO/FpdLIDIcdCZDXC8ZmfOd+d/wJejZXzIcdCJDXD95xpwjdnP+V74zH4Wu/pLBoPMY4smSMN+FKbJ+BBpmmRt0GkPcDBLmu/FjeAi6lFNmB53FEDeHTLPzaCoj80dwBfqMWTYMncQQN5esAPsw7lcul8j60EEMcfPJDbD3YU7l3KxcOpE10CkMcTvIVDvfmc/E3XELtPqjGOKWkhVgp+GemDD7vbnP0AEMcXtJkfU34GNxAToy9xEuvCFuP6vwJMyOqYXl0kpf4KIb4m5QncyZTRapZGGY+wIX2xB3i3vxOswmi13QaXbX4QIb4m6SY3a/iMdh7mYb5q7ChTXE3aXaaLESq7rMW5ZLL12Bi2qI+8E9eDkmzLuhYe4KXExD3B8yMt+Ol+KL0CLrXYCLaIj7R8J8K16CR6PLOdsMF88Q95fsmPoRXozPxdzNdvVX2+CiGWLJza+EOXWZj8Sd0APw2wIXyxBLqPYy34LnY8K8DA1z0+EiGWKZSgJ9I74LU2R9R3Sa3VS4OIZYZqJaynkWpsj6w0u3kSbBhTHEsjHuwxswpVwPw6Wl+0gT4IIYYpkNmWKnr1yPqf54KG5VupFMknJhRGZLwpzVX6n++DZ8GrpjapJwAQyxDELCnB1TqWTx1/gUdGSeBDS8IZZBSZBjzv76PP4VHoSGuU5ocEMsoyBhTsG4VH98Ix6A80s3k3FCQxtiGSVZMPIT/CwmzPuhz5jHCQ1siGUcZClnwvxpPAX3LF1ORg2Na4hlXGSKnQUjCfNn8PX4CNy0dD8ZBTSoIZZxkzBXI/Pn8ATMumzDPApoSEMsdZEw5zvzDzHT7JdjwuzZX8NAAxpimQSZZifMn8Tj8aGlS8pcofEMsUyKjMw5lTOnjHwcc2TQktI1ZbbQaIZYJk3CnE0WGZmvwOeh+5hnC41liKUpVCNzwvwJPBy9+bUxaCRDLE0jYb4fU/0x0+yD8cGly8pUaBxDLE0kQa7CfCfmML8D0SN2p0KjGGJpOglztWgkh/k9CT1it4LGMMTSFhLmLBrJ3exzcJ/SjfsNDWGIpY0k0D/AM/GRpTv3ExrAEEubqVaAnY5LsX93s/nQhli6QLUF8nWYI3bnYT+Wc/JBDbF0heqO9jfwlfhInI/dDjMf0BBLF0mYr8NsskiNqS2wm2Hmgxli6TJ5zpwjg/4Qd8buLRrhQxli6QM5ZjdHBh2H+c7cnUUjfBhDLH0hU+y7cCU+H7OXeV6JQnvhQxhi6RsJc0bmy/BZ+MsbYCUS7YM3b4ilryTM2QL5QUzBuHxnbt80mzdtiEVWr74NL8KUck2R9faMzLxZQyyyhozMWcp5If4uJszNP5yAN2mIRR5IVn/djOfhEdjsw/x4c4ZYZHryjPkmPBsPwYeV2DQL3pghFpmZTLFzZFDCnLrMz8DtsTkbLXgzhlhk4yTM2cu8CrNjKiNzwjz5OlO8CUMsMjcS5qzLfgumyPr2JU6TgTdgiEUGoyqynrrMv42TOTObP2yIRQYn0+ws5bwaU8r1N3HrEq964A8aYpHhSZjvwBSMS5gPwnrWZfOHDLHI6Mgz5hyxm4Jxf4kH4HjDzB8wxCKjJ2HONPuf8c9xHxzPXmZe2BCLjIdMsWMqWfwTnoiPwdGOzLygIRYZPwlzVWPqtbgXjmbBCC9kiEXqI8+Ys8nicnwN7laiODi8iCEWqZeMylmXnTCnYFxO5tyxRHLu8I8NschkSJizLvv7mJH5pbgY57Zjin9giEUmSzUyfw9TZP1Y3LZEdOPwy4ZYpBkkzKn++B38KB6F25Wozgy/ZIhFmkXCnLO/vosfwpwysqhEdn34oSEWaSYJ8y8w0+wP4GG4/oIR/qMhFmk2VZgzzU6Ys2Nq7T5m/o8hFmkHCXO2PybMF+O++CBDLNIuEuSsy8535lvxZEMs0j6qWszZJbXUEIu0i1vwrZhqFZv5nVikPWTqfA5mF9QDD+fjPxhikeaR777xdrwAn1Aiuz780BCLNIvsdMqBAqkNtRw3XBeKXzDEIpMno27Cezdeik/GBSWmG4ZfNMQikyPhzXrpVGXM6R8rcG7lVfkHhlikfhLe7FzKo6KV+Hu45m7zXOEfGmKReske4oT3k3gMblniOBi8gCEWqYeMvD/GK/F43KHEcDh4IUMsMl5yw+pHmLOoX4aDH8UzHbygIRYZD/nem5H3KjwBd8LRV1HkRQ2xyGjJ3eacNZ1iayfhr+P46hnz4oZYZDRk2pzwph7TX+CuOP76xfwRQywyHNlVVIX3VHx8iVc98AcNscjgZJFGypq+GffHwZ71DgN/1BCLzJ2f47/iWzBlTId71jsM/HFDLDI7crf5HrwG34YHY70FxaeDN2GIRTZMwpvjcK7Fd+BTcfLhreDNGGKRmcnIez2+Ew/FhTi3MivjhjdkiEXWJ0fEfhXPwmfi4hKZ5sGbM8Qia8n65lX4LkzlhYeVqDQX3qQhFlnzrPc/8FzMtsBl2Kxp80zwRg2x9J0cxn4epoBZlkjW/6x3GHjDhlj6SJZI5gTJ9+DzMeHdvMSiXfDGDbH0iWpbYMqgJLy7YLtG3qnwAQyx9IVsC7wEX4C74/h2FtUJH8QQS9fJUTg5QfI43APnle7fDfhAhli6So5//Ri+GBPeya1vHid8MEMsXSMH0X0CX4J74cLS3bsJH9AQS1fITavs6f1VeLEdz3qHgQ9piKXtZHNC1jfnELpfTpux++Gt4MMaYmkrmTZ/GV+LCW+3p80zwQc3xNI2skTyBswhdHtic7YFTgIawBBLm7gRT8HH4dbYn2nzTNAIhljaQCrkvwkT3tywGv8pkm2BxjDE0lRyokbOsjoDUyE/N6wM71RoFEMsTSPhvRPfjY/GBei0eSZoHEMsTeJ2/ADug+3cVVQ3NJQhliaQkfcf8SnoqDsXaDBDLJMij4ruxcvwaejIOwg0nCGWusnyyIT3CjwM+7lIY1TQgIZY6iA3qzLyZmdRSn0eic09QbJN0JCGWMZJwpuR9w78Er4Qu7klcFLQoIZYxkXq9OZuc2oWZXNCv5dHjgsa1hDLqKnCm2qB2Zzw0NLdZBzQwIZYRkWmzT/DhPdE3KV0MxknNLQhlmHJ996ENwXHsjkhq6xcHlkXNLYhlkFJeHPDKhvyszkh4W338a9thEY3xDJX8qgoGxMS3tTpfSzOL11K6obGN8QyWxLeLI/MtDmlPvdHp82ThotgiGU2ZOStwrsCXSLZFLgYhlg2xF2Yc6zOxqejCzWaBhfFEMt0pMj2VzB1eg/BJaXLSNPg4hhiqcjd5izUSIX8lPp8Fi4tXUWaChfJEEtIhfwU2b4QU2R7O3RfbxvgQhnifpOD17+JCW9KfS5F7zi3CS6YIe4nOXj9W/h3eAw+vHQJaRtcPEPcL/Ks92a8CI/FXdFpc5vhAhri/vB9/Hv8A3wUukSyC3AhDXH3+Sn+Ax6PqZDvEskuwQU1xN2kOgonJ0im1Gc2J2xRLrt0CS6sIe4W1c6ij2NG3lROmFcut3QRLrAh7g4J75X4R7g3Gt4+wIU2xO0n0+ZP4aswBcdc39wnuOCGuL3kWe/n8DW4Ly4ql1X6BBfeELeTL+AJ+ATcBn3W21e4+Ia4PeSO89fwT/GJuAhdItl36ASGuPlkZ9G38fWYo3Ay8hpeWQOdwRA3lxwBexO+GVPq07Insj50DEPcTLK++e2Yc6wWo995ZXroHIa4WdyKOQpnOWbavGm5VCLTQycxxM0gp0iej0/G3LAyvDI76CyGeHJUx+G8Hw9Ewytzh05jiCdDDqK7HA/Aheh3XhkMOo8hrpe096fxd9D9vDI8pVPJ+LkXP4vPQafMMjroUIZ4fOQ7b9Y3X4U5x8oi2zJ66FiGePRkeWROkfwiHoee3Szjgw5miEdDRt14D+bw9ZfjDqWZRcYHHc0QD091FE6OgP0z9OB1qQ86myEenKxtTngz8r4BHXmlfuh4hnjuJLwp9Zlqgafh7qU5ReqHDmiIZ0+mzVkeeQO+FR9fmlFkctARDfHsSJ3ef8dqZ5GH0EkzoDMa4pnJ3ea0T07TOAezvnlBaTqRZlA6qTyQhDdrm1fhBXgwGl5pJnROQ7yW6jlvwvtefAZuXppKpJmUTitrp80p9Zn1zQ8uTSTSbOisfQ9xps2pkJ/wPhe3K00j0g7otH0N8f34dXwfHo0W2ZZ2QuftY4izPDKnabwIH4Ee/yrthQ7clxBnldUP8BJ8MSa87uuV9kNH7nqIc4ZVwvshfCkuQ8Mr3YEO3dUQZ4nkD/HDmFKfe5SPLNIt6NxdDHHC+xF8BabsiSOvdBc6eJdCfBtehglvimz7rFe6Dx29CyHOQo0r8NWYOr0W2Zb+QIdva4izRDLPeldi6vSm1OfC8rFE+gMdv40hznu+GlMhfz/cEj0OR/oJnb9NIc57vQZPxCehI69ICUbTydnN1+LJmPAuKW9fRAhEk0OcZ73XYw6hOwg9v1lkKgSjqSHO5oRT8TdwKbq+WWQ6CEeTQpw7zlmocTqmTm/Ob7bomMiGICRNCHGmzT/BszClPjPyuspKZDYQlkmH+Mf4t7gct0enzSJzgdBMKsQJ70X4VHTkFRkUwlN3iFM54YN4KG6LHkQnMgyEqK4Q51nvpZjwZuQ1vCKjgDDVEeIr8XBMeL3bLDJKCNW4QpyR9zo8ArdBb1iJjAPCNeoQJ7ypFngszkc3JoiME0I2qhDnWW8Kjv0xujFBpC4I3DAhzgqrHESXUp/Z0/uQ8rIiUhcEb5AQJ7z34TfwJNy5vJyI1A0BnG2IE9yYsiffwTfizuh3XpFJQghnE+J83014v4upkL8r+qhIpAkQxg2FOOHNzzNtPhf3REdekSZRQjqVTJtzguSNeD4eWH5dRJoGAZ0a4rvxm3ghrkCnzSJNhpBWIc7/plpgwpudRZ7dLNIGCOvtJbwX42G4uPxIRNoAoU2d3iNxUflPItIaNtnk/wEGBoMdpECGHAAAAABJRU5ErkJggg==",
                e.alt = "Start Streaming",
                e
            }
            constructor(e) {
                super(e, Hn.createRootElement(), Hn.createContentElement()),
                this.rootElement.addEventListener("click", (()=>{
                    this.activate()
                }
                ))
            }
        }
        class Wn extends zn {
            constructor(e, t, s) {
                super(e, t, s)
            }
            update(e) {
                null == e && null == e || (this.textElement.innerHTML = e)
            }
        }
        class Vn extends Wn {
            static createRootElement() {
                const e = document.createElement("div");
                return e.id = "infoOverlay",
                e.className = "textDisplayState",
                e
            }
            static createContentElement() {
                const e = document.createElement("div");
                return e.id = "messageOverlayInner",
                e
            }
            constructor(e) {
                super(e, Vn.createRootElement(), Vn.createContentElement())
            }
        }
        class Qn extends Wn {
            static createRootElement() {
                const e = document.createElement("div");
                return e.id = "errorOverlay",
                e.className = "textDisplayState",
                e
            }
            static createContentElement() {
                const e = document.createElement("div");
                return e.id = "errorOverlayInner",
                e
            }
            constructor(e) {
                super(e, Qn.createRootElement(), Qn.createContentElement())
            }
        }
        class qn extends Bn {
            static createRootElement() {
                const e = document.createElement("div");
                return e.id = "afkOverlay",
                e.className = "clickableState",
                e
            }
            static createContentElement() {
                const e = document.createElement("div");
                return e.id = "afkOverlayInner",
                e.innerHTML = '<center>No activity detected<br>Disconnecting in <span id="afkCountDownNumber"></span> seconds<br>Click to continue<br></center>',
                e
            }
            constructor(e) {
                super(e, qn.createRootElement(), qn.createContentElement()),
                this.rootElement.addEventListener("click", (()=>{
                    this.activate()
                }
                ))
            }
            updateCountdown(e) {
                this.textElement.innerHTML = `<center>No activity detected<br>Disconnecting in <span id="afkCountDownNumber">${e}</span> seconds<br>Click to continue<br></center>`
            }
        }
        class Kn {
            get rootElement() {
                return this._rootElement
            }
            set rootElement(e) {
                e.onclick = ()=>this.toggleFullscreen(),
                this._rootElement = e
            }
            constructor() {
                this.isFullscreen = !1,
                document.addEventListener("webkitfullscreenchange", (()=>this.onFullscreenChange()), !1),
                document.addEventListener("mozfullscreenchange", (()=>this.onFullscreenChange()), !1),
                document.addEventListener("fullscreenchange", (()=>this.onFullscreenChange()), !1),
                document.addEventListener("MSFullscreenChange", (()=>this.onFullscreenChange()), !1)
            }
            toggleFullscreen() {
                if (document.fullscreenElement || document.webkitFullscreenElement || document.mozFullScreenElement || document.msFullscreenElement)
                    document.exitFullscreen ? document.exitFullscreen() : document.mozCancelFullScreen ? document.mozCancelFullScreen() : document.webkitExitFullscreen ? document.webkitExitFullscreen() : document.msExitFullscreen && document.msExitFullscreen();
                else {
                    const e = this.fullscreenElement;
                    if (!e)
                        return;
                    e.requestFullscreen ? e.requestFullscreen() : e.mozRequestFullscreen ? e.mozRequestFullscreen() : e.webkitRequestFullscreen ? e.webkitRequestFullscreen() : e.msRequestFullscreen ? e.msRequestFullscreen() : e.webkitEnterFullscreen && e.webkitEnterFullscreen()
                }
                this.onFullscreenChange()
            }
            onFullscreenChange() {
                this.isFullscreen = document.webkitIsFullScreen || document.mozFullScreen || document.msFullscreenElement && null !== document.msFullscreenElement || document.fullscreenElement && null !== document.fullscreenElement
            }
        }
        class jn extends Kn {
            constructor(e) {
                super(),
                this.rootElement = e
            }
        }
        class Xn extends Kn {
            constructor() {
                super();
                const e = document.createElement("button");
                e.type = "button",
                e.classList.add("UiTool"),
                e.id = "fullscreen-btn",
                e.appendChild(this.maximizeIcon),
                e.appendChild(this.minimizeIcon),
                e.appendChild(this.tooltipText),
                this.rootElement = e
            }
            get tooltipText() {
                return this._tooltipText || (this._tooltipText = document.createElement("span"),
                this._tooltipText.classList.add("tooltiptext"),
                this._tooltipText.innerHTML = "Fullscreen"),
                this._tooltipText
            }
            get maximizeIcon() {
                if (!this._maximizeIcon) {
                    this._maximizeIcon = document.createElementNS("http://www.w3.org/2000/svg", "svg"),
                    this._maximizeIcon.setAttributeNS(null, "id", "maximizeIcon"),
                    this._maximizeIcon.setAttributeNS(null, "x", "0px"),
                    this._maximizeIcon.setAttributeNS(null, "y", "0px"),
                    this._maximizeIcon.setAttributeNS(null, "viewBox", "0 0 384.97 384.97");
                    const e = document.createElementNS("http://www.w3.org/2000/svg", "g");
                    e.classList.add("svgIcon"),
                    this._maximizeIcon.appendChild(e);
                    const t = document.createElementNS("http://www.w3.org/2000/svg", "path");
                    t.setAttributeNS(null, "d", "M384.97,12.03c0-6.713-5.317-12.03-12.03-12.03H264.847c-6.833,0-11.922,5.39-11.934,12.223c0,6.821,5.101,11.838,11.934,11.838h96.062l-0.193,96.519c0,6.833,5.197,12.03,12.03,12.03c6.833-0.012,12.03-5.197,12.03-12.03l0.193-108.369c0-0.036-0.012-0.06-0.012-0.084C384.958,12.09,384.97,12.066,384.97,12.03z");
                    const s = document.createElementNS("http://www.w3.org/2000/svg", "path");
                    s.setAttributeNS(null, "d", "M120.496,0H12.403c-0.036,0-0.06,0.012-0.096,0.012C12.283,0.012,12.247,0,12.223,0C5.51,0,0.192,5.317,0.192,12.03L0,120.399c0,6.833,5.39,11.934,12.223,11.934c6.821,0,11.838-5.101,11.838-11.934l0.192-96.339h96.242c6.833,0,12.03-5.197,12.03-12.03C132.514,5.197,127.317,0,120.496,0z");
                    const n = document.createElementNS("http://www.w3.org/2000/svg", "path");
                    n.setAttributeNS(null, "d", "M120.123,360.909H24.061v-96.242c0-6.833-5.197-12.03-12.03-12.03S0,257.833,0,264.667v108.092c0,0.036,0.012,0.06,0.012,0.084c0,0.036-0.012,0.06-0.012,0.096c0,6.713,5.317,12.03,12.03,12.03h108.092c6.833,0,11.922-5.39,11.934-12.223C132.057,365.926,126.956,360.909,120.123,360.909z");
                    const i = document.createElementNS("http://www.w3.org/2000/svg", "path");
                    i.setAttributeNS(null, "d", "M372.747,252.913c-6.833,0-11.85,5.101-11.838,11.934v96.062h-96.242c-6.833,0-12.03,5.197-12.03,12.03s5.197,12.03,12.03,12.03h108.092c0.036,0,0.06-0.012,0.084-0.012c0.036-0.012,0.06,0.012,0.096,0.012c6.713,0,12.03-5.317,12.03-12.03V264.847C384.97,258.014,379.58,252.913,372.747,252.913z"),
                    e.appendChild(t),
                    e.appendChild(s),
                    e.appendChild(n),
                    e.appendChild(i)
                }
                return this._maximizeIcon
            }
            get minimizeIcon() {
                if (!this._minimizeIcon) {
                    this._minimizeIcon = document.createElementNS("http://www.w3.org/2000/svg", "svg"),
                    this._minimizeIcon.setAttributeNS(null, "id", "minimizeIcon"),
                    this._minimizeIcon.setAttributeNS(null, "x", "0px"),
                    this._minimizeIcon.setAttributeNS(null, "y", "0px"),
                    this._minimizeIcon.setAttributeNS(null, "viewBox", "0 0 385.331 385.331");
                    const e = document.createElementNS("http://www.w3.org/2000/svg", "g");
                    e.classList.add("svgIcon"),
                    this._minimizeIcon.appendChild(e);
                    const t = document.createElementNS("http://www.w3.org/2000/svg", "path");
                    t.setAttributeNS(null, "d", "M264.943,156.665h108.273c6.833,0,11.934-5.39,11.934-12.211c0-6.833-5.101-11.85-11.934-11.838h-96.242V36.181c0-6.833-5.197-12.03-12.03-12.03s-12.03,5.197-12.03,12.03v108.273c0,0.036,0.012,0.06,0.012,0.084c0,0.036-0.012,0.06-0.012,0.096C252.913,151.347,258.23,156.677,264.943,156.665z");
                    const s = document.createElementNS("http://www.w3.org/2000/svg", "path");
                    s.setAttributeNS(null, "d", "M120.291,24.247c-6.821,0-11.838,5.113-11.838,11.934v96.242H12.03c-6.833,0-12.03,5.197-12.03,12.03c0,6.833,5.197,12.03,12.03,12.03h108.273c0.036,0,0.06-0.012,0.084-0.012c0.036,0,0.06,0.012,0.096,0.012c6.713,0,12.03-5.317,12.03-12.03V36.181C132.514,29.36,127.124,24.259,120.291,24.247z");
                    const n = document.createElementNS("http://www.w3.org/2000/svg", "path");
                    n.setAttributeNS(null, "d", "M120.387,228.666H12.115c-6.833,0.012-11.934,5.39-11.934,12.223c0,6.833,5.101,11.85,11.934,11.838h96.242v96.423c0,6.833,5.197,12.03,12.03,12.03c6.833,0,12.03-5.197,12.03-12.03V240.877c0-0.036-0.012-0.06-0.012-0.084c0-0.036,0.012-0.06,0.012-0.096C132.418,233.983,127.1,228.666,120.387,228.666z");
                    const i = document.createElementNS("http://www.w3.org/2000/svg", "path");
                    i.setAttributeNS(null, "d", "M373.3,228.666H265.028c-0.036,0-0.06,0.012-0.084,0.012c-0.036,0-0.06-0.012-0.096-0.012c-6.713,0-12.03,5.317-12.03,12.03v108.273c0,6.833,5.39,11.922,12.223,11.934c6.821,0.012,11.838-5.101,11.838-11.922v-96.242H373.3c6.833,0,12.03-5.197,12.03-12.03S380.134,228.678,373.3,228.666z"),
                    e.appendChild(t),
                    e.appendChild(s),
                    e.appendChild(n),
                    e.appendChild(i)
                }
                return this._minimizeIcon
            }
            onFullscreenChange() {
                super.onFullscreenChange();
                const e = this.minimizeIcon
                  , t = this.maximizeIcon;
                this.isFullscreen ? (e.style.display = "inline",
                e.style.transform = "translate(0, 0)",
                t.style.display = "none") : (e.style.display = "none",
                t.style.display = "inline",
                t.style.transform = "translate(0, 0)")
            }
        }
        class Jn {
            get rootElement() {
                return this._rootElement || (this._rootElement = document.createElement("button"),
                this._rootElement.type = "button",
                this._rootElement.classList.add("UiTool"),
                this._rootElement.id = "settingsBtn",
                this._rootElement.appendChild(this.settingsIcon),
                this._rootElement.appendChild(this.tooltipText)),
                this._rootElement
            }
            get tooltipText() {
                return this._tooltipText || (this._tooltipText = document.createElement("span"),
                this._tooltipText.classList.add("tooltiptext"),
                this._tooltipText.innerHTML = "Settings"),
                this._tooltipText
            }
            get settingsIcon() {
                if (!this._settingsIcon) {
                    this._settingsIcon = document.createElementNS("http://www.w3.org/2000/svg", "svg"),
                    this._settingsIcon.setAttributeNS(null, "id", "settingsIcon"),
                    this._settingsIcon.setAttributeNS(null, "x", "0px"),
                    this._settingsIcon.setAttributeNS(null, "y", "0px"),
                    this._settingsIcon.setAttributeNS(null, "viewBox", "0 0 478.703 478.703");
                    const e = document.createElementNS("http://www.w3.org/2000/svg", "g");
                    e.classList.add("svgIcon"),
                    this._settingsIcon.appendChild(e);
                    const t = document.createElementNS("http://www.w3.org/2000/svg", "path");
                    t.setAttributeNS(null, "d", "M454.2,189.101l-33.6-5.7c-3.5-11.3-8-22.2-13.5-32.6l19.8-27.7c8.4-11.8,7.1-27.9-3.2-38.1l-29.8-29.8\t\t\tc-5.6-5.6-13-8.7-20.9-8.7c-6.2,0-12.1,1.9-17.1,5.5l-27.8,19.8c-10.8-5.7-22.1-10.4-33.8-13.9l-5.6-33.2\t\t\tc-2.4-14.3-14.7-24.7-29.2-24.7h-42.1c-14.5,0-26.8,10.4-29.2,24.7l-5.8,34c-11.2,3.5-22.1,8.1-32.5,13.7l-27.5-19.8\t\t\tc-5-3.6-11-5.5-17.2-5.5c-7.9,0-15.4,3.1-20.9,8.7l-29.9,29.8c-10.2,10.2-11.6,26.3-3.2,38.1l20,28.1\t\t\tc-5.5,10.5-9.9,21.4-13.3,32.7l-33.2,5.6c-14.3,2.4-24.7,14.7-24.7,29.2v42.1c0,14.5,10.4,26.8,24.7,29.2l34,5.8\t\t\tc3.5,11.2,8.1,22.1,13.7,32.5l-19.7,27.4c-8.4,11.8-7.1,27.9,3.2,38.1l29.8,29.8c5.6,5.6,13,8.7,20.9,8.7c6.2,0,12.1-1.9,17.1-5.5\t\t\tl28.1-20c10.1,5.3,20.7,9.6,31.6,13l5.6,33.6c2.4,14.3,14.7,24.7,29.2,24.7h42.2c14.5,0,26.8-10.4,29.2-24.7l5.7-33.6\t\t\tc11.3-3.5,22.2-8,32.6-13.5l27.7,19.8c5,3.6,11,5.5,17.2,5.5l0,0c7.9,0,15.3-3.1,20.9-8.7l29.8-29.8c10.2-10.2,11.6-26.3,3.2-38.1\t\t\tl-19.8-27.8c5.5-10.5,10.1-21.4,13.5-32.6l33.6-5.6c14.3-2.4,24.7-14.7,24.7-29.2v-42.1\t\t\tC478.9,203.801,468.5,191.501,454.2,189.101z M451.9,260.401c0,1.3-0.9,2.4-2.2,2.6l-42,7c-5.3,0.9-9.5,4.8-10.8,9.9\t\t\tc-3.8,14.7-9.6,28.8-17.4,41.9c-2.7,4.6-2.5,10.3,0.6,14.7l24.7,34.8c0.7,1,0.6,2.5-0.3,3.4l-29.8,29.8c-0.7,0.7-1.4,0.8-1.9,0.8\t\t\tc-0.6,0-1.1-0.2-1.5-0.5l-34.7-24.7c-4.3-3.1-10.1-3.3-14.7-0.6c-13.1,7.8-27.2,13.6-41.9,17.4c-5.2,1.3-9.1,5.6-9.9,10.8l-7.1,42\t\t\tc-0.2,1.3-1.3,2.2-2.6,2.2h-42.1c-1.3,0-2.4-0.9-2.6-2.2l-7-42c-0.9-5.3-4.8-9.5-9.9-10.8c-14.3-3.7-28.1-9.4-41-16.8\t\t\tc-2.1-1.2-4.5-1.8-6.8-1.8c-2.7,0-5.5,0.8-7.8,2.5l-35,24.9c-0.5,0.3-1,0.5-1.5,0.5c-0.4,0-1.2-0.1-1.9-0.8l-29.8-29.8\t\t\tc-0.9-0.9-1-2.3-0.3-3.4l24.6-34.5c3.1-4.4,3.3-10.2,0.6-14.8c-7.8-13-13.8-27.1-17.6-41.8c-1.4-5.1-5.6-9-10.8-9.9l-42.3-7.2\t\t\tc-1.3-0.2-2.2-1.3-2.2-2.6v-42.1c0-1.3,0.9-2.4,2.2-2.6l41.7-7c5.3-0.9,9.6-4.8,10.9-10c3.7-14.7,9.4-28.9,17.1-42\t\t\tc2.7-4.6,2.4-10.3-0.7-14.6l-24.9-35c-0.7-1-0.6-2.5,0.3-3.4l29.8-29.8c0.7-0.7,1.4-0.8,1.9-0.8c0.6,0,1.1,0.2,1.5,0.5l34.5,24.6\t\t\tc4.4,3.1,10.2,3.3,14.8,0.6c13-7.8,27.1-13.8,41.8-17.6c5.1-1.4,9-5.6,9.9-10.8l7.2-42.3c0.2-1.3,1.3-2.2,2.6-2.2h42.1\t\t\tc1.3,0,2.4,0.9,2.6,2.2l7,41.7c0.9,5.3,4.8,9.6,10,10.9c15.1,3.8,29.5,9.7,42.9,17.6c4.6,2.7,10.3,2.5,14.7-0.6l34.5-24.8\t\t\tc0.5-0.3,1-0.5,1.5-0.5c0.4,0,1.2,0.1,1.9,0.8l29.8,29.8c0.9,0.9,1,2.3,0.3,3.4l-24.7,34.7c-3.1,4.3-3.3,10.1-0.6,14.7\t\t\tc7.8,13.1,13.6,27.2,17.4,41.9c1.3,5.2,5.6,9.1,10.8,9.9l42,7.1c1.3,0.2,2.2,1.3,2.2,2.6v42.1H451.9z");
                    const s = document.createElementNS("http://www.w3.org/2000/svg", "path");
                    s.setAttributeNS(null, "d", "M239.4,136.001c-57,0-103.3,46.3-103.3,103.3s46.3,103.3,103.3,103.3s103.3-46.3,103.3-103.3S296.4,136.001,239.4,136.001z M239.4,315.601c-42.1,0-76.3-34.2-76.3-76.3s34.2-76.3,76.3-76.3s76.3,34.2,76.3,76.3S281.5,315.601,239.4,315.601z"),
                    e.appendChild(t),
                    e.appendChild(s)
                }
                return this._settingsIcon
            }
        }
        class Yn {
            get rootElement() {
                return this._rootElement || (this._rootElement = document.createElement("button"),
                this._rootElement.type = "button",
                this._rootElement.classList.add("UiTool"),
                this._rootElement.id = "statsBtn",
                this._rootElement.appendChild(this.statsIcon),
                this._rootElement.appendChild(this.tooltipText)),
                this._rootElement
            }
            get tooltipText() {
                return this._tooltipText || (this._tooltipText = document.createElement("span"),
                this._tooltipText.classList.add("tooltiptext"),
                this._tooltipText.innerHTML = "Information"),
                this._tooltipText
            }
            get statsIcon() {
                if (!this._statsIcon) {
                    this._statsIcon = document.createElementNS("http://www.w3.org/2000/svg", "svg"),
                    this._statsIcon.setAttributeNS(null, "id", "statsIcon"),
                    this._statsIcon.setAttributeNS(null, "x", "0px"),
                    this._statsIcon.setAttributeNS(null, "y", "0px"),
                    this._statsIcon.setAttributeNS(null, "viewBox", "0 0 330 330");
                    const e = document.createElementNS("http://www.w3.org/2000/svg", "g");
                    e.classList.add("svgIcon"),
                    this._statsIcon.appendChild(e);
                    const t = document.createElementNS("http://www.w3.org/2000/svg", "path");
                    t.setAttributeNS(null, "d", "M165,0.008C74.019,0.008,0,74.024,0,164.999c0,90.977,74.019,164.992,165,164.992s165-74.015,165-164.992C330,74.024,255.981,0.008,165,0.008z M165,299.992c-74.439,0-135-60.557-135-134.992S90.561,30.008,165,30.008s135,60.557,135,134.991C300,239.436,239.439,299.992,165,299.992z");
                    const s = document.createElementNS("http://www.w3.org/2000/svg", "path");
                    s.setAttributeNS(null, "d", "M165,130.008c-8.284,0-15,6.716-15,15v99.983c0,8.284,6.716,15,15,15s15-6.716,15-15v-99.983C180,136.725,173.284,130.008,165,130.008z");
                    const n = document.createElementNS("http://www.w3.org/2000/svg", "path");
                    n.setAttributeNS(null, "d", "M165,70.011c-3.95,0-7.811,1.6-10.61,4.39c-2.79,2.79-4.39,6.66-4.39,10.61s1.6,7.81,4.39,10.61c2.79,2.79,6.66,4.39,10.61,4.39s7.81-1.6,10.609-4.39c2.79-2.8,4.391-6.66,4.391-10.61s-1.601-7.82-4.391-10.61C172.81,71.61,168.95,70.011,165,70.011z"),
                    e.appendChild(t),
                    e.appendChild(s),
                    e.appendChild(n)
                }
                return this._statsIcon
            }
        }
        class $n {
            get rootElement() {
                return this._rootElement || (this._rootElement = document.createElement("button"),
                this._rootElement.type = "button",
                this._rootElement.classList.add("UiTool"),
                this._rootElement.id = "xrBtn",
                this._rootElement.appendChild(this.xrIcon),
                this._rootElement.appendChild(this.tooltipText)),
                this._rootElement
            }
            get tooltipText() {
                return this._tooltipText || (this._tooltipText = document.createElement("span"),
                this._tooltipText.classList.add("tooltiptext"),
                this._tooltipText.innerHTML = "XR"),
                this._tooltipText
            }
            get xrIcon() {
                if (!this._xrIcon) {
                    this._xrIcon = document.createElementNS("http://www.w3.org/2000/svg", "svg"),
                    this._xrIcon.setAttributeNS(null, "id", "xrIcon"),
                    this._xrIcon.setAttributeNS(null, "x", "0px"),
                    this._xrIcon.setAttributeNS(null, "y", "0px"),
                    this._xrIcon.setAttributeNS(null, "viewBox", "0 0 100 100");
                    const e = document.createElementNS("http://www.w3.org/2000/svg", "g");
                    e.classList.add("svgIcon"),
                    this._xrIcon.appendChild(e);
                    const t = document.createElementNS("http://www.w3.org/2000/svg", "path");
                    t.setAttributeNS(null, "d", "M29 41c-5 0-9 4-9 9s4 9 9 9 9-4 9-9-4-9-9-9zm0 14c-2.8 0-5-2.2-5-5s2.2-5 5-5 5 2.2 5 5-2.2 5-5 5zm42-14c-5 0-9 4-9 9s4 9 9 9 9-4 9-9-4-9-9-9zm0 14c-2.8 0-5-2.2-5-5s2.2-5 5-5 5 2.2 5 5-2.2 5-5 5zm12-31H17c-6.6 0-12 5.4-12 12v28c0 6.6 5.4 12 12 12h14.5c3.5 0 6.8-1.5 9-4.1l3.5-4c1.5-1.7 3.7-2.7 6-2.7s4.5 1 6 2.7l3.5 4c2.3 2.6 5.6 4.1 9 4.1H83c6.6 0 12-5.4 12-12V36c0-6.6-5.4-12-12-12zm8 40c0 4.4-3.6 8-8 8H68.5c-2.3 0-4.5-1-6-2.7l-3.5-4c-2.3-2.6-5.6-4.1-9-4.1-3.5 0-6.8 1.5-9 4.1l-3.5 4C36 71 33.8 72 31.5 72H17c-4.4 0-8-3.6-8-8V36c0-4.4 3.6-8 8-8h66c4.4 0 8 3.6 8 8v28z"),
                    e.appendChild(t)
                }
                return this._xrIcon
            }
        }
        function Zn(e) {
            return !e || !!e && e.isEnabled
        }
        function ei(e) {
            return null == e || e.creationMode === Un.CreateDefaultElement
        }
        !function(e) {
            e[e.CreateDefaultElement = 0] = "CreateDefaultElement",
            e[e.UseCustomElement = 1] = "UseCustomElement",
            e[e.Disable = 2] = "Disable"
        }(Un || (Un = {}));
        class ti {
            constructor(e) {
                e && !ei(e.statsButtonType) || (this.statsIcon = new Yn),
                e && !ei(e.fullscreenButtonType) || (this.settingsIcon = new Jn),
                e && !ei(e.settingsButtonType) || (this.fullscreenIcon = new Xn),
                e && !ei(e.xrIconType) || (this.xrIcon = new $n)
            }
            get rootElement() {
                return this._rootElement || (this._rootElement = document.createElement("div"),
                this._rootElement.id = "controls",
                this.fullscreenIcon && this._rootElement.appendChild(this.fullscreenIcon.rootElement),
                this.settingsIcon && this._rootElement.appendChild(this.settingsIcon.rootElement),
                this.statsIcon && this._rootElement.appendChild(this.statsIcon.rootElement),
                this.xrIcon && In.WebXRController.isSessionSupported("immersive-vr").then((e=>{
                    e && this._rootElement.appendChild(this.xrIcon.rootElement)
                }
                ))),
                this._rootElement
            }
        }
        class si {
            constructor(e, t) {
                this._label = e,
                this._buttonText = t
            }
            addOnClickListener(e) {
                this.button.addEventListener("click", e)
            }
            get button() {
                return this._button || (this._button = document.createElement("input"),
                this._button.type = "button",
                this._button.value = this._buttonText,
                this._button.classList.add("overlay-button"),
                this._button.classList.add("btn-flat")),
                this._button
            }
            get rootElement() {
                if (!this._rootElement) {
                    this._rootElement = document.createElement("div"),
                    this._rootElement.classList.add("setting");
                    const e = document.createElement("div");
                    e.innerText = this._label,
                    this._rootElement.appendChild(e);
                    const t = document.createElement("label");
                    t.classList.add("btn-overlay"),
                    this._rootElement.appendChild(t),
                    t.appendChild(this.button)
                }
                return this._rootElement
            }
        }
        class ni {
            constructor() {
                this._rootElement = null
            }
            get rootElement() {
                if (!this._rootElement) {
                    this._rootElement = document.createElement("div"),
                    this._rootElement.id = "settings-panel",
                    this._rootElement.classList.add("panel-wrap");
                    const e = document.createElement("div");
                    e.classList.add("panel"),
                    this._rootElement.appendChild(e);
                    const t = document.createElement("div");
                    t.id = "settingsHeading",
                    t.textContent = "Settings",
                    e.appendChild(t),
                    e.appendChild(this.settingsCloseButton),
                    e.appendChild(this.settingsContentElement)
                }
                return this._rootElement
            }
            get settingsContentElement() {
                return this._settingsContentElement || (this._settingsContentElement = document.createElement("div"),
                this._settingsContentElement.id = "settingsContent"),
                this._settingsContentElement
            }
            get settingsCloseButton() {
                return this._settingsCloseButton || (this._settingsCloseButton = document.createElement("div"),
                this._settingsCloseButton.id = "settingsClose"),
                this._settingsCloseButton
            }
            show() {
                this.rootElement.classList.contains("panel-wrap-visible") || this.rootElement.classList.add("panel-wrap-visible")
            }
            toggleVisibility() {
                this.rootElement.classList.toggle("panel-wrap-visible")
            }
            hide() {
                this.rootElement.classList.contains("panel-wrap-visible") && this.rootElement.classList.remove("panel-wrap-visible")
            }
        }
        class ii {
            get rootElement() {
                if (!this._rootElement) {
                    this._rootElement = document.createElement("section"),
                    this._rootElement.classList.add("settingsContainer");
                    const e = document.createElement("div");
                    e.id = "latencyTestHeader",
                    e.classList.add("settings-text"),
                    e.classList.add("settingsHeader"),
                    this._rootElement.appendChild(e);
                    const t = document.createElement("div");
                    t.innerHTML = "Latency Test",
                    e.appendChild(t),
                    e.appendChild(this.latencyTestButton);
                    const s = document.createElement("div");
                    s.id = "latencyTestContainer",
                    s.classList.add("d-none"),
                    this._rootElement.appendChild(s),
                    s.appendChild(this.latencyTestResultsElement)
                }
                return this._rootElement
            }
            get latencyTestResultsElement() {
                return this._latencyTestResultsElement || (this._latencyTestResultsElement = document.createElement("div"),
                this._latencyTestResultsElement.id = "latencyStatsResults",
                this._latencyTestResultsElement.classList.add("StatsResult")),
                this._latencyTestResultsElement
            }
            get latencyTestButton() {
                return this._latencyTestButton || (this._latencyTestButton = document.createElement("input"),
                this._latencyTestButton.type = "button",
                this._latencyTestButton.value = "Run Test",
                this._latencyTestButton.id = "btn-start-latency-test",
                this._latencyTestButton.classList.add("streamTools-button"),
                this._latencyTestButton.classList.add("btn-flat")),
                this._latencyTestButton
            }
            handleTestResult(e) {
                In.Logger.Log(In.Logger.GetStackTrace(), e.toString(), 6);
                let t = "";
                t += "<div>Net latency RTT (ms): " + e.networkLatency + "</div>",
                t += "<div>UE Encode (ms): " + e.EncodeMs + "</div>",
                t += "<div>UE Capture (ms): " + e.CaptureToSendMs + "</div>",
                t += "<div>Browser send latency (ms): " + e.browserSendLatency + "</div>",
                t += e.frameDisplayDeltaTimeMs && e.browserReceiptTimeMs ? "<div>Browser receive latency (ms): " + e.frameDisplayDeltaTimeMs + "</div>" : "",
                t += "<div>Total latency (excluding browser) (ms): " + e.latencyExcludingDecode + "</div>",
                t += e.endToEndLatency ? "<div>Total latency (ms): " + e.endToEndLatency + "</div>" : "",
                this.latencyTestResultsElement.innerHTML = t
            }
        }
        class ri {
            static formatBytes(e, t) {
                if (0 === e)
                    return "0";
                const s = t < 0 ? 0 : t
                  , n = Math.floor(Math.log(e) / Math.log(1024));
                return parseFloat((e / Math.pow(1024, n)).toFixed(s)) + " " + ["Bytes", "KiB", "MiB", "GiB", "TiB", "PiB", "EiB", "ZiB", "YiB"][n]
            }
        }
        class oi {
        }
        class ai {
            constructor() {
                this.statsMap = new Map,
                this.latencyTest = new ii
            }
            get rootElement() {
                if (!this._rootElement) {
                    this._rootElement = document.createElement("div"),
                    this._rootElement.id = "stats-panel",
                    this._rootElement.classList.add("panel-wrap");
                    const e = document.createElement("div");
                    e.classList.add("panel"),
                    this._rootElement.appendChild(e);
                    const t = document.createElement("div");
                    t.id = "statsHeading",
                    t.textContent = "Information",
                    e.appendChild(t),
                    e.appendChild(this.statsCloseButton),
                    e.appendChild(this.statsContentElement)
                }
                return this._rootElement
            }
            get statsContentElement() {
                if (!this._statsContentElement) {
                    this._statsContentElement = document.createElement("div"),
                    this._statsContentElement.id = "statsContent";
                    const e = document.createElement("div");
                    e.id = "streamToolsStats",
                    e.classList.add("container");
                    const t = document.createElement("div");
                    t.id = "ControlStats",
                    t.classList.add("row");
                    const s = document.createElement("section");
                    s.id = "statistics",
                    s.classList.add("settingsContainer");
                    const n = document.createElement("div");
                    n.id = "statisticsHeader",
                    n.classList.add("settings-text"),
                    n.classList.add("settingsHeader");
                    const i = document.createElement("div");
                    i.innerHTML = "Session Stats",
                    this._statsContentElement.appendChild(e),
                    e.appendChild(t),
                    t.appendChild(s),
                    s.appendChild(n),
                    n.appendChild(i),
                    s.appendChild(this.statisticsContainer),
                    t.appendChild(this.latencyTest.rootElement)
                }
                return this._statsContentElement
            }
            get statisticsContainer() {
                return this._statisticsContainer || (this._statisticsContainer = document.createElement("div"),
                this._statisticsContainer.id = "statisticsContainer",
                this._statisticsContainer.classList.add("d-none"),
                this._statisticsContainer.appendChild(this.statsResult)),
                this._statisticsContainer
            }
            get statsResult() {
                return this._statsResult || (this._statsResult = document.createElement("div"),
                this._statsResult.id = "statisticsResult",
                this._statsResult.classList.add("StatsResult")),
                this._statsResult
            }
            get statsCloseButton() {
                return this._statsCloseButton || (this._statsCloseButton = document.createElement("div"),
                this._statsCloseButton.id = "statsClose"),
                this._statsCloseButton
            }
            show() {
                this.rootElement.classList.contains("panel-wrap-visible") || this.rootElement.classList.add("panel-wrap-visible")
            }
            toggleVisibility() {
                this.rootElement.classList.toggle("panel-wrap-visible")
            }
            hide() {
                this.rootElement.classList.contains("panel-wrap-visible") && this.rootElement.classList.remove("panel-wrap-visible")
            }
            handleStats(e) {
                var t, s, n, i, r;
                const o = new Intl.NumberFormat(window.navigator.language,{
                    maximumFractionDigits: 0
                })
                  , a = ri.formatBytes(e.inboundVideoStats.bytesReceived, 2);
                this.addOrUpdateStat("InboundDataStat", "Received", a);
                const l = Object.prototype.hasOwnProperty.call(e.inboundVideoStats, "packetsLost") ? o.format(e.inboundVideoStats.packetsLost) : "Chrome only";
                this.addOrUpdateStat("PacketsLostStat", "Packets Lost", l),
                e.inboundVideoStats.bitrate && this.addOrUpdateStat("VideoBitrateStat", "Video Bitrate (kbps)", e.inboundVideoStats.bitrate.toString()),
                e.inboundAudioStats.bitrate && this.addOrUpdateStat("AudioBitrateStat", "Audio Bitrate (kbps)", e.inboundAudioStats.bitrate.toString());
                const c = Object.prototype.hasOwnProperty.call(e.inboundVideoStats, "frameWidth") && e.inboundVideoStats.frameWidth && Object.prototype.hasOwnProperty.call(e.inboundVideoStats, "frameHeight") && e.inboundVideoStats.frameHeight ? e.inboundVideoStats.frameWidth + "x" + e.inboundVideoStats.frameHeight : "Chrome only";
                this.addOrUpdateStat("VideoResStat", "Video resolution", c);
                const d = Object.prototype.hasOwnProperty.call(e.inboundVideoStats, "framesDecoded") ? o.format(e.inboundVideoStats.framesDecoded) : "Chrome only";
                this.addOrUpdateStat("FramesDecodedStat", "Frames Decoded", d),
                e.inboundVideoStats.framesPerSecond && this.addOrUpdateStat("FramerateStat", "Framerate", e.inboundVideoStats.framesPerSecond.toString()),
                this.addOrUpdateStat("FramesDroppedStat", "Frames dropped", null === (t = e.inboundVideoStats.framesDropped) || void 0 === t ? void 0 : t.toString()),
                e.inboundVideoStats.codecId && this.addOrUpdateStat("VideoCodecStat", "Video codec", null !== (n = null === (s = e.codecs.get(e.inboundVideoStats.codecId)) || void 0 === s ? void 0 : s.split(" ")[0]) && void 0 !== n ? n : ""),
                e.inboundAudioStats.codecId && this.addOrUpdateStat("AudioCodecStat", "Audio codec", null !== (r = null === (i = e.codecs.get(e.inboundAudioStats.codecId)) || void 0 === i ? void 0 : i.split(" ")[0]) && void 0 !== r ? r : "");
                const h = Object.prototype.hasOwnProperty.call(e.candidatePair, "currentRoundTripTime") && e.isNumber(e.candidatePair.currentRoundTripTime) ? o.format(1e3 * e.candidatePair.currentRoundTripTime) : "Can't calculate";
                this.addOrUpdateStat("RTTStat", "Net RTT (ms)", h),
                this.addOrUpdateStat("DurationStat", "Duration", e.sessionStats.runTime),
                this.addOrUpdateStat("ControlsInputStat", "Controls stream input", e.sessionStats.controlsStreamInput),
                this.addOrUpdateStat("QPStat", "Video quantization parameter", e.sessionStats.videoEncoderAvgQP.toString()),
                In.Logger.Log(In.Logger.GetStackTrace(), `--------- Stats ---------\n ${e}\n------------------------`, 6)
            }
            addOrUpdateStat(e, t, s) {
                const n = `${t}: ${s}`;
                if (this.statsMap.has(e)) {
                    const t = this.statsMap.get(e);
                    void 0 !== t && (t.element.innerHTML = n)
                } else {
                    const i = new oi;
                    i.id = e,
                    i.stat = s,
                    i.title = t,
                    i.element = document.createElement("div"),
                    i.element.innerHTML = n,
                    this.statsResult.appendChild(i.element),
                    this.statsMap.set(e, i)
                }
            }
        }
        class li {
            constructor() {
                this.videoEncoderAvgQP = -1,
                this.statsText = "",
                this.color = "",
                this.orangeQP = 26,
                this.redQP = 35
            }
            get rootElement() {
                return this._rootElement || (this._rootElement = document.createElement("div"),
                this._rootElement.id = "connection",
                this._rootElement.classList.add("UiTool"),
                this._rootElement.appendChild(this.qualityStatus),
                this._rootElement.appendChild(this.qualityText),
                this.updateQpTooltip(-1)),
                this._rootElement
            }
            get qualityText() {
                return this._qualityText || (this._qualityText = document.createElement("span"),
                this._qualityText.id = "qualityText",
                this._qualityText.classList.add("tooltiptext")),
                this._qualityText
            }
            get qualityStatus() {
                return this._qualityStatus || (this._qualityStatus = document.createElementNS("http://www.w3.org/2000/svg", "svg"),
                this._qualityStatus.setAttributeNS(null, "id", "connectionStrength"),
                this._qualityStatus.setAttributeNS(null, "x", "0px"),
                this._qualityStatus.setAttributeNS(null, "y", "0px"),
                this._qualityStatus.setAttributeNS(null, "viewBox", "0 0 494.45 494.45"),
                this.qualityStatus.appendChild(this.dot),
                this.qualityStatus.appendChild(this.middle),
                this.qualityStatus.appendChild(this.outer),
                this.qualityStatus.appendChild(this.inner)),
                this._qualityStatus
            }
            get dot() {
                return this._dot || (this._dot = document.createElementNS("http://www.w3.org/2000/svg", "circle"),
                this._dot.setAttributeNS(null, "id", "dot"),
                this._dot.setAttributeNS(null, "cx", "247.125"),
                this._dot.setAttributeNS(null, "cy", "398.925"),
                this._dot.setAttributeNS(null, "r", "35.3")),
                this._dot
            }
            get outer() {
                return this._outer || (this._outer = document.createElementNS("http://www.w3.org/2000/svg", "path"),
                this._outer.setAttributeNS(null, "id", "outer"),
                this._outer.setAttributeNS(null, "d", "M467.925,204.625c-6.8,0-13.5-2.6-18.7-7.8c-111.5-111.4-292.7-111.4-404.1,0c-10.3,10.3-27.1,10.3-37.4,0s-10.3-27.1,0-37.4c64-64,149-99.2,239.5-99.2s175.5,35.2,239.5,99.2c10.3,10.3,10.3,27.1,0,37.4C481.425,202.025,474.625,204.625,467.925,204.625z")),
                this._outer
            }
            get middle() {
                return this._middle || (this._middle = document.createElementNS("http://www.w3.org/2000/svg", "path"),
                this._middle.setAttributeNS(null, "id", "middle"),
                this._middle.setAttributeNS(null, "d", "M395.225,277.325c-6.8,0-13.5-2.6-18.7-7.8c-71.4-71.3-187.4-71.3-258.8,0c-10.3,10.3-27.1,10.3-37.4,0s-10.3-27.1,0-37.4c92-92,241.6-92,333.6,0c10.3,10.3,10.3,27.1,0,37.4C408.725,274.725,401.925,277.325,395.225,277.325z")),
                this._middle
            }
            get inner() {
                return this._inner || (this._inner = document.createElementNS("http://www.w3.org/2000/svg", "path"),
                this._inner.setAttributeNS(null, "id", "inner"),
                this._inner.setAttributeNS(null, "d", "M323.625,348.825c-6.8,0-13.5-2.6-18.7-7.8c-15.4-15.4-36-23.9-57.8-23.9s-42.4,8.5-57.8,23.9c-10.3,10.3-27.1,10.3-37.4,0c-10.3-10.3-10.3-27.1,0-37.4c25.4-25.4,59.2-39.4,95.2-39.4s69.8,14,95.2,39.5c10.3,10.3,10.3,27.1,0,37.4C337.225,346.225,330.425,348.825,323.625,348.825z")),
                this._inner
            }
            blinkVideoQualityStatus(e) {
                let t = e
                  , s = 1;
                const n = setInterval((()=>{
                    s -= .1,
                    this.qualityText.style.opacity = String(Math.abs(2 * (s - .5))),
                    s <= .1 && (0 == --t ? clearInterval(n) : s = 1)
                }
                ), 100 / e)
            }
            updateQpTooltip(e) {
                this.videoEncoderAvgQP = e,
                e > this.redQP ? (this.color = "red",
                this.blinkVideoQualityStatus(2),
                this.statsText = `<div style="color: ${this.color}">Poor encoding quality</div>`,
                this.outer.setAttributeNS(null, "fill", "#3c3b40"),
                this.middle.setAttributeNS(null, "fill", "#3c3b40"),
                this.inner.setAttributeNS(null, "fill", this.color),
                this.dot.setAttributeNS(null, "fill", this.color)) : e > this.orangeQP ? (this.color = "orange",
                this.blinkVideoQualityStatus(1),
                this.statsText = `<div style="color: ${this.color}">Blocky encoding quality</div>`,
                this.outer.setAttributeNS(null, "fill", "#3c3b40"),
                this.middle.setAttributeNS(null, "fill", this.color),
                this.inner.setAttributeNS(null, "fill", this.color),
                this.dot.setAttributeNS(null, "fill", this.color)) : e <= 0 ? (this.color = "#b0b0b0",
                this.outer.setAttributeNS(null, "fill", "#3c3b40"),
                this.middle.setAttributeNS(null, "fill", "#3c3b40"),
                this.inner.setAttributeNS(null, "fill", "#3c3b40"),
                this.dot.setAttributeNS(null, "fill", "#3c3b40"),
                this.statsText = `<div style="color: ${this.color}">Not connected</div>`) : (this.color = "lime",
                this.qualityStatus.style.opacity = "1",
                this.statsText = `<div style="color: ${this.color}">Clear encoding quality</div>`,
                this.outer.setAttributeNS(null, "fill", this.color),
                this.middle.setAttributeNS(null, "fill", this.color),
                this.inner.setAttributeNS(null, "fill", this.color),
                this.dot.setAttributeNS(null, "fill", this.color)),
                this.qualityText.innerHTML = this.statsText
            }
        }
        class ci {
            constructor(e) {
                this._setting = e
            }
            get setting() {
                return this._setting
            }
            get rootElement() {
                return this._rootElement || (this._rootElement = document.createElement("div")),
                this._rootElement
            }
        }
        class di extends ci {
            constructor(e) {
                super(e),
                this.label = e.label,
                this.flag = e.flag
            }
            get setting() {
                return this._setting
            }
            get settingsTextElem() {
                return this._settingsTextElem || (this._settingsTextElem = document.createElement("div"),
                this._settingsTextElem.innerText = this.setting._label,
                this._settingsTextElem.title = this.setting.description),
                this._settingsTextElem
            }
            get checkbox() {
                return this._checkbox || (this._checkbox = document.createElement("input"),
                this._checkbox.type = "checkbox"),
                this._checkbox
            }
            get rootElement() {
                if (!this._rootElement) {
                    this._rootElement = document.createElement("div"),
                    this._rootElement.id = this.setting.id,
                    this._rootElement.classList.add("setting"),
                    this._rootElement.appendChild(this.settingsTextElem);
                    const e = document.createElement("label");
                    e.classList.add("tgl-switch"),
                    this._rootElement.appendChild(e),
                    this.checkbox.title = this.setting.description,
                    this.checkbox.classList.add("tgl"),
                    this.checkbox.classList.add("tgl-flat");
                    const t = document.createElement("div");
                    t.classList.add("tgl-slider"),
                    e.appendChild(this.checkbox),
                    e.appendChild(t),
                    this.checkbox.addEventListener("change", (()=>{
                        this.setting.flag !== this.checkbox.checked && (this.setting.flag = this.checkbox.checked,
                        this.setting.updateURLParams())
                    }
                    ))
                }
                return this._rootElement
            }
            set flag(e) {
                this.checkbox.checked = e
            }
            get flag() {
                return this.checkbox.checked
            }
            set label(e) {
                this.settingsTextElem.innerText = e
            }
            get label() {
                return this.settingsTextElem.innerText
            }
        }
        class hi extends ci {
            constructor(e) {
                super(e),
                this.label = this.setting.label,
                this.number = this.setting.number
            }
            get setting() {
                return this._setting
            }
            get settingsTextElem() {
                return this._settingsTextElem || (this._settingsTextElem = document.createElement("label"),
                this._settingsTextElem.innerText = this.setting.label,
                this._settingsTextElem.title = this.setting.description),
                this._settingsTextElem
            }
            get spinner() {
                return this._spinner || (this._spinner = document.createElement("input"),
                this._spinner.type = "number",
                this._spinner.min = this.setting.min.toString(),
                this._spinner.max = this.setting.max.toString(),
                this._spinner.value = this.setting.number.toString(),
                this._spinner.title = this.setting.description,
                this._spinner.classList.add("form-control")),
                this._spinner
            }
            get rootElement() {
                return this._rootElement || (this._rootElement = document.createElement("div"),
                this._rootElement.classList.add("setting"),
                this._rootElement.classList.add("form-group"),
                this._rootElement.appendChild(this.settingsTextElem),
                this._rootElement.appendChild(this.spinner),
                this.spinner.onchange = e=>{
                    const t = e.target
                      , s = Number.parseInt(t.value);
                    Number.isNaN(s) ? (In.Logger.Warning(In.Logger.GetStackTrace(), `Could not parse value change into a valid number - value was ${t.value}, resetting value to ${this.setting.min}`),
                    this.setting.number !== this.setting.min && (this.setting.number = this.setting.min)) : this.setting.number !== s && (this.setting.number = s,
                    this.setting.updateURLParams())
                }
                ),
                this._rootElement
            }
            set number(e) {
                this.spinner.value = this.setting.clamp(e).toString()
            }
            get number() {
                return +this.spinner.value
            }
            set label(e) {
                this.settingsTextElem.innerText = e
            }
            get label() {
                return this.settingsTextElem.innerText
            }
        }
        class ui extends ci {
            constructor(e) {
                super(e),
                this.label = this.setting.label,
                this.text = this.setting.text
            }
            get setting() {
                return this._setting
            }
            get settingsTextElem() {
                return this._settingsTextElem || (this._settingsTextElem = document.createElement("div"),
                this._settingsTextElem.innerText = this.setting.label,
                this._settingsTextElem.title = this.setting.description),
                this._settingsTextElem
            }
            get textbox() {
                return this._textbox || (this._textbox = document.createElement("input"),
                this._textbox.classList.add("form-control"),
                this._textbox.type = "textbox"),
                this._textbox
            }
            get rootElement() {
                if (!this._rootElement) {
                    this._rootElement = document.createElement("div"),
                    this._rootElement.id = this.setting.id,
                    this._rootElement.classList.add("setting"),
                    this._rootElement.appendChild(this.settingsTextElem);
                    const e = document.createElement("label");
                    this._rootElement.appendChild(e),
                    this.textbox.title = this.setting.description,
                    e.appendChild(this.textbox),
                    this.textbox.addEventListener("input", (()=>{
                        this.setting.text !== this.textbox.value && (this.setting.text = this.textbox.value,
                        this.setting.updateURLParams())
                    }
                    ))
                }
                return this._rootElement
            }
            set text(e) {
                this.textbox.value = e
            }
            get text() {
                return this.textbox.value
            }
            set label(e) {
                this.settingsTextElem.innerText = e
            }
            get label() {
                return this.settingsTextElem.innerText
            }
        }
        class mi extends ci {
            constructor(e) {
                super(e),
                this.label = this.setting.label,
                this.options = this.setting.options,
                this.selected = this.setting.selected
            }
            get setting() {
                return this._setting
            }
            get selector() {
                return this._selector || (this._selector = document.createElement("select"),
                this._selector.classList.add("form-control"),
                this._selector.classList.add("settings-option")),
                this._selector
            }
            get settingsTextElem() {
                return this._settingsTextElem || (this._settingsTextElem = document.createElement("div"),
                this._settingsTextElem.innerText = this.setting.label,
                this._settingsTextElem.title = this.setting.description),
                this._settingsTextElem
            }
            set label(e) {
                this.settingsTextElem.innerText = e
            }
            get label() {
                return this.settingsTextElem.innerText
            }
            get rootElement() {
                if (!this._rootElement) {
                    this._rootElement = document.createElement("div"),
                    this._rootElement.id = this.setting.id,
                    this._rootElement.classList.add("setting"),
                    this._rootElement.classList.add("form-group"),
                    this._rootElement.appendChild(this.settingsTextElem);
                    const e = document.createElement("label");
                    this._rootElement.appendChild(e),
                    this.selector.title = this.setting.description,
                    e.appendChild(this.selector),
                    this.selector.onchange = ()=>{
                        this.setting.selected !== this.selector.value && (this.setting.selected = this.selector.value,
                        this.setting.updateURLParams())
                    }
                }
                return this._rootElement
            }
            set options(e) {
                for (let e = this.selector.options.length - 1; e >= 0; e--)
                    this.selector.remove(e);
                e.forEach((e=>{
                    const t = document.createElement("option");
                    t.value = e,
                    t.innerHTML = e,
                    this.selector.appendChild(t)
                }
                ))
            }
            get options() {
                return [...this.selector.options].map((e=>e.value))
            }
            set selected(e) {
                const t = this.options.filter((t=>-1 !== t.indexOf(e)));
                t.length && (this.selector.value = t[0])
            }
            get selected() {
                return this.selector.value
            }
            disable() {
                this.selector.disabled = !0
            }
            enable() {
                this.selector.disabled = !1
            }
        }
        const gi = "LightMode";
        class pi {
            constructor(e) {
                this.customFlags = new Map,
                this.flagsUi = new Map,
                this.numericParametersUi = new Map,
                this.textParametersUi = new Map,
                this.optionParametersUi = new Map,
                this.createCustomUISettings(e.useUrlParams),
                this.registerSettingsUIComponents(e)
            }
            createCustomUISettings(e) {
                this.customFlags.set(gi, new In.SettingFlag(gi,"Color Scheme: Dark Mode","Page styling will be either light or dark",!1,e,((e,t)=>{
                    t.label = `Color Scheme: ${e ? "Light" : "Dark"} Mode`
                }
                )))
            }
            registerSettingsUIComponents(e) {
                for (const t of e.getFlags())
                    this.flagsUi.set(t.id, new di(t));
                for (const e of Array.from(this.customFlags.values()))
                    this.flagsUi.set(e.id, new di(e));
                for (const t of e.getTextSettings())
                    this.textParametersUi.set(t.id, new ui(t));
                for (const t of e.getNumericSettings())
                    this.numericParametersUi.set(t.id, new hi(t));
                for (const t of e.getOptionSettings())
                    this.optionParametersUi.set(t.id, new mi(t))
            }
            buildSectionWithHeading(e, t) {
                const s = document.createElement("section");
                s.classList.add("settingsContainer");
                const n = document.createElement("div");
                return n.classList.add("settingsHeader"),
                n.classList.add("settings-text"),
                n.textContent = t,
                s.appendChild(n),
                e.appendChild(s),
                s
            }
            populateSettingsElement(e) {
                const t = this.buildSectionWithHeading(e, "Pixel Streaming");
                this.addSettingText(t, this.textParametersUi.get(In.TextParameters.SignallingServerUrl)),
                this.addSettingOption(t, this.optionParametersUi.get(In.OptionParameters.StreamerId)),
                this.addSettingFlag(t, this.flagsUi.get(In.Flags.AutoConnect)),
                this.addSettingFlag(t, this.flagsUi.get(In.Flags.AutoPlayVideo)),
                this.addSettingFlag(t, this.flagsUi.get(In.Flags.BrowserSendOffer)),
                this.addSettingFlag(t, this.flagsUi.get(In.Flags.UseMic)),
                this.addSettingFlag(t, this.flagsUi.get(In.Flags.StartVideoMuted)),
                this.addSettingFlag(t, this.flagsUi.get(In.Flags.PreferSFU)),
                this.addSettingFlag(t, this.flagsUi.get(In.Flags.IsQualityController)),
                this.addSettingFlag(t, this.flagsUi.get(In.Flags.ForceMonoAudio)),
                this.addSettingFlag(t, this.flagsUi.get(In.Flags.ForceTURN)),
                this.addSettingFlag(t, this.flagsUi.get(In.Flags.SuppressBrowserKeys)),
                this.addSettingFlag(t, this.flagsUi.get(In.Flags.AFKDetection)),
                this.addSettingNumeric(t, this.numericParametersUi.get(In.NumericParameters.AFKTimeoutSecs)),
                this.addSettingNumeric(t, this.numericParametersUi.get(In.NumericParameters.MaxReconnectAttempts));
                const s = this.buildSectionWithHeading(e, "UI");
                this.addSettingFlag(s, this.flagsUi.get(In.Flags.MatchViewportResolution)),
                this.addSettingFlag(s, this.flagsUi.get(In.Flags.HoveringMouseMode)),
                this.addSettingFlag(s, this.flagsUi.get(gi));
                const n = this.buildSectionWithHeading(e, "Input");
                this.addSettingFlag(n, this.flagsUi.get(In.Flags.KeyboardInput)),
                this.addSettingFlag(n, this.flagsUi.get(In.Flags.MouseInput)),
                this.addSettingFlag(n, this.flagsUi.get(In.Flags.TouchInput)),
                this.addSettingFlag(n, this.flagsUi.get(In.Flags.GamepadInput)),
                this.addSettingFlag(n, this.flagsUi.get(In.Flags.XRControllerInput));
                const i = this.buildSectionWithHeading(e, "Encoder");
                this.addSettingNumeric(i, this.numericParametersUi.get(In.NumericParameters.MinQP)),
                this.addSettingNumeric(i, this.numericParametersUi.get(In.NumericParameters.MaxQP));
                const r = this.optionParametersUi.get(In.OptionParameters.PreferredCodec);
                this.addSettingOption(i, this.optionParametersUi.get(In.OptionParameters.PreferredCodec)),
                r && [...r.selector.options].map((e=>e.value)).includes("Only available on Chrome") && r.disable();
                const o = this.buildSectionWithHeading(e, "WebRTC");
                this.addSettingNumeric(o, this.numericParametersUi.get(In.NumericParameters.WebRTCFPS)),
                this.addSettingNumeric(o, this.numericParametersUi.get(In.NumericParameters.WebRTCMinBitrate)),
                this.addSettingNumeric(o, this.numericParametersUi.get(In.NumericParameters.WebRTCMaxBitrate))
            }
            addSettingText(e, t) {
                t && (e.appendChild(t.rootElement),
                this.textParametersUi.set(t.setting.id, t))
            }
            addSettingFlag(e, t) {
                t && (e.appendChild(t.rootElement),
                this.flagsUi.set(t.setting.id, t))
            }
            addSettingNumeric(e, t) {
                t && (e.appendChild(t.rootElement),
                this.numericParametersUi.set(t.setting.id, t))
            }
            addSettingOption(e, t) {
                t && (e.appendChild(t.rootElement),
                this.optionParametersUi.set(t.setting.id, t))
            }
            onSettingsChanged({data: {id: e, target: t, type: s}}) {
                if ("flag" === s) {
                    const s = e
                      , n = t
                      , i = this.flagsUi.get(s);
                    i && (i.flag !== n.flag && (i.flag = n.flag),
                    i.label !== n.label && (i.label = n.label))
                } else if ("number" === s) {
                    const s = e
                      , n = t
                      , i = this.numericParametersUi.get(s);
                    i && (i.number !== n.number && (i.number = n.number),
                    i.label !== n.label && (i.label = n.label))
                } else if ("text" === s) {
                    const s = e
                      , n = t
                      , i = this.textParametersUi.get(s);
                    i && (i.text !== n.text && (i.text = n.text),
                    i.label !== n.label && (i.label = n.label))
                } else if ("option" === s) {
                    const s = e
                      , n = t
                      , i = this.optionParametersUi.get(s);
                    if (i) {
                        const e = i.options
                          , t = n.options;
                        e.length === t.length && e.every((e=>t.includes(e))) || (i.options = n.options),
                        i.selected !== n.selected && (i.selected = n.selected),
                        i.label !== n.label && (i.label = n.label)
                    }
                }
            }
            addCustomFlagOnSettingChangedListener(e, t) {
                this.customFlags.has(e) && (this.customFlags.get(e).onChange = t)
            }
            setCustomFlagLabel(e, t) {
                this.customFlags.has(e) ? (this.customFlags.get(e).label = t,
                this.flagsUi.get(e).label = t) : In.Logger.Warning(In.Logger.GetStackTrace(), `Cannot set label for flag called ${e} - it does not exist in the Config.flags map.`)
            }
            isCustomFlagEnabled(e) {
                return this.customFlags.get(e).flag
            }
        }
        class vi {
            constructor(e) {
                this._options = e,
                this.stream = e.stream,
                this.onColorModeChanged = e.onColorModeChanged,
                this.configUI = new pi(this.stream.config),
                this.createOverlays(),
                Zn(e.statsPanelConfig) && (this.statsPanel = new ai,
                this.uiFeaturesElement.appendChild(this.statsPanel.rootElement)),
                Zn(e.settingsPanelConfig) && (this.settingsPanel = new ni,
                this.uiFeaturesElement.appendChild(this.settingsPanel.rootElement),
                this.configureSettings()),
                e.videoQpIndicatorConfig && e.videoQpIndicatorConfig.disableIndicator || (this.videoQpIndicator = new li,
                this.uiFeaturesElement.appendChild(this.videoQpIndicator.rootElement)),
                this.createButtons(),
                this.registerCallbacks(),
                this.showConnectOrAutoConnectOverlays(),
                this.setColorMode(this.configUI.isCustomFlagEnabled(gi))
            }
            createOverlays() {
                this.disconnectOverlay = new Gn(this.stream.videoElementParent),
                this.connectOverlay = new Nn(this.stream.videoElementParent),
                this.playOverlay = new Hn(this.stream.videoElementParent),
                this.infoOverlay = new Vn(this.stream.videoElementParent),
                this.errorOverlay = new Qn(this.stream.videoElementParent),
                this.afkOverlay = new qn(this.stream.videoElementParent),
                this.disconnectOverlay.onAction((()=>this.stream.reconnect())),
                this.connectOverlay.onAction((()=>this.stream.connect())),
                this.playOverlay.onAction((()=>this.stream.play()))
            }
            createButtons() {
                const e = {
                    statsButtonType: this._options.statsPanelConfig ? this._options.statsPanelConfig.visibilityButtonConfig : void 0,
                    settingsButtonType: this._options.settingsPanelConfig ? this._options.settingsPanelConfig.visibilityButtonConfig : void 0,
                    fullscreenButtonType: this._options.fullScreenControlsConfig,
                    xrIconType: this._options.xrControlsConfig
                }
                  , t = new ti(e);
                this.uiFeaturesElement.appendChild(t.rootElement);
                const s = this._options.fullScreenControlsConfig && this._options.fullScreenControlsConfig.creationMode === Un.UseCustomElement ? new jn(this._options.fullScreenControlsConfig.customElement) : t.fullscreenIcon;
                s && (s.fullscreenElement = this.rootElement);
                const n = t.settingsIcon ? t.settingsIcon.rootElement : this._options.settingsPanelConfig.visibilityButtonConfig.customElement;
                n && (n.onclick = ()=>this.settingsClicked()),
                this.settingsPanel && (this.settingsPanel.settingsCloseButton.onclick = ()=>this.settingsClicked());
                const i = t.xrIcon ? t.xrIcon.rootElement : this._options.xrControlsConfig.creationMode === Un.UseCustomElement ? this._options.xrControlsConfig.customElement : void 0;
                i && (i.onclick = ()=>this.stream.toggleXR());
                const r = t.statsIcon ? t.statsIcon.rootElement : this._options.statsPanelConfig.visibilityButtonConfig.customElement;
                if (r && (r.onclick = ()=>this.statsClicked()),
                this.statsPanel && (this.statsPanel.statsCloseButton.onclick = ()=>this.statsClicked()),
                this.settingsPanel) {
                    const e = new si("Show FPS","Toggle");
                    e.addOnClickListener((()=>{
                        this.stream.requestShowFps()
                    }
                    ));
                    const t = new si("Restart Stream","Restart");
                    t.addOnClickListener((()=>{
                        this.stream.reconnect()
                    }
                    ));
                    const s = new si("Request keyframe","Request");
                    s.addOnClickListener((()=>{
                        this.stream.requestIframe()
                    }
                    ));
                    const n = this.configUI.buildSectionWithHeading(this.settingsPanel.settingsContentElement, "Commands");
                    n.appendChild(e.rootElement),
                    n.appendChild(s.rootElement),
                    n.appendChild(t.rootElement)
                }
            }
            configureSettings() {
                this.configUI.populateSettingsElement(this.settingsPanel.settingsContentElement),
                this.configUI.addCustomFlagOnSettingChangedListener(gi, (e=>{
                    this.configUI.setCustomFlagLabel(gi, `Color Scheme: ${e ? "Light" : "Dark"} Mode`),
                    this.setColorMode(e)
                }
                ))
            }
            registerCallbacks() {
                this.stream.addEventListener("afkWarningActivate", (({data: {countDown: e, dismissAfk: t}})=>this.showAfkOverlay(e, t))),
                this.stream.addEventListener("afkWarningUpdate", (({data: {countDown: e}})=>this.afkOverlay.updateCountdown(e))),
                this.stream.addEventListener("afkWarningDeactivate", (()=>this.afkOverlay.hide())),
                this.stream.addEventListener("afkTimedOut", (()=>this.afkOverlay.hide())),
                this.stream.addEventListener("videoEncoderAvgQP", (({data: {avgQP: e}})=>this.onVideoEncoderAvgQP(e))),
                this.stream.addEventListener("webRtcSdp", (()=>this.onWebRtcSdp())),
                this.stream.addEventListener("webRtcAutoConnect", (()=>this.onWebRtcAutoConnect())),
                this.stream.addEventListener("webRtcConnecting", (()=>this.onWebRtcConnecting())),
                this.stream.addEventListener("webRtcConnected", (()=>this.onWebRtcConnected())),
                this.stream.addEventListener("webRtcFailed", (()=>this.onWebRtcFailed())),
                this.stream.addEventListener("webRtcDisconnected", (({data: {eventString: e, showActionOrErrorOnDisconnect: t}})=>this.onDisconnect(e, t))),
                this.stream.addEventListener("videoInitialized", (()=>this.onVideoInitialized())),
                this.stream.addEventListener("streamLoading", (()=>this.onStreamLoading())),
                this.stream.addEventListener("playStreamError", (({data: {message: e}})=>this.onPlayStreamError(e))),
                this.stream.addEventListener("playStream", (()=>this.onPlayStream())),
                this.stream.addEventListener("playStreamRejected", (({data: {reason: e}})=>this.onPlayStreamRejected(e))),
                this.stream.addEventListener("loadFreezeFrame", (({data: {shouldShowPlayOverlay: e}})=>this.onLoadFreezeFrame(e))),
                this.stream.addEventListener("statsReceived", (({data: {aggregatedStats: e}})=>this.onStatsReceived(e))),
                this.stream.addEventListener("latencyTestResult", (({data: {latencyTimings: e}})=>this.onLatencyTestResults(e))),
                this.stream.addEventListener("streamerListMessage", (({data: {messageStreamerList: e, autoSelectedStreamerId: t}})=>this.handleStreamerListMessage(e, t))),
                this.stream.addEventListener("settingsChanged", (e=>this.configUI.onSettingsChanged(e)))
            }
            get rootElement() {
                return this._rootElement || (this._rootElement = document.createElement("div"),
                this._rootElement.id = "playerUI",
                this._rootElement.classList.add("noselect"),
                this._rootElement.appendChild(this.stream.videoElementParent),
                this._rootElement.appendChild(this.uiFeaturesElement)),
                this._rootElement
            }
            get uiFeaturesElement() {
                return this._uiFeatureElement || (this._uiFeatureElement = document.createElement("div"),
                this._uiFeatureElement.id = "uiFeatures"),
                this._uiFeatureElement
            }
            showDisconnectOverlay(e) {
                this.hideCurrentOverlay(),
                this.updateDisconnectOverlay(e),
                this.disconnectOverlay.show(),
                this.currentOverlay = this.disconnectOverlay
            }
            updateDisconnectOverlay(e) {
                this.disconnectOverlay.update(e)
            }
            onDisconnectionAction() {
                this.disconnectOverlay.activate()
            }
            hideCurrentOverlay() {
                null != this.currentOverlay && (this.currentOverlay.hide(),
                this.currentOverlay = null)
            }
            showConnectOverlay() {
                this.hideCurrentOverlay(),
                this.connectOverlay.show(),
                this.currentOverlay = this.connectOverlay
            }
            showPlayOverlay() {
                this.hideCurrentOverlay(),
                this.playOverlay.show(),
                this.currentOverlay = this.playOverlay
            }
            showTextOverlay(e) {
                this.hideCurrentOverlay(),
                this.infoOverlay.update(e),
                this.infoOverlay.show(),
                this.currentOverlay = this.infoOverlay
            }
            showErrorOverlay(e) {
                this.hideCurrentOverlay(),
                this.errorOverlay.update(e),
                this.errorOverlay.show(),
                this.currentOverlay = this.errorOverlay
            }
            settingsClicked() {
                this.statsPanel.hide(),
                this.settingsPanel.toggleVisibility()
            }
            statsClicked() {
                this.settingsPanel.hide(),
                this.statsPanel.toggleVisibility()
            }
            onConnectAction() {
                this.connectOverlay.activate()
            }
            onPlayAction() {
                this.playOverlay.activate()
            }
            showAfkOverlay(e, t) {
                this.hideCurrentOverlay(),
                this.afkOverlay.updateCountdown(e),
                this.afkOverlay.onAction((()=>t())),
                this.afkOverlay.show(),
                this.currentOverlay = this.afkOverlay
            }
            showConnectOrAutoConnectOverlays() {
                this.stream.config.isFlagEnabled(In.Flags.AutoConnect) || this.showConnectOverlay()
            }
            onWebRtcAutoConnect() {
                this.showTextOverlay("Auto Connecting Now")
            }
            onWebRtcSdp() {
                this.showTextOverlay("WebRTC Connection Negotiated")
            }
            onStreamLoading() {
                const e = document.createElement("span");
                e.className = "visually-hidden",
                e.innerHTML = "Loading...";
                const t = document.createElement("div");
                t.id = "loading-spinner",
                t.className = "spinner-border ms-2",
                t.setAttribute("role", "status"),
                t.appendChild(e),
                this.showTextOverlay("Loading Stream " + t.outerHTML)
            }
            onDisconnect(e, t) {
                0 == t ? this.showErrorOverlay(`Disconnected: ${e}`) : this.showDisconnectOverlay(`Disconnected: ${e}  <div class="clickableState">Click To Restart</div>`),
                this.statsPanel.latencyTest.latencyTestButton.onclick = ()=>{}
            }
            onWebRtcConnecting() {
                this.showTextOverlay("Starting connection to server, please wait")
            }
            onWebRtcConnected() {
                this.showTextOverlay("WebRTC connected, waiting for video")
            }
            onWebRtcFailed() {
                this.showErrorOverlay("Unable to setup video")
            }
            onLoadFreezeFrame(e) {
                !0 === e && (In.Logger.Log(In.Logger.GetStackTrace(), "showing play overlay"),
                this.showPlayOverlay())
            }
            onPlayStream() {
                this.hideCurrentOverlay()
            }
            onPlayStreamError(e) {
                this.showErrorOverlay(e)
            }
            onPlayStreamRejected(e) {
                this.showPlayOverlay()
            }
            onVideoInitialized() {
                this.stream.config.isFlagEnabled(In.Flags.AutoPlayVideo) || this.showPlayOverlay(),
                this.statsPanel.latencyTest.latencyTestButton.onclick = ()=>{
                    this.stream.requestLatencyTest()
                }
            }
            onVideoEncoderAvgQP(e) {
                this.videoQpIndicator && this.videoQpIndicator.updateQpTooltip(e)
            }
            onInitialSettings(e) {
                e.PixelStreamingSettings && e.PixelStreamingSettings.DisableLatencyTest && (this.statsPanel.latencyTest.latencyTestButton.disabled = !0,
                this.statsPanel.latencyTest.latencyTestButton.title = "Disabled by -PixelStreamingDisableLatencyTester=true",
                In.Logger.Info(In.Logger.GetStackTrace(), "-PixelStreamingDisableLatencyTester=true, requesting latency report from the the browser to UE is disabled."))
            }
            onStatsReceived(e) {
                this.statsPanel.handleStats(e)
            }
            onLatencyTestResults(e) {
                this.statsPanel.latencyTest.handleTestResult(e)
            }
            handleStreamerListMessage(e, t) {
                null === t && (0 === e.ids.length ? this.showDisconnectOverlay('No streamers connected. <div class="clickableState">Click To Restart</div>') : this.showTextOverlay("Multiple streamers detected. Use the dropdown in the settings menu to select the streamer"))
            }
            setColorMode(e) {
                this.onColorModeChanged && this.onColorModeChanged(e)
            }
        }
        const fi = (e=>{
            var t = {};
            return Fn.d(t, e),
            t
        }
        )({
            default: ()=>fn
        })
          , Si = (e=>{
            var t = {};
            return Fn.d(t, e),
            t
        }
        )({
            default: ()=>Tn
        })
          , Ci = (e=>{
            var t = {};
            return Fn.d(t, e),
            t
        }
        )({
            default: ()=>An
        });
        class yi {
            constructor(e) {
                this.defaultLightModePalette = {
                    "--color0": "#e2e0dd80",
                    "--color1": "#FFFFFF",
                    "--color2": "#000000",
                    "--color3": "#0585fe",
                    "--color4": "#35b350",
                    "--color5": "#ffab00",
                    "--color6": "#e1e2dd",
                    "--color7": "#c3c4bf"
                },
                this.defaultDarkModePalette = {
                    "--color0": "#1D1F2280",
                    "--color1": "#000000",
                    "--color2": "#FFFFFF",
                    "--color3": "#0585fe",
                    "--color4": "#35b350",
                    "--color5": "#ffab00",
                    "--color6": "#1e1d22",
                    "--color7": "#3c3b40"
                },
                this.defaultStyles = {
                    ":root": {
                        "--color0": "#1D1F2280",
                        "--color1": "#000000",
                        "--color2": "#FFFFFF",
                        "--color3": "#0585fe",
                        "--color4": "#35b350",
                        "--color5": "#ffab00",
                        "--color6": "#1e1d22",
                        "--color7": "#3c3b40",
                        "--color8": "#41008c",
                        "--color9": "#3e0070",
                        "--color10": "#2e0052",
                        "--color11": "rgba(65,0,139,1)"
                    },
                    ".noselect": {
                        userSelect: "none"
                    },
                    "#playerUI": {
                        width: "100%",
                        height: "100%",
                        position: "relative"
                    },
                    "#videoElementParent": {
                        width: "100%",
                        height: "100%",
                        position: "absolute",
                        backgroundColor: "var(--color1)"
                    },
                    "#uiFeatures": {
                        width: "100%",
                        height: "100%",
                        zIndex: "30",
                        position: "relative",
                        color: "var(--color2)",
                        pointerEvents: "none",
                        overflow: "hidden"
                    },
                    ".UiTool .tooltiptext": {
                        visibility: "hidden",
                        width: "auto",
                        color: "var(--color2)",
                        textAlign: "center",
                        borderRadius: "15px",
                        padding: "0px 10px",
                        fontFamily: "'Montserrat', sans-serif",
                        fontSize: "0.75rem",
                        letterSpacing: "0.75px",
                        position: "absolute",
                        top: "0",
                        transform: "translateY(25%)",
                        left: "125%",
                        zIndex: "20"
                    },
                    ".UiTool:hover .tooltiptext": {
                        visibility: "visible",
                        backgroundColor: "var(--color7)"
                    },
                    "#connection .tooltiptext": {
                        top: "125%",
                        transform: "translateX(-25%)",
                        left: "0",
                        zIndex: "20",
                        padding: "5px 10px"
                    },
                    "#connection": {
                        position: "absolute",
                        bottom: "8%",
                        left: "5%",
                        fontFamily: "'Michroma', sans-serif",
                        height: "3rem",
                        width: "3rem",
                        pointerEvents: "all"
                    },
                    "#settings-panel .tooltiptext": {
                        display: "block",
                        top: "125%",
                        transform: "translateX(-50%)",
                        left: "0",
                        zIndex: "20",
                        padding: "5px 10px",
                        border: "3px solid var(--color3)",
                        width: "max-content",
                        fallbacks: [{
                            width: "max-content"
                        }, {
                            border: "3px solid var(--color3)"
                        }, {
                            padding: "5px 10px"
                        }, {
                            zIndex: "20"
                        }, {
                            left: "0"
                        }, {
                            transform: "translateX(-50%)"
                        }, {
                            top: "125%"
                        }, {
                            display: "block"
                        }]
                    },
                    "#controls": {
                        position: "absolute",
                        top: "3%",
                        left: "2%",
                        fontFamily: "'Michroma', sans-serif",
                        pointerEvents: "all",
                        display: "block"
                    },
                    "#controls>*": {
                        marginBottom: "0.5rem",
                        borderRadius: "50%",
                        display: "block",
                        height: "2rem",
                        lineHeight: "1.75rem",
                        padding: "0.5rem"
                    },
                    "#controls #additionalinfo": {
                        textAlign: "center",
                        fontFamily: "'Montserrat', sans-serif"
                    },
                    "#fullscreen-btn": {
                        padding: "0.6rem !important"
                    },
                    "#minimizeIcon": {
                        display: "none"
                    },
                    "#settingsBtn, #statsBtn": {
                        cursor: "pointer"
                    },
                    "#uiFeatures button": {
                        backgroundColor: "var(--color7)",
                        border: "1px solid var(--color7)",
                        color: "var(--color2)",
                        position: "relative",
                        width: "3rem",
                        height: "3rem",
                        padding: "0.5rem",
                        textAlign: "center"
                    },
                    "#uiFeatures button:hover": {
                        backgroundColor: "var(--color3)",
                        border: "3px solid var(--color3)",
                        transition: "0.25s ease",
                        paddingLeft: "0.55rem",
                        paddingTop: "0.55rem"
                    },
                    "#uiFeatures button:active": {
                        border: "3px solid var(--color3)",
                        backgroundColor: "var(--color7)",
                        paddingLeft: "0.55rem",
                        paddingTop: "0.55rem"
                    },
                    ".btn-flat": {
                        backgroundColor: "transparent",
                        color: "var(--color2)",
                        fontFamily: "'Montserrat'",
                        fontWeight: "bold",
                        border: "3px solid var(--color3)",
                        borderRadius: "1rem",
                        fontSize: "0.75rem",
                        paddingLeft: "0.5rem",
                        paddingRight: "0.5rem",
                        cursor: "pointer",
                        textAlign: "center"
                    },
                    ".btn-flat:hover": {
                        backgroundColor: "var(--color3)",
                        transition: "ease 0.3s"
                    },
                    ".btn-flat:disabled": {
                        background: "var(--color7)",
                        borderColor: "var(--color3)",
                        color: "var(--color3)",
                        cursor: "default"
                    },
                    ".btn-flat:active": {
                        backgroundColor: "transparent"
                    },
                    ".btn-flat:focus": {
                        outline: "none"
                    },
                    "#uiFeatures img": {
                        width: "100%",
                        height: "100%"
                    },
                    ".panel-wrap": {
                        position: "absolute",
                        top: "0",
                        bottom: "0",
                        right: "0",
                        height: "100%",
                        minWidth: "20vw",
                        maxWidth: "100vw",
                        transform: "translateX(100%)",
                        transition: ".3s ease-out",
                        pointerEvents: "all",
                        backdropFilter: "blur(10px)",
                        webkitBackdropFilter: "blur(10px)",
                        overflowY: "auto",
                        overflowX: "hidden",
                        backgroundColor: "var(--color0)"
                    },
                    ".panel-wrap-visible": {
                        transform: "translateX(0%)"
                    },
                    ".panel": {
                        overflowY: "auto",
                        padding: "1em"
                    },
                    "#settingsHeading, #statsHeading": {
                        display: "inline-block",
                        fontSize: "2em",
                        marginBlockStart: "0.67em",
                        marginBlockEnd: "0.67em",
                        marginInlineStart: "0px",
                        marginInlineEnd: "0px",
                        position: "relative",
                        padding: "0 0 0 2rem"
                    },
                    "#settingsClose, #statsClose": {
                        margin: "0.5rem",
                        paddingTop: "0.5rem",
                        paddingBottom: "0.5rem",
                        paddingRight: "0.5rem",
                        fontSize: "2em",
                        float: "right"
                    },
                    "#settingsClose:after, #statsClose:after": {
                        paddingLeft: "0.5rem",
                        display: "inline-block",
                        content: '"\\00d7"'
                    },
                    "#settingsClose:hover, #statsClose:hover": {
                        color: "var(--color3)",
                        transition: "ease 0.3s"
                    },
                    "#settingsContent, #statsContent": {
                        marginLeft: "2rem",
                        marginRight: "2rem"
                    },
                    ".setting": {
                        display: "flex",
                        flexDirection: "row",
                        justifyContent: "space-between",
                        padding: "0.15rem 10px 0.15rem 10px"
                    },
                    ".settings-text": {
                        color: "var(--color2)",
                        verticalAlign: "middle",
                        fontWeight: "normal"
                    },
                    ".settings-option": {
                        width: "100%",
                        textOverflow: "ellipsis",
                        whiteSpace: "nowrap"
                    },
                    "#connectOverlay, #playOverlay, #infoOverlay, #errorOverlay, #afkOverlay, #disconnectOverlay": {
                        zIndex: "30",
                        position: "absolute",
                        color: "var(--color2)",
                        fontSize: "1.8em",
                        width: "100%",
                        height: "100%",
                        backgroundColor: "var(--color1)",
                        alignItems: "center",
                        justifyContent: "center",
                        textTransform: "uppercase"
                    },
                    ".clickableState": {
                        alignItems: "center",
                        justifyContent: "center",
                        display: "flex",
                        cursor: "pointer"
                    },
                    ".textDisplayState": {
                        display: "flex"
                    },
                    ".hiddenState": {
                        display: "none"
                    },
                    "#playButton, #connectButton": {
                        display: "inline-block",
                        height: "auto",
                        zIndex: "30"
                    },
                    "img#playButton": {
                        maxWidth: "241px",
                        width: "10%"
                    },
                    "#uiInteraction": {
                        position: "fixed"
                    },
                    "#UIInteractionButtonBoundary": {
                        padding: "2px"
                    },
                    "#UIInteractionButton": {
                        cursor: "pointer"
                    },
                    "#hiddenInput": {
                        position: "absolute",
                        left: "-10%",
                        width: "0px",
                        opacity: "0"
                    },
                    "#editTextButton": {
                        position: "absolute",
                        height: "40px",
                        width: "40px"
                    },
                    ".btn-overlay": {
                        verticalAlign: "middle",
                        display: "inline-block"
                    },
                    ".tgl-switch": {
                        verticalAlign: "middle",
                        display: "inline-block"
                    },
                    ".tgl-switch .tgl": {
                        display: "none"
                    },
                    ".tgl, .tgl:after, .tgl:before, .tgl *, .tgl *:after, .tgl *:before, .tgl+.tgl-slider": {
                        webkitBoxSizing: "border-box",
                        boxSizing: "border-box"
                    },
                    ".tgl::-moz-selection, .tgl:after::-moz-selection, .tgl:before::-moz-selection, .tgl *::-moz-selection, .tgl *:after::-moz-selection, .tgl *:before::-moz-selection, .tgl+.tgl-slider::-moz-selection": {
                        background: "none"
                    },
                    ".tgl::selection, .tgl:after::selection, .tgl:before::selection, .tgl *::selection, .tgl *:after::selection, .tgl *:before::selection, .tgl+.tgl-slider::selection": {
                        background: "none"
                    },
                    ".tgl-slider": {},
                    ".tgl+.tgl-slider": {
                        outline: "0",
                        display: "block",
                        width: "40px",
                        height: "18px",
                        position: "relative",
                        cursor: "pointer",
                        userSelect: "none"
                    },
                    ".tgl+.tgl-slider:after, .tgl+.tgl-slider:before": {
                        position: "relative",
                        display: "block",
                        content: '""',
                        width: "50%",
                        height: "100%"
                    },
                    ".tgl+.tgl-slider:after": {
                        left: "0"
                    },
                    ".tgl+.tgl-slider:before": {
                        display: "none"
                    },
                    ".tgl-flat+.tgl-slider": {
                        padding: "2px",
                        webkitTransition: "all .2s ease",
                        transition: "all .2s ease",
                        background: "var(--color6)",
                        border: "3px solid var(--color7)",
                        borderRadius: "2em"
                    },
                    ".tgl-flat+.tgl-slider:after": {
                        webkitTransition: "all .2s ease",
                        transition: "all .2s ease",
                        background: "var(--color7)",
                        content: '""',
                        borderRadius: "1em"
                    },
                    ".tgl-flat:checked+.tgl-slider": {
                        border: "3px solid var(--color3)"
                    },
                    ".tgl-flat:checked+.tgl-slider:after": {
                        left: "50%",
                        background: "var(--color3)"
                    },
                    ".btn-apply": {
                        display: "block !important",
                        marginLeft: "auto",
                        marginRight: "auto",
                        width: "40%"
                    },
                    ".form-control": {
                        backgroundColor: "var(--color7)",
                        border: "2px solid var(--color7)",
                        borderRadius: "4px",
                        color: "var(--color2)",
                        textAlign: "right",
                        fontFamily: "inherit"
                    },
                    ".form-control:hover": {
                        borderColor: "var(--color7)"
                    },
                    ".form-group": {
                        paddingTop: "4px",
                        display: "grid",
                        gridTemplateColumns: "80% 20%",
                        rowGap: "4px",
                        paddingRight: "10px",
                        paddingLeft: "10px"
                    },
                    ".form-group label": {
                        verticalAlign: "middle",
                        fontWeight: "normal"
                    },
                    ".settingsContainer": {
                        display: "flex",
                        flexDirection: "column",
                        borderBottom: "1px solid var(--color7)",
                        paddingTop: "10px",
                        paddingBottom: "10px"
                    },
                    ".settingsContainer> :first-child": {
                        marginTop: "4px",
                        marginBottom: "4px",
                        fontWeight: "bold",
                        justifyContent: "space-between",
                        display: "flex",
                        flexDirection: "row",
                        alignItems: "baseline"
                    },
                    ".collapse": {
                        paddingLeft: "5%"
                    },
                    "#streamTools": {
                        borderBottomRightRadius: "5px",
                        borderBottomLeftRadius: "5px",
                        userSelect: "none",
                        position: "absolute",
                        top: "0",
                        right: "2%",
                        zIndex: "100",
                        border: "4px solid var(--colour8)",
                        borderTopWidth: "0px"
                    },
                    ".settingsHeader": {
                        fontStyle: "italic"
                    },
                    "#streamToolsHeader": {
                        display: "flex",
                        flexDirection: "row",
                        justifyContent: "space-between",
                        borderBottom: "1px solid var(--colour8)",
                        backgroundColor: "var(--color7)"
                    },
                    ".streamTools": {
                        backgroundColor: "var(--color2)",
                        fontFamily: "var(--buttonFont)",
                        fontWeight: "lighter",
                        color: "var(--color7)"
                    },
                    ".streamTools-shown>#streamToolsSettings, .streamTools-shown>#streamToolsStats": {
                        display: "block"
                    },
                    "#streamToolsToggle": {
                        width: "100%"
                    },
                    "#qualityStatus": {
                        fontSize: "37px",
                        paddingRight: "4px"
                    },
                    ".svgIcon": {
                        fill: "var(--color2)"
                    }
                };
                const {customStyles: t, lightModePalette: s, darkModePalette: n} = null != e ? e : {}
                  , i = {
                    plugins: [(0,
                    Si.default)(), (0,
                    Ci.default)()]
                };
                fi.default.setup(i),
                this.customStyles = t,
                this.lightModePalette = null != s ? s : this.defaultLightModePalette,
                this.darkModePalette = null != n ? n : this.defaultDarkModePalette
            }
            applyStyleSheet() {
                fi.default.createStyleSheet({
                    "@global": Object.assign(Object.assign({}, this.defaultStyles), this.customStyles)
                }).attach()
            }
            applyPalette(e) {
                const t = document.querySelector(":root");
                t.style.setProperty("--color0", e["--color0"]),
                t.style.setProperty("--color1", e["--color1"]),
                t.style.setProperty("--color2", e["--color2"]),
                t.style.setProperty("--color3", e["--color3"]),
                t.style.setProperty("--color4", e["--color4"]),
                t.style.setProperty("--color5", e["--color5"]),
                t.style.setProperty("--color6", e["--color6"]),
                t.style.setProperty("--color7", e["--color7"])
            }
            setColorMode(e) {
                e ? this.applyPalette(this.lightModePalette) : this.applyPalette(this.darkModePalette)
            }
        }
        var bi, Ei, wi, Ti, xi = On.ym, Mi = On.EW, Pi = On.Mx, ki = On.L3, Ri = On.rl, Li = On.NR, Ai = On.f1, Fi = On.IY, Oi = On.RZ, Ii = On.XY, Di = On.Fk, _i = On.Zh, Ui = On.ek, zi = On.MG, Bi = On.gE, Ni = On.tW, Gi = On.wr;
        class Hi extends Gi {
            static rootElement() {
                return Hi._rootElement || (Hi._rootElement = document.createElement("div"),
                Hi._rootElement.id = "loadingOverlay",
                Hi._rootElement.className = "textDisplayState"),
                Hi._rootElement
            }
            static textElement() {
                return Hi._textElement || (Hi._textElement = document.createElement("div"),
                Hi._textElement.id = "loadingOverlayText"),
                Hi._textElement
            }
            static spinner() {
                if (!Hi._spinner) {
                    const e = .03 * Hi._rootElement.clientWidth;
                    Hi._spinner = document.createElement("div"),
                    Hi._spinner.id = "loading-spinner",
                    Hi._spinner.className = "loading-spinner",
                    Hi._spinner.setAttribute("style", "width: " + e + "px; height: " + e + "px;");
                    const t = document.createElement("div");
                    t.setAttribute("style", "width: " + .8 * e + "px; height: " + .8 * e + "px; border-width: " + .125 * e + "px;"),
                    Hi._spinner.appendChild(t);
                    const s = document.createElement("div");
                    s.setAttribute("style", "width: " + .8 * e + "px; height: " + .8 * e + "px; border-width: " + .125 * e + "px;"),
                    Hi._spinner.appendChild(s);
                    const n = document.createElement("div");
                    n.setAttribute("style", "width: " + .8 * e + "px; height: " + .8 * e + "px; border-width: " + .125 * e + "px;"),
                    Hi._spinner.appendChild(n)
                }
                return Hi._spinner
            }
            constructor(e) {
                super(e, Hi.rootElement(), Hi.textElement()),
                this.maxDrops = 50,
                this.maxSize = 5,
                this.maxDuration = 5,
                this.minDelay = -20,
                this.rainDrops = []
            }
            animate() {
                for (let e of this.rainDrops)
                    e.element.setAttribute("style", "animation-duration:" + (1 + Math.random() * this.maxDuration) + "s;");
                let e = 0;
                for (; e < this.maxDrops; ) {
                    const t = document.createElement("div");
                    t.id = "dropContainer";
                    const s = new Wi;
                    s.size = Math.random() * this.maxSize + .2,
                    s.delay = Math.random() * this.minDelay,
                    s.duration = Math.random() * this.maxDuration,
                    s.offsetLeft = Math.floor(Math.random() * Hi.rootElement().clientWidth),
                    s.element = t;
                    const n = document.createElement("drop");
                    n.setAttribute("style", "left: " + s.offsetLeft + "px; width:" + s.size + "px; overflow: visible;"),
                    t.setAttribute("style", "animation-delay:" + s.delay + "s; animation-duration:" + (1 + s.duration) + "s;");
                    const i = document.createElement("div");
                    i.id = "drophead",
                    s.headsize = 3 * s.size,
                    i.setAttribute("style", "left: -" + s.size + "px; width:" + s.headsize + "px; height: " + s.headsize + "px;"),
                    n.appendChild(i),
                    t.appendChild(n),
                    Hi.rootElement().append(t),
                    this.rainDrops.push(s),
                    e++
                }
                this.maxDrops /= 1.5,
                this.maxDuration /= 1.5
            }
            update(e) {
                if (null != e || null != e) {
                    this.textElement.innerHTML = "";
                    let t = document.createElement("div");
                    t.innerHTML = e,
                    this.textElement.append(t),
                    this.textElement.append(Hi.spinner())
                }
            }
        }
        class Wi {
        }
        class Vi extends _t {
            constructor(e, t) {
                super(),
                this.type = "authenticationRequest",
                this.token = e,
                this.provider = t
            }
        }
        !function(e) {
            e.UNALLOCATED = "UNALLOCATED",
            e.PENDING = "PENDING",
            e.FAILED = "FAILED",
            e.READY = "READY"
        }(bi || (bi = {}));
        class Qi extends Dt {
        }
        !function(e) {
            e.REDIRECT = "REDIRECT",
            e.INVALID_TOKEN = "INVALID_TOKEN",
            e.AUTHENTICATED = "AUTHENTICATED",
            e.ERROR = "ERROR"
        }(Ei || (Ei = {}));
        class qi extends Dt {
        }
        class Ki extends _t {
            constructor() {
                super(),
                this.type = "requestInstance"
            }
        }
        class ji {
            constructor(e) {
                this.extendSignallingProtocol(e)
            }
            extendSignallingProtocol(e) {
                e.signallingProtocol.addMessageHandler("authenticationRequired", (t=>{
                    It.Log(It.GetStackTrace(), "AUTHENTICATION_REQUIRED", 6);
                    const s = window.location.href
                      , n = new URL(s)
                      , i = new Vi(n.searchParams.get("code"),n.searchParams.get("provider"));
                    e.webSocket.send(i.payload())
                }
                )),
                e.signallingProtocol.addMessageHandler("instanceState", (e=>{
                    It.Log(It.GetStackTrace(), "INSTANCE_STATE", 6);
                    const t = JSON.parse(e);
                    this.handleInstanceStateChanged(t)
                }
                )),
                e.signallingProtocol.addMessageHandler("authenticationResponse", (t=>{
                    It.Log(It.GetStackTrace(), "AUTHENTICATION_RESPONSE", 6);
                    const s = JSON.parse(t);
                    switch (this.handleAuthenticationResponse(s),
                    s.outcome) {
                    case Ei.REDIRECT:
                        window.location.href = s.redirect;
                        break;
                    case Ei.AUTHENTICATED:
                        It.Log(It.GetStackTrace(), "User is authenticated and now requesting an instance", 6),
                        e.webSocket.send((new Ki).payload());
                        break;
                    case Ei.INVALID_TOKEN:
                        It.Info(It.GetStackTrace(), "Authentication error : Invalid Token");
                        break;
                    case Ei.ERROR:
                        It.Info(It.GetStackTrace(), "Authentication Error from server Check what you are sending");
                        break;
                    default:
                        It.Error(It.GetStackTrace(), "The Outcome Message has not been handled : this is really bad")
                    }
                }
                ))
            }
            handleInstanceStateChanged(e) {
                let t = ""
                  , s = !1
                  , n = !1;
                switch (e.state) {
                case bi.UNALLOCATED:
                    t = "Instance Unallocated: " + e.details;
                    break;
                case bi.FAILED:
                    t = "UE Instance Failed: " + e.details,
                    n = !0;
                    break;
                case bi.PENDING:
                    s = !0,
                    t = null == e.details || null == e.details ? "Pending" : e.details,
                    t = "Step 2/3: " + t;
                    break;
                case bi.READY:
                    t = null == e.details || null == e.details ? "Ready" : "Ready: " + e.details,
                    t = "Step 3/3: " + t;
                    break;
                default:
                    t = "Unhandled Instance State" + e.state + " " + e.details
                }
                n ? this.onInstanceStateChanged(t, !0) : this.onInstanceStateChanged(t, !1)
            }
            handleAuthenticationResponse(e) {
                let t = ""
                  , s = !1;
                switch (e.outcome) {
                case Ei.AUTHENTICATED:
                    t = "Step 1/3: Requesting Instance";
                    break;
                case Ei.INVALID_TOKEN:
                    t = "Invalid Token: " + e.error,
                    s = !0;
                    break;
                case Ei.REDIRECT:
                    t = "Redirecting to: " + e.redirect;
                    break;
                case Ei.ERROR:
                    t = "Error: " + e.error,
                    s = !0;
                    break;
                default:
                    t = "Unhandled Auth Response: " + e.outcome
                }
                this.onAuthenticationResponse(t, s)
            }
        }
        !function(e) {
            e.STATS = "stats"
        }(wi || (wi = {}));
        class Xi extends _t {
            constructor(e) {
                super(),
                this.type = wi.STATS,
                this.inboundVideoStats = e.inboundVideoStats,
                this.inboundAudioStats = e.inboundAudioStats,
                this.candidatePair = e.candidatePair,
                this.dataChannelStats = e.DataChannelStats,
                this.localCandidates = e.localCandidates,
                this.remoteCandidates = e.remoteCandidates,
                this.outboundVideoStats = e.outBoundVideoStats
            }
        }
        class Ji extends Pi {
            constructor(e) {
                super(e),
                this.signallingExtension = new ji(this.stream.webSocketController),
                this.signallingExtension.onAuthenticationResponse = this.handleSignallingResponse.bind(this),
                this.signallingExtension.onInstanceStateChanged = this.handleSignallingResponse.bind(this),
                this.enforceSpecialSignallingServerUrl();
                const t = this.configUI.buildSectionWithHeading(this.settingsPanel.settingsContentElement, "Scalable Pixel Streaming")
                  , s = new Wt(Ji.Flags.sendToServer,"Send stats to server","Send session stats to the server",!1,this.stream.config.useUrlParams);
                t.appendChild(new Ui(s).rootElement),
                this.loadingOverlay = new Hi(this.stream.videoElementParent),
                this.stream.addEventListener("statsReceived", (({data: {aggregatedStats: e}})=>{
                    s.flag && this.sendStatsToSignallingServer(e)
                }
                ))
            }
            handleSignallingResponse(e, t) {
                t ? this.showErrorOverlay(e) : this.showLoadingOverlay(e)
            }
            enforceSpecialSignallingServerUrl() {
                this.stream.setSignallingUrlBuilder((()=>{
                    let e = this.stream.config.getTextSettingValue(jt.SignallingServerUrl);
                    return e && void 0 !== e && !e.endsWith("/ws") && (e = e.endsWith("/") ? e + "ws" : e + window.location.pathname + "/ws"),
                    e
                }
                ))
            }
            showLoadingOverlay(e) {
                this.hideCurrentOverlay(),
                this.loadingOverlay.show(),
                this.loadingOverlay.update(e),
                this.currentOverlay = this.loadingOverlay
            }
            sendStatsToSignallingServer(e) {
                const t = new Xi(e);
                this.stream.webSocketController.webSocket.send(t.payload())
            }
        }
        Ji.Flags = ((Ti = class {
        }
        ).sendToServer = "sendStatsToServer",
        Ti)
    }
    )();
    var o = r.De
      , a = r.vU
      , l = r.g
      , c = r.YU;
    const d = new (0,
    r.XY);
    d.applyStyleSheet();
    class h extends l {
        handleOnConfig(e) {
            this._webRtcController.handleOnConfigMessage(e)
        }
    }
    return document.body.onload = function() {
        const e = new o({
            useUrlParams: !0,
            initialSettings: {
                OfferToReceive: !0,
                TimeoutIfIdle: !0,
                AutoConnect: !1,
                MaxReconnectAttempts: 0
            }
        })
          , t = new h(e);
        t.webSocketController.onConfig = e=>{
            t.config.setFlagEnabled(a.BrowserSendOffer, e.frontendToSendOffer),
            t.handleOnConfig(e)
        }
        ;
        const s = new c({
            stream: t,
            onColorModeChanged: e=>d.setColorMode(e)
        });
        document.body.appendChild(s.rootElement)
    }
    ,
    t
}
)()));