@highlight-run/rrweb 2.0.4 → 2.0.5

package/dist/replay/rrweb-replay.js

@@ -1,2286 +1,5 @@
-var rrwebReplay = (function (exports) {
-    'use strict';
-
-    var NodeType$2;
-    (function(NodeType2) {
-      NodeType2[NodeType2["Document"] = 0] = "Document";
-      NodeType2[NodeType2["DocumentType"] = 1] = "DocumentType";
-      NodeType2[NodeType2["Element"] = 2] = "Element";
-      NodeType2[NodeType2["Text"] = 3] = "Text";
-      NodeType2[NodeType2["CDATA"] = 4] = "CDATA";
-      NodeType2[NodeType2["Comment"] = 5] = "Comment";
-    })(NodeType$2 || (NodeType$2 = {}));
-    function isElement(n) {
-      return n.nodeType === n.ELEMENT_NODE;
-    }
-    var Mirror$2 = function() {
-      function Mirror2() {
-        this.idNodeMap = /* @__PURE__ */ new Map();
-        this.nodeMetaMap = /* @__PURE__ */ new WeakMap();
-      }
-      Mirror2.prototype.getId = function(n) {
-        var _a;
-        if (!n)
-          return -1;
-        var id = (_a = this.getMeta(n)) === null || _a === void 0 ? void 0 : _a.id;
-        return id !== null && id !== void 0 ? id : -1;
-      };
-      Mirror2.prototype.getNode = function(id) {
-        return this.idNodeMap.get(id) || null;
-      };
-      Mirror2.prototype.getIds = function() {
-        return Array.from(this.idNodeMap.keys());
-      };
-      Mirror2.prototype.getMeta = function(n) {
-        return this.nodeMetaMap.get(n) || null;
-      };
-      Mirror2.prototype.removeNodeFromMap = function(n) {
-        var _this = this;
-        var id = this.getId(n);
-        this.idNodeMap["delete"](id);
-        if (n.childNodes) {
-          n.childNodes.forEach(function(childNode) {
-            return _this.removeNodeFromMap(childNode);
-          });
-        }
-      };
-      Mirror2.prototype.has = function(id) {
-        return this.idNodeMap.has(id);
-      };
-      Mirror2.prototype.hasNode = function(node) {
-        return this.nodeMetaMap.has(node);
-      };
-      Mirror2.prototype.add = function(n, meta) {
-        var id = meta.id;
-        this.idNodeMap.set(id, n);
-        this.nodeMetaMap.set(n, meta);
-      };
-      Mirror2.prototype.replace = function(id, n) {
-        this.idNodeMap.set(id, n);
-      };
-      Mirror2.prototype.reset = function() {
-        this.idNodeMap = /* @__PURE__ */ new Map();
-        this.nodeMetaMap = /* @__PURE__ */ new WeakMap();
-      };
-      return Mirror2;
-    }();
-    function createMirror$2() {
-      return new Mirror$2();
-    }
-    var commentre = /\/\*[^*]*\*+([^/*][^*]*\*+)*\//g;
-    function parse(css, options) {
-      if (options === void 0) {
-        options = {};
-      }
-      var lineno = 1;
-      var column = 1;
-      function updatePosition(str) {
-        var lines = str.match(/\n/g);
-        if (lines) {
-          lineno += lines.length;
-        }
-        var i = str.lastIndexOf("\n");
-        column = i === -1 ? column + str.length : str.length - i;
-      }
-      function position() {
-        var start = { line: lineno, column };
-        return function(node) {
-          node.position = new Position(start);
-          whitespace();
-          return node;
-        };
-      }
-      var Position = function() {
-        function Position2(start) {
-          this.start = start;
-          this.end = { line: lineno, column };
-          this.source = options.source;
-        }
-        return Position2;
-      }();
-      Position.prototype.content = css;
-      var errorsList = [];
-      function error(msg) {
-        var err = new Error(options.source + ":" + lineno + ":" + column + ": " + msg);
-        err.reason = msg;
-        err.filename = options.source;
-        err.line = lineno;
-        err.column = column;
-        err.source = css;
-        if (options.silent) {
-          errorsList.push(err);
-        } else {
-          throw err;
-        }
-      }
-      function stylesheet() {
-        var rulesList = rules();
-        return {
-          type: "stylesheet",
-          stylesheet: {
-            source: options.source,
-            rules: rulesList,
-            parsingErrors: errorsList
-          }
-        };
-      }
-      function open() {
-        return match(/^{\s*/);
-      }
-      function close() {
-        return match(/^}/);
-      }
-      function rules() {
-        var node;
-        var rules2 = [];
-        whitespace();
-        comments(rules2);
-        while (css.length && css.charAt(0) !== "}" && (node = atrule() || rule())) {
-          if (node !== false) {
-            rules2.push(node);
-            comments(rules2);
-          }
-        }
-        return rules2;
-      }
-      function match(re) {
-        var m = re.exec(css);
-        if (!m) {
-          return;
-        }
-        var str = m[0];
-        updatePosition(str);
-        css = css.slice(str.length);
-        return m;
-      }
-      function whitespace() {
-        match(/^\s*/);
-      }
-      function comments(rules2) {
-        if (rules2 === void 0) {
-          rules2 = [];
-        }
-        var c;
-        while (c = comment()) {
-          if (c !== false) {
-            rules2.push(c);
-          }
-          c = comment();
-        }
-        return rules2;
-      }
-      function comment() {
-        var pos = position();
-        if (css.charAt(0) !== "/" || css.charAt(1) !== "*") {
-          return;
-        }
-        var i = 2;
-        while (css.charAt(i) !== "" && (css.charAt(i) !== "*" || css.charAt(i + 1) !== "/")) {
-          ++i;
-        }
-        i += 2;
-        if (css.charAt(i - 1) === "") {
-          return error("End of comment missing");
-        }
-        var str = css.slice(2, i - 2);
-        column += 2;
-        updatePosition(str);
-        css = css.slice(i);
-        column += 2;
-        return pos({
-          type: "comment",
-          comment: str
-        });
-      }
-      function selector() {
-        var m = match(/^([^{]+)/);
-        if (!m) {
-          return;
-        }
-        return trim(m[0]).replace(/\/\*([^*]|[\r\n]|(\*+([^*/]|[\r\n])))*\*\/+/g, "").replace(/"(?:\\"|[^"])*"|'(?:\\'|[^'])*'/g, function(m2) {
-          return m2.replace(/,/g, "\u200C");
-        }).split(/\s*(?![^(]*\)),\s*/).map(function(s) {
-          return s.replace(/\u200C/g, ",");
-        });
-      }
-      function declaration() {
-        var pos = position();
-        var propMatch = match(/^(\*?[-#\/\*\\\w]+(\[[0-9a-z_-]+\])?)\s*/);
-        if (!propMatch) {
-          return;
-        }
-        var prop = trim(propMatch[0]);
-        if (!match(/^:\s*/)) {
-          return error("property missing ':'");
-        }
-        var val = match(/^((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^\)]*?\)|[^};])+)/);
-        var ret = pos({
-          type: "declaration",
-          property: prop.replace(commentre, ""),
-          value: val ? trim(val[0]).replace(commentre, "") : ""
-        });
-        match(/^[;\s]*/);
-        return ret;
-      }
-      function declarations() {
-        var decls = [];
-        if (!open()) {
-          return error("missing '{'");
-        }
-        comments(decls);
-        var decl;
-        while (decl = declaration()) {
-          if (decl !== false) {
-            decls.push(decl);
-            comments(decls);
-          }
-          decl = declaration();
-        }
-        if (!close()) {
-          return error("missing '}'");
-        }
-        return decls;
-      }
-      function keyframe() {
-        var m;
-        var vals = [];
-        var pos = position();
-        while (m = match(/^((\d+\.\d+|\.\d+|\d+)%?|[a-z]+)\s*/)) {
-          vals.push(m[1]);
-          match(/^,\s*/);
-        }
-        if (!vals.length) {
-          return;
-        }
-        return pos({
-          type: "keyframe",
-          values: vals,
-          declarations: declarations()
-        });
-      }
-      function atkeyframes() {
-        var pos = position();
-        var m = match(/^@([-\w]+)?keyframes\s*/);
-        if (!m) {
-          return;
-        }
-        var vendor = m[1];
-        m = match(/^([-\w]+)\s*/);
-        if (!m) {
-          return error("@keyframes missing name");
-        }
-        var name = m[1];
-        if (!open()) {
-          return error("@keyframes missing '{'");
-        }
-        var frame;
-        var frames = comments();
-        while (frame = keyframe()) {
-          frames.push(frame);
-          frames = frames.concat(comments());
-        }
-        if (!close()) {
-          return error("@keyframes missing '}'");
-        }
-        return pos({
-          type: "keyframes",
-          name,
-          vendor,
-          keyframes: frames
-        });
-      }
-      function atsupports() {
-        var pos = position();
-        var m = match(/^@supports *([^{]+)/);
-        if (!m) {
-          return;
-        }
-        var supports = trim(m[1]);
-        if (!open()) {
-          return error("@supports missing '{'");
-        }
-        var style = comments().concat(rules());
-        if (!close()) {
-          return error("@supports missing '}'");
-        }
-        return pos({
-          type: "supports",
-          supports,
-          rules: style
-        });
-      }
-      function athost() {
-        var pos = position();
-        var m = match(/^@host\s*/);
-        if (!m) {
-          return;
-        }
-        if (!open()) {
-          return error("@host missing '{'");
-        }
-        var style = comments().concat(rules());
-        if (!close()) {
-          return error("@host missing '}'");
-        }
-        return pos({
-          type: "host",
-          rules: style
-        });
-      }
-      function atmedia() {
-        var pos = position();
-        var m = match(/^@media *([^{]+)/);
-        if (!m) {
-          return;
-        }
-        var media = trim(m[1]);
-        if (!open()) {
-          return error("@media missing '{'");
-        }
-        var style = comments().concat(rules());
-        if (!close()) {
-          return error("@media missing '}'");
-        }
-        return pos({
-          type: "media",
-          media,
-          rules: style
-        });
-      }
-      function atcustommedia() {
-        var pos = position();
-        var m = match(/^@custom-media\s+(--[^\s]+)\s*([^{;]+);/);
-        if (!m) {
-          return;
-        }
-        return pos({
-          type: "custom-media",
-          name: trim(m[1]),
-          media: trim(m[2])
-        });
-      }
-      function atpage() {
-        var pos = position();
-        var m = match(/^@page */);
-        if (!m) {
-          return;
-        }
-        var sel = selector() || [];
-        if (!open()) {
-          return error("@page missing '{'");
-        }
-        var decls = comments();
-        var decl;
-        while (decl = declaration()) {
-          decls.push(decl);
-          decls = decls.concat(comments());
-        }
-        if (!close()) {
-          return error("@page missing '}'");
-        }
-        return pos({
-          type: "page",
-          selectors: sel,
-          declarations: decls
-        });
-      }
-      function atdocument() {
-        var pos = position();
-        var m = match(/^@([-\w]+)?document *([^{]+)/);
-        if (!m) {
-          return;
-        }
-        var vendor = trim(m[1]);
-        var doc = trim(m[2]);
-        if (!open()) {
-          return error("@document missing '{'");
-        }
-        var style = comments().concat(rules());
-        if (!close()) {
-          return error("@document missing '}'");
-        }
-        return pos({
-          type: "document",
-          document: doc,
-          vendor,
-          rules: style
-        });
-      }
-      function atfontface() {
-        var pos = position();
-        var m = match(/^@font-face\s*/);
-        if (!m) {
-          return;
-        }
-        if (!open()) {
-          return error("@font-face missing '{'");
-        }
-        var decls = comments();
-        var decl;
-        while (decl = declaration()) {
-          decls.push(decl);
-          decls = decls.concat(comments());
-        }
-        if (!close()) {
-          return error("@font-face missing '}'");
-        }
-        return pos({
-          type: "font-face",
-          declarations: decls
-        });
-      }
-      var atimport = _compileAtrule("import");
-      var atcharset = _compileAtrule("charset");
-      var atnamespace = _compileAtrule("namespace");
-      function _compileAtrule(name) {
-        var re = new RegExp("^@" + name + "\\s*([^;]+);");
-        return function() {
-          var pos = position();
-          var m = match(re);
-          if (!m) {
-            return;
-          }
-          var ret = { type: name };
-          ret[name] = m[1].trim();
-          return pos(ret);
-        };
-      }
-      function atrule() {
-        if (css[0] !== "@") {
-          return;
-        }
-        return atkeyframes() || atmedia() || atcustommedia() || atsupports() || atimport() || atcharset() || atnamespace() || atdocument() || atpage() || athost() || atfontface();
-      }
-      function rule() {
-        var pos = position();
-        var sel = selector();
-        if (!sel) {
-          return error("selector missing");
-        }
-        comments();
-        return pos({
-          type: "rule",
-          selectors: sel,
-          declarations: declarations()
-        });
-      }
-      return addParent(stylesheet());
-    }
-    function trim(str) {
-      return str ? str.replace(/^\s+|\s+$/g, "") : "";
-    }
-    function addParent(obj, parent) {
-      var isNode = obj && typeof obj.type === "string";
-      var childParent = isNode ? obj : parent;
-      for (var _i = 0, _a = Object.keys(obj); _i < _a.length; _i++) {
-        var k = _a[_i];
-        var value = obj[k];
-        if (Array.isArray(value)) {
-          value.forEach(function(v) {
-            addParent(v, childParent);
-          });
-        } else if (value && typeof value === "object") {
-          addParent(value, childParent);
-        }
-      }
-      if (isNode) {
-        Object.defineProperty(obj, "parent", {
-          configurable: true,
-          writable: true,
-          enumerable: false,
-          value: parent || null
-        });
-      }
-      return obj;
-    }
-    var tagMap = {
-      script: "noscript",
-      altglyph: "altGlyph",
-      altglyphdef: "altGlyphDef",
-      altglyphitem: "altGlyphItem",
-      animatecolor: "animateColor",
-      animatemotion: "animateMotion",
-      animatetransform: "animateTransform",
-      clippath: "clipPath",
-      feblend: "feBlend",
-      fecolormatrix: "feColorMatrix",
-      fecomponenttransfer: "feComponentTransfer",
-      fecomposite: "feComposite",
-      feconvolvematrix: "feConvolveMatrix",
-      fediffuselighting: "feDiffuseLighting",
-      fedisplacementmap: "feDisplacementMap",
-      fedistantlight: "feDistantLight",
-      fedropshadow: "feDropShadow",
-      feflood: "feFlood",
-      fefunca: "feFuncA",
-      fefuncb: "feFuncB",
-      fefuncg: "feFuncG",
-      fefuncr: "feFuncR",
-      fegaussianblur: "feGaussianBlur",
-      feimage: "feImage",
-      femerge: "feMerge",
-      femergenode: "feMergeNode",
-      femorphology: "feMorphology",
-      feoffset: "feOffset",
-      fepointlight: "fePointLight",
-      fespecularlighting: "feSpecularLighting",
-      fespotlight: "feSpotLight",
-      fetile: "feTile",
-      feturbulence: "feTurbulence",
-      foreignobject: "foreignObject",
-      glyphref: "glyphRef",
-      lineargradient: "linearGradient",
-      radialgradient: "radialGradient"
-    };
-    function getTagName(n) {
-      var tagName = tagMap[n.tagName] ? tagMap[n.tagName] : n.tagName;
-      if (tagName === "link" && n.attributes._cssText) {
-        tagName = "style";
-      }
-      return tagName;
-    }
-    function escapeRegExp(str) {
-      return str.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-    }
-    var HOVER_SELECTOR = /([^\\]):hover/;
-    var HOVER_SELECTOR_GLOBAL = new RegExp(HOVER_SELECTOR.source, "g");
-    function addHoverClass(cssText, cache) {
-      var _a;
-      if (!((_a = window.HIG_CONFIGURATION) === null || _a === void 0 ? void 0 : _a.enableOnHoverClass)) {
-        return cssText;
-      }
-      var cachedStyle = cache === null || cache === void 0 ? void 0 : cache.stylesWithHoverClass.get(cssText);
-      if (cachedStyle)
-        return cachedStyle;
-      var ast = parse(cssText, {
-        silent: true
-      });
-      if (!ast.stylesheet) {
-        return cssText;
-      }
-      var selectors = [];
-      ast.stylesheet.rules.forEach(function(rule) {
-        if ("selectors" in rule) {
-          (rule.selectors || []).forEach(function(selector) {
-            if (HOVER_SELECTOR.test(selector)) {
-              selectors.push(selector);
-            }
-          });
-        }
-      });
-      if (selectors.length === 0) {
-        return cssText;
-      }
-      var selectorMatcher = new RegExp(selectors.filter(function(selector, index) {
-        return selectors.indexOf(selector) === index;
-      }).sort(function(a, b) {
-        return b.length - a.length;
-      }).map(function(selector) {
-        return escapeRegExp(selector);
-      }).join("|"), "g");
-      var result = cssText.replace(selectorMatcher, function(selector) {
-        var newSelector = selector.replace(HOVER_SELECTOR_GLOBAL, "$1.\\:hover");
-        return selector + ", " + newSelector;
-      });
-      cache === null || cache === void 0 ? void 0 : cache.stylesWithHoverClass.set(cssText, result);
-      return result;
-    }
-    function createCache() {
-      var stylesWithHoverClass = /* @__PURE__ */ new Map();
-      return {
-        stylesWithHoverClass
-      };
-    }
-    function buildNode(n, options) {
-      var doc = options.doc, hackCss = options.hackCss, cache = options.cache;
-      switch (n.type) {
-        case NodeType$2.Document:
-          return doc.implementation.createDocument(null, "", null);
-        case NodeType$2.DocumentType:
-          return doc.implementation.createDocumentType(n.name || "html", n.publicId, n.systemId);
-        case NodeType$2.Element:
-          var tagName = getTagName(n);
-          var node_1;
-          if (n.isSVG) {
-            node_1 = doc.createElementNS("http://www.w3.org/2000/svg", tagName);
-          } else {
-            node_1 = doc.createElement(tagName);
-          }
-          var _loop_1 = function(name_12) {
-            if (!n.attributes.hasOwnProperty(name_12)) {
-              return "continue";
-            }
-            var value = n.attributes[name_12];
-            if (tagName === "option" && name_12 === "selected" && value === false) {
-              return "continue";
-            }
-            value = typeof value === "boolean" || typeof value === "number" ? "" : value;
-            if (!name_12.startsWith("rr_")) {
-              var isTextarea = tagName === "textarea" && name_12 === "value";
-              var isRemoteOrDynamicCss = tagName === "style" && name_12 === "_cssText";
-              if (isRemoteOrDynamicCss && hackCss) {
-                value = addHoverClass(value, cache);
-                if (typeof value === "string") {
-                  var regex = /url\(\"https:\/\/\S*(.eot|.woff2|.ttf|.woff)\S*\"\)/gm;
-                  var m = void 0;
-                  var fontUrls_1 = [];
-                  var PROXY_URL_1 = "https://replay-cors-proxy.highlightrun.workers.dev";
-                  while ((m = regex.exec(value)) !== null) {
-                    if (m.index === regex.lastIndex) {
-                      regex.lastIndex++;
-                    }
-                    m.forEach(function(match, groupIndex) {
-                      if (groupIndex === 0) {
-                        var url = match.slice(5, match.length - 2);
-                        fontUrls_1.push({
-                          originalUrl: url,
-                          proxyUrl: url.replace(url, PROXY_URL_1 + "?url=" + url)
-                        });
-                      }
-                    });
-                  }
-                  fontUrls_1.forEach(function(urlPair) {
-                    value = value.replace(urlPair.originalUrl, urlPair.proxyUrl);
-                  });
-                }
-              }
-              if (isTextarea || isRemoteOrDynamicCss) {
-                var child = doc.createTextNode(value);
-                for (var _i = 0, _a = Array.from(node_1.childNodes); _i < _a.length; _i++) {
-                  var c = _a[_i];
-                  if (c.nodeType === node_1.TEXT_NODE) {
-                    node_1.removeChild(c);
-                  }
-                }
-                node_1.appendChild(child);
-                return "continue";
-              }
-              try {
-                if (n.isSVG && name_12 === "xlink:href") {
-                  node_1.setAttributeNS("http://www.w3.org/1999/xlink", name_12, value);
-                } else if (name_12 === "onload" || name_12 === "onclick" || name_12.substring(0, 7) === "onmouse") {
-                  node_1.setAttribute("_" + name_12, value);
-                } else if (tagName === "meta" && n.attributes["http-equiv"] === "Content-Security-Policy" && name_12 === "content") {
-                  node_1.setAttribute("csp-content", value);
-                  return "continue";
-                } else if (tagName === "link" && n.attributes.rel === "preload" && n.attributes.as === "script") {
-                } else if (tagName === "link" && n.attributes.rel === "prefetch" && typeof n.attributes.href === "string" && n.attributes.href.endsWith(".js")) {
-                } else if (tagName === "img" && n.attributes.srcset && n.attributes.rr_dataURL) {
-                  node_1.setAttribute("rrweb-original-srcset", n.attributes.srcset);
-                } else {
-                  node_1.setAttribute(name_12, value);
-                }
-              } catch (error) {
-              }
-            } else {
-              if (tagName === "canvas" && name_12 === "rr_dataURL") {
-                var image_1 = document.createElement("img");
-                image_1.src = value;
-                image_1.onload = function() {
-                  var ctx = node_1.getContext("2d");
-                  if (ctx) {
-                    ctx.drawImage(image_1, 0, 0, image_1.width, image_1.height);
-                  }
-                };
-              } else if (tagName === "img" && name_12 === "rr_dataURL") {
-                var image = node_1;
-                if (!image.currentSrc.startsWith("data:")) {
-                  image.setAttribute("rrweb-original-src", n.attributes.src);
-                  image.src = value;
-                }
-              }
-              if (name_12 === "rr_width") {
-                node_1.style.width = value;
-              } else if (name_12 === "rr_height") {
-                node_1.style.height = value;
-              } else if (name_12 === "rr_mediaCurrentTime") {
-                node_1.currentTime = n.attributes.rr_mediaCurrentTime;
-              } else if (name_12 === "rr_mediaState") {
-                switch (value) {
-                  case "played":
-                    node_1.play()["catch"](function(e) {
-                      return console.warn("media playback error", e);
-                    });
-                    break;
-                  case "paused":
-                    node_1.pause();
-                    break;
-                }
-              }
-            }
-          };
-          for (var name_1 in n.attributes) {
-            _loop_1(name_1);
-          }
-          if (n.isShadowHost) {
-            if (!node_1.shadowRoot) {
-              node_1.attachShadow({ mode: "open" });
-            } else {
-              while (node_1.shadowRoot.firstChild) {
-                node_1.shadowRoot.removeChild(node_1.shadowRoot.firstChild);
-              }
-            }
-          }
-          return node_1;
-        case NodeType$2.Text:
-          return doc.createTextNode(n.isStyle && hackCss ? addHoverClass(n.textContent, cache) : n.textContent);
-        case NodeType$2.CDATA:
-          return doc.createCDATASection(n.textContent);
-        case NodeType$2.Comment:
-          return doc.createComment(n.textContent);
-        default:
-          return null;
-      }
-    }
-    function buildNodeWithSN(n, options) {
-      var doc = options.doc, mirror = options.mirror, _a = options.skipChild, skipChild = _a === void 0 ? false : _a, _b = options.hackCss, hackCss = _b === void 0 ? true : _b, afterAppend = options.afterAppend, cache = options.cache;
-      var node = buildNode(n, { doc, hackCss, cache });
-      if (!node) {
-        return null;
-      }
-      if (n.rootId) {
-        console.assert(mirror.getNode(n.rootId) === doc, "Target document should have the same root id.");
-      }
-      if (n.type === NodeType$2.Document) {
-        doc.close();
-        doc.open();
-        if (n.compatMode === "BackCompat" && n.childNodes && n.childNodes[0].type !== NodeType$2.DocumentType) {
-          if (n.childNodes[0].type === NodeType$2.Element && "xmlns" in n.childNodes[0].attributes && n.childNodes[0].attributes.xmlns === "http://www.w3.org/1999/xhtml") {
-            doc.write('<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">');
-          } else {
-            doc.write('<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "">');
-          }
-        }
-        node = doc;
-      }
-      mirror.add(node, n);
-      if ((n.type === NodeType$2.Document || n.type === NodeType$2.Element) && !skipChild) {
-        for (var _i = 0, _c = n.childNodes; _i < _c.length; _i++) {
-          var childN = _c[_i];
-          var childNode = buildNodeWithSN(childN, {
-            doc,
-            mirror,
-            skipChild: false,
-            hackCss,
-            afterAppend,
-            cache
-          });
-          if (!childNode) {
-            console.warn("Failed to rebuild", childN);
-            continue;
-          }
-          if (childN.isShadow && isElement(node) && node.shadowRoot) {
-            node.shadowRoot.appendChild(childNode);
-          } else {
-            node.appendChild(childNode);
-          }
-          if (afterAppend) {
-            afterAppend(childNode);
-          }
-        }
-      }
-      return node;
-    }
-    function visit(mirror, onVisit) {
-      function walk(node) {
-        onVisit(node);
-      }
-      for (var _i = 0, _a = mirror.getIds(); _i < _a.length; _i++) {
-        var id = _a[_i];
-        if (mirror.has(id)) {
-          walk(mirror.getNode(id));
-        }
-      }
-    }
-    function handleScroll(node, mirror) {
-      var n = mirror.getMeta(node);
-      if ((n === null || n === void 0 ? void 0 : n.type) !== NodeType$2.Element) {
-        return;
-      }
-      var el = node;
-      for (var name_2 in n.attributes) {
-        if (!(n.attributes.hasOwnProperty(name_2) && name_2.startsWith("rr_"))) {
-          continue;
-        }
-        var value = n.attributes[name_2];
-        if (name_2 === "rr_scrollLeft") {
-          el.scrollLeft = value;
-        }
-        if (name_2 === "rr_scrollTop") {
-          el.scrollTop = value;
-        }
-      }
-    }
-    function rebuild(n, options) {
-      var doc = options.doc, onVisit = options.onVisit, _a = options.hackCss, hackCss = _a === void 0 ? true : _a, afterAppend = options.afterAppend, cache = options.cache, _b = options.mirror, mirror = _b === void 0 ? new Mirror$2() : _b;
-      var node = buildNodeWithSN(n, {
-        doc,
-        mirror,
-        skipChild: false,
-        hackCss,
-        afterAppend,
-        cache
-      });
-      visit(mirror, function(visitedNode) {
-        if (onVisit) {
-          onVisit(visitedNode);
-        }
-        handleScroll(visitedNode, mirror);
-      });
-      return node;
-    }
-
-    var NodeType$1;
-    (function(NodeType2) {
-      NodeType2[NodeType2["Document"] = 0] = "Document";
-      NodeType2[NodeType2["DocumentType"] = 1] = "DocumentType";
-      NodeType2[NodeType2["Element"] = 2] = "Element";
-      NodeType2[NodeType2["Text"] = 3] = "Text";
-      NodeType2[NodeType2["CDATA"] = 4] = "CDATA";
-      NodeType2[NodeType2["Comment"] = 5] = "Comment";
-    })(NodeType$1 || (NodeType$1 = {}));
-    var Mirror$1 = function() {
-      function Mirror2() {
-        this.idNodeMap = /* @__PURE__ */ new Map();
-        this.nodeMetaMap = /* @__PURE__ */ new WeakMap();
-      }
-      Mirror2.prototype.getId = function(n) {
-        var _a;
-        if (!n)
-          return -1;
-        var id = (_a = this.getMeta(n)) === null || _a === void 0 ? void 0 : _a.id;
-        return id !== null && id !== void 0 ? id : -1;
-      };
-      Mirror2.prototype.getNode = function(id) {
-        return this.idNodeMap.get(id) || null;
-      };
-      Mirror2.prototype.getIds = function() {
-        return Array.from(this.idNodeMap.keys());
-      };
-      Mirror2.prototype.getMeta = function(n) {
-        return this.nodeMetaMap.get(n) || null;
-      };
-      Mirror2.prototype.removeNodeFromMap = function(n) {
-        var _this = this;
-        var id = this.getId(n);
-        this.idNodeMap["delete"](id);
-        if (n.childNodes) {
-          n.childNodes.forEach(function(childNode) {
-            return _this.removeNodeFromMap(childNode);
-          });
-        }
-      };
-      Mirror2.prototype.has = function(id) {
-        return this.idNodeMap.has(id);
-      };
-      Mirror2.prototype.hasNode = function(node) {
-        return this.nodeMetaMap.has(node);
-      };
-      Mirror2.prototype.add = function(n, meta) {
-        var id = meta.id;
-        this.idNodeMap.set(id, n);
-        this.nodeMetaMap.set(n, meta);
-      };
-      Mirror2.prototype.replace = function(id, n) {
-        this.idNodeMap.set(id, n);
-      };
-      Mirror2.prototype.reset = function() {
-        this.idNodeMap = /* @__PURE__ */ new Map();
-        this.nodeMetaMap = /* @__PURE__ */ new WeakMap();
-      };
-      return Mirror2;
-    }();
-    function createMirror$1() {
-      return new Mirror$1();
-    }
-    function parseCSSText(cssText) {
-      const res = {};
-      const listDelimiter = /;(?![^(]*\))/g;
-      const propertyDelimiter = /:(.+)/;
-      const comment = /\/\*.*?\*\//g;
-      cssText.replace(comment, "").split(listDelimiter).forEach(function(item) {
-        if (item) {
-          const tmp = item.split(propertyDelimiter);
-          tmp.length > 1 && (res[camelize(tmp[0].trim())] = tmp[1].trim());
-        }
-      });
-      return res;
-    }
-    function toCSSText(style) {
-      const properties = [];
-      for (const name in style) {
-        const value = style[name];
-        if (typeof value !== "string")
-          continue;
-        const normalizedName = hyphenate(name);
-        properties.push(`${normalizedName}: ${value};`);
-      }
-      return properties.join(" ");
-    }
-    const camelizeRE = /-([a-z])/g;
-    const CUSTOM_PROPERTY_REGEX = /^--[a-zA-Z0-9-]+$/;
-    const camelize = (str) => {
-      if (CUSTOM_PROPERTY_REGEX.test(str))
-        return str;
-      return str.replace(camelizeRE, (_, c) => c ? c.toUpperCase() : "");
-    };
-    const hyphenateRE = /\B([A-Z])/g;
-    const hyphenate = (str) => {
-      return str.replace(hyphenateRE, "-$1").toLowerCase();
-    };
-    class BaseRRNode {
-      constructor(...args) {
-        this.childNodes = [];
-        this.parentElement = null;
-        this.parentNode = null;
-        this.ELEMENT_NODE = NodeType.ELEMENT_NODE;
-        this.TEXT_NODE = NodeType.TEXT_NODE;
-      }
-      get firstChild() {
-        return this.childNodes[0] || null;
-      }
-      get lastChild() {
-        return this.childNodes[this.childNodes.length - 1] || null;
-      }
-      get nextSibling() {
-        const parentNode = this.parentNode;
-        if (!parentNode)
-          return null;
-        const siblings = parentNode.childNodes;
-        const index = siblings.indexOf(this);
-        return siblings[index + 1] || null;
-      }
-      contains(node) {
-        if (node === this)
-          return true;
-        for (const child of this.childNodes) {
-          if (child.contains(node))
-            return true;
-        }
-        return false;
-      }
-      appendChild(_newChild) {
-        throw new Error(`RRDomException: Failed to execute 'appendChild' on 'RRNode': This RRNode type does not support this method.`);
-      }
-      insertBefore(_newChild, _refChild) {
-        throw new Error(`RRDomException: Failed to execute 'insertBefore' on 'RRNode': This RRNode type does not support this method.`);
-      }
-      removeChild(node) {
-        throw new Error(`RRDomException: Failed to execute 'removeChild' on 'RRNode': This RRNode type does not support this method.`);
-      }
-      toString() {
-        return "RRNode";
-      }
-    }
-    function BaseRRDocumentImpl(RRNodeClass) {
-      return class BaseRRDocument extends RRNodeClass {
-        constructor() {
-          super(...arguments);
-          this.nodeType = NodeType.DOCUMENT_NODE;
-          this.nodeName = "#document";
-          this.compatMode = "CSS1Compat";
-          this.RRNodeType = NodeType$1.Document;
-          this.textContent = null;
-        }
-        get documentElement() {
-          return this.childNodes.find((node) => node.RRNodeType === NodeType$1.Element && node.tagName === "HTML") || null;
-        }
-        get body() {
-          var _a;
-          return ((_a = this.documentElement) === null || _a === void 0 ? void 0 : _a.childNodes.find((node) => node.RRNodeType === NodeType$1.Element && node.tagName === "BODY")) || null;
-        }
-        get head() {
-          var _a;
-          return ((_a = this.documentElement) === null || _a === void 0 ? void 0 : _a.childNodes.find((node) => node.RRNodeType === NodeType$1.Element && node.tagName === "HEAD")) || null;
-        }
-        get implementation() {
-          return this;
-        }
-        get firstElementChild() {
-          return this.documentElement;
-        }
-        appendChild(childNode) {
-          const nodeType = childNode.RRNodeType;
-          if (nodeType === NodeType$1.Element || nodeType === NodeType$1.DocumentType) {
-            if (this.childNodes.some((s) => s.RRNodeType === nodeType)) {
-              throw new Error(`RRDomException: Failed to execute 'appendChild' on 'RRNode': Only one ${nodeType === NodeType$1.Element ? "RRElement" : "RRDoctype"} on RRDocument allowed.`);
-            }
-          }
-          childNode.parentElement = null;
-          childNode.parentNode = this;
-          this.childNodes.push(childNode);
-          return childNode;
-        }
-        insertBefore(newChild, refChild) {
-          const nodeType = newChild.RRNodeType;
-          if (nodeType === NodeType$1.Element || nodeType === NodeType$1.DocumentType) {
-            if (this.childNodes.some((s) => s.RRNodeType === nodeType)) {
-              throw new Error(`RRDomException: Failed to execute 'insertBefore' on 'RRNode': Only one ${nodeType === NodeType$1.Element ? "RRElement" : "RRDoctype"} on RRDocument allowed.`);
-            }
-          }
-          if (refChild === null)
-            return this.appendChild(newChild);
-          const childIndex = this.childNodes.indexOf(refChild);
-          if (childIndex == -1)
-            throw new Error("Failed to execute 'insertBefore' on 'RRNode': The RRNode before which the new node is to be inserted is not a child of this RRNode.");
-          this.childNodes.splice(childIndex, 0, newChild);
-          newChild.parentElement = null;
-          newChild.parentNode = this;
-          return newChild;
-        }
-        removeChild(node) {
-          const indexOfChild = this.childNodes.indexOf(node);
-          if (indexOfChild === -1)
-            throw new Error("Failed to execute 'removeChild' on 'RRDocument': The RRNode to be removed is not a child of this RRNode.");
-          this.childNodes.splice(indexOfChild, 1);
-          node.parentElement = null;
-          node.parentNode = null;
-          return node;
-        }
-        open() {
-          this.childNodes = [];
-        }
-        close() {
-        }
-        write(content) {
-          let publicId;
-          if (content === '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">')
-            publicId = "-//W3C//DTD XHTML 1.0 Transitional//EN";
-          else if (content === '<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "">')
-            publicId = "-//W3C//DTD HTML 4.0 Transitional//EN";
-          if (publicId) {
-            const doctype = this.createDocumentType("html", publicId, "");
-            this.open();
-            this.appendChild(doctype);
-          }
-        }
-        createDocument(_namespace, _qualifiedName, _doctype) {
-          return new BaseRRDocument();
-        }
-        createDocumentType(qualifiedName, publicId, systemId) {
-          const doctype = new (BaseRRDocumentTypeImpl(BaseRRNode))(qualifiedName, publicId, systemId);
-          doctype.ownerDocument = this;
-          return doctype;
-        }
-        createElement(tagName) {
-          const element = new (BaseRRElementImpl(BaseRRNode))(tagName);
-          element.ownerDocument = this;
-          return element;
-        }
-        createElementNS(_namespaceURI, qualifiedName) {
-          return this.createElement(qualifiedName);
-        }
-        createTextNode(data) {
-          const text = new (BaseRRTextImpl(BaseRRNode))(data);
-          text.ownerDocument = this;
-          return text;
-        }
-        createComment(data) {
-          const comment = new (BaseRRCommentImpl(BaseRRNode))(data);
-          comment.ownerDocument = this;
-          return comment;
-        }
-        createCDATASection(data) {
-          const CDATASection = new (BaseRRCDATASectionImpl(BaseRRNode))(data);
-          CDATASection.ownerDocument = this;
-          return CDATASection;
-        }
-        toString() {
-          return "RRDocument";
-        }
-      };
-    }
-    function BaseRRDocumentTypeImpl(RRNodeClass) {
-      return class BaseRRDocumentType extends RRNodeClass {
-        constructor(qualifiedName, publicId, systemId) {
-          super();
-          this.nodeType = NodeType.DOCUMENT_TYPE_NODE;
-          this.RRNodeType = NodeType$1.DocumentType;
-          this.textContent = null;
-          this.name = qualifiedName;
-          this.publicId = publicId;
-          this.systemId = systemId;
-          this.nodeName = qualifiedName;
-        }
-        toString() {
-          return "RRDocumentType";
-        }
-      };
-    }
-    function BaseRRElementImpl(RRNodeClass) {
-      return class BaseRRElement extends RRNodeClass {
-        constructor(tagName) {
-          super();
-          this.nodeType = NodeType.ELEMENT_NODE;
-          this.RRNodeType = NodeType$1.Element;
-          this.attributes = {};
-          this.shadowRoot = null;
-          this.tagName = tagName.toUpperCase();
-          this.nodeName = tagName.toUpperCase();
-        }
-        get textContent() {
-          let result = "";
-          this.childNodes.forEach((node) => result += node.textContent);
-          return result;
-        }
-        set textContent(textContent) {
-          this.childNodes = [this.ownerDocument.createTextNode(textContent)];
-        }
-        get classList() {
-          return new ClassList(this.attributes.class, (newClassName) => {
-            this.attributes.class = newClassName;
-          });
-        }
-        get id() {
-          return this.attributes.id || "";
-        }
-        get className() {
-          return this.attributes.class || "";
-        }
-        get style() {
-          const style = this.attributes.style ? parseCSSText(this.attributes.style) : {};
-          const hyphenateRE2 = /\B([A-Z])/g;
-          style.setProperty = (name, value, priority) => {
-            if (hyphenateRE2.test(name))
-              return;
-            const normalizedName = camelize(name);
-            if (!value)
-              delete style[normalizedName];
-            else
-              style[normalizedName] = value;
-            if (priority === "important")
-              style[normalizedName] += " !important";
-            this.attributes.style = toCSSText(style);
-          };
-          style.removeProperty = (name) => {
-            if (hyphenateRE2.test(name))
-              return "";
-            const normalizedName = camelize(name);
-            const value = style[normalizedName] || "";
-            delete style[normalizedName];
-            this.attributes.style = toCSSText(style);
-            return value;
-          };
-          return style;
-        }
-        getAttribute(name) {
-          return this.attributes[name] || null;
-        }
-        setAttribute(name, attribute) {
-          this.attributes[name] = attribute;
-        }
-        setAttributeNS(_namespace, qualifiedName, value) {
-          this.setAttribute(qualifiedName, value);
-        }
-        removeAttribute(name) {
-          delete this.attributes[name];
-        }
-        appendChild(newChild) {
-          this.childNodes.push(newChild);
-          newChild.parentNode = this;
-          newChild.parentElement = this;
-          return newChild;
-        }
-        insertBefore(newChild, refChild) {
-          if (refChild === null)
-            return this.appendChild(newChild);
-          const childIndex = this.childNodes.indexOf(refChild);
-          if (childIndex == -1)
-            throw new Error("Failed to execute 'insertBefore' on 'RRNode': The RRNode before which the new node is to be inserted is not a child of this RRNode.");
-          this.childNodes.splice(childIndex, 0, newChild);
-          newChild.parentElement = this;
-          newChild.parentNode = this;
-          return newChild;
-        }
-        removeChild(node) {
-          const indexOfChild = this.childNodes.indexOf(node);
-          if (indexOfChild === -1)
-            throw new Error("Failed to execute 'removeChild' on 'RRElement': The RRNode to be removed is not a child of this RRNode.");
-          this.childNodes.splice(indexOfChild, 1);
-          node.parentElement = null;
-          node.parentNode = null;
-          return node;
-        }
-        attachShadow(_init) {
-          const shadowRoot = this.ownerDocument.createElement("SHADOWROOT");
-          this.shadowRoot = shadowRoot;
-          return shadowRoot;
-        }
-        dispatchEvent(_event) {
-          return true;
-        }
-        toString() {
-          let attributeString = "";
-          for (const attribute in this.attributes) {
-            attributeString += `${attribute}="${this.attributes[attribute]}" `;
-          }
-          return `${this.tagName} ${attributeString}`;
-        }
-      };
-    }
-    function BaseRRMediaElementImpl(RRElementClass) {
-      return class BaseRRMediaElement extends RRElementClass {
-        attachShadow(_init) {
-          throw new Error(`RRDomException: Failed to execute 'attachShadow' on 'RRElement': This RRElement does not support attachShadow`);
-        }
-        play() {
-          this.paused = false;
-        }
-        pause() {
-          this.paused = true;
-        }
-      };
-    }
-    function BaseRRTextImpl(RRNodeClass) {
-      return class BaseRRText extends RRNodeClass {
-        constructor(data) {
-          super();
-          this.nodeType = NodeType.TEXT_NODE;
-          this.nodeName = "#text";
-          this.RRNodeType = NodeType$1.Text;
-          this.data = data;
-        }
-        get textContent() {
-          return this.data;
-        }
-        set textContent(textContent) {
-          this.data = textContent;
-        }
-        toString() {
-          return `RRText text=${JSON.stringify(this.data)}`;
-        }
-      };
-    }
-    function BaseRRCommentImpl(RRNodeClass) {
-      return class BaseRRComment extends RRNodeClass {
-        constructor(data) {
-          super();
-          this.nodeType = NodeType.COMMENT_NODE;
-          this.nodeName = "#comment";
-          this.RRNodeType = NodeType$1.Comment;
-          this.data = data;
-        }
-        get textContent() {
-          return this.data;
-        }
-        set textContent(textContent) {
-          this.data = textContent;
-        }
-        toString() {
-          return `RRComment text=${JSON.stringify(this.data)}`;
-        }
-      };
-    }
-    function BaseRRCDATASectionImpl(RRNodeClass) {
-      return class BaseRRCDATASection extends RRNodeClass {
-        constructor(data) {
-          super();
-          this.nodeName = "#cdata-section";
-          this.nodeType = NodeType.CDATA_SECTION_NODE;
-          this.RRNodeType = NodeType$1.CDATA;
-          this.data = data;
-        }
-        get textContent() {
-          return this.data;
-        }
-        set textContent(textContent) {
-          this.data = textContent;
-        }
-        toString() {
-          return `RRCDATASection data=${JSON.stringify(this.data)}`;
-        }
-      };
-    }
-    class ClassList {
-      constructor(classText, onChange) {
-        this.classes = [];
-        this.add = (...classNames) => {
-          for (const item of classNames) {
-            const className = String(item);
-            if (this.classes.indexOf(className) >= 0)
-              continue;
-            this.classes.push(className);
-          }
-          this.onChange && this.onChange(this.classes.join(" "));
-        };
-        this.remove = (...classNames) => {
-          this.classes = this.classes.filter((item) => classNames.indexOf(item) === -1);
-          this.onChange && this.onChange(this.classes.join(" "));
-        };
-        if (classText) {
-          const classes = classText.trim().split(/\s+/);
-          this.classes.push(...classes);
-        }
-        this.onChange = onChange;
-      }
-    }
-    var NodeType;
-    (function(NodeType2) {
-      NodeType2[NodeType2["PLACEHOLDER"] = 0] = "PLACEHOLDER";
-      NodeType2[NodeType2["ELEMENT_NODE"] = 1] = "ELEMENT_NODE";
-      NodeType2[NodeType2["ATTRIBUTE_NODE"] = 2] = "ATTRIBUTE_NODE";
-      NodeType2[NodeType2["TEXT_NODE"] = 3] = "TEXT_NODE";
-      NodeType2[NodeType2["CDATA_SECTION_NODE"] = 4] = "CDATA_SECTION_NODE";
-      NodeType2[NodeType2["ENTITY_REFERENCE_NODE"] = 5] = "ENTITY_REFERENCE_NODE";
-      NodeType2[NodeType2["ENTITY_NODE"] = 6] = "ENTITY_NODE";
-      NodeType2[NodeType2["PROCESSING_INSTRUCTION_NODE"] = 7] = "PROCESSING_INSTRUCTION_NODE";
-      NodeType2[NodeType2["COMMENT_NODE"] = 8] = "COMMENT_NODE";
-      NodeType2[NodeType2["DOCUMENT_NODE"] = 9] = "DOCUMENT_NODE";
-      NodeType2[NodeType2["DOCUMENT_TYPE_NODE"] = 10] = "DOCUMENT_TYPE_NODE";
-      NodeType2[NodeType2["DOCUMENT_FRAGMENT_NODE"] = 11] = "DOCUMENT_FRAGMENT_NODE";
-    })(NodeType || (NodeType = {}));
-    const NAMESPACES = {
-      svg: "http://www.w3.org/2000/svg",
-      "xlink:href": "http://www.w3.org/1999/xlink",
-      xmlns: "http://www.w3.org/2000/xmlns/"
-    };
-    function diff(oldTree, newTree, replayer, rrnodeMirror) {
-      const oldChildren = oldTree.childNodes;
-      const newChildren = newTree.childNodes;
-      rrnodeMirror = rrnodeMirror || newTree.mirror || newTree.ownerDocument.mirror;
-      if (oldChildren.length > 0 || newChildren.length > 0) {
-        diffChildren(Array.from(oldChildren), newChildren, oldTree, replayer, rrnodeMirror);
-      }
-      let inputDataToApply = null, scrollDataToApply = null;
-      switch (newTree.RRNodeType) {
-        case NodeType$1.Document: {
-          const newRRDocument = newTree;
-          scrollDataToApply = newRRDocument.scrollData;
-          break;
-        }
-        case NodeType$1.Element: {
-          const oldElement = oldTree;
-          const newRRElement = newTree;
-          diffProps(oldElement, newRRElement, rrnodeMirror);
-          scrollDataToApply = newRRElement.scrollData;
-          inputDataToApply = newRRElement.inputData;
-          switch (newRRElement.tagName) {
-            case "AUDIO":
-            case "VIDEO": {
-              const oldMediaElement = oldTree;
-              const newMediaRRElement = newRRElement;
-              if (newMediaRRElement.paused !== void 0)
-                newMediaRRElement.paused ? oldMediaElement.pause() : oldMediaElement.play();
-              if (newMediaRRElement.muted !== void 0)
-                oldMediaElement.muted = newMediaRRElement.muted;
-              if (newMediaRRElement.volume !== void 0)
-                oldMediaElement.volume = newMediaRRElement.volume;
-              if (newMediaRRElement.currentTime !== void 0)
-                oldMediaElement.currentTime = newMediaRRElement.currentTime;
-              break;
-            }
-            case "CANVAS":
-              newTree.canvasMutations.forEach((canvasMutation) => replayer.applyCanvas(canvasMutation.event, canvasMutation.mutation, oldTree));
-              break;
-            case "STYLE":
-              applyVirtualStyleRulesToNode(oldElement, newTree.rules);
-              break;
-          }
-          if (newRRElement.shadowRoot) {
-            if (!oldElement.shadowRoot)
-              oldElement.attachShadow({ mode: "open" });
-            const oldChildren2 = oldElement.shadowRoot.childNodes;
-            const newChildren2 = newRRElement.shadowRoot.childNodes;
-            if (oldChildren2.length > 0 || newChildren2.length > 0)
-              diffChildren(Array.from(oldChildren2), newChildren2, oldElement.shadowRoot, replayer, rrnodeMirror);
-          }
-          break;
-        }
-        case NodeType$1.Text:
-        case NodeType$1.Comment:
-        case NodeType$1.CDATA:
-          if (oldTree.textContent !== newTree.data)
-            oldTree.textContent = newTree.data;
-          break;
-      }
-      scrollDataToApply && replayer.applyScroll(scrollDataToApply, true);
-      inputDataToApply && replayer.applyInput(inputDataToApply);
-      if (newTree.nodeName === "IFRAME") {
-        const oldContentDocument = oldTree.contentDocument;
-        const newIFrameElement = newTree;
-        if (oldContentDocument) {
-          const sn = rrnodeMirror.getMeta(newIFrameElement.contentDocument);
-          if (sn) {
-            replayer.mirror.add(oldContentDocument, Object.assign({}, sn));
-          }
-          diff(oldContentDocument, newIFrameElement.contentDocument, replayer, rrnodeMirror);
-        }
-      }
-    }
-    function diffProps(oldTree, newTree, rrnodeMirror) {
-      const oldAttributes = oldTree.attributes;
-      const newAttributes = newTree.attributes;
-      for (const name in newAttributes) {
-        const newValue = newAttributes[name];
-        const sn = rrnodeMirror.getMeta(newTree);
-        if (sn && "isSVG" in sn && sn.isSVG && NAMESPACES[name])
-          oldTree.setAttributeNS(NAMESPACES[name], name, newValue);
-        else if (newTree.tagName === "CANVAS" && name === "rr_dataURL") {
-          const image = document.createElement("img");
-          image.src = newValue;
-          image.onload = () => {
-            const ctx = oldTree.getContext("2d");
-            if (ctx) {
-              ctx.drawImage(image, 0, 0, image.width, image.height);
-            }
-          };
-        } else
-          oldTree.setAttribute(name, newValue);
-      }
-      for (const { name } of Array.from(oldAttributes))
-        if (!(name in newAttributes))
-          oldTree.removeAttribute(name);
-      newTree.scrollLeft && (oldTree.scrollLeft = newTree.scrollLeft);
-      newTree.scrollTop && (oldTree.scrollTop = newTree.scrollTop);
-    }
-    function diffChildren(oldChildren, newChildren, parentNode, replayer, rrnodeMirror) {
-      var _a, _b;
-      let oldStartIndex = 0, oldEndIndex = oldChildren.length - 1, newStartIndex = 0, newEndIndex = newChildren.length - 1;
-      let oldStartNode = oldChildren[oldStartIndex], oldEndNode = oldChildren[oldEndIndex], newStartNode = newChildren[newStartIndex], newEndNode = newChildren[newEndIndex];
-      let oldIdToIndex = void 0, indexInOld;
-      while (oldStartIndex <= oldEndIndex && newStartIndex <= newEndIndex) {
-        if (oldStartNode === void 0) {
-          oldStartNode = oldChildren[++oldStartIndex];
-        } else if (oldEndNode === void 0) {
-          oldEndNode = oldChildren[--oldEndIndex];
-        } else if (replayer.mirror.getId(oldStartNode) === rrnodeMirror.getId(newStartNode)) {
-          diff(oldStartNode, newStartNode, replayer, rrnodeMirror);
-          oldStartNode = oldChildren[++oldStartIndex];
-          newStartNode = newChildren[++newStartIndex];
-        } else if (replayer.mirror.getId(oldEndNode) === rrnodeMirror.getId(newEndNode)) {
-          diff(oldEndNode, newEndNode, replayer, rrnodeMirror);
-          oldEndNode = oldChildren[--oldEndIndex];
-          newEndNode = newChildren[--newEndIndex];
-        } else if (replayer.mirror.getId(oldStartNode) === rrnodeMirror.getId(newEndNode)) {
-          parentNode.insertBefore(oldStartNode, oldEndNode.nextSibling);
-          diff(oldStartNode, newEndNode, replayer, rrnodeMirror);
-          oldStartNode = oldChildren[++oldStartIndex];
-          newEndNode = newChildren[--newEndIndex];
-        } else if (replayer.mirror.getId(oldEndNode) === rrnodeMirror.getId(newStartNode)) {
-          parentNode.insertBefore(oldEndNode, oldStartNode);
-          diff(oldEndNode, newStartNode, replayer, rrnodeMirror);
-          oldEndNode = oldChildren[--oldEndIndex];
-          newStartNode = newChildren[++newStartIndex];
-        } else {
-          if (!oldIdToIndex) {
-            oldIdToIndex = {};
-            for (let i = oldStartIndex; i <= oldEndIndex; i++) {
-              const oldChild = oldChildren[i];
-              if (oldChild && replayer.mirror.hasNode(oldChild))
-                oldIdToIndex[replayer.mirror.getId(oldChild)] = i;
-            }
-          }
-          indexInOld = oldIdToIndex[rrnodeMirror.getId(newStartNode)];
-          if (indexInOld) {
-            const nodeToMove = oldChildren[indexInOld];
-            parentNode.insertBefore(nodeToMove, oldStartNode);
-            diff(nodeToMove, newStartNode, replayer, rrnodeMirror);
-            oldChildren[indexInOld] = void 0;
-          } else {
-            const newNode = createOrGetNode(newStartNode, replayer.mirror, rrnodeMirror);
-            if (((_a = replayer.mirror.getMeta(parentNode)) === null || _a === void 0 ? void 0 : _a.type) === NodeType$1.Document && ((_b = replayer.mirror.getMeta(newNode)) === null || _b === void 0 ? void 0 : _b.type) === NodeType$1.Element && parentNode.documentElement) {
-              parentNode.removeChild(parentNode.documentElement);
-              oldChildren[oldStartIndex] = void 0;
-              oldStartNode = void 0;
-            }
-            parentNode.insertBefore(newNode, oldStartNode || null);
-            diff(newNode, newStartNode, replayer, rrnodeMirror);
-          }
-          newStartNode = newChildren[++newStartIndex];
-        }
-      }
-      if (oldStartIndex > oldEndIndex) {
-        const referenceRRNode = newChildren[newEndIndex + 1];
-        let referenceNode = null;
-        if (referenceRRNode)
-          parentNode.childNodes.forEach((child) => {
-            if (replayer.mirror.getId(child) === rrnodeMirror.getId(referenceRRNode))
-              referenceNode = child;
-          });
-        for (; newStartIndex <= newEndIndex; ++newStartIndex) {
-          const newNode = createOrGetNode(newChildren[newStartIndex], replayer.mirror, rrnodeMirror);
-          parentNode.insertBefore(newNode, referenceNode);
-          diff(newNode, newChildren[newStartIndex], replayer, rrnodeMirror);
-        }
-      } else if (newStartIndex > newEndIndex) {
-        for (; oldStartIndex <= oldEndIndex; oldStartIndex++) {
-          const node = oldChildren[oldStartIndex];
-          if (node) {
-            parentNode.removeChild(node);
-            replayer.mirror.removeNodeFromMap(node);
-          }
-        }
-      }
-    }
-    function createOrGetNode(rrNode, domMirror, rrnodeMirror) {
-      let node = domMirror.getNode(rrnodeMirror.getId(rrNode));
-      const sn = rrnodeMirror.getMeta(rrNode);
-      if (node !== null)
-        return node;
-      switch (rrNode.RRNodeType) {
-        case NodeType$1.Document:
-          node = new Document();
-          break;
-        case NodeType$1.DocumentType:
-          node = document.implementation.createDocumentType(rrNode.name, rrNode.publicId, rrNode.systemId);
-          break;
-        case NodeType$1.Element: {
-          rrNode.tagName.toLowerCase();
-          if (sn && "isSVG" in sn && (sn === null || sn === void 0 ? void 0 : sn.isSVG)) {
-            node = document.createElementNS(NAMESPACES["svg"], rrNode.tagName.toLowerCase());
-          } else
-            node = document.createElement(rrNode.tagName);
-          break;
-        }
-        case NodeType$1.Text:
-          node = document.createTextNode(rrNode.data);
-          break;
-        case NodeType$1.Comment:
-          node = document.createComment(rrNode.data);
-          break;
-        case NodeType$1.CDATA:
-          node = document.createCDATASection(rrNode.data);
-          break;
-      }
-      if (sn)
-        domMirror.add(node, Object.assign({}, sn));
-      return node;
-    }
-    function getNestedRule$1(rules, position) {
-      const rule = rules[position[0]];
-      if (position.length === 1) {
-        return rule;
-      } else {
-        return getNestedRule$1(rule.cssRules[position[1]].cssRules, position.slice(2));
-      }
-    }
-    var StyleRuleType;
-    (function(StyleRuleType2) {
-      StyleRuleType2[StyleRuleType2["Insert"] = 0] = "Insert";
-      StyleRuleType2[StyleRuleType2["Remove"] = 1] = "Remove";
-      StyleRuleType2[StyleRuleType2["Snapshot"] = 2] = "Snapshot";
-      StyleRuleType2[StyleRuleType2["SetProperty"] = 3] = "SetProperty";
-      StyleRuleType2[StyleRuleType2["RemoveProperty"] = 4] = "RemoveProperty";
-    })(StyleRuleType || (StyleRuleType = {}));
-    function getPositionsAndIndex$1(nestedIndex) {
-      const positions = [...nestedIndex];
-      const index = positions.pop();
-      return { positions, index };
-    }
-    function applyVirtualStyleRulesToNode(styleNode, virtualStyleRules) {
-      const sheet = styleNode.sheet;
-      virtualStyleRules.forEach((rule) => {
-        if (rule.type === StyleRuleType.Insert) {
-          try {
-            if (Array.isArray(rule.index)) {
-              const { positions, index } = getPositionsAndIndex$1(rule.index);
-              const nestedRule = getNestedRule$1(sheet.cssRules, positions);
-              nestedRule.insertRule(rule.cssText, index);
-            } else {
-              sheet.insertRule(rule.cssText, rule.index);
-            }
-          } catch (e) {
-          }
-        } else if (rule.type === StyleRuleType.Remove) {
-          try {
-            if (Array.isArray(rule.index)) {
-              const { positions, index } = getPositionsAndIndex$1(rule.index);
-              const nestedRule = getNestedRule$1(sheet.cssRules, positions);
-              nestedRule.deleteRule(index || 0);
-            } else {
-              sheet.deleteRule(rule.index);
-            }
-          } catch (e) {
-          }
-        } else if (rule.type === StyleRuleType.SetProperty) {
-          const nativeRule = getNestedRule$1(sheet.cssRules, rule.index);
-          nativeRule.style.setProperty(rule.property, rule.value, rule.priority);
-        } else if (rule.type === StyleRuleType.RemoveProperty) {
-          const nativeRule = getNestedRule$1(sheet.cssRules, rule.index);
-          nativeRule.style.removeProperty(rule.property);
-        }
-      });
-    }
-    class RRDocument extends BaseRRDocumentImpl(BaseRRNode) {
-      constructor(mirror) {
-        super();
-        this._unserializedId = -1;
-        this.mirror = createMirror();
-        this.scrollData = null;
-        if (mirror) {
-          this.mirror = mirror;
-        }
-      }
-      get unserializedId() {
-        return this._unserializedId--;
-      }
-      createDocument(_namespace, _qualifiedName, _doctype) {
-        return new RRDocument();
-      }
-      createDocumentType(qualifiedName, publicId, systemId) {
-        const documentTypeNode = new RRDocumentType(qualifiedName, publicId, systemId);
-        documentTypeNode.ownerDocument = this;
-        return documentTypeNode;
-      }
-      createElement(tagName) {
-        const upperTagName = tagName.toUpperCase();
-        let element;
-        switch (upperTagName) {
-          case "AUDIO":
-          case "VIDEO":
-            element = new RRMediaElement(upperTagName);
-            break;
-          case "IFRAME":
-            element = new RRIFrameElement(upperTagName, this.mirror);
-            break;
-          case "CANVAS":
-            element = new RRCanvasElement(upperTagName);
-            break;
-          case "STYLE":
-            element = new RRStyleElement(upperTagName);
-            break;
-          default:
-            element = new RRElement(upperTagName);
-            break;
-        }
-        element.ownerDocument = this;
-        return element;
-      }
-      createComment(data) {
-        const commentNode = new RRComment(data);
-        commentNode.ownerDocument = this;
-        return commentNode;
-      }
-      createCDATASection(data) {
-        const sectionNode = new RRCDATASection(data);
-        sectionNode.ownerDocument = this;
-        return sectionNode;
-      }
-      createTextNode(data) {
-        const textNode = new RRText(data);
-        textNode.ownerDocument = this;
-        return textNode;
-      }
-      destroyTree() {
-        this.childNodes = [];
-        this.mirror.reset();
-      }
-      open() {
-        super.open();
-        this._unserializedId = -1;
-      }
-    }
-    const RRDocumentType = BaseRRDocumentTypeImpl(BaseRRNode);
-    class RRElement extends BaseRRElementImpl(BaseRRNode) {
-      constructor() {
-        super(...arguments);
-        this.inputData = null;
-        this.scrollData = null;
-      }
-    }
-    class RRMediaElement extends BaseRRMediaElementImpl(RRElement) {
-    }
-    class RRCanvasElement extends RRElement {
-      constructor() {
-        super(...arguments);
-        this.canvasMutations = [];
-      }
-      getContext() {
-        return null;
-      }
-    }
-    class RRStyleElement extends RRElement {
-      constructor() {
-        super(...arguments);
-        this.rules = [];
-      }
-    }
-    class RRIFrameElement extends RRElement {
-      constructor(upperTagName, mirror) {
-        super(upperTagName);
-        this.contentDocument = new RRDocument();
-        this.contentDocument.mirror = mirror;
-      }
-    }
-    const RRText = BaseRRTextImpl(BaseRRNode);
-    const RRComment = BaseRRCommentImpl(BaseRRNode);
-    const RRCDATASection = BaseRRCDATASectionImpl(BaseRRNode);
-    function getValidTagName(element) {
-      if (element instanceof HTMLFormElement) {
-        return "FORM";
-      }
-      return element.tagName.toUpperCase();
-    }
-    function buildFromNode(node, rrdom, domMirror, parentRRNode) {
-      let rrNode;
-      switch (node.nodeType) {
-        case NodeType.DOCUMENT_NODE:
-          if (parentRRNode && parentRRNode.nodeName === "IFRAME")
-            rrNode = parentRRNode.contentDocument;
-          else {
-            rrNode = rrdom;
-            rrNode.compatMode = node.compatMode;
-          }
-          break;
-        case NodeType.DOCUMENT_TYPE_NODE:
-          const documentType = node;
-          rrNode = rrdom.createDocumentType(documentType.name, documentType.publicId, documentType.systemId);
-          break;
-        case NodeType.ELEMENT_NODE:
-          const elementNode = node;
-          const tagName = getValidTagName(elementNode);
-          rrNode = rrdom.createElement(tagName);
-          const rrElement = rrNode;
-          for (const { name, value } of Array.from(elementNode.attributes)) {
-            rrElement.attributes[name] = value;
-          }
-          elementNode.scrollLeft && (rrElement.scrollLeft = elementNode.scrollLeft);
-          elementNode.scrollTop && (rrElement.scrollTop = elementNode.scrollTop);
-          break;
-        case NodeType.TEXT_NODE:
-          rrNode = rrdom.createTextNode(node.textContent || "");
-          break;
-        case NodeType.CDATA_SECTION_NODE:
-          rrNode = rrdom.createCDATASection(node.data);
-          break;
-        case NodeType.COMMENT_NODE:
-          rrNode = rrdom.createComment(node.textContent || "");
-          break;
-        case NodeType.DOCUMENT_FRAGMENT_NODE:
-          rrNode = parentRRNode.attachShadow({ mode: "open" });
-          break;
-        default:
-          return null;
-      }
-      let sn = domMirror.getMeta(node);
-      if (rrdom instanceof RRDocument) {
-        if (!sn) {
-          sn = getDefaultSN(rrNode, rrdom.unserializedId);
-          domMirror.add(node, sn);
-        }
-        rrdom.mirror.add(rrNode, Object.assign({}, sn));
-      }
-      return rrNode;
-    }
-    function buildFromDom(dom, domMirror = createMirror$1(), rrdom = new RRDocument()) {
-      function walk(node, parentRRNode) {
-        const rrNode = buildFromNode(node, rrdom, domMirror, parentRRNode);
-        if (rrNode === null)
-          return;
-        if ((parentRRNode === null || parentRRNode === void 0 ? void 0 : parentRRNode.nodeName) !== "IFRAME" && node.nodeType !== NodeType.DOCUMENT_FRAGMENT_NODE) {
-          parentRRNode === null || parentRRNode === void 0 ? void 0 : parentRRNode.appendChild(rrNode);
-          rrNode.parentNode = parentRRNode;
-          rrNode.parentElement = parentRRNode;
-        }
-        if (node.nodeName === "IFRAME") {
-          walk(node.contentDocument, rrNode);
-        } else if (node.nodeType === NodeType.DOCUMENT_NODE || node.nodeType === NodeType.ELEMENT_NODE || node.nodeType === NodeType.DOCUMENT_FRAGMENT_NODE) {
-          if (node.nodeType === NodeType.ELEMENT_NODE && node.shadowRoot)
-            walk(node.shadowRoot, rrNode);
-          node.childNodes.forEach((childNode) => walk(childNode, rrNode));
-        }
-      }
-      walk(dom, null);
-      return rrdom;
-    }
-    function createMirror() {
-      return new Mirror();
-    }
-    class Mirror {
-      constructor() {
-        this.idNodeMap = /* @__PURE__ */ new Map();
-        this.nodeMetaMap = /* @__PURE__ */ new WeakMap();
-      }
-      getId(n) {
-        var _a;
-        if (!n)
-          return -1;
-        const id = (_a = this.getMeta(n)) === null || _a === void 0 ? void 0 : _a.id;
-        return id !== null && id !== void 0 ? id : -1;
-      }
-      getNode(id) {
-        return this.idNodeMap.get(id) || null;
-      }
-      getIds() {
-        return Array.from(this.idNodeMap.keys());
-      }
-      getMeta(n) {
-        return this.nodeMetaMap.get(n) || null;
-      }
-      removeNodeFromMap(n) {
-        const id = this.getId(n);
-        this.idNodeMap.delete(id);
-        if (n.childNodes) {
-          n.childNodes.forEach((childNode) => this.removeNodeFromMap(childNode));
-        }
-      }
-      has(id) {
-        return this.idNodeMap.has(id);
-      }
-      hasNode(node) {
-        return this.nodeMetaMap.has(node);
-      }
-      add(n, meta) {
-        const id = meta.id;
-        this.idNodeMap.set(id, n);
-        this.nodeMetaMap.set(n, meta);
-      }
-      replace(id, n) {
-        this.idNodeMap.set(id, n);
-      }
-      reset() {
-        this.idNodeMap = /* @__PURE__ */ new Map();
-        this.nodeMetaMap = /* @__PURE__ */ new WeakMap();
-      }
-    }
-    function getDefaultSN(node, id) {
-      switch (node.RRNodeType) {
-        case NodeType$1.Document:
-          return {
-            id,
-            type: node.RRNodeType,
-            childNodes: []
-          };
-        case NodeType$1.DocumentType:
-          const doctype = node;
-          return {
-            id,
-            type: node.RRNodeType,
-            name: doctype.name,
-            publicId: doctype.publicId,
-            systemId: doctype.systemId
-          };
-        case NodeType$1.Element:
-          return {
-            id,
-            type: node.RRNodeType,
-            tagName: node.tagName.toLowerCase(),
-            attributes: {},
-            childNodes: []
-          };
-        case NodeType$1.Text:
-          return {
-            id,
-            type: node.RRNodeType,
-            textContent: node.textContent || ""
-          };
-        case NodeType$1.Comment:
-          return {
-            id,
-            type: node.RRNodeType,
-            textContent: node.textContent || ""
-          };
-        case NodeType$1.CDATA:
-          return {
-            id,
-            type: node.RRNodeType,
-            textContent: ""
-          };
-      }
-    }
-
-    //      
-    // An event handler can take an optional event argument
-    // and should not return a value
-                                              
-                                                                   
-
-    // An array of all currently registered event handlers for a type
-                                                
-                                                                
-    // A map of event types and their corresponding event handlers.
-                            
-                                     
-                                       
-      
-
-    /** Mitt: Tiny (~200b) functional event emitter / pubsub.
-     *  @name mitt
-     *  @returns {Mitt}
-     */
-    function mitt$1(all                 ) {
-    	all = all || Object.create(null);
-
-    	return {
-    		/**
-    		 * Register an event handler for the given type.
-    		 *
-    		 * @param  {String} type	Type of event to listen for, or `"*"` for all events
-    		 * @param  {Function} handler Function to call in response to given event
-    		 * @memberOf mitt
-    		 */
-    		on: function on(type        , handler              ) {
-    			(all[type] || (all[type] = [])).push(handler);
-    		},
-
-    		/**
-    		 * Remove an event handler for the given type.
-    		 *
-    		 * @param  {String} type	Type of event to unregister `handler` from, or `"*"`
-    		 * @param  {Function} handler Handler function to remove
-    		 * @memberOf mitt
-    		 */
-    		off: function off(type        , handler              ) {
-    			if (all[type]) {
-    				all[type].splice(all[type].indexOf(handler) >>> 0, 1);
-    			}
-    		},
-
-    		/**
-    		 * Invoke all handlers for the given type.
-    		 * If present, `"*"` handlers are invoked after type-matched handlers.
-    		 *
-    		 * @param {String} type  The event type to invoke
-    		 * @param {Any} [evt]  Any value (object is recommended and powerful), passed to each handler
-    		 * @memberOf mitt
-    		 */
-    		emit: function emit(type        , evt     ) {
-    			(all[type] || []).slice().map(function (handler) { handler(evt); });
-    			(all['*'] || []).slice().map(function (handler) { handler(type, evt); });
-    		}
-    	};
-    }
-
-    var mittProxy = /*#__PURE__*/Object.freeze({
-        __proto__: null,
-        'default': mitt$1
-    });
-
-    function polyfill$1(w = window, d = document) {
-      if ("scrollBehavior" in d.documentElement.style && w.__forceSmoothScrollPolyfill__ !== true) {
-        return;
-      }
-      const Element = w.HTMLElement || w.Element;
-      const SCROLL_TIME = 468;
-      const original = {
-        scroll: w.scroll || w.scrollTo,
-        scrollBy: w.scrollBy,
-        elementScroll: Element.prototype.scroll || scrollElement,
-        scrollIntoView: Element.prototype.scrollIntoView
-      };
-      const now = w.performance && w.performance.now ? w.performance.now.bind(w.performance) : Date.now;
-      function isMicrosoftBrowser(userAgent) {
-        const userAgentPatterns = ["MSIE ", "Trident/", "Edge/"];
-        return new RegExp(userAgentPatterns.join("|")).test(userAgent);
-      }
-      const ROUNDING_TOLERANCE = isMicrosoftBrowser(w.navigator.userAgent) ? 1 : 0;
-      function scrollElement(x, y) {
-        this.scrollLeft = x;
-        this.scrollTop = y;
-      }
-      function ease(k) {
-        return 0.5 * (1 - Math.cos(Math.PI * k));
-      }
-      function shouldBailOut(firstArg) {
-        if (firstArg === null || typeof firstArg !== "object" || firstArg.behavior === void 0 || firstArg.behavior === "auto" || firstArg.behavior === "instant") {
-          return true;
-        }
-        if (typeof firstArg === "object" && firstArg.behavior === "smooth") {
-          return false;
-        }
-        throw new TypeError("behavior member of ScrollOptions " + firstArg.behavior + " is not a valid value for enumeration ScrollBehavior.");
-      }
-      function hasScrollableSpace(el, axis) {
-        if (axis === "Y") {
-          return el.clientHeight + ROUNDING_TOLERANCE < el.scrollHeight;
-        }
-        if (axis === "X") {
-          return el.clientWidth + ROUNDING_TOLERANCE < el.scrollWidth;
-        }
-      }
-      function canOverflow(el, axis) {
-        const overflowValue = w.getComputedStyle(el, null)["overflow" + axis];
-        return overflowValue === "auto" || overflowValue === "scroll";
-      }
-      function isScrollable(el) {
-        const isScrollableY = hasScrollableSpace(el, "Y") && canOverflow(el, "Y");
-        const isScrollableX = hasScrollableSpace(el, "X") && canOverflow(el, "X");
-        return isScrollableY || isScrollableX;
-      }
-      function findScrollableParent(el) {
-        while (el !== d.body && isScrollable(el) === false) {
-          el = el.parentNode || el.host;
-        }
-        return el;
-      }
-      function step(context) {
-        const time = now();
-        let value;
-        let currentX;
-        let currentY;
-        let elapsed = (time - context.startTime) / SCROLL_TIME;
-        elapsed = elapsed > 1 ? 1 : elapsed;
-        value = ease(elapsed);
-        currentX = context.startX + (context.x - context.startX) * value;
-        currentY = context.startY + (context.y - context.startY) * value;
-        context.method.call(context.scrollable, currentX, currentY);
-        if (currentX !== context.x || currentY !== context.y) {
-          w.requestAnimationFrame(step.bind(w, context));
-        }
-      }
-      function smoothScroll(el, x, y) {
-        let scrollable;
-        let startX;
-        let startY;
-        let method;
-        const startTime = now();
-        if (el === d.body) {
-          scrollable = w;
-          startX = w.scrollX || w.pageXOffset;
-          startY = w.scrollY || w.pageYOffset;
-          method = original.scroll;
-        } else {
-          scrollable = el;
-          startX = el.scrollLeft;
-          startY = el.scrollTop;
-          method = scrollElement;
-        }
-        step({
-          scrollable,
-          method,
-          startTime,
-          startX,
-          startY,
-          x,
-          y
-        });
-      }
-      w.scroll = w.scrollTo = function() {
-        if (arguments[0] === void 0) {
-          return;
-        }
-        if (shouldBailOut(arguments[0]) === true) {
-          original.scroll.call(w, arguments[0].left !== void 0 ? arguments[0].left : typeof arguments[0] !== "object" ? arguments[0] : w.scrollX || w.pageXOffset, arguments[0].top !== void 0 ? arguments[0].top : arguments[1] !== void 0 ? arguments[1] : w.scrollY || w.pageYOffset);
-          return;
-        }
-        smoothScroll.call(w, d.body, arguments[0].left !== void 0 ? ~~arguments[0].left : w.scrollX || w.pageXOffset, arguments[0].top !== void 0 ? ~~arguments[0].top : w.scrollY || w.pageYOffset);
-      };
-      w.scrollBy = function() {
-        if (arguments[0] === void 0) {
-          return;
-        }
-        if (shouldBailOut(arguments[0])) {
-          original.scrollBy.call(w, arguments[0].left !== void 0 ? arguments[0].left : typeof arguments[0] !== "object" ? arguments[0] : 0, arguments[0].top !== void 0 ? arguments[0].top : arguments[1] !== void 0 ? arguments[1] : 0);
-          return;
-        }
-        smoothScroll.call(w, d.body, ~~arguments[0].left + (w.scrollX || w.pageXOffset), ~~arguments[0].top + (w.scrollY || w.pageYOffset));
-      };
-      Element.prototype.scroll = Element.prototype.scrollTo = function() {
-        if (arguments[0] === void 0) {
-          return;
-        }
-        if (shouldBailOut(arguments[0]) === true) {
-          if (typeof arguments[0] === "number" && arguments[1] === void 0) {
-            throw new SyntaxError("Value could not be converted");
-          }
-          original.elementScroll.call(this, arguments[0].left !== void 0 ? ~~arguments[0].left : typeof arguments[0] !== "object" ? ~~arguments[0] : this.scrollLeft, arguments[0].top !== void 0 ? ~~arguments[0].top : arguments[1] !== void 0 ? ~~arguments[1] : this.scrollTop);
-          return;
-        }
-        const left = arguments[0].left;
-        const top = arguments[0].top;
-        smoothScroll.call(this, this, typeof left === "undefined" ? this.scrollLeft : ~~left, typeof top === "undefined" ? this.scrollTop : ~~top);
-      };
-      Element.prototype.scrollBy = function() {
-        if (arguments[0] === void 0) {
-          return;
-        }
-        if (shouldBailOut(arguments[0]) === true) {
-          original.elementScroll.call(this, arguments[0].left !== void 0 ? ~~arguments[0].left + this.scrollLeft : ~~arguments[0] + this.scrollLeft, arguments[0].top !== void 0 ? ~~arguments[0].top + this.scrollTop : ~~arguments[1] + this.scrollTop);
-          return;
-        }
-        this.scroll({
-          left: ~~arguments[0].left + this.scrollLeft,
-          top: ~~arguments[0].top + this.scrollTop,
-          behavior: arguments[0].behavior
-        });
-      };
-      Element.prototype.scrollIntoView = function() {
-        if (shouldBailOut(arguments[0]) === true) {
-          original.scrollIntoView.call(this, arguments[0] === void 0 ? true : arguments[0]);
-          return;
-        }
-        const scrollableParent = findScrollableParent(this);
-        const parentRects = scrollableParent.getBoundingClientRect();
-        const clientRects = this.getBoundingClientRect();
-        if (scrollableParent !== d.body) {
-          smoothScroll.call(this, scrollableParent, scrollableParent.scrollLeft + clientRects.left - parentRects.left, scrollableParent.scrollTop + clientRects.top - parentRects.top);
-          if (w.getComputedStyle(scrollableParent).position !== "fixed") {
-            w.scrollBy({
-              left: parentRects.left,
-              top: parentRects.top,
-              behavior: "smooth"
-            });
-          }
-        } else {
-          w.scrollBy({
-            left: clientRects.left,
-            top: clientRects.top,
-            behavior: "smooth"
-          });
-        }
-      };
-    }
-
-    var EventType = /* @__PURE__ */ ((EventType2) => {
-      EventType2[EventType2["DomContentLoaded"] = 0] = "DomContentLoaded";
-      EventType2[EventType2["Load"] = 1] = "Load";
-      EventType2[EventType2["FullSnapshot"] = 2] = "FullSnapshot";
-      EventType2[EventType2["IncrementalSnapshot"] = 3] = "IncrementalSnapshot";
-      EventType2[EventType2["Meta"] = 4] = "Meta";
-      EventType2[EventType2["Custom"] = 5] = "Custom";
-      EventType2[EventType2["Plugin"] = 6] = "Plugin";
-      return EventType2;
-    })(EventType || {});
-    var IncrementalSource = /* @__PURE__ */ ((IncrementalSource2) => {
-      IncrementalSource2[IncrementalSource2["Mutation"] = 0] = "Mutation";
-      IncrementalSource2[IncrementalSource2["MouseMove"] = 1] = "MouseMove";
-      IncrementalSource2[IncrementalSource2["MouseInteraction"] = 2] = "MouseInteraction";
-      IncrementalSource2[IncrementalSource2["Scroll"] = 3] = "Scroll";
-      IncrementalSource2[IncrementalSource2["ViewportResize"] = 4] = "ViewportResize";
-      IncrementalSource2[IncrementalSource2["Input"] = 5] = "Input";
-      IncrementalSource2[IncrementalSource2["TouchMove"] = 6] = "TouchMove";
-      IncrementalSource2[IncrementalSource2["MediaInteraction"] = 7] = "MediaInteraction";
-      IncrementalSource2[IncrementalSource2["StyleSheetRule"] = 8] = "StyleSheetRule";
-      IncrementalSource2[IncrementalSource2["CanvasMutation"] = 9] = "CanvasMutation";
-      IncrementalSource2[IncrementalSource2["Font"] = 10] = "Font";
-      IncrementalSource2[IncrementalSource2["Log"] = 11] = "Log";
-      IncrementalSource2[IncrementalSource2["Drag"] = 12] = "Drag";
-      IncrementalSource2[IncrementalSource2["StyleDeclaration"] = 13] = "StyleDeclaration";
-      return IncrementalSource2;
-    })(IncrementalSource || {});
-    var MouseInteractions = /* @__PURE__ */ ((MouseInteractions2) => {
-      MouseInteractions2[MouseInteractions2["MouseUp"] = 0] = "MouseUp";
-      MouseInteractions2[MouseInteractions2["MouseDown"] = 1] = "MouseDown";
-      MouseInteractions2[MouseInteractions2["Click"] = 2] = "Click";
-      MouseInteractions2[MouseInteractions2["ContextMenu"] = 3] = "ContextMenu";
-      MouseInteractions2[MouseInteractions2["DblClick"] = 4] = "DblClick";
-      MouseInteractions2[MouseInteractions2["Focus"] = 5] = "Focus";
-      MouseInteractions2[MouseInteractions2["Blur"] = 6] = "Blur";
-      MouseInteractions2[MouseInteractions2["TouchStart"] = 7] = "TouchStart";
-      MouseInteractions2[MouseInteractions2["TouchMove_Departed"] = 8] = "TouchMove_Departed";
-      MouseInteractions2[MouseInteractions2["TouchEnd"] = 9] = "TouchEnd";
-      MouseInteractions2[MouseInteractions2["TouchCancel"] = 10] = "TouchCancel";
-      return MouseInteractions2;
-    })(MouseInteractions || {});
-    var CanvasContext = /* @__PURE__ */ ((CanvasContext2) => {
-      CanvasContext2[CanvasContext2["2D"] = 0] = "2D";
-      CanvasContext2[CanvasContext2["WebGL"] = 1] = "WebGL";
-      CanvasContext2[CanvasContext2["WebGL2"] = 2] = "WebGL2";
-      return CanvasContext2;
-    })(CanvasContext || {});
-    var MediaInteractions = /* @__PURE__ */ ((MediaInteractions2) => {
-      MediaInteractions2[MediaInteractions2["Play"] = 0] = "Play";
-      MediaInteractions2[MediaInteractions2["Pause"] = 1] = "Pause";
-      MediaInteractions2[MediaInteractions2["Seeked"] = 2] = "Seeked";
-      MediaInteractions2[MediaInteractions2["VolumeChange"] = 3] = "VolumeChange";
-      return MediaInteractions2;
-    })(MediaInteractions || {});
-    var ReplayerEvents = /* @__PURE__ */ ((ReplayerEvents2) => {
-      ReplayerEvents2["Start"] = "start";
-      ReplayerEvents2["Pause"] = "pause";
-      ReplayerEvents2["Resume"] = "resume";
-      ReplayerEvents2["Resize"] = "resize";
-      ReplayerEvents2["Finish"] = "finish";
-      ReplayerEvents2["FullsnapshotRebuilded"] = "fullsnapshot-rebuilded";
-      ReplayerEvents2["LoadStylesheetStart"] = "load-stylesheet-start";
-      ReplayerEvents2["LoadStylesheetEnd"] = "load-stylesheet-end";
-      ReplayerEvents2["SkipStart"] = "skip-start";
-      ReplayerEvents2["SkipEnd"] = "skip-end";
-      ReplayerEvents2["MouseInteraction"] = "mouse-interaction";
-      ReplayerEvents2["EventCast"] = "event-cast";
-      ReplayerEvents2["CustomEvent"] = "custom-event";
-      ReplayerEvents2["Flush"] = "flush";
-      ReplayerEvents2["StateChange"] = "state-change";
-      ReplayerEvents2["PlayBack"] = "play-back";
-      return ReplayerEvents2;
-    })(ReplayerEvents || {});
-
-    class Timer {
-      constructor(actions = [], speed) {
-        this.timeOffset = 0;
-        this.raf = null;
-        this.actions = actions;
-        this.speed = speed;
-      }
-      addAction(action) {
-        const index = this.findActionIndex(action);
-        this.actions.splice(index, 0, action);
-      }
-      addActions(actions) {
-        this.actions = this.actions.concat(actions);
-      }
-      replaceActions(actions) {
-        this.actions.length = 0;
-        this.actions.splice(0, 0, ...actions);
-      }
-      start() {
-        this.timeOffset = 0;
-        let lastTimestamp = performance.now();
-        const { actions } = this;
-        const self = this;
-        function check() {
-          const time = performance.now();
-          self.timeOffset += (time - lastTimestamp) * self.speed;
-          lastTimestamp = time;
-          while (actions.length) {
-            const action = actions[0];
-            if (self.timeOffset >= action.delay) {
-              actions.shift();
-              action.doAction();
-            } else {
-              break;
-            }
-          }
-          if (actions.length > 0 || self.liveMode) {
-            self.raf = requestAnimationFrame(check);
-          }
-        }
-        this.raf = requestAnimationFrame(check);
-      }
-      clear() {
-        if (this.raf) {
-          cancelAnimationFrame(this.raf);
-          this.raf = null;
-        }
-        this.actions.length = 0;
-      }
-      setSpeed(speed) {
-        this.speed = speed;
-      }
-      toggleLiveMode(mode) {
-        this.liveMode = mode;
-      }
-      isActive() {
-        return this.raf !== null;
-      }
-      findActionIndex(action) {
-        let start = 0;
-        let end = this.actions.length - 1;
-        while (start <= end) {
-          const mid = Math.floor((start + end) / 2);
-          if (this.actions[mid].delay < action.delay) {
-            start = mid + 1;
-          } else if (this.actions[mid].delay > action.delay) {
-            end = mid - 1;
-          } else {
-            return mid + 1;
-          }
-        }
-        return start;
-      }
-    }
-    function addDelay(event, baselineTime) {
-      if (event.type === EventType.IncrementalSnapshot && event.data.source === IncrementalSource.MouseMove) {
-        const firstOffset = event.data.positions[0].timeOffset;
-        const firstTimestamp = event.timestamp + firstOffset;
-        event.delay = firstTimestamp - baselineTime;
-        return firstTimestamp - baselineTime;
-      }
-      event.delay = event.timestamp - baselineTime;
-      return event.delay;
-    }
-
-    /*! *****************************************************************************
+var rrwebReplay=function(ue){"use strict";var I;(function(e){e[e.Document=0]="Document",e[e.DocumentType=1]="DocumentType",e[e.Element=2]="Element",e[e.Text=3]="Text",e[e.CDATA=4]="CDATA",e[e.Comment=5]="Comment"})(I||(I={}));function vt(e){return e.nodeType===e.ELEMENT_NODE}var Se=function(){function e(){this.idNodeMap=new Map,this.nodeMetaMap=new WeakMap}return e.prototype.getId=function(t){var r;if(!t)return-1;var i=(r=this.getMeta(t))===null||r===void 0?void 0:r.id;return i??-1},e.prototype.getNode=function(t){return this.idNodeMap.get(t)||null},e.prototype.getIds=function(){return Array.from(this.idNodeMap.keys())},e.prototype.getMeta=function(t){return this.nodeMetaMap.get(t)||null},e.prototype.removeNodeFromMap=function(t){var r=this,i=this.getId(t);this.idNodeMap.delete(i),t.childNodes&&t.childNodes.forEach(function(n){return r.removeNodeFromMap(n)})},e.prototype.has=function(t){return this.idNodeMap.has(t)},e.prototype.hasNode=function(t){return this.nodeMetaMap.has(t)},e.prototype.add=function(t,r){var i=r.id;this.idNodeMap.set(i,t),this.nodeMetaMap.set(t,r)},e.prototype.replace=function(t,r){this.idNodeMap.set(t,r)},e.prototype.reset=function(){this.idNodeMap=new Map,this.nodeMetaMap=new WeakMap},e}();function Tt(){return new Se}var Re=/\/\*[^*]*\*+([^/*][^*]*\*+)*\//g;function Nt(e,t){t===void 0&&(t={});var r=1,i=1;function n(y){var p=y.match(/\n/g);p&&(r+=p.length);var b=y.lastIndexOf(`
+`);i=b===-1?i+y.length:y.length-b}function s(){var y={line:r,column:i};return function(p){return p.position=new a(y),T(),p}}var a=function(){function y(p){this.start=p,this.end={line:r,column:i},this.source=t.source}return y}();a.prototype.content=e;var l=[];function u(y){var p=new Error(t.source+":"+r+":"+i+": "+y);if(p.reason=y,p.filename=t.source,p.line=r,p.column=i,p.source=e,t.silent)l.push(p);else throw p}function o(){var y=m();return{type:"stylesheet",stylesheet:{source:t.source,rules:y,parsingErrors:l}}}function c(){return f(/^{\s*/)}function d(){return f(/^}/)}function m(){var y,p=[];for(T(),g(p);e.length&&e.charAt(0)!=="}"&&(y=O()||te());)y!==!1&&(p.push(y),g(p));return p}function f(y){var p=y.exec(e);if(p){var b=p[0];return n(b),e=e.slice(b.length),p}}function T(){f(/^\s*/)}function g(y){y===void 0&&(y=[]);for(var p;p=E();)p!==!1&&y.push(p),p=E();return y}function E(){var y=s();if(!(e.charAt(0)!=="/"||e.charAt(1)!=="*")){for(var p=2;e.charAt(p)!==""&&(e.charAt(p)!=="*"||e.charAt(p+1)!=="/");)++p;if(p+=2,e.charAt(p-1)==="")return u("End of comment missing");var b=e.slice(2,p-2);return i+=2,n(b),e=e.slice(p),i+=2,y({type:"comment",comment:b})}}function h(){var y=f(/^([^{]+)/);if(y)return $(y[0]).replace(/\/\*([^*]|[\r\n]|(\*+([^*/]|[\r\n])))*\*\/+/g,"").replace(/"(?:\\"|[^"])*"|'(?:\\'|[^'])*'/g,function(p){return p.replace(/,/g,"\u200C")}).split(/\s*(?![^(]*\)),\s*/).map(function(p){return p.replace(/\u200C/g,",")})}function v(){var y=s(),p=f(/^(\*?[-#\/\*\\\w]+(\[[0-9a-z_-]+\])?)\s*/);if(p){var b=$(p[0]);if(!f(/^:\s*/))return u("property missing ':'");var S=f(/^((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^\)]*?\)|[^};])+)/),P=y({type:"declaration",property:b.replace(Re,""),value:S?$(S[0]).replace(Re,""):""});return f(/^[;\s]*/),P}}function w(){var y=[];if(!c())return u("missing '{'");g(y);for(var p;p=v();)p!==!1&&(y.push(p),g(y)),p=v();return d()?y:u("missing '}'")}function R(){for(var y,p=[],b=s();y=f(/^((\d+\.\d+|\.\d+|\d+)%?|[a-z]+)\s*/);)p.push(y[1]),f(/^,\s*/);if(p.length)return b({type:"keyframe",values:p,declarations:w()})}function L(){var y=s(),p=f(/^@([-\w]+)?keyframes\s*/);if(p){var b=p[1];if(p=f(/^([-\w]+)\s*/),!p)return u("@keyframes missing name");var S=p[1];if(!c())return u("@keyframes missing '{'");for(var P,le=g();P=R();)le.push(P),le=le.concat(g());return d()?y({type:"keyframes",name:S,vendor:b,keyframes:le}):u("@keyframes missing '}'")}}function k(){var y=s(),p=f(/^@supports *([^{]+)/);if(p){var b=$(p[1]);if(!c())return u("@supports missing '{'");var S=g().concat(m());return d()?y({type:"supports",supports:b,rules:S}):u("@supports missing '}'")}}function A(){var y=s(),p=f(/^@host\s*/);if(p){if(!c())return u("@host missing '{'");var b=g().concat(m());return d()?y({type:"host",rules:b}):u("@host missing '}'")}}function G(){var y=s(),p=f(/^@media *([^{]+)/);if(p){var b=$(p[1]);if(!c())return u("@media missing '{'");var S=g().concat(m());return d()?y({type:"media",media:b,rules:S}):u("@media missing '}'")}}function W(){var y=s(),p=f(/^@custom-media\s+(--[^\s]+)\s*([^{;]+);/);if(p)return y({type:"custom-media",name:$(p[1]),media:$(p[2])})}function De(){var y=s(),p=f(/^@page */);if(p){var b=h()||[];if(!c())return u("@page missing '{'");for(var S=g(),P;P=v();)S.push(P),S=S.concat(g());return d()?y({type:"page",selectors:b,declarations:S}):u("@page missing '}'")}}function Me(){var y=s(),p=f(/^@([-\w]+)?document *([^{]+)/);if(p){var b=$(p[1]),S=$(p[2]);if(!c())return u("@document missing '{'");var P=g().concat(m());return d()?y({type:"document",document:S,vendor:b,rules:P}):u("@document missing '}'")}}function ee(){var y=s(),p=f(/^@font-face\s*/);if(p){if(!c())return u("@font-face missing '{'");for(var b=g(),S;S=v();)b.push(S),b=b.concat(g());return d()?y({type:"font-face",declarations:b}):u("@font-face missing '}'")}}var ce=Q("import"),xe=Q("charset"),Ce=Q("namespace");function Q(y){var p=new RegExp("^@"+y+"\\s*([^;]+);");return function(){var b=s(),S=f(p);if(S){var P={type:y};return P[y]=S[1].trim(),b(P)}}}function O(){if(e[0]==="@")return L()||G()||W()||k()||ce()||xe()||Ce()||Me()||De()||A()||ee()}function te(){var y=s(),p=h();return p?(g(),y({type:"rule",selectors:p,declarations:w()})):u("selector missing")}return de(o())}function $(e){return e?e.replace(/^\s+|\s+$/g,""):""}function de(e,t){for(var r=e&&typeof e.type=="string",i=r?e:t,n=0,s=Object.keys(e);n<s.length;n++){var a=s[n],l=e[a];Array.isArray(l)?l.forEach(function(u){de(u,i)}):l&&typeof l=="object"&&de(l,i)}return r&&Object.defineProperty(e,"parent",{configurable:!0,writable:!0,enumerable:!1,value:t||null}),e}var Ae={script:"noscript",altglyph:"altGlyph",altglyphdef:"altGlyphDef",altglyphitem:"altGlyphItem",animatecolor:"animateColor",animatemotion:"animateMotion",animatetransform:"animateTransform",clippath:"clipPath",feblend:"feBlend",fecolormatrix:"feColorMatrix",fecomponenttransfer:"feComponentTransfer",fecomposite:"feComposite",feconvolvematrix:"feConvolveMatrix",fediffuselighting:"feDiffuseLighting",fedisplacementmap:"feDisplacementMap",fedistantlight:"feDistantLight",fedropshadow:"feDropShadow",feflood:"feFlood",fefunca:"feFuncA",fefuncb:"feFuncB",fefuncg:"feFuncG",fefuncr:"feFuncR",fegaussianblur:"feGaussianBlur",feimage:"feImage",femerge:"feMerge",femergenode:"feMergeNode",femorphology:"feMorphology",feoffset:"feOffset",fepointlight:"fePointLight",fespecularlighting:"feSpecularLighting",fespotlight:"feSpotLight",fetile:"feTile",feturbulence:"feTurbulence",foreignobject:"foreignObject",glyphref:"glyphRef",lineargradient:"linearGradient",radialgradient:"radialGradient"};function Et(e){var t=Ae[e.tagName]?Ae[e.tagName]:e.tagName;return t==="link"&&e.attributes._cssText&&(t="style"),t}function wt(e){return e.replace(/[.*+?^${}()|[\]\\]/g,"\\$&")}var Ie=/([^\\]):hover/,bt=new RegExp(Ie.source,"g");function Oe(e,t){var r;if(!(!((r=window?.HIG_CONFIGURATION)===null||r===void 0)&&r.enableOnHoverClass))return e;var i=t?.stylesWithHoverClass.get(e);if(i)return i;var n=Nt(e,{silent:!0});if(!n.stylesheet)return e;var s=[];if(n.stylesheet.rules.forEach(function(u){"selectors"in u&&(u.selectors||[]).forEach(function(o){Ie.test(o)&&s.push(o)})}),s.length===0)return e;var a=new RegExp(s.filter(function(u,o){return s.indexOf(u)===o}).sort(function(u,o){return o.length-u.length}).map(function(u){return wt(u)}).join("|"),"g"),l=e.replace(a,function(u){var o=u.replace(bt,"$1.\\:hover");return u+", "+o});return t?.stylesWithHoverClass.set(e,l),l}function ke(){var e=new Map;return{stylesWithHoverClass:e}}function Dt(e,t){var r=t.doc,i=t.hackCss,n=t.cache;switch(e.type){case I.Document:return r.implementation.createDocument(null,"",null);case I.DocumentType:return r.implementation.createDocumentType(e.name||"html",e.publicId,e.systemId);case I.Element:var s=Et(e),a;e.isSVG?a=r.createElementNS("http://www.w3.org/2000/svg",s):a=r.createElement(s);var l=function(o){if(!e.attributes.hasOwnProperty(o))return"continue";var c=e.attributes[o];if(s==="option"&&o==="selected"&&c===!1)return"continue";if(c=typeof c=="boolean"||typeof c=="number"?"":c,o.startsWith("rr_")){if(s==="canvas"&&o==="rr_dataURL"){var d=document.createElement("img");d.src=c,d.onload=function(){var A=a.getContext("2d");A&&A.drawImage(d,0,0,d.width,d.height)}}else if(s==="img"&&o==="rr_dataURL"){var m=a;m.currentSrc.startsWith("data:")||(m.setAttribute("rrweb-original-src",e.attributes.src),m.src=c)}if(o==="rr_width")a.style.width=c;else if(o==="rr_height")a.style.height=c;else if(o==="rr_mediaCurrentTime")a.currentTime=e.attributes.rr_mediaCurrentTime;else if(o==="rr_mediaState")switch(c){case"played":a.play().catch(function(A){return console.warn("media playback error",A)});break;case"paused":a.pause();break}}else{var f=s==="textarea"&&o==="value",T=s==="style"&&o==="_cssText";if(T&&i&&(c=Oe(c,n),typeof c=="string")){for(var g=/url\(\"https:\/\/\S*(.eot|.woff2|.ttf|.woff)\S*\"\)/gm,E=void 0,h=[],v="https://replay-cors-proxy.highlightrun.workers.dev";(E=g.exec(c))!==null;)E.index===g.lastIndex&&g.lastIndex++,E.forEach(function(A,G){if(G===0){var W=A.slice(5,A.length-2);h.push({originalUrl:W,proxyUrl:W.replace(W,v+"?url="+W)})}});h.forEach(function(A){c=c.replace(A.originalUrl,A.proxyUrl)})}if(f||T){for(var w=r.createTextNode(c),R=0,L=Array.from(a.childNodes);R<L.length;R++){var k=L[R];k.nodeType===a.TEXT_NODE&&a.removeChild(k)}return a.appendChild(w),"continue"}try{if(e.isSVG&&o==="xlink:href")a.setAttributeNS("http://www.w3.org/1999/xlink",o,c);else if(o==="onload"||o==="onclick"||o.substring(0,7)==="onmouse")a.setAttribute("_"+o,c);else{if(s==="meta"&&e.attributes["http-equiv"]==="Content-Security-Policy"&&o==="content")return a.setAttribute("csp-content",c),"continue";s==="link"&&e.attributes.rel==="preload"&&e.attributes.as==="script"||s==="link"&&e.attributes.rel==="prefetch"&&typeof e.attributes.href=="string"&&e.attributes.href.endsWith(".js")||(s==="img"&&e.attributes.srcset&&e.attributes.rr_dataURL?a.setAttribute("rrweb-original-srcset",e.attributes.srcset):a.setAttribute(o,c))}}catch{}}};for(var u in e.attributes)l(u);if(e.isShadowHost)if(!a.shadowRoot)a.attachShadow({mode:"open"});else for(;a.shadowRoot.firstChild;)a.shadowRoot.removeChild(a.shadowRoot.firstChild);return a;case I.Text:return r.createTextNode(e.isStyle&&i?Oe(e.textContent,n):e.textContent);case I.CDATA:return r.createCDATASection(e.textContent);case I.Comment:return r.createComment(e.textContent);default:return null}}function re(e,t){var r=t.doc,i=t.mirror,n=t.skipChild,s=n===void 0?!1:n,a=t.hackCss,l=a===void 0?!0:a,u=t.afterAppend,o=t.cache,c=Dt(e,{doc:r,hackCss:l,cache:o});if(!c)return null;if(e.rootId&&console.assert(i.getNode(e.rootId)===r,"Target document should have the same root id."),e.type===I.Document&&(r.close(),r.open(),e.compatMode==="BackCompat"&&e.childNodes&&e.childNodes[0].type!==I.DocumentType&&(e.childNodes[0].type===I.Element&&"xmlns"in e.childNodes[0].attributes&&e.childNodes[0].attributes.xmlns==="http://www.w3.org/1999/xhtml"?r.write('<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">'):r.write('<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "">')),c=r),i.add(c,e),(e.type===I.Document||e.type===I.Element)&&!s)for(var d=0,m=e.childNodes;d<m.length;d++){var f=m[d],T=re(f,{doc:r,mirror:i,skipChild:!1,hackCss:l,afterAppend:u,cache:o});if(!T){console.warn("Failed to rebuild",f);continue}f.isShadow&&vt(c)&&c.shadowRoot?c.shadowRoot.appendChild(T):c.appendChild(T),u&&u(T)}return c}function Mt(e,t){function r(a){t(a)}for(var i=0,n=e.getIds();i<n.length;i++){var s=n[i];e.has(s)&&r(e.getNode(s))}}function xt(e,t){var r=t.getMeta(e);if(r?.type===I.Element){var i=e;for(var n in r.attributes)if(r.attributes.hasOwnProperty(n)&&n.startsWith("rr_")){var s=r.attributes[n];n==="rr_scrollLeft"&&(i.scrollLeft=s),n==="rr_scrollTop"&&(i.scrollTop=s)}}}function Ct(e,t){var r=t.doc,i=t.onVisit,n=t.hackCss,s=n===void 0?!0:n,a=t.afterAppend,l=t.cache,u=t.mirror,o=u===void 0?new Se:u,c=re(e,{doc:r,mirror:o,skipChild:!1,hackCss:s,afterAppend:a,cache:l});return Mt(o,function(d){i&&i(d),xt(d,o)}),c}var N;(function(e){e[e.Document=0]="Document",e[e.DocumentType=1]="DocumentType",e[e.Element=2]="Element",e[e.Text=3]="Text",e[e.CDATA=4]="CDATA",e[e.Comment=5]="Comment"})(N||(N={}));var St=function(){function e(){this.idNodeMap=new Map,this.nodeMetaMap=new WeakMap}return e.prototype.getId=function(t){var r;if(!t)return-1;var i=(r=this.getMeta(t))===null||r===void 0?void 0:r.id;return i??-1},e.prototype.getNode=function(t){return this.idNodeMap.get(t)||null},e.prototype.getIds=function(){return Array.from(this.idNodeMap.keys())},e.prototype.getMeta=function(t){return this.nodeMetaMap.get(t)||null},e.prototype.removeNodeFromMap=function(t){var r=this,i=this.getId(t);this.idNodeMap.delete(i),t.childNodes&&t.childNodes.forEach(function(n){return r.removeNodeFromMap(n)})},e.prototype.has=function(t){return this.idNodeMap.has(t)},e.prototype.hasNode=function(t){return this.nodeMetaMap.has(t)},e.prototype.add=function(t,r){var i=r.id;this.idNodeMap.set(i,t),this.nodeMetaMap.set(t,r)},e.prototype.replace=function(t,r){this.idNodeMap.set(t,r)},e.prototype.reset=function(){this.idNodeMap=new Map,this.nodeMetaMap=new WeakMap},e}();function Rt(){return new St}function At(e){const t={},r=/;(?![^(]*\))/g,i=/:(.+)/,n=/\/\*.*?\*\//g;return e.replace(n,"").split(r).forEach(function(s){if(s){const a=s.split(i);a.length>1&&(t[he(a[0].trim())]=a[1].trim())}}),t}function _e(e){const t=[];for(const r in e){const i=e[r];if(typeof i!="string")continue;const n=_t(r);t.push(`${n}: ${i};`)}return t.join(" ")}const It=/-([a-z])/g,Ot=/^--[a-zA-Z0-9-]+$/,he=e=>Ot.test(e)?e:e.replace(It,(t,r)=>r?r.toUpperCase():""),kt=/\B([A-Z])/g,_t=e=>e.replace(kt,"-$1").toLowerCase();class F{constructor(...t){this.childNodes=[],this.parentElement=null,this.parentNode=null,this.ELEMENT_NODE=x.ELEMENT_NODE,this.TEXT_NODE=x.TEXT_NODE}get firstChild(){return this.childNodes[0]||null}get lastChild(){return this.childNodes[this.childNodes.length-1]||null}get nextSibling(){const t=this.parentNode;if(!t)return null;const r=t.childNodes,i=r.indexOf(this);return r[i+1]||null}contains(t){if(t===this)return!0;for(const r of this.childNodes)if(r.contains(t))return!0;return!1}appendChild(t){throw new Error("RRDomException: Failed to execute 'appendChild' on 'RRNode': This RRNode type does not support this method.")}insertBefore(t,r){throw new Error("RRDomException: Failed to execute 'insertBefore' on 'RRNode': This RRNode type does not support this method.")}removeChild(t){throw new Error("RRDomException: Failed to execute 'removeChild' on 'RRNode': This RRNode type does not support this method.")}toString(){return"RRNode"}}function Lt(e){return class yt extends e{constructor(){super(...arguments),this.nodeType=x.DOCUMENT_NODE,this.nodeName="#document",this.compatMode="CSS1Compat",this.RRNodeType=N.Document,this.textContent=null}get documentElement(){return this.childNodes.find(r=>r.RRNodeType===N.Element&&r.tagName==="HTML")||null}get body(){var r;return((r=this.documentElement)===null||r===void 0?void 0:r.childNodes.find(i=>i.RRNodeType===N.Element&&i.tagName==="BODY"))||null}get head(){var r;return((r=this.documentElement)===null||r===void 0?void 0:r.childNodes.find(i=>i.RRNodeType===N.Element&&i.tagName==="HEAD"))||null}get implementation(){return this}get firstElementChild(){return this.documentElement}appendChild(r){const i=r.RRNodeType;if((i===N.Element||i===N.DocumentType)&&this.childNodes.some(n=>n.RRNodeType===i))throw new Error(`RRDomException: Failed to execute 'appendChild' on 'RRNode': Only one ${i===N.Element?"RRElement":"RRDoctype"} on RRDocument allowed.`);return r.parentElement=null,r.parentNode=this,this.childNodes.push(r),r}insertBefore(r,i){const n=r.RRNodeType;if((n===N.Element||n===N.DocumentType)&&this.childNodes.some(a=>a.RRNodeType===n))throw new Error(`RRDomException: Failed to execute 'insertBefore' on 'RRNode': Only one ${n===N.Element?"RRElement":"RRDoctype"} on RRDocument allowed.`);if(i===null)return this.appendChild(r);const s=this.childNodes.indexOf(i);if(s==-1)throw new Error("Failed to execute 'insertBefore' on 'RRNode': The RRNode before which the new node is to be inserted is not a child of this RRNode.");return this.childNodes.splice(s,0,r),r.parentElement=null,r.parentNode=this,r}removeChild(r){const i=this.childNodes.indexOf(r);if(i===-1)throw new Error("Failed to execute 'removeChild' on 'RRDocument': The RRNode to be removed is not a child of this RRNode.");return this.childNodes.splice(i,1),r.parentElement=null,r.parentNode=null,r}open(){this.childNodes=[]}close(){}write(r){let i;if(r==='<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">'?i="-//W3C//DTD XHTML 1.0 Transitional//EN":r==='<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "">'&&(i="-//W3C//DTD HTML 4.0 Transitional//EN"),i){const n=this.createDocumentType("html",i,"");this.open(),this.appendChild(n)}}createDocument(r,i,n){return new yt}createDocumentType(r,i,n){const s=new(Le(F))(r,i,n);return s.ownerDocument=this,s}createElement(r){const i=new(Pe(F))(r);return i.ownerDocument=this,i}createElementNS(r,i){return this.createElement(i)}createTextNode(r){const i=new(Fe(F))(r);return i.ownerDocument=this,i}createComment(r){const i=new(Ue(F))(r);return i.ownerDocument=this,i}createCDATASection(r){const i=new(Be(F))(r);return i.ownerDocument=this,i}toString(){return"RRDocument"}}}function Le(e){return class extends e{constructor(t,r,i){super(),this.nodeType=x.DOCUMENT_TYPE_NODE,this.RRNodeType=N.DocumentType,this.textContent=null,this.name=t,this.publicId=r,this.systemId=i,this.nodeName=t}toString(){return"RRDocumentType"}}}function Pe(e){return class extends e{constructor(t){super(),this.nodeType=x.ELEMENT_NODE,this.RRNodeType=N.Element,this.attributes={},this.shadowRoot=null,this.tagName=t.toUpperCase(),this.nodeName=t.toUpperCase()}get textContent(){let t="";return this.childNodes.forEach(r=>t+=r.textContent),t}set textContent(t){this.childNodes=[this.ownerDocument.createTextNode(t)]}get classList(){return new Ft(this.attributes.class,t=>{this.attributes.class=t})}get id(){return this.attributes.id||""}get className(){return this.attributes.class||""}get style(){const t=this.attributes.style?At(this.attributes.style):{},r=/\B([A-Z])/g;return t.setProperty=(i,n,s)=>{if(r.test(i))return;const a=he(i);n?t[a]=n:delete t[a],s==="important"&&(t[a]+=" !important"),this.attributes.style=_e(t)},t.removeProperty=i=>{if(r.test(i))return"";const n=he(i),s=t[n]||"";return delete t[n],this.attributes.style=_e(t),s},t}getAttribute(t){return this.attributes[t]||null}setAttribute(t,r){this.attributes[t]=r}setAttributeNS(t,r,i){this.setAttribute(r,i)}removeAttribute(t){delete this.attributes[t]}appendChild(t){return this.childNodes.push(t),t.parentNode=this,t.parentElement=this,t}insertBefore(t,r){if(r===null)return this.appendChild(t);const i=this.childNodes.indexOf(r);if(i==-1)throw new Error("Failed to execute 'insertBefore' on 'RRNode': The RRNode before which the new node is to be inserted is not a child of this RRNode.");return this.childNodes.splice(i,0,t),t.parentElement=this,t.parentNode=this,t}removeChild(t){const r=this.childNodes.indexOf(t);if(r===-1)throw new Error("Failed to execute 'removeChild' on 'RRElement': The RRNode to be removed is not a child of this RRNode.");return this.childNodes.splice(r,1),t.parentElement=null,t.parentNode=null,t}attachShadow(t){const r=this.ownerDocument.createElement("SHADOWROOT");return this.shadowRoot=r,r}dispatchEvent(t){return!0}toString(){let t="";for(const r in this.attributes)t+=`${r}="${this.attributes[r]}" `;return`${this.tagName} ${t}`}}}function Pt(e){return class extends e{attachShadow(t){throw new Error("RRDomException: Failed to execute 'attachShadow' on 'RRElement': This RRElement does not support attachShadow")}play(){this.paused=!1}pause(){this.paused=!0}}}function Fe(e){return class extends e{constructor(t){super(),this.nodeType=x.TEXT_NODE,this.nodeName="#text",this.RRNodeType=N.Text,this.data=t}get textContent(){return this.data}set textContent(t){this.data=t}toString(){return`RRText text=${JSON.stringify(this.data)}`}}}function Ue(e){return class extends e{constructor(t){super(),this.nodeType=x.COMMENT_NODE,this.nodeName="#comment",this.RRNodeType=N.Comment,this.data=t}get textContent(){return this.data}set textContent(t){this.data=t}toString(){return`RRComment text=${JSON.stringify(this.data)}`}}}function Be(e){return class extends e{constructor(t){super(),this.nodeName="#cdata-section",this.nodeType=x.CDATA_SECTION_NODE,this.RRNodeType=N.CDATA,this.data=t}get textContent(){return this.data}set textContent(t){this.data=t}toString(){return`RRCDATASection data=${JSON.stringify(this.data)}`}}}class Ft{constructor(t,r){if(this.classes=[],this.add=(...i)=>{for(const n of i){const s=String(n);this.classes.indexOf(s)>=0||this.classes.push(s)}this.onChange&&this.onChange(this.classes.join(" "))},this.remove=(...i)=>{this.classes=this.classes.filter(n=>i.indexOf(n)===-1),this.onChange&&this.onChange(this.classes.join(" "))},t){const i=t.trim().split(/\s+/);this.classes.push(...i)}this.onChange=r}}var x;(function(e){e[e.PLACEHOLDER=0]="PLACEHOLDER",e[e.ELEMENT_NODE=1]="ELEMENT_NODE",e[e.ATTRIBUTE_NODE=2]="ATTRIBUTE_NODE",e[e.TEXT_NODE=3]="TEXT_NODE",e[e.CDATA_SECTION_NODE=4]="CDATA_SECTION_NODE",e[e.ENTITY_REFERENCE_NODE=5]="ENTITY_REFERENCE_NODE",e[e.ENTITY_NODE=6]="ENTITY_NODE",e[e.PROCESSING_INSTRUCTION_NODE=7]="PROCESSING_INSTRUCTION_NODE",e[e.COMMENT_NODE=8]="COMMENT_NODE",e[e.DOCUMENT_NODE=9]="DOCUMENT_NODE",e[e.DOCUMENT_TYPE_NODE=10]="DOCUMENT_TYPE_NODE",e[e.DOCUMENT_FRAGMENT_NODE=11]="DOCUMENT_FRAGMENT_NODE"})(x||(x={}));const me={svg:"http://www.w3.org/2000/svg","xlink:href":"http://www.w3.org/1999/xlink",xmlns:"http://www.w3.org/2000/xmlns/"};function B(e,t,r,i){const n=e.childNodes,s=t.childNodes;i=i||t.mirror||t.ownerDocument.mirror,(n.length>0||s.length>0)&&$e(Array.from(n),s,e,r,i);let a=null,l=null;switch(t.RRNodeType){case N.Document:{l=t.scrollData;break}case N.Element:{const u=e,o=t;switch(Ut(u,o,i),l=o.scrollData,a=o.inputData,o.tagName){case"AUDIO":case"VIDEO":{const c=e,d=o;d.paused!==void 0&&(d.paused?c.pause():c.play()),d.muted!==void 0&&(c.muted=d.muted),d.volume!==void 0&&(c.volume=d.volume),d.currentTime!==void 0&&(c.currentTime=d.currentTime);break}case"CANVAS":t.canvasMutations.forEach(c=>r.applyCanvas(c.event,c.mutation,e));break;case"STYLE":Bt(u,t.rules);break}if(o.shadowRoot){u.shadowRoot||u.attachShadow({mode:"open"});const c=u.shadowRoot.childNodes,d=o.shadowRoot.childNodes;(c.length>0||d.length>0)&&$e(Array.from(c),d,u.shadowRoot,r,i)}break}case N.Text:case N.Comment:case N.CDATA:e.textContent!==t.data&&(e.textContent=t.data);break}if(l&&r.applyScroll(l,!0),a&&r.applyInput(a),t.nodeName==="IFRAME"){const u=e.contentDocument,o=t;if(u){const c=i.getMeta(o.contentDocument);c&&r.mirror.add(u,Object.assign({},c)),B(u,o.contentDocument,r,i)}}}function Ut(e,t,r){const i=e.attributes,n=t.attributes;for(const s in n){const a=n[s],l=r.getMeta(t);if(l&&"isSVG"in l&&l.isSVG&&me[s])e.setAttributeNS(me[s],s,a);else if(t.tagName==="CANVAS"&&s==="rr_dataURL"){const u=document.createElement("img");u.src=a,u.onload=()=>{const o=e.getContext("2d");o&&o.drawImage(u,0,0,u.width,u.height)}}else e.setAttribute(s,a)}for(const{name:s}of Array.from(i))s in n||e.removeAttribute(s);t.scrollLeft&&(e.scrollLeft=t.scrollLeft),t.scrollTop&&(e.scrollTop=t.scrollTop)}function $e(e,t,r,i,n){var s,a;let l=0,u=e.length-1,o=0,c=t.length-1,d=e[l],m=e[u],f=t[o],T=t[c],g,E;for(;l<=u&&o<=c;)if(d===void 0)d=e[++l];else if(m===void 0)m=e[--u];else if(i.mirror.getId(d)===n.getId(f))B(d,f,i,n),d=e[++l],f=t[++o];else if(i.mirror.getId(m)===n.getId(T))B(m,T,i,n),m=e[--u],T=t[--c];else if(i.mirror.getId(d)===n.getId(T))r.insertBefore(d,m.nextSibling),B(d,T,i,n),d=e[++l],T=t[--c];else if(i.mirror.getId(m)===n.getId(f))r.insertBefore(m,d),B(m,f,i,n),m=e[--u],f=t[++o];else{if(!g){g={};for(let h=l;h<=u;h++){const v=e[h];v&&i.mirror.hasNode(v)&&(g[i.mirror.getId(v)]=h)}}if(E=g[n.getId(f)],E){const h=e[E];r.insertBefore(h,d),B(h,f,i,n),e[E]=void 0}else{const h=pe(f,i.mirror,n);((s=i.mirror.getMeta(r))===null||s===void 0?void 0:s.type)===N.Document&&((a=i.mirror.getMeta(h))===null||a===void 0?void 0:a.type)===N.Element&&r.documentElement&&(r.removeChild(r.documentElement),e[l]=void 0,d=void 0),r.insertBefore(h,d||null),B(h,f,i,n)}f=t[++o]}if(l>u){const h=t[c+1];let v=null;for(h&&r.childNodes.forEach(w=>{i.mirror.getId(w)===n.getId(h)&&(v=w)});o<=c;++o){const w=pe(t[o],i.mirror,n);r.insertBefore(w,v),B(w,t[o],i,n)}}else if(o>c)for(;l<=u;l++){const h=e[l];h&&(r.removeChild(h),i.mirror.removeNodeFromMap(h))}}function pe(e,t,r){let i=t.getNode(r.getId(e));const n=r.getMeta(e);if(i!==null)return i;switch(e.RRNodeType){case N.Document:i=new Document;break;case N.DocumentType:i=document.implementation.createDocumentType(e.name,e.publicId,e.systemId);break;case N.Element:{e.tagName.toLowerCase(),n&&"isSVG"in n&&n?.isSVG?i=document.createElementNS(me.svg,e.tagName.toLowerCase()):i=document.createElement(e.tagName);break}case N.Text:i=document.createTextNode(e.data);break;case N.Comment:i=document.createComment(e.data);break;case N.CDATA:i=document.createCDATASection(e.data);break}return n&&t.add(i,Object.assign({},n)),i}function q(e,t){const r=e[t[0]];return t.length===1?r:q(r.cssRules[t[1]].cssRules,t.slice(2))}var U;(function(e){e[e.Insert=0]="Insert",e[e.Remove=1]="Remove",e[e.Snapshot=2]="Snapshot",e[e.SetProperty=3]="SetProperty",e[e.RemoveProperty=4]="RemoveProperty"})(U||(U={}));function Ve(e){const t=[...e],r=t.pop();return{positions:t,index:r}}function Bt(e,t){const r=e.sheet;t.forEach(i=>{if(i.type===U.Insert)try{if(Array.isArray(i.index)){const{positions:n,index:s}=Ve(i.index);q(r.cssRules,n).insertRule(i.cssText,s)}else r.insertRule(i.cssText,i.index)}catch{}else if(i.type===U.Remove)try{if(Array.isArray(i.index)){const{positions:n,index:s}=Ve(i.index);q(r.cssRules,n).deleteRule(s||0)}else r.deleteRule(i.index)}catch{}else i.type===U.SetProperty?q(r.cssRules,i.index).style.setProperty(i.property,i.value,i.priority):i.type===U.RemoveProperty&&q(r.cssRules,i.index).style.removeProperty(i.property)})}class H extends Lt(F){constructor(t){super(),this._unserializedId=-1,this.mirror=qt(),this.scrollData=null,t&&(this.mirror=t)}get unserializedId(){return this._unserializedId--}createDocument(t,r,i){return new H}createDocumentType(t,r,i){const n=new $t(t,r,i);return n.ownerDocument=this,n}createElement(t){const r=t.toUpperCase();let i;switch(r){case"AUDIO":case"VIDEO":i=new Vt(r);break;case"IFRAME":i=new Gt(r,this.mirror);break;case"CANVAS":i=new Wt(r);break;case"STYLE":i=new jt(r);break;default:i=new J(r);break}return i.ownerDocument=this,i}createComment(t){const r=new Yt(t);return r.ownerDocument=this,r}createCDATASection(t){const r=new zt(t);return r.ownerDocument=this,r}createTextNode(t){const r=new Ht(t);return r.ownerDocument=this,r}destroyTree(){this.childNodes=[],this.mirror.reset()}open(){super.open(),this._unserializedId=-1}}const $t=Le(F);class J extends Pe(F){constructor(){super(...arguments),this.inputData=null,this.scrollData=null}}class Vt extends Pt(J){}class Wt extends J{constructor(){super(...arguments),this.canvasMutations=[]}getContext(){return null}}class jt extends J{constructor(){super(...arguments),this.rules=[]}}class Gt extends J{constructor(t,r){super(t),this.contentDocument=new H,this.contentDocument.mirror=r}}const Ht=Fe(F),Yt=Ue(F),zt=Be(F);function Xt(e){return e instanceof HTMLFormElement?"FORM":e.tagName.toUpperCase()}function We(e,t,r,i){let n;switch(e.nodeType){case x.DOCUMENT_NODE:i&&i.nodeName==="IFRAME"?n=i.contentDocument:(n=t,n.compatMode=e.compatMode);break;case x.DOCUMENT_TYPE_NODE:const a=e;n=t.createDocumentType(a.name,a.publicId,a.systemId);break;case x.ELEMENT_NODE:const l=e,u=Xt(l);n=t.createElement(u);const o=n;for(const{name:c,value:d}of Array.from(l.attributes))o.attributes[c]=d;l.scrollLeft&&(o.scrollLeft=l.scrollLeft),l.scrollTop&&(o.scrollTop=l.scrollTop);break;case x.TEXT_NODE:n=t.createTextNode(e.textContent||"");break;case x.CDATA_SECTION_NODE:n=t.createCDATASection(e.data);break;case x.COMMENT_NODE:n=t.createComment(e.textContent||"");break;case x.DOCUMENT_FRAGMENT_NODE:n=i.attachShadow({mode:"open"});break;default:return null}let s=r.getMeta(e);return t instanceof H&&(s||(s=je(n,t.unserializedId),r.add(e,s)),t.mirror.add(n,Object.assign({},s))),n}function Qt(e,t=Rt(),r=new H){function i(n,s){const a=We(n,r,t,s);a!==null&&(s?.nodeName!=="IFRAME"&&n.nodeType!==x.DOCUMENT_FRAGMENT_NODE&&(s?.appendChild(a),a.parentNode=s,a.parentElement=s),n.nodeName==="IFRAME"?i(n.contentDocument,a):(n.nodeType===x.DOCUMENT_NODE||n.nodeType===x.ELEMENT_NODE||n.nodeType===x.DOCUMENT_FRAGMENT_NODE)&&(n.nodeType===x.ELEMENT_NODE&&n.shadowRoot&&i(n.shadowRoot,a),n.childNodes.forEach(l=>i(l,a))))}return i(e,null),r}function qt(){return new Jt}class Jt{constructor(){this.idNodeMap=new Map,this.nodeMetaMap=new WeakMap}getId(t){var r;if(!t)return-1;const i=(r=this.getMeta(t))===null||r===void 0?void 0:r.id;return i??-1}getNode(t){return this.idNodeMap.get(t)||null}getIds(){return Array.from(this.idNodeMap.keys())}getMeta(t){return this.nodeMetaMap.get(t)||null}removeNodeFromMap(t){const r=this.getId(t);this.idNodeMap.delete(r),t.childNodes&&t.childNodes.forEach(i=>this.removeNodeFromMap(i))}has(t){return this.idNodeMap.has(t)}hasNode(t){return this.nodeMetaMap.has(t)}add(t,r){const i=r.id;this.idNodeMap.set(i,t),this.nodeMetaMap.set(t,r)}replace(t,r){this.idNodeMap.set(t,r)}reset(){this.idNodeMap=new Map,this.nodeMetaMap=new WeakMap}}function je(e,t){switch(e.RRNodeType){case N.Document:return{id:t,type:e.RRNodeType,childNodes:[]};case N.DocumentType:const r=e;return{id:t,type:e.RRNodeType,name:r.name,publicId:r.publicId,systemId:r.systemId};case N.Element:return{id:t,type:e.RRNodeType,tagName:e.tagName.toLowerCase(),attributes:{},childNodes:[]};case N.Text:return{id:t,type:e.RRNodeType,textContent:e.textContent||""};case N.Comment:return{id:t,type:e.RRNodeType,textContent:e.textContent||""};case N.CDATA:return{id:t,type:e.RRNodeType,textContent:""}}}function Ge(e){return e=e||Object.create(null),{on:function(r,i){(e[r]||(e[r]=[])).push(i)},off:function(r,i){e[r]&&e[r].splice(e[r].indexOf(i)>>>0,1)},emit:function(r,i){(e[r]||[]).slice().map(function(n){n(i)}),(e["*"]||[]).slice().map(function(n){n(r,i)})}}}var Zt=Object.freeze({__proto__:null,default:Ge});function Kt(e=window,t=document){if("scrollBehavior"in t.documentElement.style&&e.__forceSmoothScrollPolyfill__!==!0)return;const r=e.HTMLElement||e.Element,i=468,n={scroll:e.scroll||e.scrollTo,scrollBy:e.scrollBy,elementScroll:r.prototype.scroll||u,scrollIntoView:r.prototype.scrollIntoView},s=e.performance&&e.performance.now?e.performance.now.bind(e.performance):Date.now;function a(h){const v=["MSIE ","Trident/","Edge/"];return new RegExp(v.join("|")).test(h)}const l=a(e.navigator.userAgent)?1:0;function u(h,v){this.scrollLeft=h,this.scrollTop=v}function o(h){return .5*(1-Math.cos(Math.PI*h))}function c(h){if(h===null||typeof h!="object"||h.behavior===void 0||h.behavior==="auto"||h.behavior==="instant")return!0;if(typeof h=="object"&&h.behavior==="smooth")return!1;throw new TypeError("behavior member of ScrollOptions "+h.behavior+" is not a valid value for enumeration ScrollBehavior.")}function d(h,v){if(v==="Y")return h.clientHeight+l<h.scrollHeight;if(v==="X")return h.clientWidth+l<h.scrollWidth}function m(h,v){const w=e.getComputedStyle(h,null)["overflow"+v];return w==="auto"||w==="scroll"}function f(h){const v=d(h,"Y")&&m(h,"Y"),w=d(h,"X")&&m(h,"X");return v||w}function T(h){for(;h!==t.body&&f(h)===!1;)h=h.parentNode||h.host;return h}function g(h){const v=s();let w,R,L,k=(v-h.startTime)/i;k=k>1?1:k,w=o(k),R=h.startX+(h.x-h.startX)*w,L=h.startY+(h.y-h.startY)*w,h.method.call(h.scrollable,R,L),(R!==h.x||L!==h.y)&&e.requestAnimationFrame(g.bind(e,h))}function E(h,v,w){let R,L,k,A;const G=s();h===t.body?(R=e,L=e.scrollX||e.pageXOffset,k=e.scrollY||e.pageYOffset,A=n.scroll):(R=h,L=h.scrollLeft,k=h.scrollTop,A=u),g({scrollable:R,method:A,startTime:G,startX:L,startY:k,x:v,y:w})}e.scroll=e.scrollTo=function(){if(arguments[0]!==void 0){if(c(arguments[0])===!0){n.scroll.call(e,arguments[0].left!==void 0?arguments[0].left:typeof arguments[0]!="object"?arguments[0]:e.scrollX||e.pageXOffset,arguments[0].top!==void 0?arguments[0].top:arguments[1]!==void 0?arguments[1]:e.scrollY||e.pageYOffset);return}E.call(e,t.body,arguments[0].left!==void 0?~~arguments[0].left:e.scrollX||e.pageXOffset,arguments[0].top!==void 0?~~arguments[0].top:e.scrollY||e.pageYOffset)}},e.scrollBy=function(){if(arguments[0]!==void 0){if(c(arguments[0])){n.scrollBy.call(e,arguments[0].left!==void 0?arguments[0].left:typeof arguments[0]!="object"?arguments[0]:0,arguments[0].top!==void 0?arguments[0].top:arguments[1]!==void 0?arguments[1]:0);return}E.call(e,t.body,~~arguments[0].left+(e.scrollX||e.pageXOffset),~~arguments[0].top+(e.scrollY||e.pageYOffset))}},r.prototype.scroll=r.prototype.scrollTo=function(){if(arguments[0]===void 0)return;if(c(arguments[0])===!0){if(typeof arguments[0]=="number"&&arguments[1]===void 0)throw new SyntaxError("Value could not be converted");n.elementScroll.call(this,arguments[0].left!==void 0?~~arguments[0].left:typeof arguments[0]!="object"?~~arguments[0]:this.scrollLeft,arguments[0].top!==void 0?~~arguments[0].top:arguments[1]!==void 0?~~arguments[1]:this.scrollTop);return}const h=arguments[0].left,v=arguments[0].top;E.call(this,this,typeof h>"u"?this.scrollLeft:~~h,typeof v>"u"?this.scrollTop:~~v)},r.prototype.scrollBy=function(){if(arguments[0]!==void 0){if(c(arguments[0])===!0){n.elementScroll.call(this,arguments[0].left!==void 0?~~arguments[0].left+this.scrollLeft:~~arguments[0]+this.scrollLeft,arguments[0].top!==void 0?~~arguments[0].top+this.scrollTop:~~arguments[1]+this.scrollTop);return}this.scroll({left:~~arguments[0].left+this.scrollLeft,top:~~arguments[0].top+this.scrollTop,behavior:arguments[0].behavior})}},r.prototype.scrollIntoView=function(){if(c(arguments[0])===!0){n.scrollIntoView.call(this,arguments[0]===void 0?!0:arguments[0]);return}const h=T(this),v=h.getBoundingClientRect(),w=this.getBoundingClientRect();h!==t.body?(E.call(this,h,h.scrollLeft+w.left-v.left,h.scrollTop+w.top-v.top),e.getComputedStyle(h).position!=="fixed"&&e.scrollBy({left:v.left,top:v.top,behavior:"smooth"})):e.scrollBy({left:w.left,top:w.top,behavior:"smooth"})}}var M=(e=>(e[e.DomContentLoaded=0]="DomContentLoaded",e[e.Load=1]="Load",e[e.FullSnapshot=2]="FullSnapshot",e[e.IncrementalSnapshot=3]="IncrementalSnapshot",e[e.Meta=4]="Meta",e[e.Custom=5]="Custom",e[e.Plugin=6]="Plugin",e))(M||{}),C=(e=>(e[e.Mutation=0]="Mutation",e[e.MouseMove=1]="MouseMove",e[e.MouseInteraction=2]="MouseInteraction",e[e.Scroll=3]="Scroll",e[e.ViewportResize=4]="ViewportResize",e[e.Input=5]="Input",e[e.TouchMove=6]="TouchMove",e[e.MediaInteraction=7]="MediaInteraction",e[e.StyleSheetRule=8]="StyleSheetRule",e[e.CanvasMutation=9]="CanvasMutation",e[e.Font=10]="Font",e[e.Log=11]="Log",e[e.Drag=12]="Drag",e[e.StyleDeclaration=13]="StyleDeclaration",e))(C||{}),_=(e=>(e[e.MouseUp=0]="MouseUp",e[e.MouseDown=1]="MouseDown",e[e.Click=2]="Click",e[e.ContextMenu=3]="ContextMenu",e[e.DblClick=4]="DblClick",e[e.Focus=5]="Focus",e[e.Blur=6]="Blur",e[e.TouchStart=7]="TouchStart",e[e.TouchMove_Departed=8]="TouchMove_Departed",e[e.TouchEnd=9]="TouchEnd",e[e.TouchCancel=10]="TouchCancel",e))(_||{}),ie=(e=>(e[e["2D"]=0]="2D",e[e.WebGL=1]="WebGL",e[e.WebGL2=2]="WebGL2",e))(ie||{}),fe=(e=>(e[e.Play=0]="Play",e[e.Pause=1]="Pause",e[e.Seeked=2]="Seeked",e[e.VolumeChange=3]="VolumeChange",e))(fe||{}),D=(e=>(e.Start="start",e.Pause="pause",e.Resume="resume",e.Resize="resize",e.Finish="finish",e.FullsnapshotRebuilded="fullsnapshot-rebuilded",e.LoadStylesheetStart="load-stylesheet-start",e.LoadStylesheetEnd="load-stylesheet-end",e.SkipStart="skip-start",e.SkipEnd="skip-end",e.MouseInteraction="mouse-interaction",e.EventCast="event-cast",e.CustomEvent="custom-event",e.Flush="flush",e.StateChange="state-change",e.PlayBack="play-back",e))(D||{});class er{constructor(t=[],r){this.timeOffset=0,this.raf=null,this.actions=t,this.speed=r}addAction(t){const r=this.findActionIndex(t);this.actions.splice(r,0,t)}addActions(t){this.actions=this.actions.concat(t)}replaceActions(t){this.actions.length=0,this.actions.splice(0,0,...t)}start(){this.timeOffset=0;let t=performance.now();const{actions:r}=this,i=this;function n(){const s=performance.now();for(i.timeOffset+=(s-t)*i.speed,t=s;r.length;){const a=r[0];if(i.timeOffset>=a.delay)r.shift(),a.doAction();else break}(r.length>0||i.liveMode)&&(i.raf=requestAnimationFrame(n))}this.raf=requestAnimationFrame(n)}clear(){this.raf&&(cancelAnimationFrame(this.raf),this.raf=null),this.actions.length=0}setSpeed(t){this.speed=t}toggleLiveMode(t){this.liveMode=t}isActive(){return this.raf!==null}findActionIndex(t){let r=0,i=this.actions.length-1;for(;r<=i;){const n=Math.floor((r+i)/2);if(this.actions[n].delay<t.delay)r=n+1;else if(this.actions[n].delay>t.delay)i=n-1;else return n+1}return r}}function ge(e,t){if(e.type===M.IncrementalSnapshot&&e.data.source===C.MouseMove){const r=e.data.positions[0].timeOffset,i=e.timestamp+r;return e.delay=i-t,i-t}return e.delay=e.timestamp-t,e.delay}/*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
 
     Permission to use, copy, modify, and/or distribute this software for any
@@ -2293,2226 +12,6 @@ var rrwebReplay = (function (exports) {
     LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
     OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
     PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */
-    function t(t,n){var e="function"==typeof Symbol&&t[Symbol.iterator];if(!e)return t;var r,o,i=e.call(t),a=[];try{for(;(void 0===n||n-- >0)&&!(r=i.next()).done;)a.push(r.value);}catch(t){o={error:t};}finally{try{r&&!r.done&&(e=i.return)&&e.call(i);}finally{if(o)throw o.error}}return a}var n;!function(t){t[t.NotStarted=0]="NotStarted",t[t.Running=1]="Running",t[t.Stopped=2]="Stopped";}(n||(n={}));var e={type:"xstate.init"};function r(t){return void 0===t?[]:[].concat(t)}function o(t){return {type:"xstate.assign",assignment:t}}function i$1(t,n){return "string"==typeof(t="string"==typeof t&&n&&n[t]?n[t]:t)?{type:t}:"function"==typeof t?{type:t.name,exec:t}:t}function a(t){return function(n){return t===n}}function u(t){return "string"==typeof t?{type:t}:t}function c(t,n){return {value:t,context:n,actions:[],changed:!1,matches:a(t)}}function f(t,n,e){var r=n,o=!1;return [t.filter((function(t){if("xstate.assign"===t.type){o=!0;var n=Object.assign({},r);return "function"==typeof t.assignment?n=t.assignment(r,e):Object.keys(t.assignment).forEach((function(o){n[o]="function"==typeof t.assignment[o]?t.assignment[o](r,e):t.assignment[o];})),r=n,!1}return !0})),r,o]}function s(n,o){void 0===o&&(o={});var s=t(f(r(n.states[n.initial].entry).map((function(t){return i$1(t,o.actions)})),n.context,e),2),l=s[0],v=s[1],y={config:n,_options:o,initialState:{value:n.initial,actions:l,context:v,matches:a(n.initial)},transition:function(e,o){var s,l,v="string"==typeof e?{value:e,context:n.context}:e,p=v.value,g=v.context,d=u(o),x=n.states[p];if(x.on){var m=r(x.on[d.type]);try{for(var h=function(t){var n="function"==typeof Symbol&&Symbol.iterator,e=n&&t[n],r=0;if(e)return e.call(t);if(t&&"number"==typeof t.length)return {next:function(){return t&&r>=t.length&&(t=void 0),{value:t&&t[r++],done:!t}}};throw new TypeError(n?"Object is not iterable.":"Symbol.iterator is not defined.")}(m),b=h.next();!b.done;b=h.next()){var S=b.value;if(void 0===S)return c(p,g);var w="string"==typeof S?{target:S}:S,j=w.target,E=w.actions,R=void 0===E?[]:E,N=w.cond,O=void 0===N?function(){return !0}:N,_=void 0===j,k=null!=j?j:p,T=n.states[k];if(O(g,d)){var q=t(f((_?r(R):[].concat(x.exit,R,T.entry).filter((function(t){return t}))).map((function(t){return i$1(t,y._options.actions)})),g,d),3),z=q[0],A=q[1],B=q[2],C=null!=j?j:p;return {value:C,context:A,actions:z,changed:j!==p||z.length>0||B,matches:a(C)}}}}catch(t){s={error:t};}finally{try{b&&!b.done&&(l=h.return)&&l.call(h);}finally{if(s)throw s.error}}}return c(p,g)}};return y}var l=function(t,n){return t.actions.forEach((function(e){var r=e.exec;return r&&r(t.context,n)}))};function v(t){var r=t.initialState,o=n.NotStarted,i=new Set,c={_machine:t,send:function(e){o===n.Running&&(r=t.transition(r,e),l(r,u(e)),i.forEach((function(t){return t(r)})));},subscribe:function(t){return i.add(t),t(r),{unsubscribe:function(){return i.delete(t)}}},start:function(i){if(i){var u="object"==typeof i?i:{context:t.config.context,value:i};r={value:u.value,actions:[],context:u.context,matches:a(u.value)};}return o=n.Running,l(r,e),c},stop:function(){return o=n.Stopped,i.clear(),c},get state(){return r},get status(){return o}};return c}
-
-    var __defProp$1 = Object.defineProperty;
-    var __defProps$1 = Object.defineProperties;
-    var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
-    var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
-    var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
-    var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
-    var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-    var __spreadValues$1 = (a, b) => {
-      for (var prop in b || (b = {}))
-        if (__hasOwnProp$1.call(b, prop))
-          __defNormalProp$1(a, prop, b[prop]);
-      if (__getOwnPropSymbols$1)
-        for (var prop of __getOwnPropSymbols$1(b)) {
-          if (__propIsEnum$1.call(b, prop))
-            __defNormalProp$1(a, prop, b[prop]);
-        }
-      return a;
-    };
-    var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
-    function discardPriorSnapshots(events, baselineTime) {
-      for (let idx = events.length - 1; idx >= 0; idx--) {
-        const event = events[idx];
-        if (event.type === EventType.Meta) {
-          if (event.timestamp <= baselineTime) {
-            return events.slice(idx);
-          }
-        }
-      }
-      return events;
-    }
-    function createPlayerService(context, { getCastFn, applyEventsSynchronously, emitter }) {
-      const playerMachine = s({
-        id: "player",
-        context,
-        initial: "paused",
-        states: {
-          playing: {
-            on: {
-              PAUSE: {
-                target: "paused",
-                actions: ["pause"]
-              },
-              CAST_EVENT: {
-                target: "playing",
-                actions: "castEvent"
-              },
-              END: {
-                target: "paused",
-                actions: ["resetLastPlayedEvent", "pause"]
-              },
-              ADD_EVENT: {
-                target: "playing",
-                actions: ["addEvent"]
-              },
-              REPLACE_EVENTS: {
-                target: "playing",
-                actions: ["replaceEvents"]
-              }
-            }
-          },
-          paused: {
-            on: {
-              PLAY: {
-                target: "playing",
-                actions: ["recordTimeOffset", "play"]
-              },
-              CAST_EVENT: {
-                target: "paused",
-                actions: "castEvent"
-              },
-              TO_LIVE: {
-                target: "live",
-                actions: ["startLive"]
-              },
-              ADD_EVENT: {
-                target: "paused",
-                actions: ["addEvent"]
-              },
-              REPLACE_EVENTS: {
-                target: "paused",
-                actions: ["replaceEvents"]
-              }
-            }
-          },
-          live: {
-            on: {
-              ADD_EVENT: {
-                target: "live",
-                actions: ["addEvent"]
-              },
-              CAST_EVENT: {
-                target: "live",
-                actions: ["castEvent"]
-              }
-            }
-          }
-        }
-      }, {
-        actions: {
-          castEvent: o({
-            lastPlayedEvent: (ctx, event) => {
-              if (event.type === "CAST_EVENT") {
-                return event.payload.event;
-              }
-              return ctx.lastPlayedEvent;
-            }
-          }),
-          recordTimeOffset: o((ctx, event) => {
-            let timeOffset = ctx.timeOffset;
-            if ("payload" in event && "timeOffset" in event.payload) {
-              timeOffset = event.payload.timeOffset;
-            }
-            return __spreadProps$1(__spreadValues$1({}, ctx), {
-              timeOffset,
-              baselineTime: ctx.events[0].timestamp + timeOffset
-            });
-          }),
-          play(ctx) {
-            var _a;
-            const { timer, events, baselineTime, lastPlayedEvent } = ctx;
-            timer.clear();
-            for (const event of events) {
-              addDelay(event, baselineTime);
-            }
-            const neededEvents = discardPriorSnapshots(events, baselineTime);
-            let lastPlayedTimestamp = lastPlayedEvent == null ? void 0 : lastPlayedEvent.timestamp;
-            if ((lastPlayedEvent == null ? void 0 : lastPlayedEvent.type) === EventType.IncrementalSnapshot && lastPlayedEvent.data.source === IncrementalSource.MouseMove) {
-              lastPlayedTimestamp = lastPlayedEvent.timestamp + ((_a = lastPlayedEvent.data.positions[0]) == null ? void 0 : _a.timeOffset);
-            }
-            if (baselineTime < (lastPlayedTimestamp || 0)) {
-              emitter.emit(ReplayerEvents.PlayBack);
-            }
-            const syncEvents = new Array();
-            const actions = new Array();
-            for (const event of neededEvents) {
-              if (lastPlayedTimestamp && lastPlayedTimestamp < baselineTime && (event.timestamp <= lastPlayedTimestamp || event === lastPlayedEvent)) {
-                continue;
-              }
-              if (event.timestamp < baselineTime) {
-                syncEvents.push(event);
-              } else {
-                const castFn = getCastFn(event, false);
-                actions.push({
-                  doAction: () => {
-                    castFn();
-                  },
-                  delay: event.delay
-                });
-              }
-            }
-            applyEventsSynchronously(syncEvents);
-            emitter.emit(ReplayerEvents.Flush);
-            timer.addActions(actions);
-            timer.start();
-          },
-          pause(ctx) {
-            ctx.timer.clear();
-          },
-          resetLastPlayedEvent: o((ctx) => {
-            return __spreadProps$1(__spreadValues$1({}, ctx), {
-              lastPlayedEvent: null
-            });
-          }),
-          startLive: o({
-            baselineTime: (ctx, event) => {
-              ctx.timer.toggleLiveMode(true);
-              ctx.timer.start();
-              if (event.type === "TO_LIVE" && event.payload.baselineTime) {
-                return event.payload.baselineTime;
-              }
-              return Date.now();
-            }
-          }),
-          replaceEvents: o((ctx, machineEvent) => {
-            const { events: curEvents, timer, baselineTime } = ctx;
-            if (machineEvent.type === "REPLACE_EVENTS") {
-              const { events: newEvents } = machineEvent.payload;
-              curEvents.length = 0;
-              const actions = [];
-              for (const event of newEvents) {
-                addDelay(event, baselineTime);
-                curEvents.push(event);
-                if (event.timestamp >= timer.timeOffset + baselineTime) {
-                  const castFn = getCastFn(event, false);
-                  actions.push({
-                    doAction: () => {
-                      castFn();
-                    },
-                    delay: event.delay
-                  });
-                }
-              }
-              if (timer.isActive()) {
-                timer.replaceActions(actions);
-              }
-            }
-            return __spreadProps$1(__spreadValues$1({}, ctx), { events: curEvents });
-          }),
-          addEvent: o((ctx, machineEvent) => {
-            const { baselineTime, timer, events } = ctx;
-            if (machineEvent.type === "ADD_EVENT") {
-              const { event } = machineEvent.payload;
-              addDelay(event, baselineTime);
-              let end = events.length - 1;
-              if (!events[end] || events[end].timestamp <= event.timestamp) {
-                events.push(event);
-              } else {
-                let insertionIndex = -1;
-                let start = 0;
-                while (start <= end) {
-                  const mid = Math.floor((start + end) / 2);
-                  if (events[mid].timestamp <= event.timestamp) {
-                    start = mid + 1;
-                  } else {
-                    end = mid - 1;
-                  }
-                }
-                if (insertionIndex === -1) {
-                  insertionIndex = start;
-                }
-                events.splice(insertionIndex, 0, event);
-              }
-              const isSync = event.timestamp < baselineTime;
-              const castFn = getCastFn(event, isSync);
-              if (isSync) {
-                castFn();
-              } else if (timer.isActive()) {
-                timer.addAction({
-                  doAction: () => {
-                    castFn();
-                  },
-                  delay: event.delay
-                });
-              }
-            }
-            return __spreadProps$1(__spreadValues$1({}, ctx), { events });
-          })
-        }
-      });
-      return v(playerMachine);
-    }
-    function createSpeedService(context) {
-      const speedMachine = s({
-        id: "speed",
-        context,
-        initial: "normal",
-        states: {
-          normal: {
-            on: {
-              FAST_FORWARD: {
-                target: "skipping",
-                actions: ["recordSpeed", "setSpeed"]
-              },
-              SET_SPEED: {
-                target: "normal",
-                actions: ["setSpeed"]
-              }
-            }
-          },
-          skipping: {
-            on: {
-              BACK_TO_NORMAL: {
-                target: "normal",
-                actions: ["restoreSpeed"]
-              },
-              SET_SPEED: {
-                target: "normal",
-                actions: ["setSpeed"]
-              }
-            }
-          }
-        }
-      }, {
-        actions: {
-          setSpeed: (ctx, event) => {
-            if ("payload" in event) {
-              ctx.timer.setSpeed(event.payload.speed);
-            }
-          },
-          recordSpeed: o({
-            normalSpeed: (ctx) => ctx.timer.speed
-          }),
-          restoreSpeed: (ctx) => {
-            ctx.timer.setSpeed(ctx.normalSpeed);
-          }
-        }
-      });
-      return v(speedMachine);
-    }
-
-    const DEPARTED_MIRROR_ACCESS_WARNING = "Please stop import mirror directly. Instead of that,\r\nnow you can use replayer.getMirror() to access the mirror instance of a replayer,\r\nor you can use record.mirror to access the mirror instance during recording.";
-    let _mirror = {
-      map: {},
-      getId() {
-        console.error(DEPARTED_MIRROR_ACCESS_WARNING);
-        return -1;
-      },
-      getNode() {
-        console.error(DEPARTED_MIRROR_ACCESS_WARNING);
-        return null;
-      },
-      removeNodeFromMap() {
-        console.error(DEPARTED_MIRROR_ACCESS_WARNING);
-      },
-      has() {
-        console.error(DEPARTED_MIRROR_ACCESS_WARNING);
-        return false;
-      },
-      reset() {
-        console.error(DEPARTED_MIRROR_ACCESS_WARNING);
-      }
-    };
-    if (typeof window !== "undefined" && window.Proxy && window.Reflect) {
-      _mirror = new Proxy(_mirror, {
-        get(target, prop, receiver) {
-          if (prop === "map") {
-            console.error(DEPARTED_MIRROR_ACCESS_WARNING);
-          }
-          return Reflect.get(target, prop, receiver);
-        }
-      });
-    }
-    function polyfill(win = window) {
-      if ("NodeList" in win && !win.NodeList.prototype.forEach) {
-        win.NodeList.prototype.forEach = Array.prototype.forEach;
-      }
-      if ("DOMTokenList" in win && !win.DOMTokenList.prototype.forEach) {
-        win.DOMTokenList.prototype.forEach = Array.prototype.forEach;
-      }
-      if (!Node.prototype.contains) {
-        Node.prototype.contains = function contains(node) {
-          if (!(0 in arguments)) {
-            throw new TypeError("1 argument is required");
-          }
-          do {
-            if (this === node) {
-              return true;
-            }
-          } while (node = node && node.parentNode);
-          return false;
-        };
-      }
-    }
-    function queueToResolveTrees(queue) {
-      const queueNodeMap = {};
-      const putIntoMap = (m, parent) => {
-        const nodeInTree = {
-          value: m,
-          parent,
-          children: []
-        };
-        queueNodeMap[m.node.id] = nodeInTree;
-        return nodeInTree;
-      };
-      const queueNodeTrees = [];
-      for (const mutation of queue) {
-        const { nextId, parentId } = mutation;
-        if (nextId && nextId in queueNodeMap) {
-          const nextInTree = queueNodeMap[nextId];
-          if (nextInTree.parent) {
-            const idx = nextInTree.parent.children.indexOf(nextInTree);
-            nextInTree.parent.children.splice(idx, 0, putIntoMap(mutation, nextInTree.parent));
-          } else {
-            const idx = queueNodeTrees.indexOf(nextInTree);
-            queueNodeTrees.splice(idx, 0, putIntoMap(mutation, null));
-          }
-          continue;
-        }
-        if (parentId in queueNodeMap) {
-          const parentInTree = queueNodeMap[parentId];
-          parentInTree.children.push(putIntoMap(mutation, parentInTree));
-          continue;
-        }
-        queueNodeTrees.push(putIntoMap(mutation, null));
-      }
-      return queueNodeTrees;
-    }
-    function iterateResolveTree(tree, cb) {
-      cb(tree.value);
-      for (let i = tree.children.length - 1; i >= 0; i--) {
-        iterateResolveTree(tree.children[i], cb);
-      }
-    }
-    function isSerializedIframe(n, mirror) {
-      return Boolean(n.nodeName === "IFRAME" && mirror.getMeta(n));
-    }
-    function getBaseDimension(node, rootIframe) {
-      var _a, _b;
-      const frameElement = (_b = (_a = node.ownerDocument) == null ? void 0 : _a.defaultView) == null ? void 0 : _b.frameElement;
-      if (!frameElement || frameElement === rootIframe) {
-        return {
-          x: 0,
-          y: 0,
-          relativeScale: 1,
-          absoluteScale: 1
-        };
-      }
-      const frameDimension = frameElement.getBoundingClientRect();
-      const frameBaseDimension = getBaseDimension(frameElement, rootIframe);
-      const relativeScale = frameDimension.height / frameElement.clientHeight;
-      return {
-        x: frameDimension.x * frameBaseDimension.relativeScale + frameBaseDimension.x,
-        y: frameDimension.y * frameBaseDimension.relativeScale + frameBaseDimension.y,
-        relativeScale,
-        absoluteScale: frameBaseDimension.absoluteScale * relativeScale
-      };
-    }
-    function hasShadowRoot(n) {
-      return Boolean(n == null ? void 0 : n.shadowRoot);
-    }
-    function getNestedRule(rules, position) {
-      const rule = rules[position[0]];
-      if (position.length === 1) {
-        return rule;
-      } else {
-        return getNestedRule(rule.cssRules[position[1]].cssRules, position.slice(2));
-      }
-    }
-    function getPositionsAndIndex(nestedIndex) {
-      const positions = [...nestedIndex];
-      const index = positions.pop();
-      return { positions, index };
-    }
-    function uniqueTextMutations(mutations) {
-      const idSet = /* @__PURE__ */ new Set();
-      const uniqueMutations = [];
-      for (let i = mutations.length; i--; ) {
-        const mutation = mutations[i];
-        if (!idSet.has(mutation.id)) {
-          uniqueMutations.push(mutation);
-          idSet.add(mutation.id);
-        }
-      }
-      return uniqueMutations;
-    }
-
-    const rules = (blockClass) => [
-      `.${blockClass} { background: currentColor }`,
-      "noscript { display: none !important; }",
-      `.${blockClass} { background: currentColor; border-radius: 5px; }`,
-      `.${blockClass}:hover::after {content: 'Redacted'; color: white; background: black; text-align: center; width: 100%; display: block;}`
-    ];
-
-    /*
-     * base64-arraybuffer 1.0.1 <https://github.com/niklasvh/base64-arraybuffer>
-     * Copyright (c) 2021 Niklas von Hertzen <https://hertzen.com>
-     * Released under MIT License
-     */
-    var chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';
-    // Use a lookup table to find the index.
-    var lookup = typeof Uint8Array === 'undefined' ? [] : new Uint8Array(256);
-    for (var i = 0; i < chars.length; i++) {
-        lookup[chars.charCodeAt(i)] = i;
-    }
-    var decode = function (base64) {
-        var bufferLength = base64.length * 0.75, len = base64.length, i, p = 0, encoded1, encoded2, encoded3, encoded4;
-        if (base64[base64.length - 1] === '=') {
-            bufferLength--;
-            if (base64[base64.length - 2] === '=') {
-                bufferLength--;
-            }
-        }
-        var arraybuffer = new ArrayBuffer(bufferLength), bytes = new Uint8Array(arraybuffer);
-        for (i = 0; i < len; i += 4) {
-            encoded1 = lookup[base64.charCodeAt(i)];
-            encoded2 = lookup[base64.charCodeAt(i + 1)];
-            encoded3 = lookup[base64.charCodeAt(i + 2)];
-            encoded4 = lookup[base64.charCodeAt(i + 3)];
-            bytes[p++] = (encoded1 << 2) | (encoded2 >> 4);
-            bytes[p++] = ((encoded2 & 15) << 4) | (encoded3 >> 2);
-            bytes[p++] = ((encoded3 & 3) << 6) | (encoded4 & 63);
-        }
-        return arraybuffer;
-    };
-
-    var __async$4 = (__this, __arguments, generator) => {
-      return new Promise((resolve, reject) => {
-        var fulfilled = (value) => {
-          try {
-            step(generator.next(value));
-          } catch (e) {
-            reject(e);
-          }
-        };
-        var rejected = (value) => {
-          try {
-            step(generator.throw(value));
-          } catch (e) {
-            reject(e);
-          }
-        };
-        var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-        step((generator = generator.apply(__this, __arguments)).next());
-      });
-    };
-    const webGLVarMap = /* @__PURE__ */ new Map();
-    function variableListFor(ctx, ctor) {
-      let contextMap = webGLVarMap.get(ctx);
-      if (!contextMap) {
-        contextMap = /* @__PURE__ */ new Map();
-        webGLVarMap.set(ctx, contextMap);
-      }
-      if (!contextMap.has(ctor)) {
-        contextMap.set(ctor, []);
-      }
-      return contextMap.get(ctor);
-    }
-    function deserializeArg(imageMap, ctx, preload) {
-      return (arg) => __async$4(this, null, function* () {
-        if (arg && typeof arg === "object" && "rr_type" in arg) {
-          if (preload)
-            preload.isUnchanged = false;
-          if (arg.rr_type === "ImageBitmap" && "args" in arg) {
-            const args = yield deserializeArg(imageMap, ctx, preload)(arg.args);
-            return yield createImageBitmap.apply(null, args);
-          } else if ("index" in arg) {
-            if (preload || ctx === null)
-              return arg;
-            const { rr_type: name, index } = arg;
-            return variableListFor(ctx, name)[index];
-          } else if ("args" in arg) {
-            const { rr_type: name, args } = arg;
-            const ctor = window[name];
-            return new ctor(...yield Promise.all(args.map(deserializeArg(imageMap, ctx, preload))));
-          } else if ("base64" in arg) {
-            return decode(arg.base64);
-          } else if ("src" in arg) {
-            const image = imageMap.get(arg.src);
-            if (image) {
-              return image;
-            } else {
-              const image2 = new Image();
-              image2.src = arg.src;
-              imageMap.set(arg.src, image2);
-              return image2;
-            }
-          } else if ("data" in arg && arg.rr_type === "Blob") {
-            const blobContents = yield Promise.all(arg.data.map(deserializeArg(imageMap, ctx, preload)));
-            const blob = new Blob(blobContents, {
-              type: arg.type
-            });
-            return blob;
-          }
-        } else if (Array.isArray(arg)) {
-          const result = yield Promise.all(arg.map(deserializeArg(imageMap, ctx, preload)));
-          return result;
-        }
-        return arg;
-      });
-    }
-
-    var __async$3 = (__this, __arguments, generator) => {
-      return new Promise((resolve, reject) => {
-        var fulfilled = (value) => {
-          try {
-            step(generator.next(value));
-          } catch (e) {
-            reject(e);
-          }
-        };
-        var rejected = (value) => {
-          try {
-            step(generator.throw(value));
-          } catch (e) {
-            reject(e);
-          }
-        };
-        var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-        step((generator = generator.apply(__this, __arguments)).next());
-      });
-    };
-    function getContext(target, type) {
-      try {
-        if (type === CanvasContext.WebGL) {
-          return target.getContext("webgl") || target.getContext("experimental-webgl");
-        }
-        return target.getContext("webgl2");
-      } catch (e) {
-        return null;
-      }
-    }
-    const WebGLVariableConstructorsNames = [
-      "WebGLActiveInfo",
-      "WebGLBuffer",
-      "WebGLFramebuffer",
-      "WebGLProgram",
-      "WebGLRenderbuffer",
-      "WebGLShader",
-      "WebGLShaderPrecisionFormat",
-      "WebGLTexture",
-      "WebGLUniformLocation",
-      "WebGLVertexArrayObject"
-    ];
-    function saveToWebGLVarMap(ctx, result) {
-      if (!(result == null ? void 0 : result.constructor))
-        return;
-      const { name } = result.constructor;
-      if (!WebGLVariableConstructorsNames.includes(name))
-        return;
-      const variables = variableListFor(ctx, name);
-      if (!variables.includes(result))
-        variables.push(result);
-    }
-    function webglMutation(_0) {
-      return __async$3(this, arguments, function* ({
-        mutation,
-        target,
-        type,
-        imageMap,
-        errorHandler
-      }) {
-        try {
-          const ctx = getContext(target, type);
-          if (!ctx)
-            return;
-          if (mutation.setter) {
-            ctx[mutation.property] = mutation.args[0];
-            return;
-          }
-          const original = ctx[mutation.property];
-          const args = yield Promise.all(mutation.args.map(deserializeArg(imageMap, ctx)));
-          const result = original.apply(ctx, args);
-          saveToWebGLVarMap(ctx, result);
-          const debugMode = false;
-          if (debugMode) ;
-        } catch (error) {
-          errorHandler(mutation, error);
-        }
-      });
-    }
-
-    var __async$2 = (__this, __arguments, generator) => {
-      return new Promise((resolve, reject) => {
-        var fulfilled = (value) => {
-          try {
-            step(generator.next(value));
-          } catch (e) {
-            reject(e);
-          }
-        };
-        var rejected = (value) => {
-          try {
-            step(generator.throw(value));
-          } catch (e) {
-            reject(e);
-          }
-        };
-        var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-        step((generator = generator.apply(__this, __arguments)).next());
-      });
-    };
-    function canvasMutation$1(_0) {
-      return __async$2(this, arguments, function* ({
-        event,
-        mutation,
-        target,
-        imageMap,
-        errorHandler
-      }) {
-        try {
-          const ctx = target.getContext("2d");
-          if (mutation.setter) {
-            ctx[mutation.property] = mutation.args[0];
-            return;
-          }
-          const original = ctx[mutation.property];
-          if (mutation.property === "drawImage" && typeof mutation.args[0] === "string") {
-            const image = imageMap.get(event);
-            original.apply(ctx, mutation.args);
-          } else {
-            const args = yield Promise.all(mutation.args.map(deserializeArg(imageMap, ctx)));
-            original.apply(ctx, args);
-          }
-        } catch (error) {
-          errorHandler(mutation, error);
-        }
-      });
-    }
-
-    var __async$1 = (__this, __arguments, generator) => {
-      return new Promise((resolve, reject) => {
-        var fulfilled = (value) => {
-          try {
-            step(generator.next(value));
-          } catch (e) {
-            reject(e);
-          }
-        };
-        var rejected = (value) => {
-          try {
-            step(generator.throw(value));
-          } catch (e) {
-            reject(e);
-          }
-        };
-        var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-        step((generator = generator.apply(__this, __arguments)).next());
-      });
-    };
-    function canvasMutation(_0) {
-      return __async$1(this, arguments, function* ({
-        event,
-        mutation,
-        target,
-        imageMap,
-        canvasEventMap,
-        errorHandler
-      }) {
-        try {
-          const precomputedMutation = canvasEventMap.get(event) || mutation;
-          const commands = "commands" in precomputedMutation ? precomputedMutation.commands : [precomputedMutation];
-          if ([CanvasContext.WebGL, CanvasContext.WebGL2].includes(mutation.type)) {
-            for (let i = 0; i < commands.length; i++) {
-              const command = commands[i];
-              yield webglMutation({
-                mutation: command,
-                type: mutation.type,
-                target,
-                imageMap,
-                errorHandler
-              });
-            }
-            return;
-          }
-          for (let i = 0; i < commands.length; i++) {
-            const command = commands[i];
-            yield canvasMutation$1({
-              event,
-              mutation: command,
-              target,
-              imageMap,
-              errorHandler
-            });
-          }
-        } catch (error) {
-          errorHandler(mutation, error);
-        }
-      });
-    }
-
-    var __defProp = Object.defineProperty;
-    var __defProps = Object.defineProperties;
-    var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-    var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-    var __hasOwnProp = Object.prototype.hasOwnProperty;
-    var __propIsEnum = Object.prototype.propertyIsEnumerable;
-    var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-    var __spreadValues = (a, b) => {
-      for (var prop in b || (b = {}))
-        if (__hasOwnProp.call(b, prop))
-          __defNormalProp(a, prop, b[prop]);
-      if (__getOwnPropSymbols)
-        for (var prop of __getOwnPropSymbols(b)) {
-          if (__propIsEnum.call(b, prop))
-            __defNormalProp(a, prop, b[prop]);
-        }
-      return a;
-    };
-    var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-    var __async = (__this, __arguments, generator) => {
-      return new Promise((resolve, reject) => {
-        var fulfilled = (value) => {
-          try {
-            step(generator.next(value));
-          } catch (e) {
-            reject(e);
-          }
-        };
-        var rejected = (value) => {
-          try {
-            step(generator.throw(value));
-          } catch (e) {
-            reject(e);
-          }
-        };
-        var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
-        step((generator = generator.apply(__this, __arguments)).next());
-      });
-    };
-    const SKIP_TIME_THRESHOLD = 10 * 1e3;
-    const SKIP_TIME_INTERVAL = 2 * 1e3;
-    const SKIP_TIME_MIN = 1 * 1e3;
-    const SKIP_DURATION_LIMIT = 60 * 60 * 1e3;
-    const mitt = mitt$1 || mittProxy;
-    const REPLAY_CONSOLE_PREFIX = "[replayer]";
-    const defaultMouseTailConfig = {
-      duration: 500,
-      lineCap: "round",
-      lineWidth: 3,
-      strokeStyle: "red"
-    };
-    function indicatesTouchDevice(e) {
-      return e.type == EventType.IncrementalSnapshot && (e.data.source == IncrementalSource.TouchMove || e.data.source == IncrementalSource.MouseInteraction && e.data.type == MouseInteractions.TouchStart);
-    }
-    class Replayer {
-      constructor(events, config) {
-        this.usingVirtualDom = false;
-        this.virtualDom = new RRDocument();
-        this.mouseTail = null;
-        this.tailPositions = [];
-        this.emitter = mitt();
-        this.activityIntervals = [];
-        this.legacy_missingNodeRetryMap = {};
-        this.cache = createCache();
-        this.imageMap = /* @__PURE__ */ new Map();
-        this.canvasEventMap = /* @__PURE__ */ new Map();
-        this.mirror = createMirror$2();
-        this.firstFullSnapshot = null;
-        this.newDocumentQueue = [];
-        this.mousePos = null;
-        this.touchActive = null;
-        if (!(config == null ? void 0 : config.liveMode) && events.length < 2) {
-          throw new Error("Replayer need at least 2 events.");
-        }
-        const defaultConfig = {
-          speed: 1,
-          maxSpeed: 360,
-          root: document.body,
-          loadTimeout: 0,
-          skipInactive: false,
-          showWarning: true,
-          showDebug: false,
-          blockClass: "highlight-block",
-          liveMode: false,
-          insertStyleRules: [],
-          triggerFocus: true,
-          UNSAFE_replayCanvas: false,
-          pauseAnimation: true,
-          mouseTail: defaultMouseTailConfig,
-          useVirtualDom: true,
-          inactiveThreshold: 0.02,
-          inactiveSkipTime: SKIP_TIME_INTERVAL
-        };
-        this.config = Object.assign({}, defaultConfig, config);
-        this.handleResize = this.handleResize.bind(this);
-        this.getCastFn = this.getCastFn.bind(this);
-        this.applyEventsSynchronously = this.applyEventsSynchronously.bind(this);
-        this.emitter.on(ReplayerEvents.Resize, this.handleResize);
-        this.setupDom();
-        this.emitter.on(ReplayerEvents.Flush, () => {
-          if (this.usingVirtualDom) {
-            const replayerHandler = {
-              mirror: this.mirror,
-              applyCanvas: (canvasEvent, canvasMutationData2, target) => {
-                canvasMutation({
-                  event: canvasEvent,
-                  mutation: canvasMutationData2,
-                  target,
-                  imageMap: this.imageMap,
-                  canvasEventMap: this.canvasEventMap,
-                  errorHandler: this.warnCanvasMutationFailed.bind(this)
-                });
-              },
-              applyInput: this.applyInput.bind(this),
-              applyScroll: this.applyScroll.bind(this)
-            };
-            diff(this.iframe.contentDocument, this.virtualDom, replayerHandler, this.virtualDom.mirror);
-            this.virtualDom.destroyTree();
-            this.usingVirtualDom = false;
-            if (Object.keys(this.legacy_missingNodeRetryMap).length) {
-              for (const key in this.legacy_missingNodeRetryMap) {
-                try {
-                  const value = this.legacy_missingNodeRetryMap[key];
-                  const realNode = createOrGetNode(value.node, this.mirror, this.virtualDom.mirror);
-                  diff(realNode, value.node, replayerHandler, this.virtualDom.mirror);
-                  value.node = realNode;
-                } catch (error) {
-                  if (this.config.showWarning) {
-                    console.warn(error);
-                  }
-                }
-              }
-            }
-          }
-          if (this.mousePos) {
-            this.moveAndHover(this.mousePos.x, this.mousePos.y, this.mousePos.id, true, this.mousePos.debugData);
-          }
-          this.mousePos = null;
-        });
-        this.emitter.on(ReplayerEvents.PlayBack, () => {
-          this.firstFullSnapshot = null;
-          this.mirror.reset();
-        });
-        const timer = new Timer([], (config == null ? void 0 : config.speed) || defaultConfig.speed);
-        this.service = createPlayerService({
-          events: events.map((e) => {
-            if (config && config.unpackFn) {
-              return config.unpackFn(e);
-            }
-            return e;
-          }).sort((a1, a2) => a1.timestamp - a2.timestamp),
-          timer,
-          timeOffset: 0,
-          baselineTime: 0,
-          lastPlayedEvent: null
-        }, {
-          getCastFn: this.getCastFn,
-          applyEventsSynchronously: this.applyEventsSynchronously,
-          emitter: this.emitter
-        });
-        this.service.start();
-        this.service.subscribe((state) => {
-          this.emitter.emit(ReplayerEvents.StateChange, {
-            player: state
-          });
-        });
-        this.speedService = createSpeedService({
-          normalSpeed: -1,
-          timer
-        });
-        this.speedService.start();
-        this.speedService.subscribe((state) => {
-          this.emitter.emit(ReplayerEvents.StateChange, {
-            speed: state
-          });
-        });
-        const firstMeta = this.service.state.context.events.find((e) => e.type === EventType.Meta);
-        const firstFullsnapshot = this.service.state.context.events.find((e) => e.type === EventType.FullSnapshot);
-        if (firstMeta) {
-          const { width, height } = firstMeta.data;
-          setTimeout(() => {
-            this.emitter.emit(ReplayerEvents.Resize, {
-              width,
-              height
-            });
-          }, 0);
-        }
-        if (firstFullsnapshot) {
-          setTimeout(() => {
-            if (this.firstFullSnapshot) {
-              return;
-            }
-            this.firstFullSnapshot = firstFullsnapshot;
-            this.rebuildFullSnapshot(firstFullsnapshot);
-            this.iframe.contentWindow.scrollTo(firstFullsnapshot.data.initialOffset);
-          }, 1);
-        }
-        if (this.service.state.context.events.find(indicatesTouchDevice)) {
-          this.mouse.classList.add("touch-device");
-        }
-      }
-      get timer() {
-        return this.service.state.context.timer;
-      }
-      on(event, handler) {
-        this.emitter.on(event, handler);
-        return this;
-      }
-      off(event, handler) {
-        this.emitter.off(event, handler);
-        return this;
-      }
-      setConfig(config) {
-        Object.keys(config).forEach((key) => {
-          this.config[key] = config[key];
-        });
-        if (!this.config.skipInactive) {
-          this.backToNormal();
-        }
-        if (typeof config.speed !== "undefined") {
-          this.speedService.send({
-            type: "SET_SPEED",
-            payload: {
-              speed: config.speed
-            }
-          });
-        }
-        if (typeof config.mouseTail !== "undefined") {
-          if (config.mouseTail === false) {
-            if (this.mouseTail) {
-              this.mouseTail.style.display = "none";
-            }
-          } else {
-            if (!this.mouseTail) {
-              this.mouseTail = document.createElement("canvas");
-              this.mouseTail.width = Number.parseFloat(this.iframe.width);
-              this.mouseTail.height = Number.parseFloat(this.iframe.height);
-              this.mouseTail.classList.add("replayer-mouse-tail");
-              this.wrapper.insertBefore(this.mouseTail, this.iframe);
-            }
-            this.mouseTail.style.display = "inherit";
-          }
-        }
-      }
-      getActivityIntervals() {
-        if (this.activityIntervals.length == 0) {
-          const allIntervals = [];
-          const metadata = this.getMetaData();
-          const userInteractionEvents = [
-            { timestamp: metadata.startTime },
-            ...this.service.state.context.events.filter((ev) => this.isUserInteraction(ev)),
-            { timestamp: metadata.endTime }
-          ];
-          for (let i = 1; i < userInteractionEvents.length; i++) {
-            const currentInterval2 = userInteractionEvents[i - 1];
-            const _event = userInteractionEvents[i];
-            if (_event.timestamp - currentInterval2.timestamp > SKIP_TIME_THRESHOLD) {
-              allIntervals.push({
-                startTime: currentInterval2.timestamp,
-                endTime: _event.timestamp,
-                duration: _event.timestamp - currentInterval2.timestamp,
-                active: false
-              });
-            } else {
-              allIntervals.push({
-                startTime: currentInterval2.timestamp,
-                endTime: _event.timestamp,
-                duration: _event.timestamp - currentInterval2.timestamp,
-                active: true
-              });
-            }
-          }
-          const mergedIntervals = [];
-          let currentInterval = allIntervals[0];
-          for (let i = 1; i < allIntervals.length; i++) {
-            if (allIntervals[i].active != allIntervals[i - 1].active) {
-              mergedIntervals.push({
-                startTime: currentInterval.startTime,
-                endTime: allIntervals[i - 1].endTime,
-                duration: allIntervals[i - 1].endTime - currentInterval.startTime,
-                active: allIntervals[i - 1].active
-              });
-              currentInterval = allIntervals[i];
-            }
-          }
-          if (currentInterval && allIntervals.length > 0) {
-            mergedIntervals.push({
-              startTime: currentInterval.startTime,
-              endTime: allIntervals[allIntervals.length - 1].endTime,
-              duration: allIntervals[allIntervals.length - 1].endTime - currentInterval.startTime,
-              active: allIntervals[allIntervals.length - 1].active
-            });
-          }
-          currentInterval = mergedIntervals[0];
-          for (let i = 1; i < mergedIntervals.length; i++) {
-            if (!mergedIntervals[i].active && mergedIntervals[i].duration > this.config.inactiveThreshold * metadata.totalTime || !mergedIntervals[i - 1].active && mergedIntervals[i - 1].duration > this.config.inactiveThreshold * metadata.totalTime) {
-              this.activityIntervals.push({
-                startTime: currentInterval.startTime,
-                endTime: mergedIntervals[i - 1].endTime,
-                duration: mergedIntervals[i - 1].endTime - currentInterval.startTime,
-                active: mergedIntervals[i - 1].active
-              });
-              currentInterval = mergedIntervals[i];
-            }
-          }
-          if (currentInterval && mergedIntervals.length > 0) {
-            this.activityIntervals.push({
-              startTime: currentInterval.startTime,
-              endTime: mergedIntervals[mergedIntervals.length - 1].endTime,
-              duration: mergedIntervals[mergedIntervals.length - 1].endTime - currentInterval.startTime,
-              active: mergedIntervals[mergedIntervals.length - 1].active
-            });
-          }
-        }
-        return this.activityIntervals;
-      }
-      getMetaData() {
-        const firstEvent = this.service.state.context.events[0];
-        const lastEvent = this.service.state.context.events[this.service.state.context.events.length - 1];
-        return {
-          startTime: firstEvent.timestamp,
-          endTime: lastEvent.timestamp,
-          totalTime: lastEvent.timestamp - firstEvent.timestamp
-        };
-      }
-      getCurrentTime() {
-        return this.timer.timeOffset + this.getTimeOffset();
-      }
-      getTimeOffset() {
-        const { baselineTime, events } = this.service.state.context;
-        return baselineTime - events[0].timestamp;
-      }
-      getMirror() {
-        return this.mirror;
-      }
-      play(timeOffset = 0) {
-        var _a, _b;
-        if (this.service.state.matches("paused")) {
-          this.service.send({ type: "PLAY", payload: { timeOffset } });
-        } else {
-          this.service.send({ type: "PAUSE" });
-          this.service.send({ type: "PLAY", payload: { timeOffset } });
-        }
-        (_b = (_a = this.iframe.contentDocument) == null ? void 0 : _a.getElementsByTagName("html")[0]) == null ? void 0 : _b.classList.remove("rrweb-paused");
-        this.emitter.emit(ReplayerEvents.Start);
-        this.handleInactivity(this.getMetaData().startTime + timeOffset, true);
-      }
-      pause(timeOffset) {
-        var _a, _b;
-        if (timeOffset === void 0 && this.service.state.matches("playing")) {
-          this.service.send({ type: "PAUSE" });
-        }
-        if (typeof timeOffset === "number") {
-          this.play(timeOffset);
-          this.service.send({ type: "PAUSE" });
-        }
-        (_b = (_a = this.iframe.contentDocument) == null ? void 0 : _a.getElementsByTagName("html")[0]) == null ? void 0 : _b.classList.add("rrweb-paused");
-        this.emitter.emit(ReplayerEvents.Pause);
-      }
-      resume(timeOffset = 0) {
-        console.warn(`The 'resume' will be departed in 1.0. Please use 'play' method which has the same interface.`);
-        this.play(timeOffset);
-        this.emitter.emit(ReplayerEvents.Resume);
-      }
-      startLive(baselineTime) {
-        this.service.send({ type: "TO_LIVE", payload: { baselineTime } });
-      }
-      addEvent(rawEvent) {
-        const event = this.config.unpackFn ? this.config.unpackFn(rawEvent) : rawEvent;
-        if (indicatesTouchDevice(event)) {
-          this.mouse.classList.add("touch-device");
-        }
-        Promise.resolve().then(() => this.service.send({ type: "ADD_EVENT", payload: { event } }));
-      }
-      replaceEvents(events) {
-        for (const event of events) {
-          if (indicatesTouchDevice(event)) {
-            this.mouse.classList.add("touch-device");
-            break;
-          }
-        }
-        this.service.send({ type: "REPLACE_EVENTS", payload: { events } });
-      }
-      enableInteract() {
-        this.iframe.setAttribute("scrolling", "auto");
-        this.iframe.style.pointerEvents = "auto";
-      }
-      disableInteract() {
-        this.iframe.setAttribute("scrolling", "no");
-        this.iframe.style.pointerEvents = "none";
-      }
-      resetCache() {
-        this.cache = createCache();
-      }
-      setupDom() {
-        this.wrapper = document.createElement("div");
-        this.wrapper.classList.add("replayer-wrapper");
-        this.config.root.appendChild(this.wrapper);
-        this.mouse = document.createElement("div");
-        this.mouse.classList.add("replayer-mouse");
-        this.wrapper.appendChild(this.mouse);
-        if (this.config.mouseTail !== false) {
-          this.mouseTail = document.createElement("canvas");
-          this.mouseTail.classList.add("replayer-mouse-tail");
-          this.mouseTail.style.display = "inherit";
-          this.wrapper.appendChild(this.mouseTail);
-        }
-        this.iframe = document.createElement("iframe");
-        const attributes = ["allow-same-origin"];
-        if (this.config.UNSAFE_replayCanvas) {
-          attributes.push("allow-scripts");
-        }
-        this.iframe.style.display = "none";
-        this.iframe.setAttribute("sandbox", attributes.join(" "));
-        this.disableInteract();
-        this.wrapper.appendChild(this.iframe);
-        if (this.iframe.contentWindow && this.iframe.contentDocument) {
-          polyfill$1(this.iframe.contentWindow, this.iframe.contentDocument);
-          polyfill(this.iframe.contentWindow);
-        }
-      }
-      handleResize(dimension) {
-        this.iframe.style.display = "inherit";
-        for (const el of [this.mouseTail, this.iframe]) {
-          if (!el) {
-            continue;
-          }
-          el.setAttribute("width", String(dimension.width));
-          el.setAttribute("height", String(dimension.height));
-        }
-      }
-      applyEventsSynchronously(events) {
-        for (const event of events) {
-          switch (event.type) {
-            case EventType.DomContentLoaded:
-            case EventType.Load:
-            case EventType.Custom:
-              continue;
-            case EventType.FullSnapshot:
-            case EventType.Meta:
-            case EventType.Plugin:
-            case EventType.IncrementalSnapshot:
-              break;
-          }
-          const castFn = this.getCastFn(event, true);
-          castFn();
-        }
-        if (this.touchActive === true) {
-          this.mouse.classList.add("touch-active");
-        } else if (this.touchActive === false) {
-          this.mouse.classList.remove("touch-active");
-        }
-        this.touchActive = null;
-      }
-      getCastFn(event, isSync = false) {
-        let castFn;
-        switch (event.type) {
-          case EventType.DomContentLoaded:
-          case EventType.Load:
-            break;
-          case EventType.Custom:
-            castFn = () => {
-              this.emitter.emit(ReplayerEvents.CustomEvent, event);
-            };
-            break;
-          case EventType.Meta:
-            castFn = () => this.emitter.emit(ReplayerEvents.Resize, {
-              width: event.data.width,
-              height: event.data.height
-            });
-            break;
-          case EventType.FullSnapshot:
-            castFn = () => {
-              if (this.firstFullSnapshot) {
-                if (this.firstFullSnapshot === event) {
-                  this.firstFullSnapshot = true;
-                  return;
-                }
-              } else {
-                this.firstFullSnapshot = true;
-              }
-              this.rebuildFullSnapshot(event, isSync);
-              this.iframe.contentWindow.scrollTo(event.data.initialOffset);
-            };
-            break;
-          case EventType.IncrementalSnapshot:
-            castFn = () => {
-              this.applyIncremental(event, isSync);
-              if (isSync) {
-                return;
-              }
-              this.handleInactivity(event.timestamp);
-              if (event === this.nextUserInteractionEvent) {
-                this.nextUserInteractionEvent = null;
-                this.backToNormal();
-              }
-              if (this.config.skipInactive && !this.nextUserInteractionEvent) {
-                for (const _event of this.service.state.context.events) {
-                  if (_event.timestamp <= event.timestamp) {
-                    continue;
-                  }
-                  if (this.isUserInteraction(_event)) {
-                    if (_event.delay - event.delay > SKIP_TIME_THRESHOLD * this.speedService.state.context.timer.speed) {
-                      this.nextUserInteractionEvent = _event;
-                    }
-                    break;
-                  }
-                }
-                if (this.nextUserInteractionEvent) {
-                  const skipTime = this.nextUserInteractionEvent.delay - event.delay;
-                  const payload = {
-                    speed: Math.min(Math.round(skipTime / SKIP_TIME_INTERVAL), this.config.maxSpeed)
-                  };
-                  this.speedService.send({ type: "FAST_FORWARD", payload });
-                  this.emitter.emit(ReplayerEvents.SkipStart, payload);
-                }
-              }
-            };
-            break;
-        }
-        const wrappedCastFn = () => {
-          if (castFn) {
-            castFn();
-          }
-          for (const plugin of this.config.plugins || []) {
-            plugin.handler(event, isSync, { replayer: this });
-          }
-          this.service.send({ type: "CAST_EVENT", payload: { event } });
-          const last_index = this.service.state.context.events.length - 1;
-          if (event === this.service.state.context.events[last_index]) {
-            const finish = () => {
-              if (last_index < this.service.state.context.events.length - 1) {
-                return;
-              }
-              this.backToNormal();
-              this.service.send("END");
-              this.emitter.emit(ReplayerEvents.Finish);
-            };
-            if (event.type === EventType.IncrementalSnapshot && event.data.source === IncrementalSource.MouseMove && event.data.positions.length) {
-              setTimeout(() => {
-                finish();
-              }, Math.max(0, -event.data.positions[0].timeOffset + 50));
-            } else {
-              finish();
-            }
-          }
-          this.emitter.emit(ReplayerEvents.EventCast, event);
-        };
-        return wrappedCastFn;
-      }
-      handleInactivity(timestamp, resetNext) {
-        if (timestamp === this.inactiveEndTimestamp || resetNext) {
-          this.inactiveEndTimestamp = null;
-          this.backToNormal();
-        }
-        if (this.config.skipInactive && !this.inactiveEndTimestamp) {
-          for (const interval of this.getActivityIntervals()) {
-            if (timestamp >= interval.startTime && timestamp < interval.endTime && !interval.active) {
-              this.inactiveEndTimestamp = interval.endTime;
-              break;
-            }
-          }
-          if (this.inactiveEndTimestamp) {
-            const skipTime = this.inactiveEndTimestamp - timestamp;
-            const payload = {
-              speed: skipTime / SKIP_DURATION_LIMIT * this.config.inactiveSkipTime < SKIP_TIME_MIN ? skipTime / SKIP_TIME_MIN : Math.round(Math.max(skipTime, SKIP_DURATION_LIMIT) / this.config.inactiveSkipTime)
-            };
-            this.speedService.send({ type: "FAST_FORWARD", payload });
-            this.emitter.emit(ReplayerEvents.SkipStart, payload);
-          }
-        }
-      }
-      rebuildFullSnapshot(event, isSync = false) {
-        if (!this.iframe.contentDocument) {
-          return console.warn("Looks like your replayer has been destroyed.");
-        }
-        if (Object.keys(this.legacy_missingNodeRetryMap).length) {
-          console.warn("Found unresolved missing node map", this.legacy_missingNodeRetryMap);
-        }
-        this.legacy_missingNodeRetryMap = {};
-        const collected = [];
-        rebuild(event.data.node, {
-          doc: this.iframe.contentDocument,
-          afterAppend: (builtNode) => {
-            this.collectIframeAndAttachDocument(collected, builtNode);
-          },
-          cache: this.cache,
-          mirror: this.mirror
-        });
-        for (const { mutationInQueue, builtNode } of collected) {
-          this.attachDocumentToIframe(mutationInQueue, builtNode);
-          this.newDocumentQueue = this.newDocumentQueue.filter((m) => m !== mutationInQueue);
-        }
-        const { documentElement, head } = this.iframe.contentDocument;
-        this.insertStyleRules(documentElement, head);
-        if (!this.service.state.matches("playing")) {
-          this.iframe.contentDocument.getElementsByTagName("html")[0].classList.add("rrweb-paused");
-        }
-        this.emitter.emit(ReplayerEvents.FullsnapshotRebuilded, event);
-        if (!isSync) {
-          this.waitForStylesheetLoad();
-        }
-        if (this.config.UNSAFE_replayCanvas) {
-          this.preloadAllImages();
-        }
-      }
-      insertStyleRules(documentElement, head) {
-        const injectStylesRules = rules(this.config.blockClass).concat(this.config.insertStyleRules);
-        if (this.config.pauseAnimation) {
-          injectStylesRules.push("html.rrweb-paused *, html.rrweb-paused *:before, html.rrweb-paused *:after { animation-play-state: paused !important; }");
-        }
-        if (this.usingVirtualDom) {
-          const styleEl = this.virtualDom.createElement("style");
-          this.virtualDom.mirror.add(styleEl, getDefaultSN(styleEl, this.virtualDom.unserializedId));
-          documentElement.insertBefore(styleEl, head);
-          for (let idx = 0; idx < injectStylesRules.length; idx++) {
-            styleEl.rules.push({
-              cssText: injectStylesRules[idx],
-              type: StyleRuleType.Insert,
-              index: idx
-            });
-          }
-        } else {
-          const styleEl = document.createElement("style");
-          documentElement.insertBefore(styleEl, head);
-          for (let idx = 0; idx < injectStylesRules.length; idx++) {
-            styleEl.sheet.insertRule(injectStylesRules[idx], idx);
-          }
-        }
-      }
-      attachDocumentToIframe(mutation, iframeEl) {
-        const mirror = this.usingVirtualDom ? this.virtualDom.mirror : this.mirror;
-        const collected = [];
-        buildNodeWithSN(mutation.node, {
-          doc: iframeEl.contentDocument,
-          mirror,
-          hackCss: true,
-          skipChild: false,
-          afterAppend: (builtNode) => {
-            this.collectIframeAndAttachDocument(collected, builtNode);
-            const sn = mirror.getMeta(builtNode);
-            if ((sn == null ? void 0 : sn.type) === NodeType$2.Element && (sn == null ? void 0 : sn.tagName.toUpperCase()) === "HTML") {
-              const { documentElement, head } = iframeEl.contentDocument;
-              this.insertStyleRules(documentElement, head);
-            }
-          },
-          cache: this.cache
-        });
-        for (const { mutationInQueue, builtNode } of collected) {
-          this.attachDocumentToIframe(mutationInQueue, builtNode);
-          this.newDocumentQueue = this.newDocumentQueue.filter((m) => m !== mutationInQueue);
-        }
-      }
-      collectIframeAndAttachDocument(collected, builtNode) {
-        if (isSerializedIframe(builtNode, this.mirror)) {
-          const mutationInQueue = this.newDocumentQueue.find((m) => m.parentId === this.mirror.getId(builtNode));
-          if (mutationInQueue) {
-            collected.push({
-              mutationInQueue,
-              builtNode
-            });
-          }
-        }
-      }
-      waitForStylesheetLoad() {
-        var _a;
-        const head = (_a = this.iframe.contentDocument) == null ? void 0 : _a.head;
-        if (head) {
-          const unloadSheets = /* @__PURE__ */ new Set();
-          let timer;
-          let beforeLoadState = this.service.state;
-          const stateHandler = () => {
-            beforeLoadState = this.service.state;
-          };
-          this.emitter.on(ReplayerEvents.Start, stateHandler);
-          this.emitter.on(ReplayerEvents.Pause, stateHandler);
-          const unsubscribe = () => {
-            this.emitter.off(ReplayerEvents.Start, stateHandler);
-            this.emitter.off(ReplayerEvents.Pause, stateHandler);
-          };
-          head.querySelectorAll('link[rel="stylesheet"]').forEach((css) => {
-            if (!css.sheet) {
-              unloadSheets.add(css);
-              css.addEventListener("load", () => {
-                unloadSheets.delete(css);
-                if (unloadSheets.size === 0 && timer !== -1) {
-                  if (beforeLoadState.matches("playing")) {
-                    this.play(this.getCurrentTime());
-                  }
-                  this.emitter.emit(ReplayerEvents.LoadStylesheetEnd);
-                  if (timer) {
-                    clearTimeout(timer);
-                  }
-                  unsubscribe();
-                }
-              });
-            }
-          });
-          if (unloadSheets.size > 0) {
-            this.service.send({ type: "PAUSE" });
-            this.emitter.emit(ReplayerEvents.LoadStylesheetStart);
-            timer = setTimeout(() => {
-              if (beforeLoadState.matches("playing")) {
-                this.play(this.getCurrentTime());
-              }
-              timer = -1;
-              unsubscribe();
-            }, this.config.loadTimeout);
-          }
-        }
-      }
-      hasImageArg(args) {
-        for (const arg of args) {
-          if (!arg || typeof arg !== "object") ; else if ("rr_type" in arg && "args" in arg) {
-            if (this.hasImageArg(arg.args))
-              return true;
-          } else if ("rr_type" in arg && arg.rr_type === "HTMLImageElement") {
-            return true;
-          } else if (arg instanceof Array) {
-            if (this.hasImageArg(arg))
-              return true;
-          }
-        }
-        return false;
-      }
-      getImageArgs(args) {
-        const images = [];
-        for (const arg of args) {
-          if (!arg || typeof arg !== "object") ; else if ("rr_type" in arg && "args" in arg) {
-            images.push(...this.getImageArgs(arg.args));
-          } else if ("rr_type" in arg && arg.rr_type === "HTMLImageElement") {
-            images.push(arg.src);
-          } else if (arg instanceof Array) {
-            images.push(...this.getImageArgs(arg));
-          }
-        }
-        return images;
-      }
-      preloadAllImages() {
-        return __async(this, null, function* () {
-          this.service.state;
-          const stateHandler = () => {
-            this.service.state;
-          };
-          this.emitter.on(ReplayerEvents.Start, stateHandler);
-          this.emitter.on(ReplayerEvents.Pause, stateHandler);
-          const promises = [];
-          for (const event of this.service.state.context.events) {
-            if (event.type === EventType.IncrementalSnapshot && event.data.source === IncrementalSource.CanvasMutation) {
-              promises.push(this.deserializeAndPreloadCanvasEvents(event.data, event));
-              const commands = "commands" in event.data ? event.data.commands : [event.data];
-              commands.forEach((c) => {
-                this.preloadImages(c, event);
-              });
-            }
-          }
-          return Promise.all(promises);
-        });
-      }
-      preloadImages(data, event) {
-        if (data.property === "drawImage" && typeof data.args[0] === "string" && !this.imageMap.has(event)) {
-          const canvas = document.createElement("canvas");
-          const ctx = canvas.getContext("2d");
-          const imgd = ctx == null ? void 0 : ctx.createImageData(canvas.width, canvas.height);
-          imgd == null ? void 0 : imgd.data;
-          JSON.parse(data.args[0]);
-          ctx == null ? void 0 : ctx.putImageData(imgd, 0, 0);
-        }
-      }
-      deserializeAndPreloadCanvasEvents(data, event) {
-        return __async(this, null, function* () {
-          if (!this.canvasEventMap.has(event)) {
-            const status = {
-              isUnchanged: true
-            };
-            if ("commands" in data) {
-              const commands = yield Promise.all(data.commands.map((c) => __async(this, null, function* () {
-                const args = yield Promise.all(c.args.map(deserializeArg(this.imageMap, null, status)));
-                return __spreadProps(__spreadValues({}, c), { args });
-              })));
-              if (status.isUnchanged === false)
-                this.canvasEventMap.set(event, __spreadProps(__spreadValues({}, data), { commands }));
-            } else {
-              const args = yield Promise.all(data.args.map(deserializeArg(this.imageMap, null, status)));
-              if (status.isUnchanged === false)
-                this.canvasEventMap.set(event, __spreadProps(__spreadValues({}, data), { args }));
-            }
-          }
-        });
-      }
-      applyIncremental(e, isSync) {
-        var _a, _b, _c, _d, _e, _f;
-        const { data: d } = e;
-        switch (d.source) {
-          case IncrementalSource.Mutation: {
-            try {
-              this.applyMutation(d, isSync);
-            } catch (error) {
-              this.warn(`Exception in mutation ${error.message || error}`, d);
-            }
-            break;
-          }
-          case IncrementalSource.Drag:
-          case IncrementalSource.TouchMove:
-          case IncrementalSource.MouseMove:
-            if (isSync) {
-              const lastPosition = d.positions[d.positions.length - 1];
-              this.mousePos = {
-                x: lastPosition.x,
-                y: lastPosition.y,
-                id: lastPosition.id,
-                debugData: d
-              };
-            } else {
-              d.positions.forEach((p) => {
-                const action = {
-                  doAction: () => {
-                    this.moveAndHover(p.x, p.y, p.id, isSync, d);
-                  },
-                  delay: p.timeOffset + e.timestamp - this.service.state.context.baselineTime
-                };
-                this.timer.addAction(action);
-              });
-              this.timer.addAction({
-                doAction() {
-                },
-                delay: e.delay - ((_a = d.positions[0]) == null ? void 0 : _a.timeOffset)
-              });
-            }
-            break;
-          case IncrementalSource.MouseInteraction: {
-            if (d.id === -1 || isSync) {
-              break;
-            }
-            const event = new Event(MouseInteractions[d.type].toLowerCase());
-            const target = this.mirror.getNode(d.id);
-            if (!target) {
-              return this.debugNodeNotFound(d, d.id);
-            }
-            this.emitter.emit(ReplayerEvents.MouseInteraction, {
-              type: d.type,
-              target
-            });
-            const { triggerFocus } = this.config;
-            switch (d.type) {
-              case MouseInteractions.Blur:
-                if ("blur" in target) {
-                  target.blur();
-                }
-                break;
-              case MouseInteractions.Focus:
-                if (triggerFocus && target.focus) {
-                  target.focus({
-                    preventScroll: true
-                  });
-                }
-                break;
-              case MouseInteractions.Click:
-              case MouseInteractions.TouchStart:
-              case MouseInteractions.TouchEnd:
-                if (isSync) {
-                  if (d.type === MouseInteractions.TouchStart) {
-                    this.touchActive = true;
-                  } else if (d.type === MouseInteractions.TouchEnd) {
-                    this.touchActive = false;
-                  }
-                  this.mousePos = {
-                    x: d.x,
-                    y: d.y,
-                    id: d.id,
-                    debugData: d
-                  };
-                } else {
-                  if (d.type === MouseInteractions.TouchStart) {
-                    this.tailPositions.length = 0;
-                  }
-                  this.moveAndHover(d.x, d.y, d.id, isSync, d);
-                  if (d.type === MouseInteractions.Click) {
-                    this.mouse.classList.remove("active");
-                    void this.mouse.offsetWidth;
-                    this.mouse.classList.add("active");
-                  } else if (d.type === MouseInteractions.TouchStart) {
-                    void this.mouse.offsetWidth;
-                    this.mouse.classList.add("touch-active");
-                  } else if (d.type === MouseInteractions.TouchEnd) {
-                    this.mouse.classList.remove("touch-active");
-                  }
-                }
-                break;
-              case MouseInteractions.TouchCancel:
-                if (isSync) {
-                  this.touchActive = false;
-                } else {
-                  this.mouse.classList.remove("touch-active");
-                }
-                break;
-              default:
-                target.dispatchEvent(event);
-            }
-            break;
-          }
-          case IncrementalSource.Scroll: {
-            if (d.id === -1) {
-              break;
-            }
-            if (this.usingVirtualDom) {
-              const target = this.virtualDom.mirror.getNode(d.id);
-              if (!target) {
-                return this.debugNodeNotFound(d, d.id);
-              }
-              target.scrollData = d;
-              break;
-            }
-            this.applyScroll(d, isSync);
-            break;
-          }
-          case IncrementalSource.ViewportResize:
-            this.emitter.emit(ReplayerEvents.Resize, {
-              width: d.width,
-              height: d.height
-            });
-            break;
-          case IncrementalSource.Input: {
-            if (d.id === -1) {
-              break;
-            }
-            if (this.usingVirtualDom) {
-              const target = this.virtualDom.mirror.getNode(d.id);
-              if (!target) {
-                return this.debugNodeNotFound(d, d.id);
-              }
-              target.inputData = d;
-              break;
-            }
-            this.applyInput(d);
-            break;
-          }
-          case IncrementalSource.MediaInteraction: {
-            const target = this.usingVirtualDom ? this.virtualDom.mirror.getNode(d.id) : this.mirror.getNode(d.id);
-            if (!target) {
-              return this.debugNodeNotFound(d, d.id);
-            }
-            const mediaEl = target;
-            try {
-              if (d.currentTime) {
-                mediaEl.currentTime = d.currentTime;
-              }
-              if (d.volume) {
-                mediaEl.volume = d.volume;
-              }
-              if (d.muted) {
-                mediaEl.muted = d.muted;
-              }
-              if (d.type === MediaInteractions.Pause) {
-                mediaEl.pause();
-              }
-              if (d.type === MediaInteractions.Play) {
-                mediaEl.play();
-              }
-            } catch (error) {
-              if (this.config.showWarning) {
-                console.warn(`Failed to replay media interactions: ${error.message || error}`);
-              }
-            }
-            break;
-          }
-          case IncrementalSource.StyleSheetRule: {
-            if (this.usingVirtualDom) {
-              const target = this.virtualDom.mirror.getNode(d.id);
-              if (!target) {
-                return this.debugNodeNotFound(d, d.id);
-              }
-              const rules = target.rules;
-              (_b = d.adds) == null ? void 0 : _b.forEach(({ rule, index: nestedIndex }) => rules == null ? void 0 : rules.push({
-                cssText: rule,
-                index: nestedIndex,
-                type: StyleRuleType.Insert
-              }));
-              (_c = d.removes) == null ? void 0 : _c.forEach(({ index: nestedIndex }) => rules == null ? void 0 : rules.push({ index: nestedIndex, type: StyleRuleType.Remove }));
-            } else {
-              const target = this.mirror.getNode(d.id);
-              if (!target) {
-                return this.debugNodeNotFound(d, d.id);
-              }
-              const styleSheet = target.sheet;
-              (_d = d.adds) == null ? void 0 : _d.forEach(({ rule, index: nestedIndex }) => {
-                try {
-                  if (Array.isArray(nestedIndex)) {
-                    const { positions, index } = getPositionsAndIndex(nestedIndex);
-                    const nestedRule = getNestedRule(styleSheet.cssRules, positions);
-                    nestedRule.insertRule(rule, index);
-                  } else {
-                    const index = nestedIndex === void 0 ? void 0 : Math.min(nestedIndex, styleSheet.cssRules.length);
-                    styleSheet.insertRule(rule, index);
-                  }
-                } catch (e2) {
-                }
-              });
-              (_e = d.removes) == null ? void 0 : _e.forEach(({ index: nestedIndex }) => {
-                try {
-                  if (Array.isArray(nestedIndex)) {
-                    const { positions, index } = getPositionsAndIndex(nestedIndex);
-                    const nestedRule = getNestedRule(styleSheet.cssRules, positions);
-                    nestedRule.deleteRule(index || 0);
-                  } else {
-                    styleSheet == null ? void 0 : styleSheet.deleteRule(nestedIndex);
-                  }
-                } catch (e2) {
-                }
-              });
-            }
-            break;
-          }
-          case IncrementalSource.StyleDeclaration: {
-            if (this.usingVirtualDom) {
-              const target = this.virtualDom.mirror.getNode(d.id);
-              if (!target) {
-                return this.debugNodeNotFound(d, d.id);
-              }
-              const rules = target.rules;
-              d.set && rules.push(__spreadValues({
-                type: StyleRuleType.SetProperty,
-                index: d.index
-              }, d.set));
-              d.remove && rules.push(__spreadValues({
-                type: StyleRuleType.RemoveProperty,
-                index: d.index
-              }, d.remove));
-            } else {
-              const target = this.mirror.getNode(d.id);
-              if (!target) {
-                return this.debugNodeNotFound(d, d.id);
-              }
-              const styleSheet = target.sheet;
-              if (d.set) {
-                const rule = getNestedRule(styleSheet.rules, d.index);
-                rule.style.setProperty(d.set.property, d.set.value, d.set.priority);
-              }
-              if (d.remove) {
-                const rule = getNestedRule(styleSheet.rules, d.index);
-                rule.style.removeProperty(d.remove.property);
-              }
-            }
-            break;
-          }
-          case IncrementalSource.CanvasMutation: {
-            if (!this.config.UNSAFE_replayCanvas) {
-              return;
-            }
-            if (this.usingVirtualDom) {
-              const target = this.virtualDom.mirror.getNode(d.id);
-              if (!target) {
-                return this.debugNodeNotFound(d, d.id);
-              }
-              target.canvasMutations.push({
-                event: e,
-                mutation: d
-              });
-            } else {
-              const target = this.mirror.getNode(d.id);
-              if (!target) {
-                return this.debugNodeNotFound(d, d.id);
-              }
-              canvasMutation({
-                event: e,
-                mutation: d,
-                target,
-                imageMap: this.imageMap,
-                canvasEventMap: this.canvasEventMap,
-                errorHandler: this.warnCanvasMutationFailed.bind(this)
-              });
-            }
-            break;
-          }
-          case IncrementalSource.Font: {
-            try {
-              const fontFace = new FontFace(d.family, d.buffer ? new Uint8Array(JSON.parse(d.fontSource)) : d.fontSource, d.descriptors);
-              (_f = this.iframe.contentDocument) == null ? void 0 : _f.fonts.add(fontFace);
-            } catch (error) {
-              if (this.config.showWarning) {
-                console.warn(error);
-              }
-            }
-            break;
-          }
-        }
-      }
-      applyMutation(d, isSync) {
-        if (this.config.useVirtualDom && !this.usingVirtualDom && isSync) {
-          this.usingVirtualDom = true;
-          buildFromDom(this.iframe.contentDocument, this.mirror, this.virtualDom);
-          if (Object.keys(this.legacy_missingNodeRetryMap).length) {
-            for (const key in this.legacy_missingNodeRetryMap) {
-              try {
-                const value = this.legacy_missingNodeRetryMap[key];
-                const virtualNode = buildFromNode(value.node, this.virtualDom, this.mirror);
-                if (virtualNode)
-                  value.node = virtualNode;
-              } catch (error) {
-                if (this.config.showWarning) {
-                  console.warn(error);
-                }
-              }
-            }
-          }
-        }
-        const mirror = this.usingVirtualDom ? this.virtualDom.mirror : this.mirror;
-        d.removes.forEach((mutation) => {
-          var _a;
-          const target = mirror.getNode(mutation.id);
-          if (!target) {
-            if (d.removes.find((r) => r.id === mutation.parentId)) {
-              return;
-            }
-            return this.warnNodeNotFound(d, mutation.id);
-          }
-          let parent = mirror.getNode(mutation.parentId);
-          if (!parent) {
-            return this.warnNodeNotFound(d, mutation.parentId);
-          }
-          if (mutation.isShadow && hasShadowRoot(parent)) {
-            parent = parent.shadowRoot;
-          }
-          mirror.removeNodeFromMap(target);
-          if (parent)
-            try {
-              parent.removeChild(target);
-              if (this.usingVirtualDom && target.nodeName === "#text" && parent.nodeName === "STYLE" && ((_a = parent.rules) == null ? void 0 : _a.length) > 0)
-                parent.rules = [];
-            } catch (error) {
-              if (error instanceof DOMException) {
-                this.warn("parent could not remove child in mutation", parent, target, d);
-              } else {
-                throw error;
-              }
-            }
-        });
-        const legacy_missingNodeMap = __spreadValues({}, this.legacy_missingNodeRetryMap);
-        const queue = [];
-        const nextNotInDOM = (mutation) => {
-          let next = null;
-          if (mutation.nextId) {
-            next = mirror.getNode(mutation.nextId);
-          }
-          if (mutation.nextId !== null && mutation.nextId !== void 0 && mutation.nextId !== -1 && !next) {
-            return true;
-          }
-          return false;
-        };
-        const appendNode = (mutation) => {
-          var _a;
-          if (!this.iframe.contentDocument) {
-            return console.warn("Looks like your replayer has been destroyed.");
-          }
-          let parent = mirror.getNode(mutation.parentId);
-          if (!parent) {
-            if (mutation.node.type === NodeType$2.Document) {
-              return this.newDocumentQueue.push(mutation);
-            }
-            return queue.push(mutation);
-          }
-          if (mutation.node.isShadow) {
-            if (!hasShadowRoot(parent)) {
-              parent.attachShadow({ mode: "open" });
-              parent = parent.shadowRoot;
-            } else
-              parent = parent.shadowRoot;
-          }
-          let previous = null;
-          let next = null;
-          if (mutation.previousId) {
-            previous = mirror.getNode(mutation.previousId);
-          }
-          if (mutation.nextId) {
-            next = mirror.getNode(mutation.nextId);
-          }
-          if (nextNotInDOM(mutation)) {
-            return queue.push(mutation);
-          }
-          if (mutation.node.rootId && !mirror.getNode(mutation.node.rootId)) {
-            return;
-          }
-          const targetDoc = mutation.node.rootId ? mirror.getNode(mutation.node.rootId) : this.usingVirtualDom ? this.virtualDom : this.iframe.contentDocument;
-          if (isSerializedIframe(parent, mirror)) {
-            this.attachDocumentToIframe(mutation, parent);
-            return;
-          }
-          const target = buildNodeWithSN(mutation.node, {
-            doc: targetDoc,
-            mirror,
-            skipChild: true,
-            hackCss: true,
-            cache: this.cache
-          });
-          if (mutation.previousId === -1 || mutation.nextId === -1) {
-            legacy_missingNodeMap[mutation.node.id] = {
-              node: target,
-              mutation
-            };
-            return;
-          }
-          const parentSn = mirror.getMeta(parent);
-          if (parentSn && parentSn.type === NodeType$2.Element && parentSn.tagName === "textarea" && mutation.node.type === NodeType$2.Text) {
-            const childNodeArray = Array.isArray(parent.childNodes) ? parent.childNodes : Array.from(parent.childNodes);
-            for (const c of childNodeArray) {
-              if (c.nodeType === parent.TEXT_NODE) {
-                parent.removeChild(c);
-              }
-            }
-          }
-          if (previous && previous.nextSibling && previous.nextSibling.parentNode) {
-            parent.insertBefore(target, previous.nextSibling);
-          } else if (next && next.parentNode) {
-            parent.contains(next) ? parent.insertBefore(target, next) : parent.insertBefore(target, null);
-          } else {
-            if (parent === targetDoc) {
-              while (targetDoc.firstChild) {
-                targetDoc.removeChild(targetDoc.firstChild);
-              }
-            }
-            parent.appendChild(target);
-          }
-          if (this.usingVirtualDom && target.nodeName === "#text" && parent.nodeName === "STYLE" && ((_a = parent.rules) == null ? void 0 : _a.length) > 0)
-            parent.rules = [];
-          if (isSerializedIframe(target, this.mirror)) {
-            const targetId = this.mirror.getId(target);
-            const mutationInQueue = this.newDocumentQueue.find((m) => m.parentId === targetId);
-            if (mutationInQueue) {
-              this.attachDocumentToIframe(mutationInQueue, target);
-              this.newDocumentQueue = this.newDocumentQueue.filter((m) => m !== mutationInQueue);
-            }
-          }
-          if (mutation.previousId || mutation.nextId) {
-            this.legacy_resolveMissingNode(legacy_missingNodeMap, parent, target, mutation);
-          }
-        };
-        d.adds.forEach((mutation) => {
-          appendNode(mutation);
-        });
-        const startTime = Date.now();
-        while (queue.length) {
-          const resolveTrees = queueToResolveTrees(queue);
-          queue.length = 0;
-          if (Date.now() - startTime > 500) {
-            this.warn("Timeout in the loop, please check the resolve tree data:", resolveTrees);
-            break;
-          }
-          for (const tree of resolveTrees) {
-            const parent = mirror.getNode(tree.value.parentId);
-            if (!parent) {
-              this.debug("Drop resolve tree since there is no parent for the root node.", tree);
-            } else {
-              iterateResolveTree(tree, (mutation) => {
-                appendNode(mutation);
-              });
-            }
-          }
-        }
-        if (Object.keys(legacy_missingNodeMap).length) {
-          Object.assign(this.legacy_missingNodeRetryMap, legacy_missingNodeMap);
-        }
-        uniqueTextMutations(d.texts).forEach((mutation) => {
-          var _a;
-          const target = mirror.getNode(mutation.id);
-          if (!target) {
-            if (d.removes.find((r) => r.id === mutation.id)) {
-              return;
-            }
-            return this.warnNodeNotFound(d, mutation.id);
-          }
-          target.textContent = mutation.value;
-          if (this.usingVirtualDom) {
-            const parent = target.parentNode;
-            if (((_a = parent == null ? void 0 : parent.rules) == null ? void 0 : _a.length) > 0)
-              parent.rules = [];
-          }
-        });
-        d.attributes.forEach((mutation) => {
-          const target = mirror.getNode(mutation.id);
-          if (!target) {
-            if (d.removes.find((r) => r.id === mutation.id)) {
-              return;
-            }
-            return this.warnNodeNotFound(d, mutation.id);
-          }
-          for (const attributeName in mutation.attributes) {
-            if (typeof attributeName === "string") {
-              const value = mutation.attributes[attributeName];
-              if (value === null) {
-                target.removeAttribute(attributeName);
-              } else if (typeof value === "string") {
-                try {
-                  target.setAttribute(attributeName, value);
-                } catch (error) {
-                  if (this.config.showWarning) {
-                    console.warn("An error occurred may due to the checkout feature.", error);
-                  }
-                }
-              } else if (attributeName === "style") {
-                const styleValues = value;
-                const targetEl = target;
-                for (const s in styleValues) {
-                  if (styleValues[s] === false) {
-                    targetEl.style.removeProperty(s);
-                  } else if (styleValues[s] instanceof Array) {
-                    const svp = styleValues[s];
-                    targetEl.style.setProperty(s, svp[0], svp[1]);
-                  } else {
-                    const svs = styleValues[s];
-                    targetEl.style.setProperty(s, svs);
-                  }
-                }
-              }
-            }
-          }
-        });
-      }
-      applyScroll(d, isSync) {
-        const target = this.mirror.getNode(d.id);
-        if (!target) {
-          return this.debugNodeNotFound(d, d.id);
-        }
-        const sn = this.mirror.getMeta(target);
-        if (target === this.iframe.contentDocument) {
-          this.iframe.contentWindow.scrollTo({
-            top: d.y,
-            left: d.x,
-            behavior: isSync ? "auto" : "smooth"
-          });
-        } else if ((sn == null ? void 0 : sn.type) === NodeType$2.Document) {
-          target.defaultView.scrollTo({
-            top: d.y,
-            left: d.x,
-            behavior: isSync ? "auto" : "smooth"
-          });
-        } else {
-          try {
-            target.scrollTop = d.y;
-            target.scrollLeft = d.x;
-          } catch (error) {
-          }
-        }
-      }
-      applyInput(d) {
-        const target = this.mirror.getNode(d.id);
-        if (!target) {
-          return this.debugNodeNotFound(d, d.id);
-        }
-        try {
-          target.checked = d.isChecked;
-          target.value = d.text;
-        } catch (error) {
-        }
-      }
-      legacy_resolveMissingNode(map, parent, target, targetMutation) {
-        const { previousId, nextId } = targetMutation;
-        const previousInMap = previousId && map[previousId];
-        const nextInMap = nextId && map[nextId];
-        if (previousInMap) {
-          const { node, mutation } = previousInMap;
-          parent.insertBefore(node, target);
-          delete map[mutation.node.id];
-          delete this.legacy_missingNodeRetryMap[mutation.node.id];
-          if (mutation.previousId || mutation.nextId) {
-            this.legacy_resolveMissingNode(map, parent, node, mutation);
-          }
-        }
-        if (nextInMap) {
-          const { node, mutation } = nextInMap;
-          parent.insertBefore(node, target.nextSibling);
-          delete map[mutation.node.id];
-          delete this.legacy_missingNodeRetryMap[mutation.node.id];
-          if (mutation.previousId || mutation.nextId) {
-            this.legacy_resolveMissingNode(map, parent, node, mutation);
-          }
-        }
-      }
-      moveAndHover(x, y, id, isSync, debugData) {
-        const target = this.mirror.getNode(id);
-        if (!target) {
-          return this.debugNodeNotFound(debugData, id);
-        }
-        const base = getBaseDimension(target, this.iframe);
-        const _x = x * base.absoluteScale + base.x;
-        const _y = y * base.absoluteScale + base.y;
-        this.mouse.style.left = `${_x}px`;
-        this.mouse.style.top = `${_y}px`;
-        if (!isSync) {
-          this.drawMouseTail({ x: _x, y: _y });
-        }
-        this.hoverElements(target);
-      }
-      drawMouseTail(position) {
-        if (!this.mouseTail) {
-          return;
-        }
-        const { lineCap, lineWidth, strokeStyle, duration } = this.config.mouseTail === true ? defaultMouseTailConfig : Object.assign({}, defaultMouseTailConfig, this.config.mouseTail);
-        const draw = () => {
-          if (!this.mouseTail) {
-            return;
-          }
-          const ctx = this.mouseTail.getContext("2d");
-          if (!ctx || !this.tailPositions.length) {
-            return;
-          }
-          ctx.clearRect(0, 0, this.mouseTail.width, this.mouseTail.height);
-          ctx.beginPath();
-          ctx.lineWidth = lineWidth;
-          ctx.lineCap = lineCap;
-          ctx.strokeStyle = strokeStyle;
-          ctx.moveTo(this.tailPositions[0].x, this.tailPositions[0].y);
-          this.tailPositions.forEach((p) => ctx.lineTo(p.x, p.y));
-          ctx.stroke();
-        };
-        this.tailPositions.push(position);
-        draw();
-        setTimeout(() => {
-          this.tailPositions = this.tailPositions.filter((p) => p !== position);
-          draw();
-        }, duration / this.speedService.state.context.timer.speed);
-      }
-      hoverElements(el) {
-        var _a;
-        (_a = this.iframe.contentDocument) == null ? void 0 : _a.querySelectorAll(".\\:hover").forEach((hoveredEl) => {
-          hoveredEl.classList.remove(":hover");
-        });
-        let currentEl = el;
-        while (currentEl) {
-          if (currentEl.classList) {
-            currentEl.classList.add(":hover");
-          }
-          currentEl = currentEl.parentElement;
-        }
-      }
-      isUserInteraction(event) {
-        if (event.type !== EventType.IncrementalSnapshot) {
-          return false;
-        }
-        return event.data.source > IncrementalSource.Mutation && event.data.source <= IncrementalSource.Input;
-      }
-      backToNormal() {
-        this.nextUserInteractionEvent = null;
-        if (this.speedService.state.matches("normal")) {
-          return;
-        }
-        this.speedService.send({ type: "BACK_TO_NORMAL" });
-        this.emitter.emit(ReplayerEvents.SkipEnd, {
-          speed: this.speedService.state.context.normalSpeed
-        });
-      }
-      warnNodeNotFound(d, id) {
-        this.warn(`Node with id '${id}' not found. `, d);
-      }
-      warnCanvasMutationFailed(d, error) {
-        this.warn(`Has error on canvas update`, error, "canvas mutation:", d);
-      }
-      debugNodeNotFound(d, id) {
-        this.debug(REPLAY_CONSOLE_PREFIX, `Node with id '${id}' not found. `, d);
-      }
-      warn(...args) {
-        if (!this.config.showWarning) {
-          return;
-        }
-        console.warn(REPLAY_CONSOLE_PREFIX, ...args);
-      }
-      debug(...args) {
-        if (!this.config.showDebug) {
-          return;
-        }
-        console.log(REPLAY_CONSOLE_PREFIX, ...args);
-      }
-    }
-
-    exports.Replayer = Replayer;
-
-    Object.defineProperty(exports, '__esModule', { value: true });
-
-    return exports;
-
-})({});
+    ***************************************************************************** */function He(e,t){var r=typeof Symbol=="function"&&e[Symbol.iterator];if(!r)return e;var i,n,s=r.call(e),a=[];try{for(;(t===void 0||t-- >0)&&!(i=s.next()).done;)a.push(i.value)}catch(l){n={error:l}}finally{try{i&&!i.done&&(r=s.return)&&r.call(s)}finally{if(n)throw n.error}}return a}var Y;(function(e){e[e.NotStarted=0]="NotStarted",e[e.Running=1]="Running",e[e.Stopped=2]="Stopped"})(Y||(Y={}));var Ye={type:"xstate.init"};function ye(e){return e===void 0?[]:[].concat(e)}function j(e){return{type:"xstate.assign",assignment:e}}function ze(e,t){return typeof(e=typeof e=="string"&&t&&t[e]?t[e]:e)=="string"?{type:e}:typeof e=="function"?{type:e.name,exec:e}:e}function ne(e){return function(t){return e===t}}function Xe(e){return typeof e=="string"?{type:e}:e}function Qe(e,t){return{value:e,context:t,actions:[],changed:!1,matches:ne(e)}}function qe(e,t,r){var i=t,n=!1;return[e.filter(function(s){if(s.type==="xstate.assign"){n=!0;var a=Object.assign({},i);return typeof s.assignment=="function"?a=s.assignment(i,r):Object.keys(s.assignment).forEach(function(l){a[l]=typeof s.assignment[l]=="function"?s.assignment[l](i,r):s.assignment[l]}),i=a,!1}return!0}),i,n]}function Je(e,t){t===void 0&&(t={});var r=He(qe(ye(e.states[e.initial].entry).map(function(a){return ze(a,t.actions)}),e.context,Ye),2),i=r[0],n=r[1],s={config:e,_options:t,initialState:{value:e.initial,actions:i,context:n,matches:ne(e.initial)},transition:function(a,l){var u,o,c=typeof a=="string"?{value:a,context:e.context}:a,d=c.value,m=c.context,f=Xe(l),T=e.states[d];if(T.on){var g=ye(T.on[f.type]);try{for(var E=function(O){var te=typeof Symbol=="function"&&Symbol.iterator,y=te&&O[te],p=0;if(y)return y.call(O);if(O&&typeof O.length=="number")return{next:function(){return O&&p>=O.length&&(O=void 0),{value:O&&O[p++],done:!O}}};throw new TypeError(te?"Object is not iterable.":"Symbol.iterator is not defined.")}(g),h=E.next();!h.done;h=E.next()){var v=h.value;if(v===void 0)return Qe(d,m);var w=typeof v=="string"?{target:v}:v,R=w.target,L=w.actions,k=L===void 0?[]:L,A=w.cond,G=A===void 0?function(){return!0}:A,W=R===void 0,De=R??d,Me=e.states[De];if(G(m,f)){var ee=He(qe((W?ye(k):[].concat(T.exit,k,Me.entry).filter(function(O){return O})).map(function(O){return ze(O,s._options.actions)}),m,f),3),ce=ee[0],xe=ee[1],Ce=ee[2],Q=R??d;return{value:Q,context:xe,actions:ce,changed:R!==d||ce.length>0||Ce,matches:ne(Q)}}}}catch(O){u={error:O}}finally{try{h&&!h.done&&(o=E.return)&&o.call(E)}finally{if(u)throw u.error}}}return Qe(d,m)}};return s}var Ze=function(e,t){return e.actions.forEach(function(r){var i=r.exec;return i&&i(e.context,t)})};function Ke(e){var t=e.initialState,r=Y.NotStarted,i=new Set,n={_machine:e,send:function(s){r===Y.Running&&(t=e.transition(t,s),Ze(t,Xe(s)),i.forEach(function(a){return a(t)}))},subscribe:function(s){return i.add(s),s(t),{unsubscribe:function(){return i.delete(s)}}},start:function(s){if(s){var a=typeof s=="object"?s:{context:e.config.context,value:s};t={value:a.value,actions:[],context:a.context,matches:ne(a.value)}}return r=Y.Running,Ze(t,Ye),n},stop:function(){return r=Y.Stopped,i.clear(),n},get state(){return t},get status(){return r}};return n}var tr=Object.defineProperty,rr=Object.defineProperties,ir=Object.getOwnPropertyDescriptors,et=Object.getOwnPropertySymbols,nr=Object.prototype.hasOwnProperty,or=Object.prototype.propertyIsEnumerable,tt=(e,t,r)=>t in e?tr(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,oe=(e,t)=>{for(var r in t||(t={}))nr.call(t,r)&&tt(e,r,t[r]);if(et)for(var r of et(t))or.call(t,r)&&tt(e,r,t[r]);return e},se=(e,t)=>rr(e,ir(t));function sr(e,t){for(let r=e.length-1;r>=0;r--){const i=e[r];if(i.type===M.Meta&&i.timestamp<=t)return e.slice(r)}return e}function ar(e,{getCastFn:t,applyEventsSynchronously:r,emitter:i}){const n=Je({id:"player",context:e,initial:"paused",states:{playing:{on:{PAUSE:{target:"paused",actions:["pause"]},CAST_EVENT:{target:"playing",actions:"castEvent"},END:{target:"paused",actions:["resetLastPlayedEvent","pause"]},ADD_EVENT:{target:"playing",actions:["addEvent"]},REPLACE_EVENTS:{target:"playing",actions:["replaceEvents"]}}},paused:{on:{PLAY:{target:"playing",actions:["recordTimeOffset","play"]},CAST_EVENT:{target:"paused",actions:"castEvent"},TO_LIVE:{target:"live",actions:["startLive"]},ADD_EVENT:{target:"paused",actions:["addEvent"]},REPLACE_EVENTS:{target:"paused",actions:["replaceEvents"]}}},live:{on:{ADD_EVENT:{target:"live",actions:["addEvent"]},CAST_EVENT:{target:"live",actions:["castEvent"]}}}}},{actions:{castEvent:j({lastPlayedEvent:(s,a)=>a.type==="CAST_EVENT"?a.payload.event:s.lastPlayedEvent}),recordTimeOffset:j((s,a)=>{let l=s.timeOffset;return"payload"in a&&"timeOffset"in a.payload&&(l=a.payload.timeOffset),se(oe({},s),{timeOffset:l,baselineTime:s.events[0].timestamp+l})}),play(s){var a;const{timer:l,events:u,baselineTime:o,lastPlayedEvent:c}=s;l.clear();for(const g of u)ge(g,o);const d=sr(u,o);let m=c?.timestamp;c?.type===M.IncrementalSnapshot&&c.data.source===C.MouseMove&&(m=c.timestamp+((a=c.data.positions[0])==null?void 0:a.timeOffset)),o<(m||0)&&i.emit(D.PlayBack);const f=new Array,T=new Array;for(const g of d)if(!(m&&m<o&&(g.timestamp<=m||g===c)))if(g.timestamp<o)f.push(g);else{const E=t(g,!1);T.push({doAction:()=>{E()},delay:g.delay})}r(f),i.emit(D.Flush),l.addActions(T),l.start()},pause(s){s.timer.clear()},resetLastPlayedEvent:j(s=>se(oe({},s),{lastPlayedEvent:null})),startLive:j({baselineTime:(s,a)=>(s.timer.toggleLiveMode(!0),s.timer.start(),a.type==="TO_LIVE"&&a.payload.baselineTime?a.payload.baselineTime:Date.now())}),replaceEvents:j((s,a)=>{const{events:l,timer:u,baselineTime:o}=s;if(a.type==="REPLACE_EVENTS"){const{events:c}=a.payload;l.length=0;const d=[];for(const m of c)if(ge(m,o),l.push(m),m.timestamp>=u.timeOffset+o){const f=t(m,!1);d.push({doAction:()=>{f()},delay:m.delay})}u.isActive()&&u.replaceActions(d)}return se(oe({},s),{events:l})}),addEvent:j((s,a)=>{const{baselineTime:l,timer:u,events:o}=s;if(a.type==="ADD_EVENT"){const{event:c}=a.payload;ge(c,l);let d=o.length-1;if(!o[d]||o[d].timestamp<=c.timestamp)o.push(c);else{let T=-1,g=0;for(;g<=d;){const E=Math.floor((g+d)/2);o[E].timestamp<=c.timestamp?g=E+1:d=E-1}T===-1&&(T=g),o.splice(T,0,c)}const m=c.timestamp<l,f=t(c,m);m?f():u.isActive()&&u.addAction({doAction:()=>{f()},delay:c.delay})}return se(oe({},s),{events:o})})}});return Ke(n)}function cr(e){const t=Je({id:"speed",context:e,initial:"normal",states:{normal:{on:{FAST_FORWARD:{target:"skipping",actions:["recordSpeed","setSpeed"]},SET_SPEED:{target:"normal",actions:["setSpeed"]}}},skipping:{on:{BACK_TO_NORMAL:{target:"normal",actions:["restoreSpeed"]},SET_SPEED:{target:"normal",actions:["setSpeed"]}}}}},{actions:{setSpeed:(r,i)=>{"payload"in i&&r.timer.setSpeed(i.payload.speed)},recordSpeed:j({normalSpeed:r=>r.timer.speed}),restoreSpeed:r=>{r.timer.setSpeed(r.normalSpeed)}}});return Ke(t)}const z=`Please stop import mirror directly. Instead of that,\r
+now you can use replayer.getMirror() to access the mirror instance of a replayer,\r
+or you can use record.mirror to access the mirror instance during recording.`;let rt={map:{},getId(){return console.error(z),-1},getNode(){return console.error(z),null},removeNodeFromMap(){console.error(z)},has(){return console.error(z),!1},reset(){console.error(z)}};typeof window<"u"&&window.Proxy&&window.Reflect&&(rt=new Proxy(rt,{get(e,t,r){return t==="map"&&console.error(z),Reflect.get(e,t,r)}}));function lr(e=window){"NodeList"in e&&!e.NodeList.prototype.forEach&&(e.NodeList.prototype.forEach=Array.prototype.forEach),"DOMTokenList"in e&&!e.DOMTokenList.prototype.forEach&&(e.DOMTokenList.prototype.forEach=Array.prototype.forEach),Node.prototype.contains||(Node.prototype.contains=function(t){if(!(0 in arguments))throw new TypeError("1 argument is required");do if(this===t)return!0;while(t=t&&t.parentNode);return!1})}function ur(e){const t={},r=(n,s)=>{const a={value:n,parent:s,children:[]};return t[n.node.id]=a,a},i=[];for(const n of e){const{nextId:s,parentId:a}=n;if(s&&s in t){const l=t[s];if(l.parent){const u=l.parent.children.indexOf(l);l.parent.children.splice(u,0,r(n,l.parent))}else{const u=i.indexOf(l);i.splice(u,0,r(n,null))}continue}if(a in t){const l=t[a];l.children.push(r(n,l));continue}i.push(r(n,null))}return i}function it(e,t){t(e.value);for(let r=e.children.length-1;r>=0;r--)it(e.children[r],t)}function ve(e,t){return Boolean(e.nodeName==="IFRAME"&&t.getMeta(e))}function nt(e,t){var r,i;const n=(i=(r=e.ownerDocument)==null?void 0:r.defaultView)==null?void 0:i.frameElement;if(!n||n===t)return{x:0,y:0,relativeScale:1,absoluteScale:1};const s=n.getBoundingClientRect(),a=nt(n,t),l=s.height/n.clientHeight;return{x:s.x*a.relativeScale+a.x,y:s.y*a.relativeScale+a.y,relativeScale:l,absoluteScale:a.absoluteScale*l}}function ot(e){return Boolean(e?.shadowRoot)}function Z(e,t){const r=e[t[0]];return t.length===1?r:Z(r.cssRules[t[1]].cssRules,t.slice(2))}function st(e){const t=[...e],r=t.pop();return{positions:t,index:r}}function dr(e){const t=new Set,r=[];for(let i=e.length;i--;){const n=e[i];t.has(n.id)||(r.push(n),t.add(n.id))}return r}const hr=e=>[`.${e} { background: currentColor }`,"noscript { display: none !important; }",`.${e} { background: currentColor; border-radius: 5px; }`,`.${e}:hover::after {content: 'Redacted'; color: white; background: black; text-align: center; width: 100%; display: block;}`];for(var at="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",K=typeof Uint8Array>"u"?[]:new Uint8Array(256),ae=0;ae<at.length;ae++)K[at.charCodeAt(ae)]=ae;var mr=function(e){var t=e.length*.75,r=e.length,i,n=0,s,a,l,u;e[e.length-1]==="="&&(t--,e[e.length-2]==="="&&t--);var o=new ArrayBuffer(t),c=new Uint8Array(o);for(i=0;i<r;i+=4)s=K[e.charCodeAt(i)],a=K[e.charCodeAt(i+1)],l=K[e.charCodeAt(i+2)],u=K[e.charCodeAt(i+3)],c[n++]=s<<2|a>>4,c[n++]=(a&15)<<4|l>>2,c[n++]=(l&3)<<6|u&63;return o},pr=(e,t,r)=>new Promise((i,n)=>{var s=u=>{try{l(r.next(u))}catch(o){n(o)}},a=u=>{try{l(r.throw(u))}catch(o){n(o)}},l=u=>u.done?i(u.value):Promise.resolve(u.value).then(s,a);l((r=r.apply(e,t)).next())});const ct=new Map;function lt(e,t){let r=ct.get(e);return r||(r=new Map,ct.set(e,r)),r.has(t)||r.set(t,[]),r.get(t)}function V(e,t,r){return i=>pr(this,null,function*(){if(i&&typeof i=="object"&&"rr_type"in i)if(r&&(r.isUnchanged=!1),i.rr_type==="ImageBitmap"&&"args"in i){const n=yield V(e,t,r)(i.args);return yield createImageBitmap.apply(null,n)}else if("index"in i){if(r||t===null)return i;const{rr_type:n,index:s}=i;return lt(t,n)[s]}else if("args"in i){const{rr_type:n,args:s}=i,a=window[n];return new a(...yield Promise.all(s.map(V(e,t,r))))}else{if("base64"in i)return mr(i.base64);if("src"in i){const n=e.get(i.src);if(n)return n;{const s=new Image;return s.src=i.src,e.set(i.src,s),s}}else if("data"in i&&i.rr_type==="Blob"){const n=yield Promise.all(i.data.map(V(e,t,r)));return new Blob(n,{type:i.type})}}else if(Array.isArray(i))return yield Promise.all(i.map(V(e,t,r)));return i})}var fr=(e,t,r)=>new Promise((i,n)=>{var s=u=>{try{l(r.next(u))}catch(o){n(o)}},a=u=>{try{l(r.throw(u))}catch(o){n(o)}},l=u=>u.done?i(u.value):Promise.resolve(u.value).then(s,a);l((r=r.apply(e,t)).next())});function gr(e,t){try{return t===ie.WebGL?e.getContext("webgl")||e.getContext("experimental-webgl"):e.getContext("webgl2")}catch{return null}}const yr=["WebGLActiveInfo","WebGLBuffer","WebGLFramebuffer","WebGLProgram","WebGLRenderbuffer","WebGLShader","WebGLShaderPrecisionFormat","WebGLTexture","WebGLUniformLocation","WebGLVertexArrayObject"];function vr(e,t){if(!(t!=null&&t.constructor))return;const{name:r}=t.constructor;if(!yr.includes(r))return;const i=lt(e,r);i.includes(t)||i.push(t)}function Tr(e){return fr(this,arguments,function*({mutation:t,target:r,type:i,imageMap:n,errorHandler:s}){try{const a=gr(r,i);if(!a)return;if(t.setter){a[t.property]=t.args[0];return}const l=a[t.property],u=yield Promise.all(t.args.map(V(n,a))),o=l.apply(a,u);vr(a,o)}catch(a){s(t,a)}})}var Nr=(e,t,r)=>new Promise((i,n)=>{var s=u=>{try{l(r.next(u))}catch(o){n(o)}},a=u=>{try{l(r.throw(u))}catch(o){n(o)}},l=u=>u.done?i(u.value):Promise.resolve(u.value).then(s,a);l((r=r.apply(e,t)).next())});function Er(e){return Nr(this,arguments,function*({event:t,mutation:r,target:i,imageMap:n,errorHandler:s}){try{const a=i.getContext("2d");if(r.setter){a[r.property]=r.args[0];return}const l=a[r.property];if(r.property==="drawImage"&&typeof r.args[0]=="string"){const u=n.get(t);l.apply(a,r.args)}else{const u=yield Promise.all(r.args.map(V(n,a)));l.apply(a,u)}}catch(a){s(r,a)}})}var wr=(e,t,r)=>new Promise((i,n)=>{var s=u=>{try{l(r.next(u))}catch(o){n(o)}},a=u=>{try{l(r.throw(u))}catch(o){n(o)}},l=u=>u.done?i(u.value):Promise.resolve(u.value).then(s,a);l((r=r.apply(e,t)).next())});function ut(e){return wr(this,arguments,function*({event:t,mutation:r,target:i,imageMap:n,canvasEventMap:s,errorHandler:a}){try{const l=s.get(t)||r,u="commands"in l?l.commands:[l];if([ie.WebGL,ie.WebGL2].includes(r.type)){for(let o=0;o<u.length;o++){const c=u[o];yield Tr({mutation:c,type:r.type,target:i,imageMap:n,errorHandler:a})}return}for(let o=0;o<u.length;o++){const c=u[o];yield Er({event:t,mutation:c,target:i,imageMap:n,errorHandler:a})}}catch(l){a(r,l)}})}var br=Object.defineProperty,Dr=Object.defineProperties,Mr=Object.getOwnPropertyDescriptors,dt=Object.getOwnPropertySymbols,xr=Object.prototype.hasOwnProperty,Cr=Object.prototype.propertyIsEnumerable,ht=(e,t,r)=>t in e?br(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,X=(e,t)=>{for(var r in t||(t={}))xr.call(t,r)&&ht(e,r,t[r]);if(dt)for(var r of dt(t))Cr.call(t,r)&&ht(e,r,t[r]);return e},Te=(e,t)=>Dr(e,Mr(t)),Ne=(e,t,r)=>new Promise((i,n)=>{var s=u=>{try{l(r.next(u))}catch(o){n(o)}},a=u=>{try{l(r.throw(u))}catch(o){n(o)}},l=u=>u.done?i(u.value):Promise.resolve(u.value).then(s,a);l((r=r.apply(e,t)).next())});const mt=10*1e3,pt=2*1e3,ft=1*1e3,gt=60*60*1e3,Sr=Ge||Zt,Ee="[replayer]",we={duration:500,lineCap:"round",lineWidth:3,strokeStyle:"red"};function be(e){return e.type==M.IncrementalSnapshot&&(e.data.source==C.TouchMove||e.data.source==C.MouseInteraction&&e.data.type==_.TouchStart)}class Rr{constructor(t,r){if(this.usingVirtualDom=!1,this.virtualDom=new H,this.mouseTail=null,this.tailPositions=[],this.emitter=Sr(),this.activityIntervals=[],this.legacy_missingNodeRetryMap={},this.cache=ke(),this.imageMap=new Map,this.canvasEventMap=new Map,this.mirror=Tt(),this.firstFullSnapshot=null,this.newDocumentQueue=[],this.mousePos=null,this.touchActive=null,!(r!=null&&r.liveMode)&&t.length<2)throw new Error("Replayer need at least 2 events.");const i={speed:1,maxSpeed:360,root:document.body,loadTimeout:0,skipInactive:!1,showWarning:!0,showDebug:!1,blockClass:"highlight-block",liveMode:!1,insertStyleRules:[],triggerFocus:!0,UNSAFE_replayCanvas:!1,pauseAnimation:!0,mouseTail:we,useVirtualDom:!0,inactiveThreshold:.02,inactiveSkipTime:pt};this.config=Object.assign({},i,r),this.handleResize=this.handleResize.bind(this),this.getCastFn=this.getCastFn.bind(this),this.applyEventsSynchronously=this.applyEventsSynchronously.bind(this),this.emitter.on(D.Resize,this.handleResize),this.setupDom(),this.emitter.on(D.Flush,()=>{if(this.usingVirtualDom){const l={mirror:this.mirror,applyCanvas:(u,o,c)=>{ut({event:u,mutation:o,target:c,imageMap:this.imageMap,canvasEventMap:this.canvasEventMap,errorHandler:this.warnCanvasMutationFailed.bind(this)})},applyInput:this.applyInput.bind(this),applyScroll:this.applyScroll.bind(this)};if(B(this.iframe.contentDocument,this.virtualDom,l,this.virtualDom.mirror),this.virtualDom.destroyTree(),this.usingVirtualDom=!1,Object.keys(this.legacy_missingNodeRetryMap).length)for(const u in this.legacy_missingNodeRetryMap)try{const o=this.legacy_missingNodeRetryMap[u],c=pe(o.node,this.mirror,this.virtualDom.mirror);B(c,o.node,l,this.virtualDom.mirror),o.node=c}catch(o){this.config.showWarning&&console.warn(o)}}this.mousePos&&this.moveAndHover(this.mousePos.x,this.mousePos.y,this.mousePos.id,!0,this.mousePos.debugData),this.mousePos=null}),this.emitter.on(D.PlayBack,()=>{this.firstFullSnapshot=null,this.mirror.reset()});const n=new er([],r?.speed||i.speed);this.service=ar({events:t.map(l=>r&&r.unpackFn?r.unpackFn(l):l).sort((l,u)=>l.timestamp-u.timestamp),timer:n,timeOffset:0,baselineTime:0,lastPlayedEvent:null},{getCastFn:this.getCastFn,applyEventsSynchronously:this.applyEventsSynchronously,emitter:this.emitter}),this.service.start(),this.service.subscribe(l=>{this.emitter.emit(D.StateChange,{player:l})}),this.speedService=cr({normalSpeed:-1,timer:n}),this.speedService.start(),this.speedService.subscribe(l=>{this.emitter.emit(D.StateChange,{speed:l})});const s=this.service.state.context.events.find(l=>l.type===M.Meta),a=this.service.state.context.events.find(l=>l.type===M.FullSnapshot);if(s){const{width:l,height:u}=s.data;setTimeout(()=>{this.emitter.emit(D.Resize,{width:l,height:u})},0)}a&&setTimeout(()=>{this.firstFullSnapshot||(this.firstFullSnapshot=a,this.rebuildFullSnapshot(a),this.iframe.contentWindow.scrollTo(a.data.initialOffset))},1),this.service.state.context.events.find(be)&&this.mouse.classList.add("touch-device")}get timer(){return this.service.state.context.timer}on(t,r){return this.emitter.on(t,r),this}off(t,r){return this.emitter.off(t,r),this}setConfig(t){Object.keys(t).forEach(r=>{this.config[r]=t[r]}),this.config.skipInactive||this.backToNormal(),typeof t.speed<"u"&&this.speedService.send({type:"SET_SPEED",payload:{speed:t.speed}}),typeof t.mouseTail<"u"&&(t.mouseTail===!1?this.mouseTail&&(this.mouseTail.style.display="none"):(this.mouseTail||(this.mouseTail=document.createElement("canvas"),this.mouseTail.width=Number.parseFloat(this.iframe.width),this.mouseTail.height=Number.parseFloat(this.iframe.height),this.mouseTail.classList.add("replayer-mouse-tail"),this.wrapper.insertBefore(this.mouseTail,this.iframe)),this.mouseTail.style.display="inherit"))}getActivityIntervals(){if(this.activityIntervals.length==0){const t=[],r=this.getMetaData(),i=[{timestamp:r.startTime},...this.service.state.context.events.filter(a=>this.isUserInteraction(a)),{timestamp:r.endTime}];for(let a=1;a<i.length;a++){const l=i[a-1],u=i[a];u.timestamp-l.timestamp>mt?t.push({startTime:l.timestamp,endTime:u.timestamp,duration:u.timestamp-l.timestamp,active:!1}):t.push({startTime:l.timestamp,endTime:u.timestamp,duration:u.timestamp-l.timestamp,active:!0})}const n=[];let s=t[0];for(let a=1;a<t.length;a++)t[a].active!=t[a-1].active&&(n.push({startTime:s.startTime,endTime:t[a-1].endTime,duration:t[a-1].endTime-s.startTime,active:t[a-1].active}),s=t[a]);s&&t.length>0&&n.push({startTime:s.startTime,endTime:t[t.length-1].endTime,duration:t[t.length-1].endTime-s.startTime,active:t[t.length-1].active}),s=n[0];for(let a=1;a<n.length;a++)(!n[a].active&&n[a].duration>this.config.inactiveThreshold*r.totalTime||!n[a-1].active&&n[a-1].duration>this.config.inactiveThreshold*r.totalTime)&&(this.activityIntervals.push({startTime:s.startTime,endTime:n[a-1].endTime,duration:n[a-1].endTime-s.startTime,active:n[a-1].active}),s=n[a]);s&&n.length>0&&this.activityIntervals.push({startTime:s.startTime,endTime:n[n.length-1].endTime,duration:n[n.length-1].endTime-s.startTime,active:n[n.length-1].active})}return this.activityIntervals}getMetaData(){const t=this.service.state.context.events[0],r=this.service.state.context.events[this.service.state.context.events.length-1];return{startTime:t.timestamp,endTime:r.timestamp,totalTime:r.timestamp-t.timestamp}}getCurrentTime(){return this.timer.timeOffset+this.getTimeOffset()}getTimeOffset(){const{baselineTime:t,events:r}=this.service.state.context;return t-r[0].timestamp}getMirror(){return this.mirror}play(t=0){var r,i;this.service.state.matches("paused")?this.service.send({type:"PLAY",payload:{timeOffset:t}}):(this.service.send({type:"PAUSE"}),this.service.send({type:"PLAY",payload:{timeOffset:t}})),(i=(r=this.iframe.contentDocument)==null?void 0:r.getElementsByTagName("html")[0])==null||i.classList.remove("rrweb-paused"),this.emitter.emit(D.Start),this.handleInactivity(this.getMetaData().startTime+t,!0)}pause(t){var r,i;t===void 0&&this.service.state.matches("playing")&&this.service.send({type:"PAUSE"}),typeof t=="number"&&(this.play(t),this.service.send({type:"PAUSE"})),(i=(r=this.iframe.contentDocument)==null?void 0:r.getElementsByTagName("html")[0])==null||i.classList.add("rrweb-paused"),this.emitter.emit(D.Pause)}resume(t=0){console.warn("The 'resume' will be departed in 1.0. Please use 'play' method which has the same interface."),this.play(t),this.emitter.emit(D.Resume)}startLive(t){this.service.send({type:"TO_LIVE",payload:{baselineTime:t}})}addEvent(t){const r=this.config.unpackFn?this.config.unpackFn(t):t;be(r)&&this.mouse.classList.add("touch-device"),Promise.resolve().then(()=>this.service.send({type:"ADD_EVENT",payload:{event:r}}))}replaceEvents(t){for(const r of t)if(be(r)){this.mouse.classList.add("touch-device");break}this.service.send({type:"REPLACE_EVENTS",payload:{events:t}})}enableInteract(){this.iframe.setAttribute("scrolling","auto"),this.iframe.style.pointerEvents="auto"}disableInteract(){this.iframe.setAttribute("scrolling","no"),this.iframe.style.pointerEvents="none"}resetCache(){this.cache=ke()}setupDom(){this.wrapper=document.createElement("div"),this.wrapper.classList.add("replayer-wrapper"),this.config.root.appendChild(this.wrapper),this.mouse=document.createElement("div"),this.mouse.classList.add("replayer-mouse"),this.wrapper.appendChild(this.mouse),this.config.mouseTail!==!1&&(this.mouseTail=document.createElement("canvas"),this.mouseTail.classList.add("replayer-mouse-tail"),this.mouseTail.style.display="inherit",this.wrapper.appendChild(this.mouseTail)),this.iframe=document.createElement("iframe");const t=["allow-same-origin"];this.config.UNSAFE_replayCanvas&&t.push("allow-scripts"),this.iframe.style.display="none",this.iframe.setAttribute("sandbox",t.join(" ")),this.disableInteract(),this.wrapper.appendChild(this.iframe),this.iframe.contentWindow&&this.iframe.contentDocument&&(Kt(this.iframe.contentWindow,this.iframe.contentDocument),lr(this.iframe.contentWindow))}handleResize(t){this.iframe.style.display="inherit";for(const r of[this.mouseTail,this.iframe])!r||(r.setAttribute("width",String(t.width)),r.setAttribute("height",String(t.height)))}applyEventsSynchronously(t){for(const r of t){switch(r.type){case M.DomContentLoaded:case M.Load:case M.Custom:continue;case M.FullSnapshot:case M.Meta:case M.Plugin:case M.IncrementalSnapshot:break}this.getCastFn(r,!0)()}this.touchActive===!0?this.mouse.classList.add("touch-active"):this.touchActive===!1&&this.mouse.classList.remove("touch-active"),this.touchActive=null}getCastFn(t,r=!1){let i;switch(t.type){case M.DomContentLoaded:case M.Load:break;case M.Custom:i=()=>{this.emitter.emit(D.CustomEvent,t)};break;case M.Meta:i=()=>this.emitter.emit(D.Resize,{width:t.data.width,height:t.data.height});break;case M.FullSnapshot:i=()=>{if(this.firstFullSnapshot){if(this.firstFullSnapshot===t){this.firstFullSnapshot=!0;return}}else this.firstFullSnapshot=!0;this.rebuildFullSnapshot(t,r),this.iframe.contentWindow.scrollTo(t.data.initialOffset)};break;case M.IncrementalSnapshot:i=()=>{if(this.applyIncremental(t,r),!r&&(this.handleInactivity(t.timestamp),t===this.nextUserInteractionEvent&&(this.nextUserInteractionEvent=null,this.backToNormal()),this.config.skipInactive&&!this.nextUserInteractionEvent)){for(const n of this.service.state.context.events)if(!(n.timestamp<=t.timestamp)&&this.isUserInteraction(n)){n.delay-t.delay>mt*this.speedService.state.context.timer.speed&&(this.nextUserInteractionEvent=n);break}if(this.nextUserInteractionEvent){const n=this.nextUserInteractionEvent.delay-t.delay,s={speed:Math.min(Math.round(n/pt),this.config.maxSpeed)};this.speedService.send({type:"FAST_FORWARD",payload:s}),this.emitter.emit(D.SkipStart,s)}}};break}return()=>{i&&i();for(const s of this.config.plugins||[])s.handler(t,r,{replayer:this});this.service.send({type:"CAST_EVENT",payload:{event:t}});const n=this.service.state.context.events.length-1;if(t===this.service.state.context.events[n]){const s=()=>{n<this.service.state.context.events.length-1||(this.backToNormal(),this.service.send("END"),this.emitter.emit(D.Finish))};t.type===M.IncrementalSnapshot&&t.data.source===C.MouseMove&&t.data.positions.length?setTimeout(()=>{s()},Math.max(0,-t.data.positions[0].timeOffset+50)):s()}this.emitter.emit(D.EventCast,t)}}handleInactivity(t,r){if((t===this.inactiveEndTimestamp||r)&&(this.inactiveEndTimestamp=null,this.backToNormal()),this.config.skipInactive&&!this.inactiveEndTimestamp){for(const i of this.getActivityIntervals())if(t>=i.startTime&&t<i.endTime&&!i.active){this.inactiveEndTimestamp=i.endTime;break}if(this.inactiveEndTimestamp){const i=this.inactiveEndTimestamp-t,n={speed:i/gt*this.config.inactiveSkipTime<ft?i/ft:Math.round(Math.max(i,gt)/this.config.inactiveSkipTime)};this.speedService.send({type:"FAST_FORWARD",payload:n}),this.emitter.emit(D.SkipStart,n)}}}rebuildFullSnapshot(t,r=!1){if(!this.iframe.contentDocument)return console.warn("Looks like your replayer has been destroyed.");Object.keys(this.legacy_missingNodeRetryMap).length&&console.warn("Found unresolved missing node map",this.legacy_missingNodeRetryMap),this.legacy_missingNodeRetryMap={};const i=[];Ct(t.data.node,{doc:this.iframe.contentDocument,afterAppend:a=>{this.collectIframeAndAttachDocument(i,a)},cache:this.cache,mirror:this.mirror});for(const{mutationInQueue:a,builtNode:l}of i)this.attachDocumentToIframe(a,l),this.newDocumentQueue=this.newDocumentQueue.filter(u=>u!==a);const{documentElement:n,head:s}=this.iframe.contentDocument;this.insertStyleRules(n,s),this.service.state.matches("playing")||this.iframe.contentDocument.getElementsByTagName("html")[0].classList.add("rrweb-paused"),this.emitter.emit(D.FullsnapshotRebuilded,t),r||this.waitForStylesheetLoad(),this.config.UNSAFE_replayCanvas&&this.preloadAllImages()}insertStyleRules(t,r){const i=hr(this.config.blockClass).concat(this.config.insertStyleRules);if(this.config.pauseAnimation&&i.push("html.rrweb-paused *, html.rrweb-paused *:before, html.rrweb-paused *:after { animation-play-state: paused !important; }"),this.usingVirtualDom){const n=this.virtualDom.createElement("style");this.virtualDom.mirror.add(n,je(n,this.virtualDom.unserializedId)),t.insertBefore(n,r);for(let s=0;s<i.length;s++)n.rules.push({cssText:i[s],type:U.Insert,index:s})}else{const n=document.createElement("style");t.insertBefore(n,r);for(let s=0;s<i.length;s++)n.sheet.insertRule(i[s],s)}}attachDocumentToIframe(t,r){const i=this.usingVirtualDom?this.virtualDom.mirror:this.mirror,n=[];re(t.node,{doc:r.contentDocument,mirror:i,hackCss:!0,skipChild:!1,afterAppend:s=>{this.collectIframeAndAttachDocument(n,s);const a=i.getMeta(s);if(a?.type===I.Element&&a?.tagName.toUpperCase()==="HTML"){const{documentElement:l,head:u}=r.contentDocument;this.insertStyleRules(l,u)}},cache:this.cache});for(const{mutationInQueue:s,builtNode:a}of n)this.attachDocumentToIframe(s,a),this.newDocumentQueue=this.newDocumentQueue.filter(l=>l!==s)}collectIframeAndAttachDocument(t,r){if(ve(r,this.mirror)){const i=this.newDocumentQueue.find(n=>n.parentId===this.mirror.getId(r));i&&t.push({mutationInQueue:i,builtNode:r})}}waitForStylesheetLoad(){var t;const r=(t=this.iframe.contentDocument)==null?void 0:t.head;if(r){const i=new Set;let n,s=this.service.state;const a=()=>{s=this.service.state};this.emitter.on(D.Start,a),this.emitter.on(D.Pause,a);const l=()=>{this.emitter.off(D.Start,a),this.emitter.off(D.Pause,a)};r.querySelectorAll('link[rel="stylesheet"]').forEach(u=>{u.sheet||(i.add(u),u.addEventListener("load",()=>{i.delete(u),i.size===0&&n!==-1&&(s.matches("playing")&&this.play(this.getCurrentTime()),this.emitter.emit(D.LoadStylesheetEnd),n&&clearTimeout(n),l())}))}),i.size>0&&(this.service.send({type:"PAUSE"}),this.emitter.emit(D.LoadStylesheetStart),n=setTimeout(()=>{s.matches("playing")&&this.play(this.getCurrentTime()),n=-1,l()},this.config.loadTimeout))}}hasImageArg(t){for(const r of t)if(!(!r||typeof r!="object")){if("rr_type"in r&&"args"in r){if(this.hasImageArg(r.args))return!0}else if("rr_type"in r&&r.rr_type==="HTMLImageElement"||r instanceof Array&&this.hasImageArg(r))return!0}return!1}getImageArgs(t){const r=[];for(const i of t)!i||typeof i!="object"||("rr_type"in i&&"args"in i?r.push(...this.getImageArgs(i.args)):"rr_type"in i&&i.rr_type==="HTMLImageElement"?r.push(i.src):i instanceof Array&&r.push(...this.getImageArgs(i)));return r}preloadAllImages(){return Ne(this,null,function*(){this.service.state;const t=()=>{this.service.state};this.emitter.on(D.Start,t),this.emitter.on(D.Pause,t);const r=[];for(const i of this.service.state.context.events)i.type===M.IncrementalSnapshot&&i.data.source===C.CanvasMutation&&(r.push(this.deserializeAndPreloadCanvasEvents(i.data,i)),("commands"in i.data?i.data.commands:[i.data]).forEach(n=>{this.preloadImages(n,i)}));return Promise.all(r)})}preloadImages(t,r){if(t.property==="drawImage"&&typeof t.args[0]=="string"&&!this.imageMap.has(r)){const i=document.createElement("canvas"),n=i.getContext("2d"),s=n?.createImageData(i.width,i.height);s?.data,JSON.parse(t.args[0]),n?.putImageData(s,0,0)}}deserializeAndPreloadCanvasEvents(t,r){return Ne(this,null,function*(){if(!this.canvasEventMap.has(r)){const i={isUnchanged:!0};if("commands"in t){const n=yield Promise.all(t.commands.map(s=>Ne(this,null,function*(){const a=yield Promise.all(s.args.map(V(this.imageMap,null,i)));return Te(X({},s),{args:a})})));i.isUnchanged===!1&&this.canvasEventMap.set(r,Te(X({},t),{commands:n}))}else{const n=yield Promise.all(t.args.map(V(this.imageMap,null,i)));i.isUnchanged===!1&&this.canvasEventMap.set(r,Te(X({},t),{args:n}))}}})}applyIncremental(t,r){var i,n,s,a,l,u;const{data:o}=t;switch(o.source){case C.Mutation:{try{this.applyMutation(o,r)}catch(c){this.warn(`Exception in mutation ${c.message||c}`,o)}break}case C.Drag:case C.TouchMove:case C.MouseMove:if(r){const c=o.positions[o.positions.length-1];this.mousePos={x:c.x,y:c.y,id:c.id,debugData:o}}else o.positions.forEach(c=>{const d={doAction:()=>{this.moveAndHover(c.x,c.y,c.id,r,o)},delay:c.timeOffset+t.timestamp-this.service.state.context.baselineTime};this.timer.addAction(d)}),this.timer.addAction({doAction(){},delay:t.delay-((i=o.positions[0])==null?void 0:i.timeOffset)});break;case C.MouseInteraction:{if(o.id===-1||r)break;const c=new Event(_[o.type].toLowerCase()),d=this.mirror.getNode(o.id);if(!d)return this.debugNodeNotFound(o,o.id);this.emitter.emit(D.MouseInteraction,{type:o.type,target:d});const{triggerFocus:m}=this.config;switch(o.type){case _.Blur:"blur"in d&&d.blur();break;case _.Focus:m&&d.focus&&d.focus({preventScroll:!0});break;case _.Click:case _.TouchStart:case _.TouchEnd:r?(o.type===_.TouchStart?this.touchActive=!0:o.type===_.TouchEnd&&(this.touchActive=!1),this.mousePos={x:o.x,y:o.y,id:o.id,debugData:o}):(o.type===_.TouchStart&&(this.tailPositions.length=0),this.moveAndHover(o.x,o.y,o.id,r,o),o.type===_.Click?(this.mouse.classList.remove("active"),this.mouse.offsetWidth,this.mouse.classList.add("active")):o.type===_.TouchStart?(this.mouse.offsetWidth,this.mouse.classList.add("touch-active")):o.type===_.TouchEnd&&this.mouse.classList.remove("touch-active"));break;case _.TouchCancel:r?this.touchActive=!1:this.mouse.classList.remove("touch-active");break;default:d.dispatchEvent(c)}break}case C.Scroll:{if(o.id===-1)break;if(this.usingVirtualDom){const c=this.virtualDom.mirror.getNode(o.id);if(!c)return this.debugNodeNotFound(o,o.id);c.scrollData=o;break}this.applyScroll(o,r);break}case C.ViewportResize:this.emitter.emit(D.Resize,{width:o.width,height:o.height});break;case C.Input:{if(o.id===-1)break;if(this.usingVirtualDom){const c=this.virtualDom.mirror.getNode(o.id);if(!c)return this.debugNodeNotFound(o,o.id);c.inputData=o;break}this.applyInput(o);break}case C.MediaInteraction:{const c=this.usingVirtualDom?this.virtualDom.mirror.getNode(o.id):this.mirror.getNode(o.id);if(!c)return this.debugNodeNotFound(o,o.id);const d=c;try{o.currentTime&&(d.currentTime=o.currentTime),o.volume&&(d.volume=o.volume),o.muted&&(d.muted=o.muted),o.type===fe.Pause&&d.pause(),o.type===fe.Play&&d.play()}catch(m){this.config.showWarning&&console.warn(`Failed to replay media interactions: ${m.message||m}`)}break}case C.StyleSheetRule:{if(this.usingVirtualDom){const c=this.virtualDom.mirror.getNode(o.id);if(!c)return this.debugNodeNotFound(o,o.id);const d=c.rules;(n=o.adds)==null||n.forEach(({rule:m,index:f})=>d?.push({cssText:m,index:f,type:U.Insert})),(s=o.removes)==null||s.forEach(({index:m})=>d?.push({index:m,type:U.Remove}))}else{const c=this.mirror.getNode(o.id);if(!c)return this.debugNodeNotFound(o,o.id);const d=c.sheet;(a=o.adds)==null||a.forEach(({rule:m,index:f})=>{try{if(Array.isArray(f)){const{positions:T,index:g}=st(f);Z(d.cssRules,T).insertRule(m,g)}else{const T=f===void 0?void 0:Math.min(f,d.cssRules.length);d.insertRule(m,T)}}catch{}}),(l=o.removes)==null||l.forEach(({index:m})=>{try{if(Array.isArray(m)){const{positions:f,index:T}=st(m);Z(d.cssRules,f).deleteRule(T||0)}else d?.deleteRule(m)}catch{}})}break}case C.StyleDeclaration:{if(this.usingVirtualDom){const c=this.virtualDom.mirror.getNode(o.id);if(!c)return this.debugNodeNotFound(o,o.id);const d=c.rules;o.set&&d.push(X({type:U.SetProperty,index:o.index},o.set)),o.remove&&d.push(X({type:U.RemoveProperty,index:o.index},o.remove))}else{const c=this.mirror.getNode(o.id);if(!c)return this.debugNodeNotFound(o,o.id);const d=c.sheet;o.set&&Z(d.rules,o.index).style.setProperty(o.set.property,o.set.value,o.set.priority),o.remove&&Z(d.rules,o.index).style.removeProperty(o.remove.property)}break}case C.CanvasMutation:{if(!this.config.UNSAFE_replayCanvas)return;if(this.usingVirtualDom){const c=this.virtualDom.mirror.getNode(o.id);if(!c)return this.debugNodeNotFound(o,o.id);c.canvasMutations.push({event:t,mutation:o})}else{const c=this.mirror.getNode(o.id);if(!c)return this.debugNodeNotFound(o,o.id);ut({event:t,mutation:o,target:c,imageMap:this.imageMap,canvasEventMap:this.canvasEventMap,errorHandler:this.warnCanvasMutationFailed.bind(this)})}break}case C.Font:{try{const c=new FontFace(o.family,o.buffer?new Uint8Array(JSON.parse(o.fontSource)):o.fontSource,o.descriptors);(u=this.iframe.contentDocument)==null||u.fonts.add(c)}catch(c){this.config.showWarning&&console.warn(c)}break}}}applyMutation(t,r){if(this.config.useVirtualDom&&!this.usingVirtualDom&&r&&(this.usingVirtualDom=!0,Qt(this.iframe.contentDocument,this.mirror,this.virtualDom),Object.keys(this.legacy_missingNodeRetryMap).length))for(const o in this.legacy_missingNodeRetryMap)try{const c=this.legacy_missingNodeRetryMap[o],d=We(c.node,this.virtualDom,this.mirror);d&&(c.node=d)}catch(c){this.config.showWarning&&console.warn(c)}const i=this.usingVirtualDom?this.virtualDom.mirror:this.mirror;t.removes.forEach(o=>{var c;const d=i.getNode(o.id);if(!d)return t.removes.find(f=>f.id===o.parentId)?void 0:this.warnNodeNotFound(t,o.id);let m=i.getNode(o.parentId);if(!m)return this.warnNodeNotFound(t,o.parentId);if(o.isShadow&&ot(m)&&(m=m.shadowRoot),i.removeNodeFromMap(d),m)try{m.removeChild(d),this.usingVirtualDom&&d.nodeName==="#text"&&m.nodeName==="STYLE"&&((c=m.rules)==null?void 0:c.length)>0&&(m.rules=[])}catch(f){if(f instanceof DOMException)this.warn("parent could not remove child in mutation",m,d,t);else throw f}});const n=X({},this.legacy_missingNodeRetryMap),s=[],a=o=>{let c=null;return o.nextId&&(c=i.getNode(o.nextId)),o.nextId!==null&&o.nextId!==void 0&&o.nextId!==-1&&!c},l=o=>{var c;if(!this.iframe.contentDocument)return console.warn("Looks like your replayer has been destroyed.");let d=i.getNode(o.parentId);if(!d)return o.node.type===I.Document?this.newDocumentQueue.push(o):s.push(o);o.node.isShadow&&(ot(d)||d.attachShadow({mode:"open"}),d=d.shadowRoot);let m=null,f=null;if(o.previousId&&(m=i.getNode(o.previousId)),o.nextId&&(f=i.getNode(o.nextId)),a(o))return s.push(o);if(o.node.rootId&&!i.getNode(o.node.rootId))return;const T=o.node.rootId?i.getNode(o.node.rootId):this.usingVirtualDom?this.virtualDom:this.iframe.contentDocument;if(ve(d,i)){this.attachDocumentToIframe(o,d);return}const g=re(o.node,{doc:T,mirror:i,skipChild:!0,hackCss:!0,cache:this.cache});if(o.previousId===-1||o.nextId===-1){n[o.node.id]={node:g,mutation:o};return}const E=i.getMeta(d);if(E&&E.type===I.Element&&E.tagName==="textarea"&&o.node.type===I.Text){const h=Array.isArray(d.childNodes)?d.childNodes:Array.from(d.childNodes);for(const v of h)v.nodeType===d.TEXT_NODE&&d.removeChild(v)}if(m&&m.nextSibling&&m.nextSibling.parentNode)d.insertBefore(g,m.nextSibling);else if(f&&f.parentNode)d.contains(f)?d.insertBefore(g,f):d.insertBefore(g,null);else{if(d===T)for(;T.firstChild;)T.removeChild(T.firstChild);d.appendChild(g)}if(this.usingVirtualDom&&g.nodeName==="#text"&&d.nodeName==="STYLE"&&((c=d.rules)==null?void 0:c.length)>0&&(d.rules=[]),ve(g,this.mirror)){const h=this.mirror.getId(g),v=this.newDocumentQueue.find(w=>w.parentId===h);v&&(this.attachDocumentToIframe(v,g),this.newDocumentQueue=this.newDocumentQueue.filter(w=>w!==v))}(o.previousId||o.nextId)&&this.legacy_resolveMissingNode(n,d,g,o)};t.adds.forEach(o=>{l(o)});const u=Date.now();for(;s.length;){const o=ur(s);if(s.length=0,Date.now()-u>500){this.warn("Timeout in the loop, please check the resolve tree data:",o);break}for(const c of o)i.getNode(c.value.parentId)?it(c,d=>{l(d)}):this.debug("Drop resolve tree since there is no parent for the root node.",c)}Object.keys(n).length&&Object.assign(this.legacy_missingNodeRetryMap,n),dr(t.texts).forEach(o=>{var c;const d=i.getNode(o.id);if(!d)return t.removes.find(m=>m.id===o.id)?void 0:this.warnNodeNotFound(t,o.id);if(d.textContent=o.value,this.usingVirtualDom){const m=d.parentNode;((c=m?.rules)==null?void 0:c.length)>0&&(m.rules=[])}}),t.attributes.forEach(o=>{const c=i.getNode(o.id);if(!c)return t.removes.find(d=>d.id===o.id)?void 0:this.warnNodeNotFound(t,o.id);for(const d in o.attributes)if(typeof d=="string"){const m=o.attributes[d];if(m===null)c.removeAttribute(d);else if(typeof m=="string")try{c.setAttribute(d,m)}catch(f){this.config.showWarning&&console.warn("An error occurred may due to the checkout feature.",f)}else if(d==="style"){const f=m,T=c;for(const g in f)if(f[g]===!1)T.style.removeProperty(g);else if(f[g]instanceof Array){const E=f[g];T.style.setProperty(g,E[0],E[1])}else{const E=f[g];T.style.setProperty(g,E)}}}})}applyScroll(t,r){const i=this.mirror.getNode(t.id);if(!i)return this.debugNodeNotFound(t,t.id);const n=this.mirror.getMeta(i);if(i===this.iframe.contentDocument)this.iframe.contentWindow.scrollTo({top:t.y,left:t.x,behavior:r?"auto":"smooth"});else if(n?.type===I.Document)i.defaultView.scrollTo({top:t.y,left:t.x,behavior:r?"auto":"smooth"});else try{i.scrollTop=t.y,i.scrollLeft=t.x}catch{}}applyInput(t){const r=this.mirror.getNode(t.id);if(!r)return this.debugNodeNotFound(t,t.id);try{r.checked=t.isChecked,r.value=t.text}catch{}}legacy_resolveMissingNode(t,r,i,n){const{previousId:s,nextId:a}=n,l=s&&t[s],u=a&&t[a];if(l){const{node:o,mutation:c}=l;r.insertBefore(o,i),delete t[c.node.id],delete this.legacy_missingNodeRetryMap[c.node.id],(c.previousId||c.nextId)&&this.legacy_resolveMissingNode(t,r,o,c)}if(u){const{node:o,mutation:c}=u;r.insertBefore(o,i.nextSibling),delete t[c.node.id],delete this.legacy_missingNodeRetryMap[c.node.id],(c.previousId||c.nextId)&&this.legacy_resolveMissingNode(t,r,o,c)}}moveAndHover(t,r,i,n,s){const a=this.mirror.getNode(i);if(!a)return this.debugNodeNotFound(s,i);const l=nt(a,this.iframe),u=t*l.absoluteScale+l.x,o=r*l.absoluteScale+l.y;this.mouse.style.left=`${u}px`,this.mouse.style.top=`${o}px`,n||this.drawMouseTail({x:u,y:o}),this.hoverElements(a)}drawMouseTail(t){if(!this.mouseTail)return;const{lineCap:r,lineWidth:i,strokeStyle:n,duration:s}=this.config.mouseTail===!0?we:Object.assign({},we,this.config.mouseTail),a=()=>{if(!this.mouseTail)return;const l=this.mouseTail.getContext("2d");!l||!this.tailPositions.length||(l.clearRect(0,0,this.mouseTail.width,this.mouseTail.height),l.beginPath(),l.lineWidth=i,l.lineCap=r,l.strokeStyle=n,l.moveTo(this.tailPositions[0].x,this.tailPositions[0].y),this.tailPositions.forEach(u=>l.lineTo(u.x,u.y)),l.stroke())};this.tailPositions.push(t),a(),setTimeout(()=>{this.tailPositions=this.tailPositions.filter(l=>l!==t),a()},s/this.speedService.state.context.timer.speed)}hoverElements(t){var r;(r=this.iframe.contentDocument)==null||r.querySelectorAll(".\\:hover").forEach(n=>{n.classList.remove(":hover")});let i=t;for(;i;)i.classList&&i.classList.add(":hover"),i=i.parentElement}isUserInteraction(t){return t.type!==M.IncrementalSnapshot?!1:t.data.source>C.Mutation&&t.data.source<=C.Input}backToNormal(){this.nextUserInteractionEvent=null,!this.speedService.state.matches("normal")&&(this.speedService.send({type:"BACK_TO_NORMAL"}),this.emitter.emit(D.SkipEnd,{speed:this.speedService.state.context.normalSpeed}))}warnNodeNotFound(t,r){this.warn(`Node with id '${r}' not found. `,t)}warnCanvasMutationFailed(t,r){this.warn("Has error on canvas update",r,"canvas mutation:",t)}debugNodeNotFound(t,r){this.debug(Ee,`Node with id '${r}' not found. `,t)}warn(...t){!this.config.showWarning||console.warn(Ee,...t)}debug(...t){!this.config.showDebug||console.log(Ee,...t)}}return ue.Replayer=Rr,Object.defineProperty(ue,"__esModule",{value:!0}),ue}({});