@glimt/record 0.0.31 → 0.0.33

package/dist/record.umd.cjs

@@ -36,9 +36,70 @@ var __defProp2 = Object.defineProperty;
 var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp2(obj, typeof key !== "symbol" ? key + "" : key, value);
 var _a;
-var __defProp$1 = Object.defineProperty;
-var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$1 = (obj, key, value) => __defNormalProp$1(obj, typeof key !== "symbol" ? key + "" : key, value);
+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";
+  IncrementalSource2[IncrementalSource2["Selection"] = 14] = "Selection";
+  IncrementalSource2[IncrementalSource2["AdoptedStyleSheet"] = 15] = "AdoptedStyleSheet";
+  IncrementalSource2[IncrementalSource2["CustomElement"] = 16] = "CustomElement";
+  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 PointerTypes = /* @__PURE__ */ ((PointerTypes2) => {
+  PointerTypes2[PointerTypes2["Mouse"] = 0] = "Mouse";
+  PointerTypes2[PointerTypes2["Pen"] = 1] = "Pen";
+  PointerTypes2[PointerTypes2["Touch"] = 2] = "Touch";
+  return PointerTypes2;
+})(PointerTypes || {});
+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";
+  MediaInteractions2[MediaInteractions2["RateChange"] = 4] = "RateChange";
+  return MediaInteractions2;
+})(MediaInteractions || {});
 var NodeType$3 = /* @__PURE__ */ ((NodeType2) => {
   NodeType2[NodeType2["Document"] = 0] = "Document";
   NodeType2[NodeType2["DocumentType"] = 1] = "DocumentType";
@@ -217,6 +278,187 @@ const index$1 = {
   mutationObserver: mutationObserverCtor$1,
   patch: patch$1
 };
+var __defProp$1 = Object.defineProperty;
+var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField$1 = (obj, key, value) => __defNormalProp$1(obj, typeof key !== "symbol" ? key + "" : key, value);
+var NodeType$2 = /* @__PURE__ */ ((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";
+  return NodeType2;
+})(NodeType$2 || {});
+const testableAccessors = {
+  Node: ["childNodes", "parentNode", "parentElement", "textContent"],
+  ShadowRoot: ["host", "styleSheets"],
+  Element: ["shadowRoot", "querySelector", "querySelectorAll"],
+  MutationObserver: []
+};
+const testableMethods = {
+  Node: ["contains", "getRootNode"],
+  ShadowRoot: ["getSelection"],
+  Element: [],
+  MutationObserver: ["constructor"]
+};
+const untaintedBasePrototype = {};
+const isAngularZonePresent = () => {
+  return !!globalThis.Zone;
+};
+function getUntaintedPrototype(key) {
+  if (untaintedBasePrototype[key])
+    return untaintedBasePrototype[key];
+  const defaultObj = globalThis[key];
+  const defaultPrototype = defaultObj.prototype;
+  const accessorNames = key in testableAccessors ? testableAccessors[key] : void 0;
+  const isUntaintedAccessors = Boolean(
+    accessorNames && // @ts-expect-error 2345
+    accessorNames.every(
+      (accessor) => {
+        var _a2, _b2;
+        return Boolean(
+          (_b2 = (_a2 = Object.getOwnPropertyDescriptor(defaultPrototype, accessor)) == null ? void 0 : _a2.get) == null ? void 0 : _b2.toString().includes("[native code]")
+        );
+      }
+    )
+  );
+  const methodNames = key in testableMethods ? testableMethods[key] : void 0;
+  const isUntaintedMethods = Boolean(
+    methodNames && methodNames.every(
+      // @ts-expect-error 2345
+      (method) => {
+        var _a2;
+        return typeof defaultPrototype[method] === "function" && ((_a2 = defaultPrototype[method]) == null ? void 0 : _a2.toString().includes("[native code]"));
+      }
+    )
+  );
+  if (isUntaintedAccessors && isUntaintedMethods && !isAngularZonePresent()) {
+    untaintedBasePrototype[key] = defaultObj.prototype;
+    return defaultObj.prototype;
+  }
+  try {
+    const iframeEl = document.createElement("iframe");
+    document.body.appendChild(iframeEl);
+    const win = iframeEl.contentWindow;
+    if (!win) return defaultObj.prototype;
+    const untaintedObject = win[key].prototype;
+    document.body.removeChild(iframeEl);
+    if (!untaintedObject) return defaultPrototype;
+    return untaintedBasePrototype[key] = untaintedObject;
+  } catch (e) {
+    return defaultPrototype;
+  }
+}
+const untaintedAccessorCache = {};
+function getUntaintedAccessor(key, instance, accessor) {
+  var _a2;
+  const cacheKey = `${key}.${String(accessor)}`;
+  if (untaintedAccessorCache[cacheKey])
+    return untaintedAccessorCache[cacheKey].call(
+      instance
+    );
+  const untaintedPrototype = getUntaintedPrototype(key);
+  const untaintedAccessor = (_a2 = Object.getOwnPropertyDescriptor(
+    untaintedPrototype,
+    accessor
+  )) == null ? void 0 : _a2.get;
+  if (!untaintedAccessor) return instance[accessor];
+  untaintedAccessorCache[cacheKey] = untaintedAccessor;
+  return untaintedAccessor.call(instance);
+}
+const untaintedMethodCache = {};
+function getUntaintedMethod(key, instance, method) {
+  const cacheKey = `${key}.${String(method)}`;
+  if (untaintedMethodCache[cacheKey])
+    return untaintedMethodCache[cacheKey].bind(
+      instance
+    );
+  const untaintedPrototype = getUntaintedPrototype(key);
+  const untaintedMethod = untaintedPrototype[method];
+  if (typeof untaintedMethod !== "function") return instance[method];
+  untaintedMethodCache[cacheKey] = untaintedMethod;
+  return untaintedMethod.bind(instance);
+}
+function childNodes(n2) {
+  return getUntaintedAccessor("Node", n2, "childNodes");
+}
+function parentNode(n2) {
+  return getUntaintedAccessor("Node", n2, "parentNode");
+}
+function parentElement(n2) {
+  return getUntaintedAccessor("Node", n2, "parentElement");
+}
+function textContent(n2) {
+  return getUntaintedAccessor("Node", n2, "textContent");
+}
+function contains(n2, other) {
+  return getUntaintedMethod("Node", n2, "contains")(other);
+}
+function getRootNode(n2) {
+  return getUntaintedMethod("Node", n2, "getRootNode")();
+}
+function host(n2) {
+  if (!n2 || !("host" in n2)) return null;
+  return getUntaintedAccessor("ShadowRoot", n2, "host");
+}
+function styleSheets(n2) {
+  return n2.styleSheets;
+}
+function shadowRoot(n2) {
+  if (!n2 || !("shadowRoot" in n2)) return null;
+  return getUntaintedAccessor("Element", n2, "shadowRoot");
+}
+function querySelector(n2, selectors) {
+  return getUntaintedAccessor("Element", n2, "querySelector")(selectors);
+}
+function querySelectorAll(n2, selectors) {
+  return getUntaintedAccessor("Element", n2, "querySelectorAll")(selectors);
+}
+function mutationObserverCtor() {
+  return getUntaintedPrototype("MutationObserver").constructor;
+}
+function patch(source, name, replacement) {
+  try {
+    if (!(name in source)) {
+      return () => {
+      };
+    }
+    const original = source[name];
+    const wrapped = replacement(original);
+    if (typeof wrapped === "function") {
+      wrapped.prototype = wrapped.prototype || {};
+      Object.defineProperties(wrapped, {
+        __rrweb_original__: {
+          enumerable: false,
+          value: original
+        }
+      });
+    }
+    source[name] = wrapped;
+    return () => {
+      source[name] = original;
+    };
+  } catch (e) {
+    return () => {
+    };
+  }
+}
+const index = {
+  childNodes,
+  parentNode,
+  parentElement,
+  textContent,
+  contains,
+  getRootNode,
+  host,
+  styleSheets,
+  shadowRoot,
+  querySelector,
+  querySelectorAll,
+  mutationObserver: mutationObserverCtor,
+  patch
+};
 function isElement(n2) {
   return n2.nodeType === n2.ELEMENT_NODE;
 }
@@ -224,10 +466,10 @@ function isShadowRoot(n2) {
   const hostEl = (
     // anchor and textarea elements also have a `host` property
     // but only shadow roots have a `mode` property
-    n2 && "host" in n2 && "mode" in n2 && index$1.host(n2) || null
+    n2 && "host" in n2 && "mode" in n2 && index.host(n2) || null
   );
   return Boolean(
-    hostEl && "shadowRoot" in hostEl && index$1.shadowRoot(hostEl) === n2
+    hostEl && "shadowRoot" in hostEl && index.shadowRoot(hostEl) === n2
   );
 }
 function isNativeShadowDom(shadowRoot2) {
@@ -747,7 +989,7 @@ function classMatchesRegex(node2, regex, checkAncestors) {
   if (!node2) return false;
   if (node2.nodeType !== node2.ELEMENT_NODE) {
     if (!checkAncestors) return false;
-    return classMatchesRegex(index$1.parentNode(node2), regex, checkAncestors);
+    return classMatchesRegex(index.parentNode(node2), regex, checkAncestors);
   }
   for (let eIndex = node2.classList.length; eIndex--; ) {
     const className = node2.classList[eIndex];
@@ -756,19 +998,19 @@ function classMatchesRegex(node2, regex, checkAncestors) {
     }
   }
   if (!checkAncestors) return false;
-  return classMatchesRegex(index$1.parentNode(node2), regex, checkAncestors);
+  return classMatchesRegex(index.parentNode(node2), regex, checkAncestors);
 }
 function needMaskingText(node2, maskTextClass, maskTextSelector, checkAncestors) {
   let el;
   if (isElement(node2)) {
     el = node2;
-    if (!index$1.childNodes(el).length) {
+    if (!index.childNodes(el).length) {
       return false;
     }
-  } else if (index$1.parentElement(node2) === null) {
+  } else if (index.parentElement(node2) === null) {
     return false;
   } else {
-    el = index$1.parentElement(node2);
+    el = index.parentElement(node2);
   }
   try {
     if (typeof maskTextClass === "string") {
@@ -868,20 +1110,20 @@ function serializeNode(n2, options) {
     case n2.DOCUMENT_NODE:
       if (n2.compatMode !== "CSS1Compat") {
         return {
-          type: NodeType$3.Document,
+          type: NodeType$2.Document,
           childNodes: [],
           compatMode: n2.compatMode
           // probably "BackCompat"
         };
       } else {
         return {
-          type: NodeType$3.Document,
+          type: NodeType$2.Document,
           childNodes: []
         };
       }
     case n2.DOCUMENT_TYPE_NODE:
       return {
-        type: NodeType$3.DocumentType,
+        type: NodeType$2.DocumentType,
         name: n2.name,
         publicId: n2.publicId,
         systemId: n2.systemId,
@@ -912,14 +1154,14 @@ function serializeNode(n2, options) {
       });
     case n2.CDATA_SECTION_NODE:
       return {
-        type: NodeType$3.CDATA,
+        type: NodeType$2.CDATA,
         textContent: "",
         rootId
       };
     case n2.COMMENT_NODE:
       return {
-        type: NodeType$3.Comment,
-        textContent: index$1.textContent(n2) || "",
+        type: NodeType$2.Comment,
+        textContent: index.textContent(n2) || "",
         rootId
       };
     default:
@@ -940,7 +1182,7 @@ const runIdleCallback = (cb) => {
 };
 function serializeTextNode(n2, options) {
   const { needsMask, maskTextFn, rootId, cssCaptured } = options;
-  const parent = index$1.parentNode(n2);
+  const parent = index.parentNode(n2);
   const parentTagName = parent && parent.tagName;
   let textContent2 = "";
   const isStyle = parentTagName === "STYLE" ? true : void 0;
@@ -948,16 +1190,16 @@ function serializeTextNode(n2, options) {
   if (isScript) {
     textContent2 = "SCRIPT_PLACEHOLDER";
   } else if (!cssCaptured) {
-    textContent2 = index$1.textContent(n2);
+    textContent2 = index.textContent(n2);
     if (isStyle && textContent2) {
       textContent2 = absolutifyURLs(textContent2, getHref(options.doc));
     }
   }
   if (!isStyle && !isScript && textContent2 && needsMask) {
-    textContent2 = maskTextFn ? maskTextFn(textContent2, index$1.parentElement(n2)) : textContent2.replace(/[\S]/g, "*");
+    textContent2 = maskTextFn ? maskTextFn(textContent2, index.parentElement(n2)) : textContent2.replace(/[\S]/g, "*");
   }
   return {
-    type: NodeType$3.Text,
+    type: NodeType$2.Text,
     textContent: textContent2 || "",
     rootId
   };
@@ -1176,7 +1418,7 @@ function serializeElementNode(n2, options) {
   }
   window.serialization_perf_map[tagName].avg = window.serialization_perf_map[tagName].times.reduce((a2, b) => a2 + b, 0) / window.serialization_perf_map[tagName].times.length;
   return {
-    type: NodeType$3.Element,
+    type: NodeType$2.Element,
     tagName,
     attributes,
     childNodes: [],
@@ -1194,9 +1436,9 @@ function lowerIfExists(maybeAttr) {
   }
 }
 function slimDOMExcluded(sn, slimDOMOptions) {
-  if (slimDOMOptions.comment && sn.type === NodeType$3.Comment) {
+  if (slimDOMOptions.comment && sn.type === NodeType$2.Comment) {
     return true;
-  } else if (sn.type === NodeType$3.Element) {
+  } else if (sn.type === NodeType$2.Element) {
     if (slimDOMOptions.script && // script tag
     (sn.tagName === "script" || // (module)preload link
     sn.tagName === "link" && (sn.attributes.rel === "preload" && sn.attributes.as === "script" || sn.attributes.rel === "modulepreload") || // prefetch link
@@ -1286,7 +1528,7 @@ function serializeNodeWithId(n2, options) {
   let id;
   if (mirror2.hasNode(n2)) {
     id = mirror2.getId(n2);
-  } else if (slimDOMExcluded(_serializedNode, slimDOMOptions) || !preserveWhiteSpace && _serializedNode.type === NodeType$3.Text && !_serializedNode.textContent.replace(/^\s+|\s+$/gm, "").length) {
+  } else if (slimDOMExcluded(_serializedNode, slimDOMOptions) || !preserveWhiteSpace && _serializedNode.type === NodeType$2.Text && !_serializedNode.textContent.replace(/^\s+|\s+$/gm, "").length) {
     id = IGNORED_NODE;
   } else {
     id = genId();
@@ -1300,15 +1542,15 @@ function serializeNodeWithId(n2, options) {
     onSerialize(n2);
   }
   let recordChild = !skipChild;
-  if (serializedNode.type === NodeType$3.Element) {
+  if (serializedNode.type === NodeType$2.Element) {
     recordChild = recordChild && !serializedNode.needBlock;
     delete serializedNode.needBlock;
-    const shadowRootEl = index$1.shadowRoot(n2);
+    const shadowRootEl = index.shadowRoot(n2);
     if (shadowRootEl && isNativeShadowDom(shadowRootEl))
       serializedNode.isShadowHost = true;
   }
-  if ((serializedNode.type === NodeType$3.Document || serializedNode.type === NodeType$3.Element) && recordChild) {
-    if (slimDOMOptions.headWhitespace && serializedNode.type === NodeType$3.Element && serializedNode.tagName === "head") {
+  if ((serializedNode.type === NodeType$2.Document || serializedNode.type === NodeType$2.Element) && recordChild) {
+    if (slimDOMOptions.headWhitespace && serializedNode.type === NodeType$2.Element && serializedNode.tagName === "head") {
       preserveWhiteSpace = false;
     }
     const bypassOptions = {
@@ -1337,12 +1579,12 @@ function serializeNodeWithId(n2, options) {
       keepIframeSrcFn,
       cssCaptured: false
     };
-    if (serializedNode.type === NodeType$3.Element && serializedNode.tagName === "textarea" && serializedNode.attributes.value !== void 0) ;
+    if (serializedNode.type === NodeType$2.Element && serializedNode.tagName === "textarea" && serializedNode.attributes.value !== void 0) ;
     else {
-      if (serializedNode.type === NodeType$3.Element && serializedNode.attributes._cssText !== void 0 && typeof serializedNode.attributes._cssText === "string") {
+      if (serializedNode.type === NodeType$2.Element && serializedNode.attributes._cssText !== void 0 && typeof serializedNode.attributes._cssText === "string") {
         bypassOptions.cssCaptured = true;
       }
-      for (const childN of Array.from(index$1.childNodes(n2))) {
+      for (const childN of Array.from(index.childNodes(n2))) {
         const serializedChildNode = serializeNodeWithId(
           childN,
           bypassOptions
@@ -1353,8 +1595,8 @@ function serializeNodeWithId(n2, options) {
       }
     }
     let shadowRootEl = null;
-    if (isElement(n2) && (shadowRootEl = index$1.shadowRoot(n2))) {
-      const childNodes2 = index$1.childNodes(shadowRootEl);
+    if (isElement(n2) && (shadowRootEl = index.shadowRoot(n2))) {
+      const childNodes2 = index.childNodes(shadowRootEl);
       for (let i2 = 0; i2 < childNodes2.length; i2++) {
         const childN = childNodes2[i2];
         const serializedChildNode = serializeNodeWithId(
@@ -1368,11 +1610,11 @@ function serializeNodeWithId(n2, options) {
       }
     }
   }
-  const parent = index$1.parentNode(n2);
+  const parent = index.parentNode(n2);
   if (parent && isShadowRoot(parent) && isNativeShadowDom(parent)) {
     serializedNode.isShadow = true;
   }
-  if (serializedNode.type === NodeType$3.Element && serializedNode.tagName === "iframe") {
+  if (serializedNode.type === NodeType$2.Element && serializedNode.tagName === "iframe") {
     onceIframeLoaded(
       n2,
       () => {
@@ -1414,7 +1656,7 @@ function serializeNodeWithId(n2, options) {
       iframeLoadTimeout
     );
   }
-  if (serializedNode.type === NodeType$3.Element && serializedNode.tagName === "link" && typeof serializedNode.attributes.rel === "string" && (serializedNode.attributes.rel === "stylesheet" || serializedNode.attributes.rel === "preload" && typeof serializedNode.attributes.href === "string" && extractFileExtension(serializedNode.attributes.href) === "css")) {
+  if (serializedNode.type === NodeType$2.Element && serializedNode.tagName === "link" && typeof serializedNode.attributes.rel === "string" && (serializedNode.attributes.rel === "stylesheet" || serializedNode.attributes.rel === "preload" && typeof serializedNode.attributes.href === "string" && extractFileExtension(serializedNode.attributes.href) === "css")) {
     onceStylesheetLoaded(
       n2,
       () => {
@@ -8862,175 +9104,6 @@ class BaseRRNode {
     return "RRNode";
   }
 }
-const testableAccessors = {
-  Node: ["childNodes", "parentNode", "parentElement", "textContent"],
-  ShadowRoot: ["host", "styleSheets"],
-  Element: ["shadowRoot", "querySelector", "querySelectorAll"],
-  MutationObserver: []
-};
-const testableMethods = {
-  Node: ["contains", "getRootNode"],
-  ShadowRoot: ["getSelection"],
-  Element: [],
-  MutationObserver: ["constructor"]
-};
-const untaintedBasePrototype = {};
-const isAngularZonePresent = () => {
-  return !!globalThis.Zone;
-};
-function getUntaintedPrototype(key) {
-  if (untaintedBasePrototype[key])
-    return untaintedBasePrototype[key];
-  const defaultObj = globalThis[key];
-  const defaultPrototype = defaultObj.prototype;
-  const accessorNames = key in testableAccessors ? testableAccessors[key] : void 0;
-  const isUntaintedAccessors = Boolean(
-    accessorNames && // @ts-expect-error 2345
-    accessorNames.every(
-      (accessor) => {
-        var _a2, _b2;
-        return Boolean(
-          (_b2 = (_a2 = Object.getOwnPropertyDescriptor(defaultPrototype, accessor)) == null ? void 0 : _a2.get) == null ? void 0 : _b2.toString().includes("[native code]")
-        );
-      }
-    )
-  );
-  const methodNames = key in testableMethods ? testableMethods[key] : void 0;
-  const isUntaintedMethods = Boolean(
-    methodNames && methodNames.every(
-      // @ts-expect-error 2345
-      (method) => {
-        var _a2;
-        return typeof defaultPrototype[method] === "function" && ((_a2 = defaultPrototype[method]) == null ? void 0 : _a2.toString().includes("[native code]"));
-      }
-    )
-  );
-  if (isUntaintedAccessors && isUntaintedMethods && !isAngularZonePresent()) {
-    untaintedBasePrototype[key] = defaultObj.prototype;
-    return defaultObj.prototype;
-  }
-  try {
-    const iframeEl = document.createElement("iframe");
-    document.body.appendChild(iframeEl);
-    const win = iframeEl.contentWindow;
-    if (!win) return defaultObj.prototype;
-    const untaintedObject = win[key].prototype;
-    document.body.removeChild(iframeEl);
-    if (!untaintedObject) return defaultPrototype;
-    return untaintedBasePrototype[key] = untaintedObject;
-  } catch (e) {
-    return defaultPrototype;
-  }
-}
-const untaintedAccessorCache = {};
-function getUntaintedAccessor(key, instance, accessor) {
-  var _a2;
-  const cacheKey = `${key}.${String(accessor)}`;
-  if (untaintedAccessorCache[cacheKey])
-    return untaintedAccessorCache[cacheKey].call(
-      instance
-    );
-  const untaintedPrototype = getUntaintedPrototype(key);
-  const untaintedAccessor = (_a2 = Object.getOwnPropertyDescriptor(
-    untaintedPrototype,
-    accessor
-  )) == null ? void 0 : _a2.get;
-  if (!untaintedAccessor) return instance[accessor];
-  untaintedAccessorCache[cacheKey] = untaintedAccessor;
-  return untaintedAccessor.call(instance);
-}
-const untaintedMethodCache = {};
-function getUntaintedMethod(key, instance, method) {
-  const cacheKey = `${key}.${String(method)}`;
-  if (untaintedMethodCache[cacheKey])
-    return untaintedMethodCache[cacheKey].bind(
-      instance
-    );
-  const untaintedPrototype = getUntaintedPrototype(key);
-  const untaintedMethod = untaintedPrototype[method];
-  if (typeof untaintedMethod !== "function") return instance[method];
-  untaintedMethodCache[cacheKey] = untaintedMethod;
-  return untaintedMethod.bind(instance);
-}
-function childNodes(n2) {
-  return getUntaintedAccessor("Node", n2, "childNodes");
-}
-function parentNode(n2) {
-  return getUntaintedAccessor("Node", n2, "parentNode");
-}
-function parentElement(n2) {
-  return getUntaintedAccessor("Node", n2, "parentElement");
-}
-function textContent(n2) {
-  return getUntaintedAccessor("Node", n2, "textContent");
-}
-function contains(n2, other) {
-  return getUntaintedMethod("Node", n2, "contains")(other);
-}
-function getRootNode(n2) {
-  return getUntaintedMethod("Node", n2, "getRootNode")();
-}
-function host(n2) {
-  if (!n2 || !("host" in n2)) return null;
-  return getUntaintedAccessor("ShadowRoot", n2, "host");
-}
-function styleSheets(n2) {
-  return n2.styleSheets;
-}
-function shadowRoot(n2) {
-  if (!n2 || !("shadowRoot" in n2)) return null;
-  return getUntaintedAccessor("Element", n2, "shadowRoot");
-}
-function querySelector(n2, selectors) {
-  return getUntaintedAccessor("Element", n2, "querySelector")(selectors);
-}
-function querySelectorAll(n2, selectors) {
-  return getUntaintedAccessor("Element", n2, "querySelectorAll")(selectors);
-}
-function mutationObserverCtor() {
-  return getUntaintedPrototype("MutationObserver").constructor;
-}
-function patch(source, name, replacement) {
-  try {
-    if (!(name in source)) {
-      return () => {
-      };
-    }
-    const original = source[name];
-    const wrapped = replacement(original);
-    if (typeof wrapped === "function") {
-      wrapped.prototype = wrapped.prototype || {};
-      Object.defineProperties(wrapped, {
-        __rrweb_original__: {
-          enumerable: false,
-          value: original
-        }
-      });
-    }
-    source[name] = wrapped;
-    return () => {
-      source[name] = original;
-    };
-  } catch (e) {
-    return () => {
-    };
-  }
-}
-const index = {
-  childNodes,
-  parentNode,
-  parentElement,
-  textContent,
-  contains,
-  getRootNode,
-  host,
-  styleSheets,
-  shadowRoot,
-  querySelector,
-  querySelectorAll,
-  mutationObserver: mutationObserverCtor,
-  patch
-};
 function on(type, fn, target = document) {
   const options = { capture: true, passive: true };
   target.addEventListener(type, fn, options);
@@ -9120,8 +9193,8 @@ function getWindowScroll(win) {
   var _a2, _b2, _c, _d;
   const doc = win.document;
   return {
-    left: doc.scrollingElement ? doc.scrollingElement.scrollLeft : win.pageXOffset !== void 0 ? win.pageXOffset : doc.documentElement.scrollLeft || (doc == null ? void 0 : doc.body) && ((_a2 = index.parentElement(doc.body)) == null ? void 0 : _a2.scrollLeft) || ((_b2 = doc == null ? void 0 : doc.body) == null ? void 0 : _b2.scrollLeft) || 0,
-    top: doc.scrollingElement ? doc.scrollingElement.scrollTop : win.pageYOffset !== void 0 ? win.pageYOffset : (doc == null ? void 0 : doc.documentElement.scrollTop) || (doc == null ? void 0 : doc.body) && ((_c = index.parentElement(doc.body)) == null ? void 0 : _c.scrollTop) || ((_d = doc == null ? void 0 : doc.body) == null ? void 0 : _d.scrollTop) || 0
+    left: doc.scrollingElement ? doc.scrollingElement.scrollLeft : win.pageXOffset !== void 0 ? win.pageXOffset : doc.documentElement.scrollLeft || (doc == null ? void 0 : doc.body) && ((_a2 = index$1.parentElement(doc.body)) == null ? void 0 : _a2.scrollLeft) || ((_b2 = doc == null ? void 0 : doc.body) == null ? void 0 : _b2.scrollLeft) || 0,
+    top: doc.scrollingElement ? doc.scrollingElement.scrollTop : win.pageYOffset !== void 0 ? win.pageYOffset : (doc == null ? void 0 : doc.documentElement.scrollTop) || (doc == null ? void 0 : doc.body) && ((_c = index$1.parentElement(doc.body)) == null ? void 0 : _c.scrollTop) || ((_d = doc == null ? void 0 : doc.body) == null ? void 0 : _d.scrollTop) || 0
   };
 }
 function getWindowHeight() {
@@ -9134,7 +9207,7 @@ function closestElementOfNode(node2) {
   if (!node2) {
     return null;
   }
-  const el = node2.nodeType === node2.ELEMENT_NODE ? node2 : index.parentElement(node2);
+  const el = node2.nodeType === node2.ELEMENT_NODE ? node2 : index$1.parentElement(node2);
   return el;
 }
 function isBlocked(node2, blockClass, blockSelector, checkAncestors) {
@@ -9177,7 +9250,7 @@ function isAncestorRemoved(target, mirror2) {
   if (!mirror2.has(id)) {
     return true;
   }
-  const parent = index.parentNode(target);
+  const parent = index$1.parentNode(target);
   if (parent && parent.nodeType === target.DOCUMENT_NODE) {
     return false;
   }
@@ -9210,7 +9283,7 @@ function hasShadowRoot(n2) {
   if (n2 instanceof BaseRRNode && "shadowRoot" in n2) {
     return Boolean(n2.shadowRoot);
   }
-  return Boolean(index.shadowRoot(n2));
+  return Boolean(index$1.shadowRoot(n2));
 }
 class StyleSheetMirror {
   constructor() {
@@ -9253,8 +9326,8 @@ class StyleSheetMirror {
 function getShadowHost(n2) {
   var _a2;
   let shadowHost = null;
-  if ("getRootNode" in n2 && ((_a2 = index.getRootNode(n2)) == null ? void 0 : _a2.nodeType) === Node.DOCUMENT_FRAGMENT_NODE && index.host(index.getRootNode(n2)))
-    shadowHost = index.host(index.getRootNode(n2));
+  if ("getRootNode" in n2 && ((_a2 = index$1.getRootNode(n2)) == null ? void 0 : _a2.nodeType) === Node.DOCUMENT_FRAGMENT_NODE && index$1.host(index$1.getRootNode(n2)))
+    shadowHost = index$1.host(index$1.getRootNode(n2));
   return shadowHost;
 }
 function getRootShadowHost(n2) {
@@ -9268,632 +9341,894 @@ function shadowHostInDom(n2) {
   const doc = n2.ownerDocument;
   if (!doc) return false;
   const shadowHost = getRootShadowHost(n2);
-  return index.contains(doc, shadowHost);
+  return index$1.contains(doc, shadowHost);
 }
 function inDom(n2) {
   const doc = n2.ownerDocument;
   if (!doc) return false;
-  return index.contains(doc, n2) || shadowHostInDom(n2);
+  return index$1.contains(doc, n2) || shadowHostInDom(n2);
 }
-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";
-  IncrementalSource2[IncrementalSource2["Selection"] = 14] = "Selection";
-  IncrementalSource2[IncrementalSource2["AdoptedStyleSheet"] = 15] = "AdoptedStyleSheet";
-  IncrementalSource2[IncrementalSource2["CustomElement"] = 16] = "CustomElement";
-  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 PointerTypes = /* @__PURE__ */ ((PointerTypes2) => {
-  PointerTypes2[PointerTypes2["Mouse"] = 0] = "Mouse";
-  PointerTypes2[PointerTypes2["Pen"] = 1] = "Pen";
-  PointerTypes2[PointerTypes2["Touch"] = 2] = "Touch";
-  return PointerTypes2;
-})(PointerTypes || {});
-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";
-  MediaInteractions2[MediaInteractions2["RateChange"] = 4] = "RateChange";
-  return MediaInteractions2;
-})(MediaInteractions || {});
-var NodeType = /* @__PURE__ */ ((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";
-  return NodeType2;
-})(NodeType || {});
-class StormSnapshotManager {
-  constructor() {
-    __publicField(this, "fullSnapshotTaker", null);
-    __publicField(this, "lastFullSnapshot", -1);
-    __publicField(this, "intervalBetweenSnapshots", 150);
-  }
-  bindFullSnapshotTaker(takeFullSnapshot2) {
-    this.fullSnapshotTaker = takeFullSnapshot2;
-  }
-  requestFullSnapshot(bufferId) {
-    if (!this.fullSnapshotTaker) {
-      console.log(
-        "requestFullSnapshot: no full snapshot taker",
-        "bufferId:",
-        bufferId
-      );
-      return;
-    }
-    if (Date.now() - this.lastFullSnapshot < this.intervalBetweenSnapshots) {
-      console.log("requestFullSnapshot: too soon", "bufferId:", bufferId);
-      return;
-    }
-    console.log("taking full snapshot", "bufferId:", bufferId);
-    this.fullSnapshotTaker();
-    this.lastFullSnapshot = Date.now();
-  }
+let errorHandler;
+function registerErrorHandler(handler) {
+  errorHandler = handler;
 }
-const stormSnapshotManager = new StormSnapshotManager();
-function isNodeInLinkedList(n2) {
-  return "__ln" in n2;
+function unregisterErrorHandler() {
+  errorHandler = void 0;
 }
-class DoubleLinkedList {
-  constructor() {
-    __publicField(this, "length", 0);
-    __publicField(this, "head", null);
-    __publicField(this, "tail", null);
-  }
-  get(position) {
-    if (position >= this.length) {
-      throw new Error("Position outside of list range");
-    }
-    let current = this.head;
-    for (let index2 = 0; index2 < position; index2++) {
-      current = (current == null ? void 0 : current.next) || null;
-    }
-    return current;
+const callbackWrapper = (cb) => {
+  if (!errorHandler) {
+    return cb;
   }
-  addNode(n2) {
-    const node2 = {
-      value: n2,
-      previous: null,
-      next: null
-    };
-    n2.__ln = node2;
-    if (n2.previousSibling && isNodeInLinkedList(n2.previousSibling)) {
-      const current = n2.previousSibling.__ln.next;
-      node2.next = current;
-      node2.previous = n2.previousSibling.__ln;
-      n2.previousSibling.__ln.next = node2;
-      if (current) {
-        current.previous = node2;
-      }
-    } else if (n2.nextSibling && isNodeInLinkedList(n2.nextSibling) && n2.nextSibling.__ln.previous) {
-      const current = n2.nextSibling.__ln.previous;
-      node2.previous = current;
-      node2.next = n2.nextSibling.__ln;
-      n2.nextSibling.__ln.previous = node2;
-      if (current) {
-        current.next = node2;
-      }
-    } else {
-      if (this.head) {
-        this.head.previous = node2;
+  const rrwebWrapped = (...rest) => {
+    try {
+      return cb(...rest);
+    } catch (error) {
+      if (errorHandler && errorHandler(error) === true) {
+        return;
       }
-      node2.next = this.head;
-      this.head = node2;
+      throw error;
     }
-    if (node2.next === null) {
-      this.tail = node2;
+  };
+  return rrwebWrapped;
+};
+class CrossOriginIframeMirror {
+  constructor(generateIdFn) {
+    __publicField(this, "iframeIdToRemoteIdMap", /* @__PURE__ */ new WeakMap());
+    __publicField(this, "iframeRemoteIdToIdMap", /* @__PURE__ */ new WeakMap());
+    this.generateIdFn = generateIdFn;
+  }
+  getId(iframe, remoteId, idToRemoteMap, remoteToIdMap) {
+    const idToRemoteIdMap = idToRemoteMap || this.getIdToRemoteIdMap(iframe);
+    const remoteIdToIdMap = remoteToIdMap || this.getRemoteIdToIdMap(iframe);
+    let id = idToRemoteIdMap.get(remoteId);
+    if (!id) {
+      id = this.generateIdFn();
+      idToRemoteIdMap.set(remoteId, id);
+      remoteIdToIdMap.set(id, remoteId);
     }
-    this.length++;
+    return id;
   }
-  removeNode(n2) {
-    const current = n2.__ln;
-    if (!this.head) {
+  getIds(iframe, remoteId) {
+    const idToRemoteIdMap = this.getIdToRemoteIdMap(iframe);
+    const remoteIdToIdMap = this.getRemoteIdToIdMap(iframe);
+    return remoteId.map(
+      (id) => this.getId(iframe, id, idToRemoteIdMap, remoteIdToIdMap)
+    );
+  }
+  getRemoteId(iframe, id, map) {
+    const remoteIdToIdMap = map || this.getRemoteIdToIdMap(iframe);
+    if (typeof id !== "number") return id;
+    const remoteId = remoteIdToIdMap.get(id);
+    if (!remoteId) return -1;
+    return remoteId;
+  }
+  getRemoteIds(iframe, ids) {
+    const remoteIdToIdMap = this.getRemoteIdToIdMap(iframe);
+    return ids.map((id) => this.getRemoteId(iframe, id, remoteIdToIdMap));
+  }
+  reset(iframe) {
+    if (!iframe) {
+      this.iframeIdToRemoteIdMap = /* @__PURE__ */ new WeakMap();
+      this.iframeRemoteIdToIdMap = /* @__PURE__ */ new WeakMap();
       return;
     }
-    if (!current.previous) {
-      this.head = current.next;
-      if (this.head) {
-        this.head.previous = null;
-      } else {
-        this.tail = null;
-      }
-    } else {
-      current.previous.next = current.next;
-      if (current.next) {
-        current.next.previous = current.previous;
-      } else {
-        this.tail = current.previous;
-      }
-    }
-    if (n2.__ln) {
-      delete n2.__ln;
+    this.iframeIdToRemoteIdMap.delete(iframe);
+    this.iframeRemoteIdToIdMap.delete(iframe);
+  }
+  getIdToRemoteIdMap(iframe) {
+    let idToRemoteIdMap = this.iframeIdToRemoteIdMap.get(iframe);
+    if (!idToRemoteIdMap) {
+      idToRemoteIdMap = /* @__PURE__ */ new Map();
+      this.iframeIdToRemoteIdMap.set(iframe, idToRemoteIdMap);
     }
-    this.length--;
+    return idToRemoteIdMap;
   }
-}
-const moveKey = (id, parentId) => `${id}@${parentId}`;
-function makeid(length = 8) {
-  var result2 = "";
-  var characters = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
-  var charactersLength = characters.length;
-  for (var i2 = 0; i2 < length; i2++) {
-    result2 += characters.charAt(Math.floor(Math.random() * charactersLength));
+  getRemoteIdToIdMap(iframe) {
+    let remoteIdToIdMap = this.iframeRemoteIdToIdMap.get(iframe);
+    if (!remoteIdToIdMap) {
+      remoteIdToIdMap = /* @__PURE__ */ new Map();
+      this.iframeRemoteIdToIdMap.set(iframe, remoteIdToIdMap);
+    }
+    return remoteIdToIdMap;
   }
-  return result2;
 }
-class MutationBuffer {
-  constructor() {
-    __publicField(this, "frozen", false);
-    __publicField(this, "locked", false);
-    __publicField(this, "texts", []);
-    __publicField(this, "attributes", []);
-    __publicField(this, "attributeMap", /* @__PURE__ */ new WeakMap());
-    __publicField(this, "removes", []);
-    __publicField(this, "mapRemoves", []);
-    __publicField(this, "movedMap", {});
-    __publicField(this, "addedSet", /* @__PURE__ */ new Set());
-    __publicField(this, "movedSet", /* @__PURE__ */ new Set());
-    __publicField(this, "droppedSet", /* @__PURE__ */ new Set());
-    __publicField(this, "removesSubTreeCache", /* @__PURE__ */ new Set());
-    __publicField(this, "mutationCb");
-    __publicField(this, "blockClass");
-    __publicField(this, "blockSelector");
-    __publicField(this, "maskTextClass");
-    __publicField(this, "maskTextSelector");
-    __publicField(this, "inlineStylesheet");
-    __publicField(this, "maskInputOptions");
-    __publicField(this, "maskTextFn");
-    __publicField(this, "maskInputFn");
-    __publicField(this, "keepIframeSrcFn");
-    __publicField(this, "recordCanvas");
-    __publicField(this, "inlineImages");
-    __publicField(this, "slimDOMOptions");
-    __publicField(this, "dataURLOptions");
-    __publicField(this, "doc");
+class IframeManager {
+  constructor(options) {
+    __publicField(this, "iframes", /* @__PURE__ */ new WeakMap());
+    __publicField(this, "crossOriginIframeMap", /* @__PURE__ */ new WeakMap());
+    __publicField(this, "crossOriginIframeMirror", new CrossOriginIframeMirror(genId));
+    __publicField(this, "crossOriginIframeStyleMirror");
+    __publicField(this, "crossOriginIframeRootIdMap", /* @__PURE__ */ new WeakMap());
     __publicField(this, "mirror");
-    __publicField(this, "iframeManager");
+    __publicField(this, "mutationCb");
+    __publicField(this, "wrappedEmit");
+    __publicField(this, "loadListener");
     __publicField(this, "stylesheetManager");
-    __publicField(this, "shadowDomManager");
-    __publicField(this, "canvasManager");
-    __publicField(this, "processedNodeManager");
-    __publicField(this, "unattachedDoc");
-    __publicField(this, "bufId", makeid());
-    __publicField(this, "stormBatches", []);
-    __publicField(this, "stormInfo");
-    __publicField(this, "stormSettings", {
-      batchSize: 300,
-      timeout: 50,
-      mutationLimit: 1500
+    __publicField(this, "recordCrossOriginIframes");
+    this.mutationCb = options.mutationCb;
+    this.wrappedEmit = options.wrappedEmit;
+    this.stylesheetManager = options.stylesheetManager;
+    this.recordCrossOriginIframes = options.recordCrossOriginIframes;
+    this.crossOriginIframeStyleMirror = new CrossOriginIframeMirror(
+      this.stylesheetManager.styleMirror.generateId.bind(
+        this.stylesheetManager.styleMirror
+      )
+    );
+    this.mirror = options.mirror;
+    if (this.recordCrossOriginIframes) {
+      window.addEventListener("message", this.handleMessage.bind(this));
+    }
+  }
+  addIframe(iframeEl) {
+    this.iframes.set(iframeEl, true);
+    if (iframeEl.contentWindow)
+      this.crossOriginIframeMap.set(iframeEl.contentWindow, iframeEl);
+  }
+  addLoadListener(cb) {
+    this.loadListener = cb;
+  }
+  attachIframe(iframeEl, childSn) {
+    var _a2, _b2;
+    this.mutationCb({
+      adds: [
+        {
+          parentId: this.mirror.getId(iframeEl),
+          nextId: null,
+          node: childSn
+        }
+      ],
+      removes: [],
+      texts: [],
+      attributes: [],
+      isAttachIframe: true
     });
-    __publicField(this, "handleStormMutations", (muts) => {
-      const time = Date.now();
-      if (this.stormInfo == null) {
-        console.log(
-          "detected probable mutation storm start",
-          "buffer id:",
-          this.bufId
-        );
-        this.stormInfo = {
-          startedAt: time,
-          totalMutations: 0,
-          timeout: setTimeout(this.handleStormFinish, this.stormSettings.timeout),
-          stormExceededLimit: false
-        };
-      }
-      this.stormInfo.totalMutations += muts.length;
-      console.log(
-        "current storm mutations",
-        this.stormInfo.totalMutations,
-        "buffer id:",
-        this.bufId
-      );
-      if (this.stormInfo.totalMutations >= this.stormSettings.mutationLimit) {
-        this.stormInfo.stormExceededLimit = true;
-        this.stormBatches = [];
-      } else {
-        this.stormBatches.push({
-          ts: time,
-          mutations: muts
-        });
-      }
-      if (muts.length < this.stormSettings.batchSize) {
-        clearTimeout(this.stormInfo.timeout);
-        this.handleStormFinish();
-      }
-    });
-    __publicField(this, "handleStormFinish", () => {
-      if (!this.stormInfo) return;
-      const { stormExceededLimit } = this.stormInfo;
-      console.log(
-        "mutation storm finished",
-        "totalMutations:",
-        this.stormInfo.totalMutations,
-        "stormExceededLimit:",
-        stormExceededLimit,
-        "storm duration:",
-        Date.now() - this.stormInfo.startedAt,
-        "ms",
-        "buffer id:",
-        this.bufId
+    if (this.recordCrossOriginIframes)
+      (_a2 = iframeEl.contentWindow) == null ? void 0 : _a2.addEventListener(
+        "message",
+        this.handleMessage.bind(this)
       );
-      clearTimeout(this.stormInfo.timeout);
-      this.stormInfo = null;
-      if (!stormExceededLimit) {
-        let muts = [];
-        for (const batch of this.stormBatches) {
-          muts.push(...batch.mutations);
-        }
-        this.stormBatches = [];
-        this.processInternalMutations(muts, true);
-      } else {
-        this.stormBatches = [];
-        stormSnapshotManager.requestFullSnapshot(this.bufId);
+    (_b2 = this.loadListener) == null ? void 0 : _b2.call(this, iframeEl);
+    if (iframeEl.contentDocument && iframeEl.contentDocument.adoptedStyleSheets && iframeEl.contentDocument.adoptedStyleSheets.length > 0)
+      this.stylesheetManager.adoptStyleSheets(
+        iframeEl.contentDocument.adoptedStyleSheets,
+        this.mirror.getId(iframeEl.contentDocument)
+      );
+  }
+  handleMessage(message) {
+    const crossOriginMessageEvent = message;
+    if (crossOriginMessageEvent.data.type !== "rrweb" || // To filter out the rrweb messages which are forwarded by some sites.
+    crossOriginMessageEvent.origin !== crossOriginMessageEvent.data.origin)
+      return;
+    const iframeSourceWindow = message.source;
+    if (!iframeSourceWindow) return;
+    const iframeEl = this.crossOriginIframeMap.get(message.source);
+    if (!iframeEl) return;
+    const transformedEvent = this.transformCrossOriginEvent(
+      iframeEl,
+      crossOriginMessageEvent.data.event
+    );
+    if (transformedEvent)
+      this.wrappedEmit(
+        transformedEvent,
+        crossOriginMessageEvent.data.isCheckout
+      );
+  }
+  transformCrossOriginEvent(iframeEl, e2) {
+    var _a2;
+    switch (e2.type) {
+      case EventType.FullSnapshot: {
+        this.crossOriginIframeMirror.reset(iframeEl);
+        this.crossOriginIframeStyleMirror.reset(iframeEl);
+        this.replaceIdOnNode(e2.data.node, iframeEl);
+        const rootId = e2.data.node.id;
+        this.crossOriginIframeRootIdMap.set(iframeEl, rootId);
+        this.patchRootIdOnNode(e2.data.node, rootId);
+        return {
+          timestamp: e2.timestamp,
+          type: EventType.IncrementalSnapshot,
+          data: {
+            source: IncrementalSource.Mutation,
+            adds: [
+              {
+                parentId: this.mirror.getId(iframeEl),
+                nextId: null,
+                node: e2.data.node
+              }
+            ],
+            removes: [],
+            texts: [],
+            attributes: [],
+            isAttachIframe: true
+          }
+        };
       }
-    });
-    __publicField(this, "processInternalMutations", (muts, overrideStorm = false) => {
-      if (!overrideStorm && (this.stormInfo != null || muts.length >= this.stormSettings.batchSize)) {
-        this.handleStormMutations(muts);
-        return;
+      case EventType.Meta:
+      case EventType.Load:
+      case EventType.DomContentLoaded: {
+        return false;
       }
-      const start = performance.now();
-      for (const mut of muts) {
-        this.processMutation(mut);
+      case EventType.Plugin: {
+        return e2;
       }
-      console.log(
-        muts.length,
-        "mutations processed in",
-        performance.now() - start,
-        "ms",
-        "overrideStorm",
-        overrideStorm,
-        "buffer id:",
-        this.bufId
-      );
-      this.emit();
-    });
-    __publicField(this, "processMutations", (mutations) => {
-      this.processInternalMutations(mutations);
-    });
-    __publicField(this, "emit", () => {
-      if (this.frozen || this.locked) {
-        return;
+      case EventType.Custom: {
+        this.replaceIds(
+          e2.data.payload,
+          iframeEl,
+          ["id", "parentId", "previousId", "nextId"]
+        );
+        return e2;
       }
-      const adds = [];
-      const addedIds = /* @__PURE__ */ new Set();
-      const addList = new DoubleLinkedList();
-      const getNextId = (n2) => {
-        let ns = n2;
-        let nextId = IGNORED_NODE;
-        while (nextId === IGNORED_NODE) {
-          ns = ns && ns.nextSibling;
-          nextId = ns && this.mirror.getId(ns);
-        }
-        return nextId;
-      };
-      const pushAdd = (n2) => {
-        const parent = index.parentNode(n2);
-        if (!parent || !inDom(n2)) {
-          return;
-        }
-        let cssCaptured = false;
-        if (n2.nodeType === Node.TEXT_NODE) {
-          const parentTag = parent.tagName;
-          if (parentTag === "TEXTAREA") {
-            return;
-          } else if (parentTag === "STYLE" && this.addedSet.has(parent)) {
-            cssCaptured = true;
+      case EventType.IncrementalSnapshot: {
+        switch (e2.data.source) {
+          case IncrementalSource.Mutation: {
+            e2.data.adds.forEach((n2) => {
+              this.replaceIds(n2, iframeEl, [
+                "parentId",
+                "nextId",
+                "previousId"
+              ]);
+              this.replaceIdOnNode(n2.node, iframeEl);
+              const rootId = this.crossOriginIframeRootIdMap.get(iframeEl);
+              rootId && this.patchRootIdOnNode(n2.node, rootId);
+            });
+            e2.data.removes.forEach((n2) => {
+              this.replaceIds(n2, iframeEl, ["parentId", "id"]);
+            });
+            e2.data.attributes.forEach((n2) => {
+              this.replaceIds(n2, iframeEl, ["id"]);
+            });
+            e2.data.texts.forEach((n2) => {
+              this.replaceIds(n2, iframeEl, ["id"]);
+            });
+            return e2;
+          }
+          case IncrementalSource.Drag:
+          case IncrementalSource.TouchMove:
+          case IncrementalSource.MouseMove: {
+            e2.data.positions.forEach((p) => {
+              this.replaceIds(p, iframeEl, ["id"]);
+            });
+            return e2;
+          }
+          case IncrementalSource.ViewportResize: {
+            return false;
+          }
+          case IncrementalSource.MediaInteraction:
+          case IncrementalSource.MouseInteraction:
+          case IncrementalSource.Scroll:
+          case IncrementalSource.CanvasMutation:
+          case IncrementalSource.Input: {
+            this.replaceIds(e2.data, iframeEl, ["id"]);
+            return e2;
+          }
+          case IncrementalSource.StyleSheetRule:
+          case IncrementalSource.StyleDeclaration: {
+            this.replaceIds(e2.data, iframeEl, ["id"]);
+            this.replaceStyleIds(e2.data, iframeEl, ["styleId"]);
+            return e2;
+          }
+          case IncrementalSource.Font: {
+            return e2;
+          }
+          case IncrementalSource.Selection: {
+            e2.data.ranges.forEach((range) => {
+              this.replaceIds(range, iframeEl, ["start", "end"]);
+            });
+            return e2;
+          }
+          case IncrementalSource.AdoptedStyleSheet: {
+            this.replaceIds(e2.data, iframeEl, ["id"]);
+            this.replaceStyleIds(e2.data, iframeEl, ["styleIds"]);
+            (_a2 = e2.data.styles) == null ? void 0 : _a2.forEach((style) => {
+              this.replaceStyleIds(style, iframeEl, ["styleId"]);
+            });
+            return e2;
           }
         }
-        const parentId = isShadowRoot(parent) ? this.mirror.getId(getShadowHost(n2)) : this.mirror.getId(parent);
-        const nextId = getNextId(n2);
-        if (parentId === -1 || nextId === -1) {
-          return addList.addNode(n2);
-        }
-        const sn = serializeNodeWithId(n2, {
-          doc: this.doc,
-          mirror: this.mirror,
-          blockClass: this.blockClass,
-          blockSelector: this.blockSelector,
-          maskTextClass: this.maskTextClass,
-          maskTextSelector: this.maskTextSelector,
-          skipChild: true,
-          newlyAddedElement: true,
-          inlineStylesheet: this.inlineStylesheet,
-          maskInputOptions: this.maskInputOptions,
-          maskTextFn: this.maskTextFn,
-          maskInputFn: this.maskInputFn,
-          slimDOMOptions: this.slimDOMOptions,
-          dataURLOptions: this.dataURLOptions,
-          recordCanvas: this.recordCanvas,
-          inlineImages: this.inlineImages,
-          onSerialize: (currentN) => {
-            if (isSerializedIframe(currentN, this.mirror)) {
-              this.iframeManager.addIframe(currentN);
-            }
-            if (isSerializedStylesheet(currentN, this.mirror)) {
-              this.stylesheetManager.trackLinkElement(
-                currentN
-              );
-            }
-            if (hasShadowRoot(n2)) {
-              this.shadowDomManager.addShadowRoot(index.shadowRoot(n2), this.doc);
-            }
-          },
-          onIframeLoad: (iframe, childSn) => {
-            this.iframeManager.attachIframe(iframe, childSn);
-            this.shadowDomManager.observeAttachShadow(iframe);
-          },
-          onStylesheetLoad: (link, childSn) => {
-            this.stylesheetManager.attachLinkElement(link, childSn);
-          },
-          cssCaptured
-        });
-        if (sn) {
-          adds.push({
-            parentId,
-            nextId,
-            node: sn
-          });
-          addedIds.add(sn.id);
-        }
-      };
-      while (this.mapRemoves.length) {
-        this.mirror.removeNodeFromMap(this.mapRemoves.shift());
       }
-      for (const n2 of this.movedSet) {
-        if (isParentRemoved(this.removesSubTreeCache, n2, this.mirror) && !this.movedSet.has(index.parentNode(n2))) {
-          continue;
-        }
-        pushAdd(n2);
+    }
+    return false;
+  }
+  replace(iframeMirror, obj, iframeEl, keys) {
+    for (const key of keys) {
+      if (!Array.isArray(obj[key]) && typeof obj[key] !== "number") continue;
+      if (Array.isArray(obj[key])) {
+        obj[key] = iframeMirror.getIds(
+          iframeEl,
+          obj[key]
+        );
+      } else {
+        obj[key] = iframeMirror.getId(iframeEl, obj[key]);
       }
-      for (const n2 of this.addedSet) {
-        if (!isAncestorInSet(this.droppedSet, n2) && !isParentRemoved(this.removesSubTreeCache, n2, this.mirror)) {
-          pushAdd(n2);
-        } else if (isAncestorInSet(this.movedSet, n2)) {
-          pushAdd(n2);
-        } else {
-          this.droppedSet.add(n2);
-        }
+    }
+    return obj;
+  }
+  replaceIds(obj, iframeEl, keys) {
+    return this.replace(this.crossOriginIframeMirror, obj, iframeEl, keys);
+  }
+  replaceStyleIds(obj, iframeEl, keys) {
+    return this.replace(this.crossOriginIframeStyleMirror, obj, iframeEl, keys);
+  }
+  replaceIdOnNode(node2, iframeEl) {
+    this.replaceIds(node2, iframeEl, ["id", "rootId"]);
+    if ("childNodes" in node2) {
+      node2.childNodes.forEach((child) => {
+        this.replaceIdOnNode(child, iframeEl);
+      });
+    }
+  }
+  patchRootIdOnNode(node2, rootId) {
+    if (node2.type !== NodeType$3.Document && !node2.rootId) node2.rootId = rootId;
+    if ("childNodes" in node2) {
+      node2.childNodes.forEach((child) => {
+        this.patchRootIdOnNode(child, rootId);
+      });
+    }
+  }
+}
+function makeid$1(length = 8) {
+  var result2 = "";
+  var characters = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+  var charactersLength = characters.length;
+  for (var i2 = 0; i2 < length; i2++) {
+    result2 += characters.charAt(Math.floor(Math.random() * charactersLength));
+  }
+  return result2;
+}
+const _StormSnapshotManager = class _StormSnapshotManager2 {
+  constructor() {
+    __publicField(this, "id", makeid$1());
+    __publicField(this, "lastFullSnapshot", -1);
+    __publicField(this, "intervalBetweenSnapshots", 150);
+    if (_StormSnapshotManager2.instance) {
+      return _StormSnapshotManager2.instance;
+    }
+    _StormSnapshotManager2.instance = this;
+  }
+  requestFullSnapshot(bufferId) {
+    if (!takeFullSnapshot) return;
+    if (Date.now() - this.lastFullSnapshot < this.intervalBetweenSnapshots) {
+      console.log(
+        "requestFullSnapshot: too soon",
+        "storm snapshot mng id:",
+        this.id,
+        "bufferId:",
+        bufferId
+      );
+      return;
+    }
+    console.log(
+      "taking full snapshot",
+      "storm snapshot mng id:",
+      this.id,
+      "bufferId:",
+      bufferId
+    );
+    takeFullSnapshot();
+    this.lastFullSnapshot = Date.now();
+  }
+};
+__publicField(_StormSnapshotManager, "instance");
+let StormSnapshotManager = _StormSnapshotManager;
+const stormSnapshotManager = new StormSnapshotManager();
+function isNodeInLinkedList(n2) {
+  return "__ln" in n2;
+}
+class DoubleLinkedList {
+  constructor() {
+    __publicField(this, "length", 0);
+    __publicField(this, "head", null);
+    __publicField(this, "tail", null);
+  }
+  get(position) {
+    if (position >= this.length) {
+      throw new Error("Position outside of list range");
+    }
+    let current = this.head;
+    for (let index2 = 0; index2 < position; index2++) {
+      current = (current == null ? void 0 : current.next) || null;
+    }
+    return current;
+  }
+  addNode(n2) {
+    const node2 = {
+      value: n2,
+      previous: null,
+      next: null
+    };
+    n2.__ln = node2;
+    if (n2.previousSibling && isNodeInLinkedList(n2.previousSibling)) {
+      const current = n2.previousSibling.__ln.next;
+      node2.next = current;
+      node2.previous = n2.previousSibling.__ln;
+      n2.previousSibling.__ln.next = node2;
+      if (current) {
+        current.previous = node2;
       }
-      let candidate = null;
-      while (addList.length) {
-        let node2 = null;
-        if (candidate) {
-          const parentId = this.mirror.getId(index.parentNode(candidate.value));
-          const nextId = getNextId(candidate.value);
-          if (parentId !== -1 && nextId !== -1) {
-            node2 = candidate;
-          }
-        }
-        if (!node2) {
-          let tailNode = addList.tail;
-          while (tailNode) {
-            const _node = tailNode;
-            tailNode = tailNode.previous;
-            if (_node) {
-              const parentId = this.mirror.getId(index.parentNode(_node.value));
-              const nextId = getNextId(_node.value);
-              if (nextId === -1) continue;
-              else if (parentId !== -1) {
-                node2 = _node;
-                break;
-              } else {
-                const unhandledNode = _node.value;
-                const parent = index.parentNode(unhandledNode);
-                if (parent && parent.nodeType === Node.DOCUMENT_FRAGMENT_NODE) {
-                  const shadowHost = index.host(parent);
-                  const parentId2 = this.mirror.getId(shadowHost);
-                  if (parentId2 !== -1) {
-                    node2 = _node;
-                    break;
-                  }
-                }
-              }
-            }
-          }
-        }
-        if (!node2) {
-          while (addList.head) {
-            addList.removeNode(addList.head.value);
-          }
-          break;
-        }
-        candidate = node2.previous;
-        addList.removeNode(node2.value);
-        pushAdd(node2.value);
+    } else if (n2.nextSibling && isNodeInLinkedList(n2.nextSibling) && n2.nextSibling.__ln.previous) {
+      const current = n2.nextSibling.__ln.previous;
+      node2.previous = current;
+      node2.next = n2.nextSibling.__ln;
+      n2.nextSibling.__ln.previous = node2;
+      if (current) {
+        current.next = node2;
       }
-      const payloadTexts = [];
-      for (const text of this.texts) {
-        const n2 = text.node;
-        const parent = index.parentNode(n2);
-        if (parent && parent.tagName === "TEXTAREA") {
-          this.genTextAreaValueMutation(parent);
-        }
-        const id = this.mirror.getId(n2);
-        if (!addedIds.has(id) && this.mirror.has(id)) {
-          payloadTexts.push({
-            id,
-            value: text.value
-          });
-        }
+    } else {
+      if (this.head) {
+        this.head.previous = node2;
       }
-      const payloadAttributes = [];
-      for (const attribute of this.attributes) {
-        const { attributes } = attribute;
-        if (typeof attributes.style === "string") {
-          const diffAsStr = JSON.stringify(attribute.styleDiff);
-          const unchangedAsStr = JSON.stringify(attribute._unchangedStyles);
-          if (diffAsStr.length < attributes.style.length) {
-            if ((diffAsStr + unchangedAsStr).split("var(").length === attributes.style.split("var(").length) {
-              attributes.style = attribute.styleDiff;
-            }
-          }
-        }
-        const id = this.mirror.getId(attribute.node);
-        if (!addedIds.has(id) && this.mirror.has(id)) {
-          payloadAttributes.push({
-            id,
-            attributes
-          });
-        }
+      node2.next = this.head;
+      this.head = node2;
+    }
+    if (node2.next === null) {
+      this.tail = node2;
+    }
+    this.length++;
+  }
+  removeNode(n2) {
+    const current = n2.__ln;
+    if (!this.head) {
+      return;
+    }
+    if (!current.previous) {
+      this.head = current.next;
+      if (this.head) {
+        this.head.previous = null;
+      } else {
+        this.tail = null;
       }
-      const payload = {
-        texts: payloadTexts,
-        attributes: payloadAttributes,
-        //original implementation instead of "payloadTexts"
-        // this.texts
-        //   .map((text) => {
-        //     const n = text.node;
-        //     const parent = dom.parentNode(n);
-        //     if (parent && (parent as Element).tagName === 'TEXTAREA') {
-        //       // the node is being ignored as it isn't in the mirror, so shift mutation to attributes on parent textarea
-        //       this.genTextAreaValueMutation(parent as HTMLTextAreaElement);
-        //     }
-        //     return {
-        //       id: this.mirror.getId(n),
-        //       value: text.value,
-        //     };
-        //   })
-        //   // no need to include them on added elements, as they have just been serialized with up to date attribubtes
-        //   .filter((text) => !addedIds.has(text.id))
-        //   // text mutation's id was not in the mirror map means the target node has been removed
-        //   .filter((text) => this.mirror.has(text.id)),
-        //original implementation instead of "payloadAttributes"
-        // this.attributes
-        //   .map((attribute) => {
-        //     const { attributes } = attribute;
-        //     if (typeof attributes.style === 'string') {
-        //       const diffAsStr = JSON.stringify(attribute.styleDiff);
-        //       const unchangedAsStr = JSON.stringify(attribute._unchangedStyles);
-        //       // check if the style diff is actually shorter than the regular string based mutation
-        //       // (which was the whole point of #464 'compact style mutation').
-        //       if (diffAsStr.length < attributes.style.length) {
-        //         // also: CSSOM fails badly when var() is present on shorthand properties, so only proceed with
-        //         // the compact style mutation if these have all been accounted for
-        //         if (
-        //           (diffAsStr + unchangedAsStr).split('var(').length ===
-        //           attributes.style.split('var(').length
-        //         ) {
-        //           attributes.style = attribute.styleDiff;
-        //         }
-        //       }
-        //     }
-        //     return {
-        //       id: this.mirror.getId(attribute.node),
-        //       attributes: attributes,
-        //     };
-        //   })
-        //   // no need to include them on added elements, as they have just been serialized with up to date attribubtes
-        //   .filter((attribute) => !addedIds.has(attribute.id))
-        //   // attribute mutation's id was not in the mirror map means the target node has been removed
-        //   .filter((attribute) => this.mirror.has(attribute.id)),
-        removes: this.removes,
-        adds
-      };
-      if (!payload.texts.length && !payload.attributes.length && !payload.removes.length && !payload.adds.length) {
-        return;
+    } else {
+      current.previous.next = current.next;
+      if (current.next) {
+        current.next.previous = current.previous;
+      } else {
+        this.tail = current.previous;
       }
-      this.texts = [];
-      this.attributes = [];
-      this.attributeMap = /* @__PURE__ */ new WeakMap();
-      this.removes = [];
-      this.addedSet = /* @__PURE__ */ new Set();
-      this.movedSet = /* @__PURE__ */ new Set();
-      this.droppedSet = /* @__PURE__ */ new Set();
-      this.removesSubTreeCache = /* @__PURE__ */ new Set();
-      this.movedMap = {};
-      this.mutationCb(payload);
+    }
+    if (n2.__ln) {
+      delete n2.__ln;
+    }
+    this.length--;
+  }
+}
+const moveKey = (id, parentId) => `${id}@${parentId}`;
+function makeid(length = 8) {
+  var result2 = "";
+  var characters = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+  var charactersLength = characters.length;
+  for (var i2 = 0; i2 < length; i2++) {
+    result2 += characters.charAt(Math.floor(Math.random() * charactersLength));
+  }
+  return result2;
+}
+class MutationBuffer {
+  constructor() {
+    __publicField(this, "frozen", false);
+    __publicField(this, "locked", false);
+    __publicField(this, "texts", []);
+    __publicField(this, "attributes", []);
+    __publicField(this, "attributeMap", /* @__PURE__ */ new WeakMap());
+    __publicField(this, "removes", []);
+    __publicField(this, "mapRemoves", []);
+    __publicField(this, "movedMap", {});
+    __publicField(this, "addedSet", /* @__PURE__ */ new Set());
+    __publicField(this, "movedSet", /* @__PURE__ */ new Set());
+    __publicField(this, "droppedSet", /* @__PURE__ */ new Set());
+    __publicField(this, "removesSubTreeCache", /* @__PURE__ */ new Set());
+    __publicField(this, "mutationCb");
+    __publicField(this, "blockClass");
+    __publicField(this, "blockSelector");
+    __publicField(this, "maskTextClass");
+    __publicField(this, "maskTextSelector");
+    __publicField(this, "inlineStylesheet");
+    __publicField(this, "maskInputOptions");
+    __publicField(this, "maskTextFn");
+    __publicField(this, "maskInputFn");
+    __publicField(this, "keepIframeSrcFn");
+    __publicField(this, "recordCanvas");
+    __publicField(this, "inlineImages");
+    __publicField(this, "slimDOMOptions");
+    __publicField(this, "dataURLOptions");
+    __publicField(this, "doc");
+    __publicField(this, "mirror");
+    __publicField(this, "iframeManager");
+    __publicField(this, "stylesheetManager");
+    __publicField(this, "shadowDomManager");
+    __publicField(this, "canvasManager");
+    __publicField(this, "processedNodeManager");
+    __publicField(this, "unattachedDoc");
+    __publicField(this, "bufId", makeid());
+    __publicField(this, "stormBatches", []);
+    __publicField(this, "stormInfo");
+    __publicField(this, "stormSettings", {
+      batchSize: 300,
+      timeout: 50,
+      mutationLimit: 1500
     });
-    __publicField(this, "genTextAreaValueMutation", (textarea) => {
-      let item = this.attributeMap.get(textarea);
-      if (!item) {
-        item = {
-          node: textarea,
-          attributes: {},
-          styleDiff: {},
-          _unchangedStyles: {}
+    __publicField(this, "handleStormMutations", (muts) => {
+      const time = Date.now();
+      if (this.stormInfo == null) {
+        console.log(
+          "detected probable mutation storm start",
+          "buffer id:",
+          this.bufId
+        );
+        this.stormInfo = {
+          startedAt: time,
+          totalMutations: 0,
+          timeout: setTimeout(this.handleStormFinish, this.stormSettings.timeout),
+          stormExceededLimit: false
         };
-        this.attributes.push(item);
-        this.attributeMap.set(textarea, item);
       }
-      const value = Array.from(
-        index.childNodes(textarea),
-        (cn) => index.textContent(cn) || ""
-      ).join("");
-      item.attributes.value = maskInputValue({
-        element: textarea,
-        maskInputOptions: this.maskInputOptions,
-        tagName: textarea.tagName,
-        type: getInputType(textarea),
-        value,
-        maskInputFn: this.maskInputFn
-      });
+      this.stormInfo.totalMutations += muts.length;
+      console.log(
+        "current storm mutations",
+        this.stormInfo.totalMutations,
+        "buffer id:",
+        this.bufId
+      );
+      if (this.stormInfo.totalMutations >= this.stormSettings.mutationLimit) {
+        this.stormInfo.stormExceededLimit = true;
+        this.stormBatches = [];
+      } else {
+        this.stormBatches.push({
+          ts: time,
+          mutations: muts
+        });
+      }
+      if (muts.length < this.stormSettings.batchSize) {
+        clearTimeout(this.stormInfo.timeout);
+        this.handleStormFinish();
+      }
     });
-    __publicField(this, "processMutation", (m) => {
-      if (isIgnored(m.target, this.mirror, this.slimDOMOptions)) {
+    __publicField(this, "handleStormFinish", () => {
+      if (!this.stormInfo) return;
+      const { stormExceededLimit } = this.stormInfo;
+      console.log(
+        "mutation storm finished",
+        "totalMutations:",
+        this.stormInfo.totalMutations,
+        "stormExceededLimit:",
+        stormExceededLimit,
+        "storm duration:",
+        Date.now() - this.stormInfo.startedAt,
+        "ms",
+        "buffer id:",
+        this.bufId
+      );
+      clearTimeout(this.stormInfo.timeout);
+      this.stormInfo = null;
+      if (!stormExceededLimit) {
+        let muts = [];
+        for (const batch of this.stormBatches) {
+          muts.push(...batch.mutations);
+        }
+        this.stormBatches = [];
+        this.processInternalMutations(muts, true);
+      } else {
+        this.stormBatches = [];
+        stormSnapshotManager.requestFullSnapshot(this.bufId);
+      }
+    });
+    __publicField(this, "processInternalMutations", (muts, overrideStorm = false) => {
+      if (!overrideStorm && (this.stormInfo != null || muts.length >= this.stormSettings.batchSize)) {
+        this.handleStormMutations(muts);
         return;
       }
-      switch (m.type) {
-        case "characterData": {
-          const value = index.textContent(m.target);
-          if (!isBlocked(m.target, this.blockClass, this.blockSelector, false) && value !== m.oldValue) {
-            this.texts.push({
-              value: needMaskingText(
-                m.target,
-                this.maskTextClass,
-                this.maskTextSelector,
-                true
-                // checkAncestors
-              ) && value ? this.maskTextFn ? this.maskTextFn(value, closestElementOfNode(m.target)) : value.replace(/[\S]/g, "*") : value,
-              node: m.target
-            });
+      const start = performance.now();
+      for (const mut of muts) {
+        this.processMutation(mut);
+      }
+      console.log(
+        muts.length,
+        "mutations processed in",
+        performance.now() - start,
+        "ms",
+        "overrideStorm",
+        overrideStorm,
+        "buffer id:",
+        this.bufId
+      );
+      this.emit();
+    });
+    __publicField(this, "processMutations", (mutations) => {
+      this.processInternalMutations(mutations);
+    });
+    __publicField(this, "emit", () => {
+      if (this.frozen || this.locked) {
+        return;
+      }
+      const adds = [];
+      const addedIds = /* @__PURE__ */ new Set();
+      const addList = new DoubleLinkedList();
+      const getNextId = (n2) => {
+        let ns = n2;
+        let nextId = IGNORED_NODE;
+        while (nextId === IGNORED_NODE) {
+          ns = ns && ns.nextSibling;
+          nextId = ns && this.mirror.getId(ns);
+        }
+        return nextId;
+      };
+      const pushAdd = (n2) => {
+        const parent = index$1.parentNode(n2);
+        if (!parent || !inDom(n2)) {
+          return;
+        }
+        let cssCaptured = false;
+        if (n2.nodeType === Node.TEXT_NODE) {
+          const parentTag = parent.tagName;
+          if (parentTag === "TEXTAREA") {
+            return;
+          } else if (parentTag === "STYLE" && this.addedSet.has(parent)) {
+            cssCaptured = true;
           }
-          break;
+        }
+        const parentId = isShadowRoot(parent) ? this.mirror.getId(getShadowHost(n2)) : this.mirror.getId(parent);
+        const nextId = getNextId(n2);
+        if (parentId === -1 || nextId === -1) {
+          return addList.addNode(n2);
+        }
+        const sn = serializeNodeWithId(n2, {
+          doc: this.doc,
+          mirror: this.mirror,
+          blockClass: this.blockClass,
+          blockSelector: this.blockSelector,
+          maskTextClass: this.maskTextClass,
+          maskTextSelector: this.maskTextSelector,
+          skipChild: true,
+          newlyAddedElement: true,
+          inlineStylesheet: this.inlineStylesheet,
+          maskInputOptions: this.maskInputOptions,
+          maskTextFn: this.maskTextFn,
+          maskInputFn: this.maskInputFn,
+          slimDOMOptions: this.slimDOMOptions,
+          dataURLOptions: this.dataURLOptions,
+          recordCanvas: this.recordCanvas,
+          inlineImages: this.inlineImages,
+          onSerialize: (currentN) => {
+            if (isSerializedIframe(currentN, this.mirror)) {
+              this.iframeManager.addIframe(currentN);
+            }
+            if (isSerializedStylesheet(currentN, this.mirror)) {
+              this.stylesheetManager.trackLinkElement(
+                currentN
+              );
+            }
+            if (hasShadowRoot(n2)) {
+              this.shadowDomManager.addShadowRoot(index$1.shadowRoot(n2), this.doc);
+            }
+          },
+          onIframeLoad: (iframe, childSn) => {
+            this.iframeManager.attachIframe(iframe, childSn);
+            this.shadowDomManager.observeAttachShadow(iframe);
+          },
+          onStylesheetLoad: (link, childSn) => {
+            this.stylesheetManager.attachLinkElement(link, childSn);
+          },
+          cssCaptured
+        });
+        if (sn) {
+          adds.push({
+            parentId,
+            nextId,
+            node: sn
+          });
+          addedIds.add(sn.id);
+        }
+      };
+      while (this.mapRemoves.length) {
+        this.mirror.removeNodeFromMap(this.mapRemoves.shift());
+      }
+      for (const n2 of this.movedSet) {
+        if (isParentRemoved(this.removesSubTreeCache, n2, this.mirror) && !this.movedSet.has(index$1.parentNode(n2))) {
+          continue;
+        }
+        pushAdd(n2);
+      }
+      for (const n2 of this.addedSet) {
+        if (!isAncestorInSet(this.droppedSet, n2) && !isParentRemoved(this.removesSubTreeCache, n2, this.mirror)) {
+          pushAdd(n2);
+        } else if (isAncestorInSet(this.movedSet, n2)) {
+          pushAdd(n2);
+        } else {
+          this.droppedSet.add(n2);
+        }
+      }
+      let candidate = null;
+      while (addList.length) {
+        let node2 = null;
+        if (candidate) {
+          const parentId = this.mirror.getId(index$1.parentNode(candidate.value));
+          const nextId = getNextId(candidate.value);
+          if (parentId !== -1 && nextId !== -1) {
+            node2 = candidate;
+          }
+        }
+        if (!node2) {
+          let tailNode = addList.tail;
+          while (tailNode) {
+            const _node = tailNode;
+            tailNode = tailNode.previous;
+            if (_node) {
+              const parentId = this.mirror.getId(index$1.parentNode(_node.value));
+              const nextId = getNextId(_node.value);
+              if (nextId === -1) continue;
+              else if (parentId !== -1) {
+                node2 = _node;
+                break;
+              } else {
+                const unhandledNode = _node.value;
+                const parent = index$1.parentNode(unhandledNode);
+                if (parent && parent.nodeType === Node.DOCUMENT_FRAGMENT_NODE) {
+                  const shadowHost = index$1.host(parent);
+                  const parentId2 = this.mirror.getId(shadowHost);
+                  if (parentId2 !== -1) {
+                    node2 = _node;
+                    break;
+                  }
+                }
+              }
+            }
+          }
+        }
+        if (!node2) {
+          while (addList.head) {
+            addList.removeNode(addList.head.value);
+          }
+          break;
+        }
+        candidate = node2.previous;
+        addList.removeNode(node2.value);
+        pushAdd(node2.value);
+      }
+      const payloadTexts = [];
+      for (const text of this.texts) {
+        const n2 = text.node;
+        const parent = index$1.parentNode(n2);
+        if (parent && parent.tagName === "TEXTAREA") {
+          this.genTextAreaValueMutation(parent);
+        }
+        const id = this.mirror.getId(n2);
+        if (!addedIds.has(id) && this.mirror.has(id)) {
+          payloadTexts.push({
+            id,
+            value: text.value
+          });
+        }
+      }
+      const payloadAttributes = [];
+      for (const attribute of this.attributes) {
+        const { attributes } = attribute;
+        if (typeof attributes.style === "string") {
+          const diffAsStr = JSON.stringify(attribute.styleDiff);
+          const unchangedAsStr = JSON.stringify(attribute._unchangedStyles);
+          if (diffAsStr.length < attributes.style.length) {
+            if ((diffAsStr + unchangedAsStr).split("var(").length === attributes.style.split("var(").length) {
+              attributes.style = attribute.styleDiff;
+            }
+          }
+        }
+        const id = this.mirror.getId(attribute.node);
+        if (!addedIds.has(id) && this.mirror.has(id)) {
+          payloadAttributes.push({
+            id,
+            attributes
+          });
+        }
+      }
+      const payload = {
+        texts: payloadTexts,
+        attributes: payloadAttributes,
+        //original implementation instead of "payloadTexts"
+        // this.texts
+        //   .map((text) => {
+        //     const n = text.node;
+        //     const parent = dom.parentNode(n);
+        //     if (parent && (parent as Element).tagName === 'TEXTAREA') {
+        //       // the node is being ignored as it isn't in the mirror, so shift mutation to attributes on parent textarea
+        //       this.genTextAreaValueMutation(parent as HTMLTextAreaElement);
+        //     }
+        //     return {
+        //       id: this.mirror.getId(n),
+        //       value: text.value,
+        //     };
+        //   })
+        //   // no need to include them on added elements, as they have just been serialized with up to date attribubtes
+        //   .filter((text) => !addedIds.has(text.id))
+        //   // text mutation's id was not in the mirror map means the target node has been removed
+        //   .filter((text) => this.mirror.has(text.id)),
+        //original implementation instead of "payloadAttributes"
+        // this.attributes
+        //   .map((attribute) => {
+        //     const { attributes } = attribute;
+        //     if (typeof attributes.style === 'string') {
+        //       const diffAsStr = JSON.stringify(attribute.styleDiff);
+        //       const unchangedAsStr = JSON.stringify(attribute._unchangedStyles);
+        //       // check if the style diff is actually shorter than the regular string based mutation
+        //       // (which was the whole point of #464 'compact style mutation').
+        //       if (diffAsStr.length < attributes.style.length) {
+        //         // also: CSSOM fails badly when var() is present on shorthand properties, so only proceed with
+        //         // the compact style mutation if these have all been accounted for
+        //         if (
+        //           (diffAsStr + unchangedAsStr).split('var(').length ===
+        //           attributes.style.split('var(').length
+        //         ) {
+        //           attributes.style = attribute.styleDiff;
+        //         }
+        //       }
+        //     }
+        //     return {
+        //       id: this.mirror.getId(attribute.node),
+        //       attributes: attributes,
+        //     };
+        //   })
+        //   // no need to include them on added elements, as they have just been serialized with up to date attribubtes
+        //   .filter((attribute) => !addedIds.has(attribute.id))
+        //   // attribute mutation's id was not in the mirror map means the target node has been removed
+        //   .filter((attribute) => this.mirror.has(attribute.id)),
+        removes: this.removes,
+        adds
+      };
+      if (!payload.texts.length && !payload.attributes.length && !payload.removes.length && !payload.adds.length) {
+        return;
+      }
+      this.texts = [];
+      this.attributes = [];
+      this.attributeMap = /* @__PURE__ */ new WeakMap();
+      this.removes = [];
+      this.addedSet = /* @__PURE__ */ new Set();
+      this.movedSet = /* @__PURE__ */ new Set();
+      this.droppedSet = /* @__PURE__ */ new Set();
+      this.removesSubTreeCache = /* @__PURE__ */ new Set();
+      this.movedMap = {};
+      this.mutationCb(payload);
+    });
+    __publicField(this, "genTextAreaValueMutation", (textarea) => {
+      let item = this.attributeMap.get(textarea);
+      if (!item) {
+        item = {
+          node: textarea,
+          attributes: {},
+          styleDiff: {},
+          _unchangedStyles: {}
+        };
+        this.attributes.push(item);
+        this.attributeMap.set(textarea, item);
+      }
+      const value = Array.from(
+        index$1.childNodes(textarea),
+        (cn) => index$1.textContent(cn) || ""
+      ).join("");
+      item.attributes.value = maskInputValue({
+        element: textarea,
+        maskInputOptions: this.maskInputOptions,
+        tagName: textarea.tagName,
+        type: getInputType(textarea),
+        value,
+        maskInputFn: this.maskInputFn
+      });
+    });
+    __publicField(this, "processMutation", (m) => {
+      if (isIgnored(m.target, this.mirror, this.slimDOMOptions)) {
+        return;
+      }
+      switch (m.type) {
+        case "characterData": {
+          const value = index$1.textContent(m.target);
+          if (!isBlocked(m.target, this.blockClass, this.blockSelector, false) && value !== m.oldValue) {
+            this.texts.push({
+              value: needMaskingText(
+                m.target,
+                this.maskTextClass,
+                this.maskTextSelector,
+                true
+                // checkAncestors
+              ) && value ? this.maskTextFn ? this.maskTextFn(value, closestElementOfNode(m.target)) : value.replace(/[\S]/g, "*") : value,
+              node: m.target
+            });
+          }
+          break;
         }
         case "attributes": {
           const target = m.target;
@@ -9991,7 +10326,7 @@ class MutationBuffer {
           for (let i2 = 0; i2 < m.addedNodes.length; i2++) {
             this.genAdds(m.addedNodes[i2], m.target);
           }
-          const parentId = isShadowRoot(m.target) ? this.mirror.getId(index.host(m.target)) : this.mirror.getId(m.target);
+          const parentId = isShadowRoot(m.target) ? this.mirror.getId(index$1.host(m.target)) : this.mirror.getId(m.target);
           if (isBlocked(m.target, this.blockClass, this.blockSelector, false))
             return;
           const addedSetHas = this.addedSet.has(m.target);
@@ -10033,1555 +10368,1137 @@ class MutationBuffer {
         }
         this.movedSet.add(n2);
         let targetId = null;
-        if (target && this.mirror.hasNode(target)) {
-          targetId = this.mirror.getId(target);
-        }
-        if (targetId && targetId !== -1) {
-          this.movedMap[moveKey(this.mirror.getId(n2), targetId)] = true;
-        }
-      } else {
-        this.addedSet.add(n2);
-        this.droppedSet.delete(n2);
-      }
-      if (!isBlocked(n2, this.blockClass, this.blockSelector, false)) {
-        const childNodes2 = index.childNodes(n2);
-        for (let i2 = 0; i2 < childNodes2.length; i2++) {
-          this.genAdds(childNodes2[i2]);
-        }
-        if (hasShadowRoot(n2)) {
-          const shadowRootChildNodes = index.childNodes(index.shadowRoot(n2));
-          for (let i2 = 0; i2 < shadowRootChildNodes.length; i2++) {
-            const childN = shadowRootChildNodes[i2];
-            this.processedNodeManager.add(childN, this);
-            this.genAdds(childN, n2);
-          }
-        }
-      }
-    });
-  }
-  init(options) {
-    [
-      "mutationCb",
-      "blockClass",
-      "blockSelector",
-      "maskTextClass",
-      "maskTextSelector",
-      "inlineStylesheet",
-      "maskInputOptions",
-      "maskTextFn",
-      "maskInputFn",
-      "keepIframeSrcFn",
-      "recordCanvas",
-      "inlineImages",
-      "slimDOMOptions",
-      "dataURLOptions",
-      "doc",
-      "mirror",
-      "iframeManager",
-      "stylesheetManager",
-      "shadowDomManager",
-      "canvasManager",
-      "processedNodeManager"
-    ].forEach((key) => {
-      this[key] = options[key];
-    });
-  }
-  freeze() {
-    this.frozen = true;
-    this.canvasManager.freeze();
-  }
-  unfreeze() {
-    this.frozen = false;
-    this.canvasManager.unfreeze();
-    this.emit();
-  }
-  isFrozen() {
-    return this.frozen;
-  }
-  lock() {
-    this.locked = true;
-    this.canvasManager.lock();
-  }
-  unlock() {
-    this.locked = false;
-    this.canvasManager.unlock();
-    this.emit();
-  }
-  reset() {
-    this.shadowDomManager.reset();
-    this.canvasManager.reset();
-  }
-}
-function deepDelete(addsSet, n2) {
-  addsSet.delete(n2);
-  const childNodes2 = index.childNodes(n2);
-  for (let i2 = 0; i2 < childNodes2.length; i2++) {
-    deepDelete(addsSet, childNodes2[i2]);
-  }
-}
-function processRemoves(n2, cache) {
-  const queue = [n2];
-  while (queue.length) {
-    const next = queue.pop();
-    if (cache.has(next)) continue;
-    cache.add(next);
-    const childNodes2 = index.childNodes(next);
-    for (let i2 = 0; i2 < childNodes2.length; i2++) {
-      queue.push(childNodes2[i2]);
-    }
-  }
-  return;
-}
-function isParentRemoved(removes, n2, mirror2) {
-  if (removes.size === 0) return false;
-  return _isParentRemoved(removes, n2);
-}
-function _isParentRemoved(removes, n2, _mirror2) {
-  const node2 = index.parentNode(n2);
-  if (!node2) return false;
-  return removes.has(node2);
-}
-function isAncestorInSet(set, n2) {
-  if (set.size === 0) return false;
-  return _isAncestorInSet(set, n2);
-}
-function _isAncestorInSet(set, n2) {
-  const parent = index.parentNode(n2);
-  if (!parent) {
-    return false;
-  }
-  if (set.has(parent)) {
-    return true;
-  }
-  return _isAncestorInSet(set, parent);
-}
-let errorHandler;
-function registerErrorHandler(handler) {
-  errorHandler = handler;
-}
-function unregisterErrorHandler() {
-  errorHandler = void 0;
-}
-const callbackWrapper = (cb) => {
-  if (!errorHandler) {
-    return cb;
-  }
-  const rrwebWrapped = (...rest) => {
-    try {
-      return cb(...rest);
-    } catch (error) {
-      if (errorHandler && errorHandler(error) === true) {
-        return;
-      }
-      throw error;
-    }
-  };
-  return rrwebWrapped;
-};
-const mutationBuffers = [];
-function getEventTarget(event) {
-  try {
-    if ("composedPath" in event) {
-      const path = event.composedPath();
-      if (path.length) {
-        return path[0];
-      }
-    } else if ("path" in event && event.path.length) {
-      return event.path[0];
-    }
-  } catch (e) {
-  }
-  return event && event.target;
-}
-function initMutationObserver(options, rootEl) {
-  const mutationBuffer = new MutationBuffer();
-  mutationBuffers.push(mutationBuffer);
-  mutationBuffer.init(options);
-  const observer = new (mutationObserverCtor())(
-    callbackWrapper(mutationBuffer.processMutations.bind(mutationBuffer))
-  );
-  observer.observe(rootEl, {
-    attributes: true,
-    attributeOldValue: true,
-    characterData: true,
-    characterDataOldValue: true,
-    childList: true,
-    subtree: true
-  });
-  return observer;
-}
-function initMoveObserver({
-  mousemoveCb,
-  sampling,
-  doc,
-  mirror: mirror2
-}) {
-  if (sampling.mousemove === false) {
-    return () => {
-    };
-  }
-  const threshold = typeof sampling.mousemove === "number" ? sampling.mousemove : 50;
-  const callbackThreshold = typeof sampling.mousemoveCallback === "number" ? sampling.mousemoveCallback : 500;
-  let positions = [];
-  let timeBaseline;
-  const wrappedCb = throttle(
-    callbackWrapper(
-      (source) => {
-        const totalOffset = Date.now() - timeBaseline;
-        mousemoveCb(
-          positions.map((p) => {
-            p.timeOffset -= totalOffset;
-            return p;
-          }),
-          source
-        );
-        positions = [];
-        timeBaseline = null;
-      }
-    ),
-    callbackThreshold
-  );
-  const updatePosition = callbackWrapper(
-    throttle(
-      callbackWrapper((evt) => {
-        const target = getEventTarget(evt);
-        const { clientX, clientY } = legacy_isTouchEvent(evt) ? evt.changedTouches[0] : evt;
-        if (!timeBaseline) {
-          timeBaseline = nowTimestamp();
-        }
-        positions.push({
-          x: clientX,
-          y: clientY,
-          id: mirror2.getId(target),
-          timeOffset: nowTimestamp() - timeBaseline
-        });
-        wrappedCb(
-          typeof DragEvent !== "undefined" && evt instanceof DragEvent ? IncrementalSource.Drag : evt instanceof MouseEvent ? IncrementalSource.MouseMove : IncrementalSource.TouchMove
-        );
-      }),
-      threshold,
-      {
-        trailing: false
-      }
-    )
-  );
-  const handlers = [
-    on("mousemove", updatePosition, doc),
-    on("touchmove", updatePosition, doc),
-    on("drag", updatePosition, doc)
-  ];
-  return callbackWrapper(() => {
-    handlers.forEach((h) => h());
-  });
-}
-function initMouseInteractionObserver({
-  mouseInteractionCb,
-  doc,
-  mirror: mirror2,
-  blockClass,
-  blockSelector,
-  sampling
-}) {
-  if (sampling.mouseInteraction === false) {
-    return () => {
-    };
-  }
-  const disableMap = sampling.mouseInteraction === true || sampling.mouseInteraction === void 0 ? {} : sampling.mouseInteraction;
-  const handlers = [];
-  let currentPointerType = null;
-  const getHandler = (eventKey) => {
-    return (event) => {
-      const target = getEventTarget(event);
-      if (isBlocked(target, blockClass, blockSelector, true)) {
-        return;
-      }
-      let pointerType = null;
-      let thisEventKey = eventKey;
-      if ("pointerType" in event) {
-        switch (event.pointerType) {
-          case "mouse":
-            pointerType = PointerTypes.Mouse;
-            break;
-          case "touch":
-            pointerType = PointerTypes.Touch;
-            break;
-          case "pen":
-            pointerType = PointerTypes.Pen;
-            break;
-        }
-        if (pointerType === PointerTypes.Touch) {
-          if (MouseInteractions[eventKey] === MouseInteractions.MouseDown) {
-            thisEventKey = "TouchStart";
-          } else if (MouseInteractions[eventKey] === MouseInteractions.MouseUp) {
-            thisEventKey = "TouchEnd";
-          }
-        } else if (pointerType === PointerTypes.Pen) ;
-      } else if (legacy_isTouchEvent(event)) {
-        pointerType = PointerTypes.Touch;
-      }
-      if (pointerType !== null) {
-        currentPointerType = pointerType;
-        if (thisEventKey.startsWith("Touch") && pointerType === PointerTypes.Touch || thisEventKey.startsWith("Mouse") && pointerType === PointerTypes.Mouse) {
-          pointerType = null;
-        }
-      } else if (MouseInteractions[eventKey] === MouseInteractions.Click) {
-        pointerType = currentPointerType;
-        currentPointerType = null;
-      }
-      const e2 = legacy_isTouchEvent(event) ? event.changedTouches[0] : event;
-      if (!e2) {
-        return;
-      }
-      const id = mirror2.getId(target);
-      const { clientX, clientY } = e2;
-      callbackWrapper(mouseInteractionCb)(__spreadValues({
-        type: MouseInteractions[thisEventKey],
-        id,
-        x: clientX,
-        y: clientY
-      }, pointerType !== null && { pointerType }));
-    };
-  };
-  Object.keys(MouseInteractions).filter(
-    (key) => Number.isNaN(Number(key)) && !key.endsWith("_Departed") && disableMap[key] !== false
-  ).forEach((eventKey) => {
-    let eventName = toLowerCase(eventKey);
-    const handler = getHandler(eventKey);
-    if (window.PointerEvent) {
-      switch (MouseInteractions[eventKey]) {
-        case MouseInteractions.MouseDown:
-        case MouseInteractions.MouseUp:
-          eventName = eventName.replace(
-            "mouse",
-            "pointer"
-          );
-          break;
-        case MouseInteractions.TouchStart:
-        case MouseInteractions.TouchEnd:
-          return;
-      }
-    }
-    handlers.push(on(eventName, handler, doc));
-  });
-  return callbackWrapper(() => {
-    handlers.forEach((h) => h());
-  });
-}
-function initScrollObserver({
-  scrollCb,
-  doc,
-  mirror: mirror2,
-  blockClass,
-  blockSelector,
-  sampling
-}) {
-  const updatePosition = callbackWrapper(
-    throttle(
-      callbackWrapper((evt) => {
-        const target = getEventTarget(evt);
-        if (!target || isBlocked(target, blockClass, blockSelector, true)) {
-          return;
-        }
-        const id = mirror2.getId(target);
-        if (target === doc && doc.defaultView) {
-          const scrollLeftTop = getWindowScroll(doc.defaultView);
-          scrollCb({
-            id,
-            x: scrollLeftTop.left,
-            y: scrollLeftTop.top
-          });
-        } else {
-          scrollCb({
-            id,
-            x: target.scrollLeft,
-            y: target.scrollTop
-          });
-        }
-      }),
-      sampling.scroll || 100
-    )
-  );
-  return on("scroll", updatePosition, doc);
-}
-function initViewportResizeObserver({ viewportResizeCb }, { win }) {
-  let lastH = -1;
-  let lastW = -1;
-  const updateDimension = callbackWrapper(
-    throttle(
-      callbackWrapper(() => {
-        const height = getWindowHeight();
-        const width = getWindowWidth();
-        if (lastH !== height || lastW !== width) {
-          viewportResizeCb({
-            width: Number(width),
-            height: Number(height)
-          });
-          lastH = height;
-          lastW = width;
-        }
-      }),
-      200
-    )
-  );
-  return on("resize", updateDimension, win);
-}
-const INPUT_TAGS = ["INPUT", "TEXTAREA", "SELECT"];
-const lastInputValueMap = /* @__PURE__ */ new WeakMap();
-function initInputObserver({
-  inputCb,
-  doc,
-  mirror: mirror2,
-  blockClass,
-  blockSelector,
-  ignoreClass,
-  ignoreSelector,
-  maskInputOptions,
-  maskInputFn,
-  sampling,
-  userTriggeredOnInput
-}) {
-  function eventHandler(event) {
-    let target = getEventTarget(event);
-    const userTriggered = event.isTrusted;
-    const tagName = target && target.tagName;
-    if (target && tagName === "OPTION") {
-      target = index.parentElement(target);
-    }
-    if (!target || !tagName || INPUT_TAGS.indexOf(tagName) < 0 || isBlocked(target, blockClass, blockSelector, true)) {
-      return;
-    }
-    if (target.classList.contains(ignoreClass) || ignoreSelector && target.matches(ignoreSelector)) {
-      return;
-    }
-    let text = target.value;
-    let isChecked = false;
-    const type = getInputType(target) || "";
-    if (type === "radio" || type === "checkbox") {
-      isChecked = target.checked;
-    } else if (maskInputOptions[tagName.toLowerCase()] || maskInputOptions[type]) {
-      text = maskInputValue({
-        element: target,
-        maskInputOptions,
-        tagName,
-        type,
-        value: text,
-        maskInputFn
-      });
-    }
-    cbWithDedup(
-      target,
-      userTriggeredOnInput ? { text, isChecked, userTriggered } : { text, isChecked }
-    );
-    const name = target.name;
-    if (type === "radio" && name && isChecked) {
-      doc.querySelectorAll(`input[type="radio"][name="${name}"]`).forEach((el) => {
-        if (el !== target) {
-          const text2 = el.value;
-          cbWithDedup(
-            el,
-            userTriggeredOnInput ? { text: text2, isChecked: !isChecked, userTriggered: false } : { text: text2, isChecked: !isChecked }
-          );
-        }
-      });
-    }
-  }
-  function cbWithDedup(target, v2) {
-    const lastInputValue = lastInputValueMap.get(target);
-    if (!lastInputValue || lastInputValue.text !== v2.text || lastInputValue.isChecked !== v2.isChecked) {
-      lastInputValueMap.set(target, v2);
-      const id = mirror2.getId(target);
-      callbackWrapper(inputCb)(__spreadProps(__spreadValues({}, v2), {
-        id
-      }));
-    }
-  }
-  const events = sampling.input === "last" ? ["change"] : ["input", "change"];
-  const handlers = events.map(
-    (eventName) => on(eventName, callbackWrapper(eventHandler), doc)
-  );
-  const currentWindow = doc.defaultView;
-  if (!currentWindow) {
-    return () => {
-      handlers.forEach((h) => h());
-    };
-  }
-  const propertyDescriptor = currentWindow.Object.getOwnPropertyDescriptor(
-    currentWindow.HTMLInputElement.prototype,
-    "value"
-  );
-  const hookProperties = [
-    [currentWindow.HTMLInputElement.prototype, "value"],
-    [currentWindow.HTMLInputElement.prototype, "checked"],
-    [currentWindow.HTMLSelectElement.prototype, "value"],
-    [currentWindow.HTMLTextAreaElement.prototype, "value"],
-    // Some UI library use selectedIndex to set select value
-    [currentWindow.HTMLSelectElement.prototype, "selectedIndex"],
-    [currentWindow.HTMLOptionElement.prototype, "selected"]
-  ];
-  if (propertyDescriptor && propertyDescriptor.set) {
-    handlers.push(
-      ...hookProperties.map(
-        (p) => hookSetter(
-          p[0],
-          p[1],
-          {
-            set() {
-              callbackWrapper(eventHandler)({
-                target: this,
-                isTrusted: false
-                // userTriggered to false as this could well be programmatic
-              });
-            }
-          },
-          false,
-          currentWindow
-        )
-      )
-    );
-  }
-  return callbackWrapper(() => {
-    handlers.forEach((h) => h());
-  });
-}
-function getNestedCSSRulePositions(rule2) {
-  const positions = [];
-  function recurse(childRule, pos) {
-    if (hasNestedCSSRule("CSSGroupingRule") && childRule.parentRule instanceof CSSGroupingRule || hasNestedCSSRule("CSSMediaRule") && childRule.parentRule instanceof CSSMediaRule || hasNestedCSSRule("CSSSupportsRule") && childRule.parentRule instanceof CSSSupportsRule || hasNestedCSSRule("CSSConditionRule") && childRule.parentRule instanceof CSSConditionRule) {
-      const rules2 = Array.from(
-        childRule.parentRule.cssRules
-      );
-      const index2 = rules2.indexOf(childRule);
-      pos.unshift(index2);
-    } else if (childRule.parentStyleSheet) {
-      const rules2 = Array.from(childRule.parentStyleSheet.cssRules);
-      const index2 = rules2.indexOf(childRule);
-      pos.unshift(index2);
-    }
-    return pos;
-  }
-  return recurse(rule2, positions);
-}
-function getIdAndStyleId(sheet, mirror2, styleMirror) {
-  let id, styleId;
-  if (!sheet) return {};
-  if (sheet.ownerNode) id = mirror2.getId(sheet.ownerNode);
-  else styleId = styleMirror.getId(sheet);
-  return {
-    styleId,
-    id
-  };
-}
-function initStyleSheetObserver({ styleSheetRuleCb, mirror: mirror2, stylesheetManager }, { win }) {
-  if (!win.CSSStyleSheet || !win.CSSStyleSheet.prototype) {
-    return () => {
-    };
-  }
-  const insertRule = win.CSSStyleSheet.prototype.insertRule;
-  win.CSSStyleSheet.prototype.insertRule = new Proxy(insertRule, {
-    apply: callbackWrapper(
-      (target, thisArg, argumentsList) => {
-        const [rule2, index2] = argumentsList;
-        const { id, styleId } = getIdAndStyleId(
-          thisArg,
-          mirror2,
-          stylesheetManager.styleMirror
-        );
-        if (id && id !== -1 || styleId && styleId !== -1) {
-          styleSheetRuleCb({
-            id,
-            styleId,
-            adds: [{ rule: rule2, index: index2 }]
-          });
-        }
-        return target.apply(thisArg, argumentsList);
-      }
-    )
-  });
-  win.CSSStyleSheet.prototype.addRule = function(selector, styleBlock, index2 = this.cssRules.length) {
-    const rule2 = `${selector} { ${styleBlock} }`;
-    return win.CSSStyleSheet.prototype.insertRule.apply(this, [rule2, index2]);
-  };
-  const deleteRule = win.CSSStyleSheet.prototype.deleteRule;
-  win.CSSStyleSheet.prototype.deleteRule = new Proxy(deleteRule, {
-    apply: callbackWrapper(
-      (target, thisArg, argumentsList) => {
-        const [index2] = argumentsList;
-        const { id, styleId } = getIdAndStyleId(
-          thisArg,
-          mirror2,
-          stylesheetManager.styleMirror
-        );
-        if (id && id !== -1 || styleId && styleId !== -1) {
-          styleSheetRuleCb({
-            id,
-            styleId,
-            removes: [{ index: index2 }]
-          });
+        if (target && this.mirror.hasNode(target)) {
+          targetId = this.mirror.getId(target);
         }
-        return target.apply(thisArg, argumentsList);
+        if (targetId && targetId !== -1) {
+          this.movedMap[moveKey(this.mirror.getId(n2), targetId)] = true;
+        }
+      } else {
+        this.addedSet.add(n2);
+        this.droppedSet.delete(n2);
       }
-    )
-  });
-  win.CSSStyleSheet.prototype.removeRule = function(index2) {
-    return win.CSSStyleSheet.prototype.deleteRule.apply(this, [index2]);
-  };
-  let replace;
-  if (win.CSSStyleSheet.prototype.replace) {
-    replace = win.CSSStyleSheet.prototype.replace;
-    win.CSSStyleSheet.prototype.replace = new Proxy(replace, {
-      apply: callbackWrapper(
-        (target, thisArg, argumentsList) => {
-          const [text] = argumentsList;
-          const { id, styleId } = getIdAndStyleId(
-            thisArg,
-            mirror2,
-            stylesheetManager.styleMirror
-          );
-          if (id && id !== -1 || styleId && styleId !== -1) {
-            styleSheetRuleCb({
-              id,
-              styleId,
-              replace: text
-            });
+      if (!isBlocked(n2, this.blockClass, this.blockSelector, false)) {
+        const childNodes2 = index$1.childNodes(n2);
+        for (let i2 = 0; i2 < childNodes2.length; i2++) {
+          this.genAdds(childNodes2[i2]);
+        }
+        if (hasShadowRoot(n2)) {
+          const shadowRootChildNodes = index$1.childNodes(index$1.shadowRoot(n2));
+          for (let i2 = 0; i2 < shadowRootChildNodes.length; i2++) {
+            const childN = shadowRootChildNodes[i2];
+            this.processedNodeManager.add(childN, this);
+            this.genAdds(childN, n2);
           }
-          return target.apply(thisArg, argumentsList);
         }
-      )
+      }
     });
   }
-  let replaceSync;
-  if (win.CSSStyleSheet.prototype.replaceSync) {
-    replaceSync = win.CSSStyleSheet.prototype.replaceSync;
-    win.CSSStyleSheet.prototype.replaceSync = new Proxy(replaceSync, {
-      apply: callbackWrapper(
-        (target, thisArg, argumentsList) => {
-          const [text] = argumentsList;
-          const { id, styleId } = getIdAndStyleId(
-            thisArg,
-            mirror2,
-            stylesheetManager.styleMirror
-          );
-          if (id && id !== -1 || styleId && styleId !== -1) {
-            styleSheetRuleCb({
-              id,
-              styleId,
-              replaceSync: text
-            });
-          }
-          return target.apply(thisArg, argumentsList);
-        }
-      )
+  init(options) {
+    [
+      "mutationCb",
+      "blockClass",
+      "blockSelector",
+      "maskTextClass",
+      "maskTextSelector",
+      "inlineStylesheet",
+      "maskInputOptions",
+      "maskTextFn",
+      "maskInputFn",
+      "keepIframeSrcFn",
+      "recordCanvas",
+      "inlineImages",
+      "slimDOMOptions",
+      "dataURLOptions",
+      "doc",
+      "mirror",
+      "iframeManager",
+      "stylesheetManager",
+      "shadowDomManager",
+      "canvasManager",
+      "processedNodeManager"
+    ].forEach((key) => {
+      this[key] = options[key];
     });
   }
-  const supportedNestedCSSRuleTypes = {};
-  if (canMonkeyPatchNestedCSSRule("CSSGroupingRule")) {
-    supportedNestedCSSRuleTypes.CSSGroupingRule = win.CSSGroupingRule;
-  } else {
-    if (canMonkeyPatchNestedCSSRule("CSSMediaRule")) {
-      supportedNestedCSSRuleTypes.CSSMediaRule = win.CSSMediaRule;
-    }
-    if (canMonkeyPatchNestedCSSRule("CSSConditionRule")) {
-      supportedNestedCSSRuleTypes.CSSConditionRule = win.CSSConditionRule;
-    }
-    if (canMonkeyPatchNestedCSSRule("CSSSupportsRule")) {
-      supportedNestedCSSRuleTypes.CSSSupportsRule = win.CSSSupportsRule;
+  freeze() {
+    this.frozen = true;
+    this.canvasManager.freeze();
+  }
+  unfreeze() {
+    this.frozen = false;
+    this.canvasManager.unfreeze();
+    this.emit();
+  }
+  isFrozen() {
+    return this.frozen;
+  }
+  lock() {
+    this.locked = true;
+    this.canvasManager.lock();
+  }
+  unlock() {
+    this.locked = false;
+    this.canvasManager.unlock();
+    this.emit();
+  }
+  reset() {
+    this.shadowDomManager.reset();
+    this.canvasManager.reset();
+  }
+}
+function deepDelete(addsSet, n2) {
+  addsSet.delete(n2);
+  const childNodes2 = index$1.childNodes(n2);
+  for (let i2 = 0; i2 < childNodes2.length; i2++) {
+    deepDelete(addsSet, childNodes2[i2]);
+  }
+}
+function processRemoves(n2, cache) {
+  const queue = [n2];
+  while (queue.length) {
+    const next = queue.pop();
+    if (cache.has(next)) continue;
+    cache.add(next);
+    const childNodes2 = index$1.childNodes(next);
+    for (let i2 = 0; i2 < childNodes2.length; i2++) {
+      queue.push(childNodes2[i2]);
     }
   }
-  const unmodifiedFunctions = {};
-  Object.entries(supportedNestedCSSRuleTypes).forEach(([typeKey, type]) => {
-    unmodifiedFunctions[typeKey] = {
-      // eslint-disable-next-line @typescript-eslint/unbound-method
-      insertRule: type.prototype.insertRule,
-      // eslint-disable-next-line @typescript-eslint/unbound-method
-      deleteRule: type.prototype.deleteRule
-    };
-    type.prototype.insertRule = new Proxy(
-      unmodifiedFunctions[typeKey].insertRule,
-      {
-        apply: callbackWrapper(
-          (target, thisArg, argumentsList) => {
-            const [rule2, index2] = argumentsList;
-            const { id, styleId } = getIdAndStyleId(
-              thisArg.parentStyleSheet,
-              mirror2,
-              stylesheetManager.styleMirror
-            );
-            if (id && id !== -1 || styleId && styleId !== -1) {
-              styleSheetRuleCb({
-                id,
-                styleId,
-                adds: [
-                  {
-                    rule: rule2,
-                    index: [
-                      ...getNestedCSSRulePositions(thisArg),
-                      index2 || 0
-                      // defaults to 0
-                    ]
-                  }
-                ]
-              });
-            }
-            return target.apply(thisArg, argumentsList);
-          }
-        )
-      }
-    );
-    type.prototype.deleteRule = new Proxy(
-      unmodifiedFunctions[typeKey].deleteRule,
-      {
-        apply: callbackWrapper(
-          (target, thisArg, argumentsList) => {
-            const [index2] = argumentsList;
-            const { id, styleId } = getIdAndStyleId(
-              thisArg.parentStyleSheet,
-              mirror2,
-              stylesheetManager.styleMirror
-            );
-            if (id && id !== -1 || styleId && styleId !== -1) {
-              styleSheetRuleCb({
-                id,
-                styleId,
-                removes: [
-                  { index: [...getNestedCSSRulePositions(thisArg), index2] }
-                ]
-              });
-            }
-            return target.apply(thisArg, argumentsList);
-          }
-        )
-      }
-    );
-  });
-  return callbackWrapper(() => {
-    win.CSSStyleSheet.prototype.insertRule = insertRule;
-    win.CSSStyleSheet.prototype.deleteRule = deleteRule;
-    replace && (win.CSSStyleSheet.prototype.replace = replace);
-    replaceSync && (win.CSSStyleSheet.prototype.replaceSync = replaceSync);
-    Object.entries(supportedNestedCSSRuleTypes).forEach(([typeKey, type]) => {
-      type.prototype.insertRule = unmodifiedFunctions[typeKey].insertRule;
-      type.prototype.deleteRule = unmodifiedFunctions[typeKey].deleteRule;
-    });
-  });
+  return;
 }
-function initAdoptedStyleSheetObserver({
-  mirror: mirror2,
-  stylesheetManager
-}, host2) {
-  var _a2, _b2, _c;
-  let hostId = null;
-  if (host2.nodeName === "#document") hostId = mirror2.getId(host2);
-  else hostId = mirror2.getId(index.host(host2));
-  const patchTarget = host2.nodeName === "#document" ? (_a2 = host2.defaultView) == null ? void 0 : _a2.Document : (_c = (_b2 = host2.ownerDocument) == null ? void 0 : _b2.defaultView) == null ? void 0 : _c.ShadowRoot;
-  const originalPropertyDescriptor = (patchTarget == null ? void 0 : patchTarget.prototype) ? Object.getOwnPropertyDescriptor(
-    patchTarget == null ? void 0 : patchTarget.prototype,
-    "adoptedStyleSheets"
-  ) : void 0;
-  if (hostId === null || hostId === -1 || !patchTarget || !originalPropertyDescriptor)
-    return () => {
-    };
-  Object.defineProperty(host2, "adoptedStyleSheets", {
-    configurable: originalPropertyDescriptor.configurable,
-    enumerable: originalPropertyDescriptor.enumerable,
-    get() {
-      var _a3;
-      return (_a3 = originalPropertyDescriptor.get) == null ? void 0 : _a3.call(this);
-    },
-    set(sheets) {
-      var _a3;
-      const result2 = (_a3 = originalPropertyDescriptor.set) == null ? void 0 : _a3.call(this, sheets);
-      if (hostId !== null && hostId !== -1) {
-        try {
-          stylesheetManager.adoptStyleSheets(sheets, hostId);
-        } catch (e2) {
-        }
+function isParentRemoved(removes, n2, mirror2) {
+  if (removes.size === 0) return false;
+  return _isParentRemoved(removes, n2);
+}
+function _isParentRemoved(removes, n2, _mirror2) {
+  const node2 = index$1.parentNode(n2);
+  if (!node2) return false;
+  return removes.has(node2);
+}
+function isAncestorInSet(set, n2) {
+  if (set.size === 0) return false;
+  return _isAncestorInSet(set, n2);
+}
+function _isAncestorInSet(set, n2) {
+  const parent = index$1.parentNode(n2);
+  if (!parent) {
+    return false;
+  }
+  if (set.has(parent)) {
+    return true;
+  }
+  return _isAncestorInSet(set, parent);
+}
+const mutationBuffers = [];
+function getEventTarget(event) {
+  try {
+    if ("composedPath" in event) {
+      const path = event.composedPath();
+      if (path.length) {
+        return path[0];
       }
-      return result2;
+    } else if ("path" in event && event.path.length) {
+      return event.path[0];
     }
-  });
-  return callbackWrapper(() => {
-    Object.defineProperty(host2, "adoptedStyleSheets", {
-      configurable: originalPropertyDescriptor.configurable,
-      enumerable: originalPropertyDescriptor.enumerable,
-      // eslint-disable-next-line @typescript-eslint/unbound-method
-      get: originalPropertyDescriptor.get,
-      // eslint-disable-next-line @typescript-eslint/unbound-method
-      set: originalPropertyDescriptor.set
-    });
-  });
+  } catch (e) {
+  }
+  return event && event.target;
 }
-function initStyleDeclarationObserver({
-  styleDeclarationCb,
-  mirror: mirror2,
-  ignoreCSSAttributes,
-  stylesheetManager
-}, { win }) {
-  const setProperty = win.CSSStyleDeclaration.prototype.setProperty;
-  win.CSSStyleDeclaration.prototype.setProperty = new Proxy(setProperty, {
-    apply: callbackWrapper(
-      (target, thisArg, argumentsList) => {
-        var _a2;
-        const [property, value, priority] = argumentsList;
-        if (ignoreCSSAttributes.has(property)) {
-          return setProperty.apply(thisArg, [property, value, priority]);
-        }
-        const { id, styleId } = getIdAndStyleId(
-          (_a2 = thisArg.parentRule) == null ? void 0 : _a2.parentStyleSheet,
-          mirror2,
-          stylesheetManager.styleMirror
-        );
-        if (id && id !== -1 || styleId && styleId !== -1) {
-          styleDeclarationCb({
-            id,
-            styleId,
-            set: {
-              property,
-              value,
-              priority
-            },
-            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-            index: getNestedCSSRulePositions(thisArg.parentRule)
-          });
-        }
-        return target.apply(thisArg, argumentsList);
-      }
-    )
-  });
-  const removeProperty = win.CSSStyleDeclaration.prototype.removeProperty;
-  win.CSSStyleDeclaration.prototype.removeProperty = new Proxy(removeProperty, {
-    apply: callbackWrapper(
-      (target, thisArg, argumentsList) => {
-        var _a2;
-        const [property] = argumentsList;
-        if (ignoreCSSAttributes.has(property)) {
-          return removeProperty.apply(thisArg, [property]);
-        }
-        const { id, styleId } = getIdAndStyleId(
-          (_a2 = thisArg.parentRule) == null ? void 0 : _a2.parentStyleSheet,
-          mirror2,
-          stylesheetManager.styleMirror
-        );
-        if (id && id !== -1 || styleId && styleId !== -1) {
-          styleDeclarationCb({
-            id,
-            styleId,
-            remove: {
-              property
-            },
-            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-            index: getNestedCSSRulePositions(thisArg.parentRule)
-          });
-        }
-        return target.apply(thisArg, argumentsList);
-      }
-    )
-  });
-  return callbackWrapper(() => {
-    win.CSSStyleDeclaration.prototype.setProperty = setProperty;
-    win.CSSStyleDeclaration.prototype.removeProperty = removeProperty;
+function initMutationObserver(options, rootEl) {
+  const mutationBuffer = new MutationBuffer();
+  mutationBuffers.push(mutationBuffer);
+  mutationBuffer.init(options);
+  const observer = new (mutationObserverCtor$1())(
+    callbackWrapper(mutationBuffer.processMutations.bind(mutationBuffer))
+  );
+  observer.observe(rootEl, {
+    attributes: true,
+    attributeOldValue: true,
+    characterData: true,
+    characterDataOldValue: true,
+    childList: true,
+    subtree: true
   });
+  return observer;
 }
-function initMediaInteractionObserver({
-  mediaInteractionCb,
-  blockClass,
-  blockSelector,
-  mirror: mirror2,
+function initMoveObserver({
+  mousemoveCb,
   sampling,
-  doc
+  doc,
+  mirror: mirror2
 }) {
-  const handler = callbackWrapper(
-    (type) => throttle(
-      callbackWrapper((event) => {
-        const target = getEventTarget(event);
-        if (!target || isBlocked(target, blockClass, blockSelector, true)) {
-          return;
+  if (sampling.mousemove === false) {
+    return () => {
+    };
+  }
+  const threshold = typeof sampling.mousemove === "number" ? sampling.mousemove : 50;
+  const callbackThreshold = typeof sampling.mousemoveCallback === "number" ? sampling.mousemoveCallback : 500;
+  let positions = [];
+  let timeBaseline;
+  const wrappedCb = throttle(
+    callbackWrapper(
+      (source) => {
+        const totalOffset = Date.now() - timeBaseline;
+        mousemoveCb(
+          positions.map((p) => {
+            p.timeOffset -= totalOffset;
+            return p;
+          }),
+          source
+        );
+        positions = [];
+        timeBaseline = null;
+      }
+    ),
+    callbackThreshold
+  );
+  const updatePosition = callbackWrapper(
+    throttle(
+      callbackWrapper((evt) => {
+        const target = getEventTarget(evt);
+        const { clientX, clientY } = legacy_isTouchEvent(evt) ? evt.changedTouches[0] : evt;
+        if (!timeBaseline) {
+          timeBaseline = nowTimestamp();
         }
-        const { currentTime, volume, muted, playbackRate, loop } = target;
-        mediaInteractionCb({
-          type,
+        positions.push({
+          x: clientX,
+          y: clientY,
           id: mirror2.getId(target),
-          currentTime,
-          volume,
-          muted,
-          playbackRate,
-          loop
+          timeOffset: nowTimestamp() - timeBaseline
         });
+        wrappedCb(
+          typeof DragEvent !== "undefined" && evt instanceof DragEvent ? IncrementalSource.Drag : evt instanceof MouseEvent ? IncrementalSource.MouseMove : IncrementalSource.TouchMove
+        );
       }),
-      sampling.media || 500
+      threshold,
+      {
+        trailing: false
+      }
     )
   );
   const handlers = [
-    on("play", handler(MediaInteractions.Play), doc),
-    on("pause", handler(MediaInteractions.Pause), doc),
-    on("seeked", handler(MediaInteractions.Seeked), doc),
-    on("volumechange", handler(MediaInteractions.VolumeChange), doc),
-    on("ratechange", handler(MediaInteractions.RateChange), doc)
+    on("mousemove", updatePosition, doc),
+    on("touchmove", updatePosition, doc),
+    on("drag", updatePosition, doc)
   ];
   return callbackWrapper(() => {
     handlers.forEach((h) => h());
   });
 }
-function initFontObserver({ fontCb, doc }) {
-  const win = doc.defaultView;
-  if (!win) {
+function initMouseInteractionObserver({
+  mouseInteractionCb,
+  doc,
+  mirror: mirror2,
+  blockClass,
+  blockSelector,
+  sampling
+}) {
+  if (sampling.mouseInteraction === false) {
     return () => {
     };
-  }
-  const handlers = [];
-  const fontMap = /* @__PURE__ */ new WeakMap();
-  const originalFontFace = win.FontFace;
-  win.FontFace = function FontFace2(family, source, descriptors) {
-    const fontFace = new originalFontFace(family, source, descriptors);
-    fontMap.set(fontFace, {
-      family,
-      buffer: typeof source !== "string",
-      descriptors,
-      fontSource: typeof source === "string" ? source : JSON.stringify(Array.from(new Uint8Array(source)))
-    });
-    return fontFace;
+  }
+  const disableMap = sampling.mouseInteraction === true || sampling.mouseInteraction === void 0 ? {} : sampling.mouseInteraction;
+  const handlers = [];
+  let currentPointerType = null;
+  const getHandler = (eventKey) => {
+    return (event) => {
+      const target = getEventTarget(event);
+      if (isBlocked(target, blockClass, blockSelector, true)) {
+        return;
+      }
+      let pointerType = null;
+      let thisEventKey = eventKey;
+      if ("pointerType" in event) {
+        switch (event.pointerType) {
+          case "mouse":
+            pointerType = PointerTypes.Mouse;
+            break;
+          case "touch":
+            pointerType = PointerTypes.Touch;
+            break;
+          case "pen":
+            pointerType = PointerTypes.Pen;
+            break;
+        }
+        if (pointerType === PointerTypes.Touch) {
+          if (MouseInteractions[eventKey] === MouseInteractions.MouseDown) {
+            thisEventKey = "TouchStart";
+          } else if (MouseInteractions[eventKey] === MouseInteractions.MouseUp) {
+            thisEventKey = "TouchEnd";
+          }
+        } else if (pointerType === PointerTypes.Pen) ;
+      } else if (legacy_isTouchEvent(event)) {
+        pointerType = PointerTypes.Touch;
+      }
+      if (pointerType !== null) {
+        currentPointerType = pointerType;
+        if (thisEventKey.startsWith("Touch") && pointerType === PointerTypes.Touch || thisEventKey.startsWith("Mouse") && pointerType === PointerTypes.Mouse) {
+          pointerType = null;
+        }
+      } else if (MouseInteractions[eventKey] === MouseInteractions.Click) {
+        pointerType = currentPointerType;
+        currentPointerType = null;
+      }
+      const e2 = legacy_isTouchEvent(event) ? event.changedTouches[0] : event;
+      if (!e2) {
+        return;
+      }
+      const id = mirror2.getId(target);
+      const { clientX, clientY } = e2;
+      callbackWrapper(mouseInteractionCb)(__spreadValues({
+        type: MouseInteractions[thisEventKey],
+        id,
+        x: clientX,
+        y: clientY
+      }, pointerType !== null && { pointerType }));
+    };
   };
-  const restoreHandler = patch(
-    doc.fonts,
-    "add",
-    function(original) {
-      return function(fontFace) {
-        setTimeout(
-          callbackWrapper(() => {
-            const p = fontMap.get(fontFace);
-            if (p) {
-              fontCb(p);
-              fontMap.delete(fontFace);
-            }
-          }),
-          0
-        );
-        return original.apply(this, [fontFace]);
-      };
+  Object.keys(MouseInteractions).filter(
+    (key) => Number.isNaN(Number(key)) && !key.endsWith("_Departed") && disableMap[key] !== false
+  ).forEach((eventKey) => {
+    let eventName = toLowerCase(eventKey);
+    const handler = getHandler(eventKey);
+    if (window.PointerEvent) {
+      switch (MouseInteractions[eventKey]) {
+        case MouseInteractions.MouseDown:
+        case MouseInteractions.MouseUp:
+          eventName = eventName.replace(
+            "mouse",
+            "pointer"
+          );
+          break;
+        case MouseInteractions.TouchStart:
+        case MouseInteractions.TouchEnd:
+          return;
+      }
     }
-  );
-  handlers.push(() => {
-    win.FontFace = originalFontFace;
+    handlers.push(on(eventName, handler, doc));
   });
-  handlers.push(restoreHandler);
   return callbackWrapper(() => {
     handlers.forEach((h) => h());
   });
 }
-function initSelectionObserver(param) {
-  const { doc, mirror: mirror2, blockClass, blockSelector, selectionCb } = param;
-  let collapsed = true;
-  const updateSelection = callbackWrapper(() => {
-    const selection = doc.getSelection();
-    if (!selection || collapsed && (selection == null ? void 0 : selection.isCollapsed)) return;
-    collapsed = selection.isCollapsed || false;
-    const ranges = [];
-    const count = selection.rangeCount || 0;
-    for (let i2 = 0; i2 < count; i2++) {
-      const range = selection.getRangeAt(i2);
-      const { startContainer, startOffset, endContainer, endOffset } = range;
-      const blocked = isBlocked(startContainer, blockClass, blockSelector, true) || isBlocked(endContainer, blockClass, blockSelector, true);
-      if (blocked) continue;
-      ranges.push({
-        start: mirror2.getId(startContainer),
-        startOffset,
-        end: mirror2.getId(endContainer),
-        endOffset
-      });
-    }
-    selectionCb({ ranges });
-  });
-  updateSelection();
-  return on("selectionchange", updateSelection);
-}
-function initCustomElementObserver({
+function initScrollObserver({
+  scrollCb,
   doc,
-  customElementCb
+  mirror: mirror2,
+  blockClass,
+  blockSelector,
+  sampling
 }) {
-  const win = doc.defaultView;
-  if (!win || !win.customElements) return () => {
-  };
-  const restoreHandler = patch(
-    win.customElements,
-    "define",
-    function(original) {
-      return function(name, constructor, options) {
-        try {
-          customElementCb({
-            define: {
-              name
-            }
+  const updatePosition = callbackWrapper(
+    throttle(
+      callbackWrapper((evt) => {
+        const target = getEventTarget(evt);
+        if (!target || isBlocked(target, blockClass, blockSelector, true)) {
+          return;
+        }
+        const id = mirror2.getId(target);
+        if (target === doc && doc.defaultView) {
+          const scrollLeftTop = getWindowScroll(doc.defaultView);
+          scrollCb({
+            id,
+            x: scrollLeftTop.left,
+            y: scrollLeftTop.top
+          });
+        } else {
+          scrollCb({
+            id,
+            x: target.scrollLeft,
+            y: target.scrollTop
           });
-        } catch (e2) {
-          console.warn(`Custom element callback failed for ${name}`);
         }
-        return original.apply(this, [name, constructor, options]);
-      };
-    }
+      }),
+      sampling.scroll || 100
+    )
   );
-  return restoreHandler;
+  return on("scroll", updatePosition, doc);
 }
-function mergeHooks(o2, hooks) {
-  const {
-    mutationCb,
-    mousemoveCb,
-    mouseInteractionCb,
-    scrollCb,
-    viewportResizeCb,
-    inputCb,
-    mediaInteractionCb,
-    styleSheetRuleCb,
-    styleDeclarationCb,
-    canvasMutationCb,
-    fontCb,
-    selectionCb,
-    customElementCb
-  } = o2;
-  o2.mutationCb = (...p) => {
-    if (hooks.mutation) {
-      hooks.mutation(...p);
-    }
-    mutationCb(...p);
-  };
-  o2.mousemoveCb = (...p) => {
-    if (hooks.mousemove) {
-      hooks.mousemove(...p);
-    }
-    mousemoveCb(...p);
-  };
-  o2.mouseInteractionCb = (...p) => {
-    if (hooks.mouseInteraction) {
-      hooks.mouseInteraction(...p);
-    }
-    mouseInteractionCb(...p);
-  };
-  o2.scrollCb = (...p) => {
-    if (hooks.scroll) {
-      hooks.scroll(...p);
-    }
-    scrollCb(...p);
-  };
-  o2.viewportResizeCb = (...p) => {
-    if (hooks.viewportResize) {
-      hooks.viewportResize(...p);
-    }
-    viewportResizeCb(...p);
-  };
-  o2.inputCb = (...p) => {
-    if (hooks.input) {
-      hooks.input(...p);
-    }
-    inputCb(...p);
-  };
-  o2.mediaInteractionCb = (...p) => {
-    if (hooks.mediaInteaction) {
-      hooks.mediaInteaction(...p);
-    }
-    mediaInteractionCb(...p);
-  };
-  o2.styleSheetRuleCb = (...p) => {
-    if (hooks.styleSheetRule) {
-      hooks.styleSheetRule(...p);
+function initViewportResizeObserver({ viewportResizeCb }, { win }) {
+  let lastH = -1;
+  let lastW = -1;
+  const updateDimension = callbackWrapper(
+    throttle(
+      callbackWrapper(() => {
+        const height = getWindowHeight();
+        const width = getWindowWidth();
+        if (lastH !== height || lastW !== width) {
+          viewportResizeCb({
+            width: Number(width),
+            height: Number(height)
+          });
+          lastH = height;
+          lastW = width;
+        }
+      }),
+      200
+    )
+  );
+  return on("resize", updateDimension, win);
+}
+const INPUT_TAGS = ["INPUT", "TEXTAREA", "SELECT"];
+const lastInputValueMap = /* @__PURE__ */ new WeakMap();
+function initInputObserver({
+  inputCb,
+  doc,
+  mirror: mirror2,
+  blockClass,
+  blockSelector,
+  ignoreClass,
+  ignoreSelector,
+  maskInputOptions,
+  maskInputFn,
+  sampling,
+  userTriggeredOnInput
+}) {
+  function eventHandler(event) {
+    let target = getEventTarget(event);
+    const userTriggered = event.isTrusted;
+    const tagName = target && target.tagName;
+    if (target && tagName === "OPTION") {
+      target = index$1.parentElement(target);
     }
-    styleSheetRuleCb(...p);
-  };
-  o2.styleDeclarationCb = (...p) => {
-    if (hooks.styleDeclaration) {
-      hooks.styleDeclaration(...p);
+    if (!target || !tagName || INPUT_TAGS.indexOf(tagName) < 0 || isBlocked(target, blockClass, blockSelector, true)) {
+      return;
     }
-    styleDeclarationCb(...p);
-  };
-  o2.canvasMutationCb = (...p) => {
-    if (hooks.canvasMutation) {
-      hooks.canvasMutation(...p);
+    if (target.classList.contains(ignoreClass) || ignoreSelector && target.matches(ignoreSelector)) {
+      return;
     }
-    canvasMutationCb(...p);
-  };
-  o2.fontCb = (...p) => {
-    if (hooks.font) {
-      hooks.font(...p);
+    let text = target.value;
+    let isChecked = false;
+    const type = getInputType(target) || "";
+    if (type === "radio" || type === "checkbox") {
+      isChecked = target.checked;
+    } else if (maskInputOptions[tagName.toLowerCase()] || maskInputOptions[type]) {
+      text = maskInputValue({
+        element: target,
+        maskInputOptions,
+        tagName,
+        type,
+        value: text,
+        maskInputFn
+      });
     }
-    fontCb(...p);
-  };
-  o2.selectionCb = (...p) => {
-    if (hooks.selection) {
-      hooks.selection(...p);
+    cbWithDedup(
+      target,
+      userTriggeredOnInput ? { text, isChecked, userTriggered } : { text, isChecked }
+    );
+    const name = target.name;
+    if (type === "radio" && name && isChecked) {
+      doc.querySelectorAll(`input[type="radio"][name="${name}"]`).forEach((el) => {
+        if (el !== target) {
+          const text2 = el.value;
+          cbWithDedup(
+            el,
+            userTriggeredOnInput ? { text: text2, isChecked: !isChecked, userTriggered: false } : { text: text2, isChecked: !isChecked }
+          );
+        }
+      });
     }
-    selectionCb(...p);
-  };
-  o2.customElementCb = (...c2) => {
-    if (hooks.customElement) {
-      hooks.customElement(...c2);
+  }
+  function cbWithDedup(target, v2) {
+    const lastInputValue = lastInputValueMap.get(target);
+    if (!lastInputValue || lastInputValue.text !== v2.text || lastInputValue.isChecked !== v2.isChecked) {
+      lastInputValueMap.set(target, v2);
+      const id = mirror2.getId(target);
+      callbackWrapper(inputCb)(__spreadProps(__spreadValues({}, v2), {
+        id
+      }));
     }
-    customElementCb(...c2);
-  };
-}
-function initObservers(o2, hooks = {}) {
-  const currentWindow = o2.doc.defaultView;
+  }
+  const events = sampling.input === "last" ? ["change"] : ["input", "change"];
+  const handlers = events.map(
+    (eventName) => on(eventName, callbackWrapper(eventHandler), doc)
+  );
+  const currentWindow = doc.defaultView;
   if (!currentWindow) {
     return () => {
+      handlers.forEach((h) => h());
     };
   }
-  mergeHooks(o2, hooks);
-  let mutationObserver;
-  if (o2.recordDOM) {
-    mutationObserver = initMutationObserver(o2, o2.doc);
-  }
-  const mousemoveHandler = initMoveObserver(o2);
-  const mouseInteractionHandler = initMouseInteractionObserver(o2);
-  const scrollHandler = initScrollObserver(o2);
-  const viewportResizeHandler = initViewportResizeObserver(o2, {
-    win: currentWindow
-  });
-  const inputHandler = initInputObserver(o2);
-  const mediaInteractionHandler = initMediaInteractionObserver(o2);
-  let styleSheetObserver = () => {
-  };
-  let adoptedStyleSheetObserver = () => {
-  };
-  let styleDeclarationObserver = () => {
-  };
-  let fontObserver = () => {
-  };
-  if (o2.recordDOM) {
-    styleSheetObserver = initStyleSheetObserver(o2, { win: currentWindow });
-    adoptedStyleSheetObserver = initAdoptedStyleSheetObserver(o2, o2.doc);
-    styleDeclarationObserver = initStyleDeclarationObserver(o2, {
-      win: currentWindow
-    });
-    if (o2.collectFonts) {
-      fontObserver = initFontObserver(o2);
-    }
-  }
-  const selectionObserver = initSelectionObserver(o2);
-  const customElementObserver = initCustomElementObserver(o2);
-  const pluginHandlers = [];
-  for (const plugin3 of o2.plugins) {
-    pluginHandlers.push(
-      plugin3.observer(plugin3.callback, currentWindow, plugin3.options)
+  const propertyDescriptor = currentWindow.Object.getOwnPropertyDescriptor(
+    currentWindow.HTMLInputElement.prototype,
+    "value"
+  );
+  const hookProperties = [
+    [currentWindow.HTMLInputElement.prototype, "value"],
+    [currentWindow.HTMLInputElement.prototype, "checked"],
+    [currentWindow.HTMLSelectElement.prototype, "value"],
+    [currentWindow.HTMLTextAreaElement.prototype, "value"],
+    // Some UI library use selectedIndex to set select value
+    [currentWindow.HTMLSelectElement.prototype, "selectedIndex"],
+    [currentWindow.HTMLOptionElement.prototype, "selected"]
+  ];
+  if (propertyDescriptor && propertyDescriptor.set) {
+    handlers.push(
+      ...hookProperties.map(
+        (p) => hookSetter(
+          p[0],
+          p[1],
+          {
+            set() {
+              callbackWrapper(eventHandler)({
+                target: this,
+                isTrusted: false
+                // userTriggered to false as this could well be programmatic
+              });
+            }
+          },
+          false,
+          currentWindow
+        )
+      )
     );
   }
   return callbackWrapper(() => {
-    mutationBuffers.forEach((b) => b.reset());
-    mutationObserver == null ? void 0 : mutationObserver.disconnect();
-    mousemoveHandler();
-    mouseInteractionHandler();
-    scrollHandler();
-    viewportResizeHandler();
-    inputHandler();
-    mediaInteractionHandler();
-    styleSheetObserver();
-    adoptedStyleSheetObserver();
-    styleDeclarationObserver();
-    fontObserver();
-    selectionObserver();
-    customElementObserver();
-    pluginHandlers.forEach((h) => h());
+    handlers.forEach((h) => h());
   });
 }
-function hasNestedCSSRule(prop) {
-  return typeof window[prop] !== "undefined";
-}
-function canMonkeyPatchNestedCSSRule(prop) {
-  return Boolean(
-    typeof window[prop] !== "undefined" && // Note: Generally, this check _shouldn't_ be necessary
-    // However, in some scenarios (e.g. jsdom) this can sometimes fail, so we check for it here
-    window[prop].prototype && "insertRule" in window[prop].prototype && "deleteRule" in window[prop].prototype
-  );
-}
-class CrossOriginIframeMirror {
-  constructor(generateIdFn) {
-    __publicField(this, "iframeIdToRemoteIdMap", /* @__PURE__ */ new WeakMap());
-    __publicField(this, "iframeRemoteIdToIdMap", /* @__PURE__ */ new WeakMap());
-    this.generateIdFn = generateIdFn;
-  }
-  getId(iframe, remoteId, idToRemoteMap, remoteToIdMap) {
-    const idToRemoteIdMap = idToRemoteMap || this.getIdToRemoteIdMap(iframe);
-    const remoteIdToIdMap = remoteToIdMap || this.getRemoteIdToIdMap(iframe);
-    let id = idToRemoteIdMap.get(remoteId);
-    if (!id) {
-      id = this.generateIdFn();
-      idToRemoteIdMap.set(remoteId, id);
-      remoteIdToIdMap.set(id, remoteId);
-    }
-    return id;
-  }
-  getIds(iframe, remoteId) {
-    const idToRemoteIdMap = this.getIdToRemoteIdMap(iframe);
-    const remoteIdToIdMap = this.getRemoteIdToIdMap(iframe);
-    return remoteId.map(
-      (id) => this.getId(iframe, id, idToRemoteIdMap, remoteIdToIdMap)
-    );
-  }
-  getRemoteId(iframe, id, map) {
-    const remoteIdToIdMap = map || this.getRemoteIdToIdMap(iframe);
-    if (typeof id !== "number") return id;
-    const remoteId = remoteIdToIdMap.get(id);
-    if (!remoteId) return -1;
-    return remoteId;
-  }
-  getRemoteIds(iframe, ids) {
-    const remoteIdToIdMap = this.getRemoteIdToIdMap(iframe);
-    return ids.map((id) => this.getRemoteId(iframe, id, remoteIdToIdMap));
-  }
-  reset(iframe) {
-    if (!iframe) {
-      this.iframeIdToRemoteIdMap = /* @__PURE__ */ new WeakMap();
-      this.iframeRemoteIdToIdMap = /* @__PURE__ */ new WeakMap();
-      return;
-    }
-    this.iframeIdToRemoteIdMap.delete(iframe);
-    this.iframeRemoteIdToIdMap.delete(iframe);
-  }
-  getIdToRemoteIdMap(iframe) {
-    let idToRemoteIdMap = this.iframeIdToRemoteIdMap.get(iframe);
-    if (!idToRemoteIdMap) {
-      idToRemoteIdMap = /* @__PURE__ */ new Map();
-      this.iframeIdToRemoteIdMap.set(iframe, idToRemoteIdMap);
-    }
-    return idToRemoteIdMap;
-  }
-  getRemoteIdToIdMap(iframe) {
-    let remoteIdToIdMap = this.iframeRemoteIdToIdMap.get(iframe);
-    if (!remoteIdToIdMap) {
-      remoteIdToIdMap = /* @__PURE__ */ new Map();
-      this.iframeRemoteIdToIdMap.set(iframe, remoteIdToIdMap);
-    }
-    return remoteIdToIdMap;
-  }
-}
-class IframeManager {
-  constructor(options) {
-    __publicField(this, "iframes", /* @__PURE__ */ new WeakMap());
-    __publicField(this, "crossOriginIframeMap", /* @__PURE__ */ new WeakMap());
-    __publicField(this, "crossOriginIframeMirror", new CrossOriginIframeMirror(genId));
-    __publicField(this, "crossOriginIframeStyleMirror");
-    __publicField(this, "crossOriginIframeRootIdMap", /* @__PURE__ */ new WeakMap());
-    __publicField(this, "mirror");
-    __publicField(this, "mutationCb");
-    __publicField(this, "wrappedEmit");
-    __publicField(this, "loadListener");
-    __publicField(this, "stylesheetManager");
-    __publicField(this, "recordCrossOriginIframes");
-    this.mutationCb = options.mutationCb;
-    this.wrappedEmit = options.wrappedEmit;
-    this.stylesheetManager = options.stylesheetManager;
-    this.recordCrossOriginIframes = options.recordCrossOriginIframes;
-    this.crossOriginIframeStyleMirror = new CrossOriginIframeMirror(
-      this.stylesheetManager.styleMirror.generateId.bind(
-        this.stylesheetManager.styleMirror
-      )
-    );
-    this.mirror = options.mirror;
-    if (this.recordCrossOriginIframes) {
-      window.addEventListener("message", this.handleMessage.bind(this));
+function getNestedCSSRulePositions(rule2) {
+  const positions = [];
+  function recurse(childRule, pos) {
+    if (hasNestedCSSRule("CSSGroupingRule") && childRule.parentRule instanceof CSSGroupingRule || hasNestedCSSRule("CSSMediaRule") && childRule.parentRule instanceof CSSMediaRule || hasNestedCSSRule("CSSSupportsRule") && childRule.parentRule instanceof CSSSupportsRule || hasNestedCSSRule("CSSConditionRule") && childRule.parentRule instanceof CSSConditionRule) {
+      const rules2 = Array.from(
+        childRule.parentRule.cssRules
+      );
+      const index2 = rules2.indexOf(childRule);
+      pos.unshift(index2);
+    } else if (childRule.parentStyleSheet) {
+      const rules2 = Array.from(childRule.parentStyleSheet.cssRules);
+      const index2 = rules2.indexOf(childRule);
+      pos.unshift(index2);
     }
+    return pos;
   }
-  addIframe(iframeEl) {
-    this.iframes.set(iframeEl, true);
-    if (iframeEl.contentWindow)
-      this.crossOriginIframeMap.set(iframeEl.contentWindow, iframeEl);
+  return recurse(rule2, positions);
+}
+function getIdAndStyleId(sheet, mirror2, styleMirror) {
+  let id, styleId;
+  if (!sheet) return {};
+  if (sheet.ownerNode) id = mirror2.getId(sheet.ownerNode);
+  else styleId = styleMirror.getId(sheet);
+  return {
+    styleId,
+    id
+  };
+}
+function initStyleSheetObserver({ styleSheetRuleCb, mirror: mirror2, stylesheetManager }, { win }) {
+  if (!win.CSSStyleSheet || !win.CSSStyleSheet.prototype) {
+    return () => {
+    };
   }
-  addLoadListener(cb) {
-    this.loadListener = cb;
+  const insertRule = win.CSSStyleSheet.prototype.insertRule;
+  win.CSSStyleSheet.prototype.insertRule = new Proxy(insertRule, {
+    apply: callbackWrapper(
+      (target, thisArg, argumentsList) => {
+        const [rule2, index2] = argumentsList;
+        const { id, styleId } = getIdAndStyleId(
+          thisArg,
+          mirror2,
+          stylesheetManager.styleMirror
+        );
+        if (id && id !== -1 || styleId && styleId !== -1) {
+          styleSheetRuleCb({
+            id,
+            styleId,
+            adds: [{ rule: rule2, index: index2 }]
+          });
+        }
+        return target.apply(thisArg, argumentsList);
+      }
+    )
+  });
+  win.CSSStyleSheet.prototype.addRule = function(selector, styleBlock, index2 = this.cssRules.length) {
+    const rule2 = `${selector} { ${styleBlock} }`;
+    return win.CSSStyleSheet.prototype.insertRule.apply(this, [rule2, index2]);
+  };
+  const deleteRule = win.CSSStyleSheet.prototype.deleteRule;
+  win.CSSStyleSheet.prototype.deleteRule = new Proxy(deleteRule, {
+    apply: callbackWrapper(
+      (target, thisArg, argumentsList) => {
+        const [index2] = argumentsList;
+        const { id, styleId } = getIdAndStyleId(
+          thisArg,
+          mirror2,
+          stylesheetManager.styleMirror
+        );
+        if (id && id !== -1 || styleId && styleId !== -1) {
+          styleSheetRuleCb({
+            id,
+            styleId,
+            removes: [{ index: index2 }]
+          });
+        }
+        return target.apply(thisArg, argumentsList);
+      }
+    )
+  });
+  win.CSSStyleSheet.prototype.removeRule = function(index2) {
+    return win.CSSStyleSheet.prototype.deleteRule.apply(this, [index2]);
+  };
+  let replace;
+  if (win.CSSStyleSheet.prototype.replace) {
+    replace = win.CSSStyleSheet.prototype.replace;
+    win.CSSStyleSheet.prototype.replace = new Proxy(replace, {
+      apply: callbackWrapper(
+        (target, thisArg, argumentsList) => {
+          const [text] = argumentsList;
+          const { id, styleId } = getIdAndStyleId(
+            thisArg,
+            mirror2,
+            stylesheetManager.styleMirror
+          );
+          if (id && id !== -1 || styleId && styleId !== -1) {
+            styleSheetRuleCb({
+              id,
+              styleId,
+              replace: text
+            });
+          }
+          return target.apply(thisArg, argumentsList);
+        }
+      )
+    });
   }
-  attachIframe(iframeEl, childSn) {
-    var _a2, _b2;
-    this.mutationCb({
-      adds: [
-        {
-          parentId: this.mirror.getId(iframeEl),
-          nextId: null,
-          node: childSn
+  let replaceSync;
+  if (win.CSSStyleSheet.prototype.replaceSync) {
+    replaceSync = win.CSSStyleSheet.prototype.replaceSync;
+    win.CSSStyleSheet.prototype.replaceSync = new Proxy(replaceSync, {
+      apply: callbackWrapper(
+        (target, thisArg, argumentsList) => {
+          const [text] = argumentsList;
+          const { id, styleId } = getIdAndStyleId(
+            thisArg,
+            mirror2,
+            stylesheetManager.styleMirror
+          );
+          if (id && id !== -1 || styleId && styleId !== -1) {
+            styleSheetRuleCb({
+              id,
+              styleId,
+              replaceSync: text
+            });
+          }
+          return target.apply(thisArg, argumentsList);
         }
-      ],
-      removes: [],
-      texts: [],
-      attributes: [],
-      isAttachIframe: true
+      )
     });
-    if (this.recordCrossOriginIframes)
-      (_a2 = iframeEl.contentWindow) == null ? void 0 : _a2.addEventListener(
-        "message",
-        this.handleMessage.bind(this)
-      );
-    (_b2 = this.loadListener) == null ? void 0 : _b2.call(this, iframeEl);
-    if (iframeEl.contentDocument && iframeEl.contentDocument.adoptedStyleSheets && iframeEl.contentDocument.adoptedStyleSheets.length > 0)
-      this.stylesheetManager.adoptStyleSheets(
-        iframeEl.contentDocument.adoptedStyleSheets,
-        this.mirror.getId(iframeEl.contentDocument)
-      );
   }
-  handleMessage(message) {
-    const crossOriginMessageEvent = message;
-    if (crossOriginMessageEvent.data.type !== "rrweb" || // To filter out the rrweb messages which are forwarded by some sites.
-    crossOriginMessageEvent.origin !== crossOriginMessageEvent.data.origin)
-      return;
-    const iframeSourceWindow = message.source;
-    if (!iframeSourceWindow) return;
-    const iframeEl = this.crossOriginIframeMap.get(message.source);
-    if (!iframeEl) return;
-    const transformedEvent = this.transformCrossOriginEvent(
-      iframeEl,
-      crossOriginMessageEvent.data.event
-    );
-    if (transformedEvent)
-      this.wrappedEmit(
-        transformedEvent,
-        crossOriginMessageEvent.data.isCheckout
-      );
+  const supportedNestedCSSRuleTypes = {};
+  if (canMonkeyPatchNestedCSSRule("CSSGroupingRule")) {
+    supportedNestedCSSRuleTypes.CSSGroupingRule = win.CSSGroupingRule;
+  } else {
+    if (canMonkeyPatchNestedCSSRule("CSSMediaRule")) {
+      supportedNestedCSSRuleTypes.CSSMediaRule = win.CSSMediaRule;
+    }
+    if (canMonkeyPatchNestedCSSRule("CSSConditionRule")) {
+      supportedNestedCSSRuleTypes.CSSConditionRule = win.CSSConditionRule;
+    }
+    if (canMonkeyPatchNestedCSSRule("CSSSupportsRule")) {
+      supportedNestedCSSRuleTypes.CSSSupportsRule = win.CSSSupportsRule;
+    }
   }
-  transformCrossOriginEvent(iframeEl, e2) {
-    var _a2;
-    switch (e2.type) {
-      case EventType.FullSnapshot: {
-        this.crossOriginIframeMirror.reset(iframeEl);
-        this.crossOriginIframeStyleMirror.reset(iframeEl);
-        this.replaceIdOnNode(e2.data.node, iframeEl);
-        const rootId = e2.data.node.id;
-        this.crossOriginIframeRootIdMap.set(iframeEl, rootId);
-        this.patchRootIdOnNode(e2.data.node, rootId);
-        return {
-          timestamp: e2.timestamp,
-          type: EventType.IncrementalSnapshot,
-          data: {
-            source: IncrementalSource.Mutation,
-            adds: [
-              {
-                parentId: this.mirror.getId(iframeEl),
-                nextId: null,
-                node: e2.data.node
-              }
-            ],
-            removes: [],
-            texts: [],
-            attributes: [],
-            isAttachIframe: true
+  const unmodifiedFunctions = {};
+  Object.entries(supportedNestedCSSRuleTypes).forEach(([typeKey, type]) => {
+    unmodifiedFunctions[typeKey] = {
+      // eslint-disable-next-line @typescript-eslint/unbound-method
+      insertRule: type.prototype.insertRule,
+      // eslint-disable-next-line @typescript-eslint/unbound-method
+      deleteRule: type.prototype.deleteRule
+    };
+    type.prototype.insertRule = new Proxy(
+      unmodifiedFunctions[typeKey].insertRule,
+      {
+        apply: callbackWrapper(
+          (target, thisArg, argumentsList) => {
+            const [rule2, index2] = argumentsList;
+            const { id, styleId } = getIdAndStyleId(
+              thisArg.parentStyleSheet,
+              mirror2,
+              stylesheetManager.styleMirror
+            );
+            if (id && id !== -1 || styleId && styleId !== -1) {
+              styleSheetRuleCb({
+                id,
+                styleId,
+                adds: [
+                  {
+                    rule: rule2,
+                    index: [
+                      ...getNestedCSSRulePositions(thisArg),
+                      index2 || 0
+                      // defaults to 0
+                    ]
+                  }
+                ]
+              });
+            }
+            return target.apply(thisArg, argumentsList);
+          }
+        )
+      }
+    );
+    type.prototype.deleteRule = new Proxy(
+      unmodifiedFunctions[typeKey].deleteRule,
+      {
+        apply: callbackWrapper(
+          (target, thisArg, argumentsList) => {
+            const [index2] = argumentsList;
+            const { id, styleId } = getIdAndStyleId(
+              thisArg.parentStyleSheet,
+              mirror2,
+              stylesheetManager.styleMirror
+            );
+            if (id && id !== -1 || styleId && styleId !== -1) {
+              styleSheetRuleCb({
+                id,
+                styleId,
+                removes: [
+                  { index: [...getNestedCSSRulePositions(thisArg), index2] }
+                ]
+              });
+            }
+            return target.apply(thisArg, argumentsList);
           }
-        };
-      }
-      case EventType.Meta:
-      case EventType.Load:
-      case EventType.DomContentLoaded: {
-        return false;
+        )
       }
-      case EventType.Plugin: {
-        return e2;
+    );
+  });
+  return callbackWrapper(() => {
+    win.CSSStyleSheet.prototype.insertRule = insertRule;
+    win.CSSStyleSheet.prototype.deleteRule = deleteRule;
+    replace && (win.CSSStyleSheet.prototype.replace = replace);
+    replaceSync && (win.CSSStyleSheet.prototype.replaceSync = replaceSync);
+    Object.entries(supportedNestedCSSRuleTypes).forEach(([typeKey, type]) => {
+      type.prototype.insertRule = unmodifiedFunctions[typeKey].insertRule;
+      type.prototype.deleteRule = unmodifiedFunctions[typeKey].deleteRule;
+    });
+  });
+}
+function initAdoptedStyleSheetObserver({
+  mirror: mirror2,
+  stylesheetManager
+}, host2) {
+  var _a2, _b2, _c;
+  let hostId = null;
+  if (host2.nodeName === "#document") hostId = mirror2.getId(host2);
+  else hostId = mirror2.getId(index$1.host(host2));
+  const patchTarget = host2.nodeName === "#document" ? (_a2 = host2.defaultView) == null ? void 0 : _a2.Document : (_c = (_b2 = host2.ownerDocument) == null ? void 0 : _b2.defaultView) == null ? void 0 : _c.ShadowRoot;
+  const originalPropertyDescriptor = (patchTarget == null ? void 0 : patchTarget.prototype) ? Object.getOwnPropertyDescriptor(
+    patchTarget == null ? void 0 : patchTarget.prototype,
+    "adoptedStyleSheets"
+  ) : void 0;
+  if (hostId === null || hostId === -1 || !patchTarget || !originalPropertyDescriptor)
+    return () => {
+    };
+  Object.defineProperty(host2, "adoptedStyleSheets", {
+    configurable: originalPropertyDescriptor.configurable,
+    enumerable: originalPropertyDescriptor.enumerable,
+    get() {
+      var _a3;
+      return (_a3 = originalPropertyDescriptor.get) == null ? void 0 : _a3.call(this);
+    },
+    set(sheets) {
+      var _a3;
+      const result2 = (_a3 = originalPropertyDescriptor.set) == null ? void 0 : _a3.call(this, sheets);
+      if (hostId !== null && hostId !== -1) {
+        try {
+          stylesheetManager.adoptStyleSheets(sheets, hostId);
+        } catch (e2) {
+        }
       }
-      case EventType.Custom: {
-        this.replaceIds(
-          e2.data.payload,
-          iframeEl,
-          ["id", "parentId", "previousId", "nextId"]
+      return result2;
+    }
+  });
+  return callbackWrapper(() => {
+    Object.defineProperty(host2, "adoptedStyleSheets", {
+      configurable: originalPropertyDescriptor.configurable,
+      enumerable: originalPropertyDescriptor.enumerable,
+      // eslint-disable-next-line @typescript-eslint/unbound-method
+      get: originalPropertyDescriptor.get,
+      // eslint-disable-next-line @typescript-eslint/unbound-method
+      set: originalPropertyDescriptor.set
+    });
+  });
+}
+function initStyleDeclarationObserver({
+  styleDeclarationCb,
+  mirror: mirror2,
+  ignoreCSSAttributes,
+  stylesheetManager
+}, { win }) {
+  const setProperty = win.CSSStyleDeclaration.prototype.setProperty;
+  win.CSSStyleDeclaration.prototype.setProperty = new Proxy(setProperty, {
+    apply: callbackWrapper(
+      (target, thisArg, argumentsList) => {
+        var _a2;
+        const [property, value, priority] = argumentsList;
+        if (ignoreCSSAttributes.has(property)) {
+          return setProperty.apply(thisArg, [property, value, priority]);
+        }
+        const { id, styleId } = getIdAndStyleId(
+          (_a2 = thisArg.parentRule) == null ? void 0 : _a2.parentStyleSheet,
+          mirror2,
+          stylesheetManager.styleMirror
         );
-        return e2;
+        if (id && id !== -1 || styleId && styleId !== -1) {
+          styleDeclarationCb({
+            id,
+            styleId,
+            set: {
+              property,
+              value,
+              priority
+            },
+            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+            index: getNestedCSSRulePositions(thisArg.parentRule)
+          });
+        }
+        return target.apply(thisArg, argumentsList);
       }
-      case EventType.IncrementalSnapshot: {
-        switch (e2.data.source) {
-          case IncrementalSource.Mutation: {
-            e2.data.adds.forEach((n2) => {
-              this.replaceIds(n2, iframeEl, [
-                "parentId",
-                "nextId",
-                "previousId"
-              ]);
-              this.replaceIdOnNode(n2.node, iframeEl);
-              const rootId = this.crossOriginIframeRootIdMap.get(iframeEl);
-              rootId && this.patchRootIdOnNode(n2.node, rootId);
-            });
-            e2.data.removes.forEach((n2) => {
-              this.replaceIds(n2, iframeEl, ["parentId", "id"]);
-            });
-            e2.data.attributes.forEach((n2) => {
-              this.replaceIds(n2, iframeEl, ["id"]);
-            });
-            e2.data.texts.forEach((n2) => {
-              this.replaceIds(n2, iframeEl, ["id"]);
-            });
-            return e2;
-          }
-          case IncrementalSource.Drag:
-          case IncrementalSource.TouchMove:
-          case IncrementalSource.MouseMove: {
-            e2.data.positions.forEach((p) => {
-              this.replaceIds(p, iframeEl, ["id"]);
-            });
-            return e2;
-          }
-          case IncrementalSource.ViewportResize: {
-            return false;
-          }
-          case IncrementalSource.MediaInteraction:
-          case IncrementalSource.MouseInteraction:
-          case IncrementalSource.Scroll:
-          case IncrementalSource.CanvasMutation:
-          case IncrementalSource.Input: {
-            this.replaceIds(e2.data, iframeEl, ["id"]);
-            return e2;
-          }
-          case IncrementalSource.StyleSheetRule:
-          case IncrementalSource.StyleDeclaration: {
-            this.replaceIds(e2.data, iframeEl, ["id"]);
-            this.replaceStyleIds(e2.data, iframeEl, ["styleId"]);
-            return e2;
-          }
-          case IncrementalSource.Font: {
-            return e2;
-          }
-          case IncrementalSource.Selection: {
-            e2.data.ranges.forEach((range) => {
-              this.replaceIds(range, iframeEl, ["start", "end"]);
-            });
-            return e2;
-          }
-          case IncrementalSource.AdoptedStyleSheet: {
-            this.replaceIds(e2.data, iframeEl, ["id"]);
-            this.replaceStyleIds(e2.data, iframeEl, ["styleIds"]);
-            (_a2 = e2.data.styles) == null ? void 0 : _a2.forEach((style) => {
-              this.replaceStyleIds(style, iframeEl, ["styleId"]);
-            });
-            return e2;
-          }
+    )
+  });
+  const removeProperty = win.CSSStyleDeclaration.prototype.removeProperty;
+  win.CSSStyleDeclaration.prototype.removeProperty = new Proxy(removeProperty, {
+    apply: callbackWrapper(
+      (target, thisArg, argumentsList) => {
+        var _a2;
+        const [property] = argumentsList;
+        if (ignoreCSSAttributes.has(property)) {
+          return removeProperty.apply(thisArg, [property]);
+        }
+        const { id, styleId } = getIdAndStyleId(
+          (_a2 = thisArg.parentRule) == null ? void 0 : _a2.parentStyleSheet,
+          mirror2,
+          stylesheetManager.styleMirror
+        );
+        if (id && id !== -1 || styleId && styleId !== -1) {
+          styleDeclarationCb({
+            id,
+            styleId,
+            remove: {
+              property
+            },
+            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+            index: getNestedCSSRulePositions(thisArg.parentRule)
+          });
         }
+        return target.apply(thisArg, argumentsList);
       }
-    }
-    return false;
+    )
+  });
+  return callbackWrapper(() => {
+    win.CSSStyleDeclaration.prototype.setProperty = setProperty;
+    win.CSSStyleDeclaration.prototype.removeProperty = removeProperty;
+  });
+}
+function initMediaInteractionObserver({
+  mediaInteractionCb,
+  blockClass,
+  blockSelector,
+  mirror: mirror2,
+  sampling,
+  doc
+}) {
+  const handler = callbackWrapper(
+    (type) => throttle(
+      callbackWrapper((event) => {
+        const target = getEventTarget(event);
+        if (!target || isBlocked(target, blockClass, blockSelector, true)) {
+          return;
+        }
+        const { currentTime, volume, muted, playbackRate, loop } = target;
+        mediaInteractionCb({
+          type,
+          id: mirror2.getId(target),
+          currentTime,
+          volume,
+          muted,
+          playbackRate,
+          loop
+        });
+      }),
+      sampling.media || 500
+    )
+  );
+  const handlers = [
+    on("play", handler(MediaInteractions.Play), doc),
+    on("pause", handler(MediaInteractions.Pause), doc),
+    on("seeked", handler(MediaInteractions.Seeked), doc),
+    on("volumechange", handler(MediaInteractions.VolumeChange), doc),
+    on("ratechange", handler(MediaInteractions.RateChange), doc)
+  ];
+  return callbackWrapper(() => {
+    handlers.forEach((h) => h());
+  });
+}
+function initFontObserver({ fontCb, doc }) {
+  const win = doc.defaultView;
+  if (!win) {
+    return () => {
+    };
   }
-  replace(iframeMirror, obj, iframeEl, keys) {
-    for (const key of keys) {
-      if (!Array.isArray(obj[key]) && typeof obj[key] !== "number") continue;
-      if (Array.isArray(obj[key])) {
-        obj[key] = iframeMirror.getIds(
-          iframeEl,
-          obj[key]
+  const handlers = [];
+  const fontMap = /* @__PURE__ */ new WeakMap();
+  const originalFontFace = win.FontFace;
+  win.FontFace = function FontFace2(family, source, descriptors) {
+    const fontFace = new originalFontFace(family, source, descriptors);
+    fontMap.set(fontFace, {
+      family,
+      buffer: typeof source !== "string",
+      descriptors,
+      fontSource: typeof source === "string" ? source : JSON.stringify(Array.from(new Uint8Array(source)))
+    });
+    return fontFace;
+  };
+  const restoreHandler = patch$1(
+    doc.fonts,
+    "add",
+    function(original) {
+      return function(fontFace) {
+        setTimeout(
+          callbackWrapper(() => {
+            const p = fontMap.get(fontFace);
+            if (p) {
+              fontCb(p);
+              fontMap.delete(fontFace);
+            }
+          }),
+          0
         );
-      } else {
-        obj[key] = iframeMirror.getId(iframeEl, obj[key]);
-      }
+        return original.apply(this, [fontFace]);
+      };
     }
-    return obj;
-  }
-  replaceIds(obj, iframeEl, keys) {
-    return this.replace(this.crossOriginIframeMirror, obj, iframeEl, keys);
-  }
-  replaceStyleIds(obj, iframeEl, keys) {
-    return this.replace(this.crossOriginIframeStyleMirror, obj, iframeEl, keys);
-  }
-  replaceIdOnNode(node2, iframeEl) {
-    this.replaceIds(node2, iframeEl, ["id", "rootId"]);
-    if ("childNodes" in node2) {
-      node2.childNodes.forEach((child) => {
-        this.replaceIdOnNode(child, iframeEl);
+  );
+  handlers.push(() => {
+    win.FontFace = originalFontFace;
+  });
+  handlers.push(restoreHandler);
+  return callbackWrapper(() => {
+    handlers.forEach((h) => h());
+  });
+}
+function initSelectionObserver(param) {
+  const { doc, mirror: mirror2, blockClass, blockSelector, selectionCb } = param;
+  let collapsed = true;
+  const updateSelection = callbackWrapper(() => {
+    const selection = doc.getSelection();
+    if (!selection || collapsed && (selection == null ? void 0 : selection.isCollapsed)) return;
+    collapsed = selection.isCollapsed || false;
+    const ranges = [];
+    const count = selection.rangeCount || 0;
+    for (let i2 = 0; i2 < count; i2++) {
+      const range = selection.getRangeAt(i2);
+      const { startContainer, startOffset, endContainer, endOffset } = range;
+      const blocked = isBlocked(startContainer, blockClass, blockSelector, true) || isBlocked(endContainer, blockClass, blockSelector, true);
+      if (blocked) continue;
+      ranges.push({
+        start: mirror2.getId(startContainer),
+        startOffset,
+        end: mirror2.getId(endContainer),
+        endOffset
       });
     }
-  }
-  patchRootIdOnNode(node2, rootId) {
-    if (node2.type !== NodeType.Document && !node2.rootId) node2.rootId = rootId;
-    if ("childNodes" in node2) {
-      node2.childNodes.forEach((child) => {
-        this.patchRootIdOnNode(child, rootId);
-      });
+    selectionCb({ ranges });
+  });
+  updateSelection();
+  return on("selectionchange", updateSelection);
+}
+function initCustomElementObserver({
+  doc,
+  customElementCb
+}) {
+  const win = doc.defaultView;
+  if (!win || !win.customElements) return () => {
+  };
+  const restoreHandler = patch$1(
+    win.customElements,
+    "define",
+    function(original) {
+      return function(name, constructor, options) {
+        try {
+          customElementCb({
+            define: {
+              name
+            }
+          });
+        } catch (e2) {
+          console.warn(`Custom element callback failed for ${name}`);
+        }
+        return original.apply(this, [name, constructor, options]);
+      };
     }
-  }
+  );
+  return restoreHandler;
 }
-class ShadowDomManager {
-  constructor(options) {
-    __publicField(this, "shadowDoms", /* @__PURE__ */ new WeakSet());
-    __publicField(this, "mutationCb");
-    __publicField(this, "scrollCb");
-    __publicField(this, "bypassOptions");
-    __publicField(this, "mirror");
-    __publicField(this, "restoreHandlers", []);
-    this.mutationCb = options.mutationCb;
-    this.scrollCb = options.scrollCb;
-    this.bypassOptions = options.bypassOptions;
-    this.mirror = options.mirror;
-    this.init();
-  }
-  init() {
-    this.reset();
-    this.patchAttachShadow(Element, document);
-  }
-  addShadowRoot(shadowRoot2, doc) {
-    if (!isNativeShadowDom(shadowRoot2)) return;
-    if (this.shadowDoms.has(shadowRoot2)) return;
-    this.shadowDoms.add(shadowRoot2);
-    const observer = initMutationObserver(
-      __spreadProps(__spreadValues({}, this.bypassOptions), {
-        doc,
-        mutationCb: this.mutationCb,
-        mirror: this.mirror,
-        shadowDomManager: this
-      }),
-      shadowRoot2
-    );
-    this.restoreHandlers.push(() => observer.disconnect());
-    this.restoreHandlers.push(
-      initScrollObserver(__spreadProps(__spreadValues({}, this.bypassOptions), {
-        scrollCb: this.scrollCb,
-        // https://gist.github.com/praveenpuglia/0832da687ed5a5d7a0907046c9ef1813
-        // scroll is not allowed to pass the boundary, so we need to listen the shadow document
-        doc: shadowRoot2,
-        mirror: this.mirror
-      }))
-    );
-    setTimeout(() => {
-      if (shadowRoot2.adoptedStyleSheets && shadowRoot2.adoptedStyleSheets.length > 0)
-        this.bypassOptions.stylesheetManager.adoptStyleSheets(
-          shadowRoot2.adoptedStyleSheets,
-          this.mirror.getId(index.host(shadowRoot2))
-        );
-      this.restoreHandlers.push(
-        initAdoptedStyleSheetObserver(
-          {
-            mirror: this.mirror,
-            stylesheetManager: this.bypassOptions.stylesheetManager
-          },
-          shadowRoot2
-        )
-      );
-    }, 0);
-  }
-  /**
-   * Monkey patch 'attachShadow' of an IFrameElement to observe newly added shadow doms.
-   */
-  observeAttachShadow(iframeElement) {
-    if (!iframeElement.contentWindow || !iframeElement.contentDocument) return;
-    this.patchAttachShadow(
-      iframeElement.contentWindow.Element,
-      iframeElement.contentDocument
-    );
+function mergeHooks(o2, hooks) {
+  const {
+    mutationCb,
+    mousemoveCb,
+    mouseInteractionCb,
+    scrollCb,
+    viewportResizeCb,
+    inputCb,
+    mediaInteractionCb,
+    styleSheetRuleCb,
+    styleDeclarationCb,
+    canvasMutationCb,
+    fontCb,
+    selectionCb,
+    customElementCb
+  } = o2;
+  o2.mutationCb = (...p) => {
+    if (hooks.mutation) {
+      hooks.mutation(...p);
+    }
+    mutationCb(...p);
+  };
+  o2.mousemoveCb = (...p) => {
+    if (hooks.mousemove) {
+      hooks.mousemove(...p);
+    }
+    mousemoveCb(...p);
+  };
+  o2.mouseInteractionCb = (...p) => {
+    if (hooks.mouseInteraction) {
+      hooks.mouseInteraction(...p);
+    }
+    mouseInteractionCb(...p);
+  };
+  o2.scrollCb = (...p) => {
+    if (hooks.scroll) {
+      hooks.scroll(...p);
+    }
+    scrollCb(...p);
+  };
+  o2.viewportResizeCb = (...p) => {
+    if (hooks.viewportResize) {
+      hooks.viewportResize(...p);
+    }
+    viewportResizeCb(...p);
+  };
+  o2.inputCb = (...p) => {
+    if (hooks.input) {
+      hooks.input(...p);
+    }
+    inputCb(...p);
+  };
+  o2.mediaInteractionCb = (...p) => {
+    if (hooks.mediaInteaction) {
+      hooks.mediaInteaction(...p);
+    }
+    mediaInteractionCb(...p);
+  };
+  o2.styleSheetRuleCb = (...p) => {
+    if (hooks.styleSheetRule) {
+      hooks.styleSheetRule(...p);
+    }
+    styleSheetRuleCb(...p);
+  };
+  o2.styleDeclarationCb = (...p) => {
+    if (hooks.styleDeclaration) {
+      hooks.styleDeclaration(...p);
+    }
+    styleDeclarationCb(...p);
+  };
+  o2.canvasMutationCb = (...p) => {
+    if (hooks.canvasMutation) {
+      hooks.canvasMutation(...p);
+    }
+    canvasMutationCb(...p);
+  };
+  o2.fontCb = (...p) => {
+    if (hooks.font) {
+      hooks.font(...p);
+    }
+    fontCb(...p);
+  };
+  o2.selectionCb = (...p) => {
+    if (hooks.selection) {
+      hooks.selection(...p);
+    }
+    selectionCb(...p);
+  };
+  o2.customElementCb = (...c2) => {
+    if (hooks.customElement) {
+      hooks.customElement(...c2);
+    }
+    customElementCb(...c2);
+  };
+}
+function initObservers(o2, hooks = {}) {
+  const currentWindow = o2.doc.defaultView;
+  if (!currentWindow) {
+    return () => {
+    };
   }
-  /**
-   * Patch 'attachShadow' to observe newly added shadow doms.
-   */
-  patchAttachShadow(element, doc) {
-    const manager = this;
-    this.restoreHandlers.push(
-      patch(
-        element.prototype,
-        "attachShadow",
-        function(original) {
-          return function(option) {
-            const sRoot = original.call(this, option);
-            const shadowRootEl = index.shadowRoot(this);
-            if (shadowRootEl && inDom(this))
-              manager.addShadowRoot(shadowRootEl, doc);
-            return sRoot;
-          };
-        }
-      )
-    );
+  mergeHooks(o2, hooks);
+  let mutationObserver;
+  if (o2.recordDOM) {
+    mutationObserver = initMutationObserver(o2, o2.doc);
   }
-  reset() {
-    this.restoreHandlers.forEach((handler) => {
-      try {
-        handler();
-      } catch (e2) {
-      }
+  const mousemoveHandler = initMoveObserver(o2);
+  const mouseInteractionHandler = initMouseInteractionObserver(o2);
+  const scrollHandler = initScrollObserver(o2);
+  const viewportResizeHandler = initViewportResizeObserver(o2, {
+    win: currentWindow
+  });
+  const inputHandler = initInputObserver(o2);
+  const mediaInteractionHandler = initMediaInteractionObserver(o2);
+  let styleSheetObserver = () => {
+  };
+  let adoptedStyleSheetObserver = () => {
+  };
+  let styleDeclarationObserver = () => {
+  };
+  let fontObserver = () => {
+  };
+  if (o2.recordDOM) {
+    styleSheetObserver = initStyleSheetObserver(o2, { win: currentWindow });
+    adoptedStyleSheetObserver = initAdoptedStyleSheetObserver(o2, o2.doc);
+    styleDeclarationObserver = initStyleDeclarationObserver(o2, {
+      win: currentWindow
     });
-    this.restoreHandlers = [];
-    this.shadowDoms = /* @__PURE__ */ new WeakSet();
+    if (o2.collectFonts) {
+      fontObserver = initFontObserver(o2);
+    }
   }
+  const selectionObserver = initSelectionObserver(o2);
+  const customElementObserver = initCustomElementObserver(o2);
+  const pluginHandlers = [];
+  for (const plugin3 of o2.plugins) {
+    pluginHandlers.push(
+      plugin3.observer(plugin3.callback, currentWindow, plugin3.options)
+    );
+  }
+  return callbackWrapper(() => {
+    mutationBuffers.forEach((b) => b.reset());
+    mutationObserver == null ? void 0 : mutationObserver.disconnect();
+    mousemoveHandler();
+    mouseInteractionHandler();
+    scrollHandler();
+    viewportResizeHandler();
+    inputHandler();
+    mediaInteractionHandler();
+    styleSheetObserver();
+    adoptedStyleSheetObserver();
+    styleDeclarationObserver();
+    fontObserver();
+    selectionObserver();
+    customElementObserver();
+    pluginHandlers.forEach((h) => h());
+  });
+}
+function hasNestedCSSRule(prop) {
+  return typeof window[prop] !== "undefined";
+}
+function canMonkeyPatchNestedCSSRule(prop) {
+  return Boolean(
+    typeof window[prop] !== "undefined" && // Note: Generally, this check _shouldn't_ be necessary
+    // However, in some scenarios (e.g. jsdom) this can sometimes fail, so we check for it here
+    window[prop].prototype && "insertRule" in window[prop].prototype && "deleteRule" in window[prop].prototype
+  );
 }
 var chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
 var lookup = typeof Uint8Array === "undefined" ? [] : new Uint8Array(256);
@@ -11727,7 +11644,7 @@ function initCanvas2DMutationObserver(cb, win, blockClass, blockSelector) {
       if (typeof win.CanvasRenderingContext2D.prototype[prop] !== "function") {
         continue;
       }
-      const restoreHandler = patch(
+      const restoreHandler = patch$1(
         win.CanvasRenderingContext2D.prototype,
         prop,
         function(original) {
@@ -11775,7 +11692,7 @@ function getNormalizedContextName(contextType) {
 function initCanvasContextObserver(win, blockClass, blockSelector, setPreserveDrawingBufferToTrue) {
   const handlers = [];
   try {
-    const restoreHandler = patch(
+    const restoreHandler = patch$1(
       win.HTMLCanvasElement.prototype,
       "getContext",
       function(original) {
@@ -11827,7 +11744,7 @@ function patchGLPrototype(prototype, type, cb, blockClass, blockSelector, win) {
       if (typeof prototype[prop] !== "function") {
         continue;
       }
-      const restoreHandler = patch(
+      const restoreHandler = patch$1(
         prototype,
         prop,
         function(original) {
@@ -12124,6 +12041,128 @@ class CanvasManager {
     this.pendingCanvasMutations.delete(canvas);
   }
 }
+class ProcessedNodeManager {
+  constructor() {
+    __publicField(this, "nodeMap", /* @__PURE__ */ new WeakMap());
+    __publicField(this, "active", false);
+  }
+  inOtherBuffer(node2, thisBuffer) {
+    const buffers = this.nodeMap.get(node2);
+    return buffers && Array.from(buffers).some((buffer) => buffer !== thisBuffer);
+  }
+  add(node2, buffer) {
+    if (!this.active) {
+      this.active = true;
+      requestAnimationFrame(() => {
+        this.nodeMap = /* @__PURE__ */ new WeakMap();
+        this.active = false;
+      });
+    }
+    this.nodeMap.set(node2, (this.nodeMap.get(node2) || /* @__PURE__ */ new Set()).add(buffer));
+  }
+  destroy() {
+  }
+}
+class ShadowDomManager {
+  constructor(options) {
+    __publicField(this, "shadowDoms", /* @__PURE__ */ new WeakSet());
+    __publicField(this, "mutationCb");
+    __publicField(this, "scrollCb");
+    __publicField(this, "bypassOptions");
+    __publicField(this, "mirror");
+    __publicField(this, "restoreHandlers", []);
+    this.mutationCb = options.mutationCb;
+    this.scrollCb = options.scrollCb;
+    this.bypassOptions = options.bypassOptions;
+    this.mirror = options.mirror;
+    this.init();
+  }
+  init() {
+    this.reset();
+    this.patchAttachShadow(Element, document);
+  }
+  addShadowRoot(shadowRoot2, doc) {
+    if (!isNativeShadowDom(shadowRoot2)) return;
+    if (this.shadowDoms.has(shadowRoot2)) return;
+    this.shadowDoms.add(shadowRoot2);
+    const observer = initMutationObserver(
+      __spreadProps(__spreadValues({}, this.bypassOptions), {
+        doc,
+        mutationCb: this.mutationCb,
+        mirror: this.mirror,
+        shadowDomManager: this
+      }),
+      shadowRoot2
+    );
+    this.restoreHandlers.push(() => observer.disconnect());
+    this.restoreHandlers.push(
+      initScrollObserver(__spreadProps(__spreadValues({}, this.bypassOptions), {
+        scrollCb: this.scrollCb,
+        // https://gist.github.com/praveenpuglia/0832da687ed5a5d7a0907046c9ef1813
+        // scroll is not allowed to pass the boundary, so we need to listen the shadow document
+        doc: shadowRoot2,
+        mirror: this.mirror
+      }))
+    );
+    setTimeout(() => {
+      if (shadowRoot2.adoptedStyleSheets && shadowRoot2.adoptedStyleSheets.length > 0)
+        this.bypassOptions.stylesheetManager.adoptStyleSheets(
+          shadowRoot2.adoptedStyleSheets,
+          this.mirror.getId(index$1.host(shadowRoot2))
+        );
+      this.restoreHandlers.push(
+        initAdoptedStyleSheetObserver(
+          {
+            mirror: this.mirror,
+            stylesheetManager: this.bypassOptions.stylesheetManager
+          },
+          shadowRoot2
+        )
+      );
+    }, 0);
+  }
+  /**
+   * Monkey patch 'attachShadow' of an IFrameElement to observe newly added shadow doms.
+   */
+  observeAttachShadow(iframeElement) {
+    if (!iframeElement.contentWindow || !iframeElement.contentDocument) return;
+    this.patchAttachShadow(
+      iframeElement.contentWindow.Element,
+      iframeElement.contentDocument
+    );
+  }
+  /**
+   * Patch 'attachShadow' to observe newly added shadow doms.
+   */
+  patchAttachShadow(element, doc) {
+    const manager = this;
+    this.restoreHandlers.push(
+      patch$1(
+        element.prototype,
+        "attachShadow",
+        function(original) {
+          return function(option) {
+            const sRoot = original.call(this, option);
+            const shadowRootEl = index$1.shadowRoot(this);
+            if (shadowRootEl && inDom(this))
+              manager.addShadowRoot(shadowRootEl, doc);
+            return sRoot;
+          };
+        }
+      )
+    );
+  }
+  reset() {
+    this.restoreHandlers.forEach((handler) => {
+      try {
+        handler();
+      } catch (e2) {
+      }
+    });
+    this.restoreHandlers = [];
+    this.shadowDoms = /* @__PURE__ */ new WeakSet();
+  }
+}
 class StylesheetManager {
   constructor(options) {
     __publicField(this, "trackedLinkElements", /* @__PURE__ */ new WeakSet());
@@ -12185,28 +12224,6 @@ class StylesheetManager {
   trackStylesheetInLinkElement(_linkEl) {
   }
 }
-class ProcessedNodeManager {
-  constructor() {
-    __publicField(this, "nodeMap", /* @__PURE__ */ new WeakMap());
-    __publicField(this, "active", false);
-  }
-  inOtherBuffer(node2, thisBuffer) {
-    const buffers = this.nodeMap.get(node2);
-    return buffers && Array.from(buffers).some((buffer) => buffer !== thisBuffer);
-  }
-  add(node2, buffer) {
-    if (!this.active) {
-      this.active = true;
-      requestAnimationFrame(() => {
-        this.nodeMap = /* @__PURE__ */ new WeakMap();
-        this.active = false;
-      });
-    }
-    this.nodeMap.set(node2, (this.nodeMap.get(node2) || /* @__PURE__ */ new Set()).add(buffer));
-  }
-  destroy() {
-  }
-}
 let wrappedEmit;
 let takeFullSnapshot$1;
 let canvasManager;
@@ -12482,7 +12499,7 @@ function record(options = {}) {
           stylesheetManager.trackLinkElement(n2);
         }
         if (hasShadowRoot(n2)) {
-          shadowDomManager.addShadowRoot(index.shadowRoot(n2), document);
+          shadowDomManager.addShadowRoot(index$1.shadowRoot(n2), document);
         }
       },
       onIframeLoad: (iframe, childSn) => {
@@ -12700,7 +12717,6 @@ record.takeFullSnapshot = (isCheckout) => {
   }
   takeFullSnapshot$1(isCheckout);
 };
-stormSnapshotManager.bindFullSnapshotTaker(takeFullSnapshot$1);
 record.mirror = mirror;
 var n;
 !function(t2) {