npm - @pendo/agent - Versions diffs - 2.344.0 → 2.345.0 - Mend

@pendo/agent 2.344.0 → 2.345.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/dom.esm.js +1 -1
package/dist/pendo.debugger.min.js +10 -10
package/dist/pendo.module.js +894 -1089
package/dist/pendo.module.min.js +6 -6
package/dist/pendo.preview.min.js +4 -4
package/dist/servers.json +8 -8
package/package.json +1 -1

package/dist/pendo.module.js CHANGED Viewed

@@ -4129,8 +4129,8 @@ let SERVER = '';
 let ASSET_HOST = '';
 let ASSET_PATH = '';
 let DESIGNER_SERVER = '';
-let VERSION = '2.344.0_';
-let PACKAGE_VERSION = '2.344.0';
+let VERSION = '2.345.0_';
+let PACKAGE_VERSION = '2.345.0';
 let LOADER = 'xhr';
 /* eslint-enable web-sdk-eslint-rules/no-gulp-env-references */
 /**
@@ -10113,6 +10113,16 @@ function getFontBaseUrl() {
     return `${FONT_HOST}/fonts`;
 }
+// Despite the name, this is a behavioral gate rather than an identity check: it is true whenever
+// the agent is in a parent-child sub relationship where another subscription owns this agent's
+// content and event attribution. That covers traditional Adopt training partners and, as a subtype,
+// partner-analytics-forwarding subs. Call sites rely on that meaning - the acc/oemAccountId event
+// attribution, the trusted-origin bypass, and skipping the contentHost rewrite - not on the sub
+// literally being an Adopt partner.
+// This assumes those subs only ever serve the partner's own content. If Pendo sub analytics is ever
+// turned on with guides - so a forwarding sub delivers Pendo-origin guide content - the call sites
+// that treat "partner" as "another sub owns all content" (the contentHost skip in particular) will
+// need to be revisited, likely as a per-url decision rather than this all-or-nothing gate.
 function treatAsAdoptPartner() {
     // allowPartnerAnalyticsForwarding is set on the snippet in Adopt UI to block based on the environment of the app.
     // adoptAnalyticsForwarding is set in pendoConfig, based on the app flag.
@@ -12592,10 +12602,10 @@ var getDesignerWindow = function () {
     // directly to the top window.
     return isPendo.test(location.href) ? window.parent : window.top;
 };
-var announceAgentLoaded = function () {
+var announceAgentLoaded = function (url) {
     if (detectMaster()) {
         var win = getDesignerWindow();
-        tellMaster(win, { type: 'load', url: location.toString() }, '*');
+        tellMaster(win, { type: 'load', url: url || location.toString() }, '*');
     }
 };
 var addSafeWindowMessageListener = function (cb) {
@@ -13930,7 +13940,7 @@ var pageLoad = makeSafe(function (url) {
         pageLoad.lastUrl = url;
         var loadTime = -1;
         if (!restrictP1Access()) {
-            announceAgentLoaded();
+            announceAgentLoaded(url);
         }
         log.debug('sending load event for url ' + url);
         if (typeof performance !== 'undefined' &&
@@ -14557,6 +14567,14 @@ function getPendoCdnHost() {
 // A contentHost set up as a CNAME in app settings is delivered in the hosted config, while a
 // snippet value is the customer's own override of it. Same precedence getDataHost uses.
 function getConfiguredContentHost() {
+    // Partner/OEM guide content lives in the partner's own storage buckets, so we
+    // must not rewrite those urls away from the partner. This is an all-or-nothing skip that
+    // assumes a partner sub never serves Pendo-origin guide content that a contentHost should
+    // apply to - true while only the partner's own guides are delivered. If guides are ever
+    // enabled for partner-analytics subs with content on a Pendo host, this needs to become a
+    // per-url decision (skip partner-bucket urls, still rewrite Pendo-origin ones) instead.
+    if (treatAsAdoptPartner())
+        return undefined;
     return ConfigReader.getLocalConfig('contentHost') || ConfigReader.getHostedConfig('contentHost');
 }
 function replaceWithContentHost(str) {
@@ -26344,10 +26362,14 @@ function isPortValid(port) {
 // (APP-168708). frames and its indexed children are readable across origins, so
 // this holds where an origin check can't: no ancestorOrigins needed, and sandboxed
 // frames (origin "null") are still found.
+//
+// frames skips iframes whose element lives in a shadow root, so a web-component
+// modal's frame never turns up in the walk. top is also readable across origins
+// and can't be spoofed by a popup, so it covers those frames (APP-171528).
 function isFrameBelowUs(source, window) {
     if (!source)
         return false;
-    if (source === window)
+    if (source === window || source.top === window)
         return true;
     var pending = [window];
     while (pending.length) {
@@ -36353,6 +36375,12 @@ const DebuggerModule = (() => {
         identity: { type: SYNC_TYPES.BOTTOM_UP, defaultValue: {} },
         location: { type: SYNC_TYPES.BOTTOM_UP, defaultValue: {} }
     };
+    // frameId comes off the cross-frame channel and keys state.frames, so a key like
+    // __proto__ would resolve to Object.prototype and the sync would write onto it
+    const UNSAFE_FRAME_IDS = ['__proto__', 'constructor', 'prototype'];
+    function isSafeFrameId(frameId) {
+        return _.isString(frameId) && !_.contains(UNSAFE_FRAME_IDS, frameId);
+    }
     const actions = {
         init: (context, buffer) => {
             context.commit('setFrameId', EventTracer.getFrameId());
@@ -36716,6 +36744,8 @@ const DebuggerModule = (() => {
             });
             setter = mutations[`_sync_${fieldName}`] || setter;
             mutations[`_sync_${fieldName}`] = (state, { value, frameId }) => {
+                if (!isSafeFrameId(frameId))
+                    return;
                 if (!state.frames[frameId]) {
                     state.frames[frameId] = {};
                 }
@@ -41978,11 +42008,20 @@ class DOMPrompt {
         }
         return tmp;
     }
+    isPasswordInput(elem) {
+        return !!elem && !!elem.tagName && elem.tagName.toLowerCase() === 'input' && elem.type === 'password';
+    }
+    getInputText(inputEl) {
+        if (this.isPasswordInput(inputEl.get())) {
+            return '';
+        }
+        return inputEl.getText();
+    }
     getPromptValue() {
         const elementWithValue = this._.find(this.inputEls, (el) => {
             if (el) {
                 try {
-                    const value = el.getText();
+                    const value = this.getInputText(el);
                     return value && value.trim();
                 }
                 catch (err) {
@@ -41993,7 +42032,7 @@ class DOMPrompt {
         });
         if (elementWithValue) {
             try {
-                const value = elementWithValue.getText();
+                const value = this.getInputText(elementWithValue);
                 return value.trim();
             }
             catch (err) { }
@@ -43073,11 +43112,28 @@ function lookupGuideButtons(domJson, buttons = []) {
     }
     return buttons;
 }
+function replaceFirstInTextNodes(node, textToReplace, replacementText) {
+    for (let i = 0; i < node.childNodes.length; i++) {
+        const child = node.childNodes[i];
+        if (child.nodeType === 3) {
+            const replaced = child.nodeValue.replace(textToReplace, replacementText);
+            if (replaced !== child.nodeValue) {
+                child.nodeValue = replaced;
+                return true;
+            }
+        }
+        else if (replaceFirstInTextNodes(child, textToReplace, replacementText)) {
+            return true;
+        }
+    }
+    return false;
+}
 function removeMarkdownSyntax(element, textToReplace, replacementText, pendo) {
-    var _a;
     if (pendo.dom(element).hasClass('_pendo-nps-open-text-poll-question')) {
-        // This prevents us from removing the message for the conditionally rendered elements
-        element.innerHTML = (_a = element.innerHTML) === null || _a === void 0 ? void 0 : _a.replace(textToReplace, replacementText);
+        // Edit text nodes in place rather than round-tripping innerHTML: re-parsing serialized
+        // guide markup can mutate it into live elements (mXSS). This also keeps child elements intact.
+        element.normalize();
+        replaceFirstInTextNodes(element, textToReplace, replacementText);
     }
     if (element.localName === 'button' ||
         element.localName === 'label' ||
@@ -46404,10 +46460,72 @@ function record() { var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(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 NodeType$3 = /* @__PURE__ */ ((NodeType2) => {
+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";
+  EventType2[EventType2["Asset"] = 7] = "Asset";
+  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";
@@ -46415,23 +46533,34 @@ var NodeType$3 = /* @__PURE__ */ ((NodeType2) => {
   NodeType2[NodeType2["CDATA"] = 4] = "CDATA";
   NodeType2[NodeType2["Comment"] = 5] = "Comment";
   return NodeType2;
-})(NodeType$3 || {});
-const testableAccessors$1 = {
-  Node: ["childNodes", "parentNode", "parentElement", "textContent"],
+})(NodeType || {});
+const testableAccessors = {
+  Node: [
+    "childNodes",
+    "parentNode",
+    "parentElement",
+    "textContent",
+    "ownerDocument",
+    "firstChild",
+    "lastChild",
+    "nextSibling",
+    "previousSibling"
+  ],
   ShadowRoot: ["host", "styleSheets"],
   Element: ["shadowRoot"],
   MutationObserver: [],
   EventTarget: []
 };
-const testableMethods$1 = {
+const testableMethods = {
   Node: ["contains", "getRootNode"],
   ShadowRoot: ["getSelection"],
   Element: ["querySelector", "querySelectorAll"],
   MutationObserver: ["constructor"],
   EventTarget: ["addEventListener", "removeEventListener"]
 };
-const untaintedBasePrototype$1 = {};
-function angularZoneUnpatchedAlternative$1(key) {
+const untaintedBasePrototype = {};
+const untaintedBaseIframeCleanup = {};
+function angularZoneUnpatchedAlternative(key) {
   var _a2, _b;
   const angularUnpatchedVersionSymbol = (_b = (_a2 = globalThis == null ? void 0 : globalThis.Zone) == null ? void 0 : _a2.__symbol__) == null ? void 0 : _b.call(_a2, key);
   if (angularUnpatchedVersionSymbol && globalThis[angularUnpatchedVersionSymbol]) {
@@ -46440,12 +46569,12 @@ function angularZoneUnpatchedAlternative$1(key) {
     return void 0;
   }
 }
-function getUntaintedPrototype$1(key) {
-  if (untaintedBasePrototype$1[key])
-    return untaintedBasePrototype$1[key];
-  const candidate = angularZoneUnpatchedAlternative$1(key) || globalThis[key];
+function getUntaintedPrototype(key) {
+  if (untaintedBasePrototype[key])
+    return untaintedBasePrototype[key];
+  const candidate = angularZoneUnpatchedAlternative(key) || globalThis[key];
   const defaultPrototype = candidate.prototype;
-  const accessorNames = key in testableAccessors$1 ? testableAccessors$1[key] : void 0;
+  const accessorNames = key in testableAccessors ? testableAccessors[key] : void 0;
   const isUntaintedAccessors = Boolean(
     accessorNames && // @ts-expect-error 2345
     accessorNames.every(
@@ -46457,7 +46586,7 @@ function getUntaintedPrototype$1(key) {
       }
     )
   );
-  const methodNames = key in testableMethods$1 ? testableMethods$1[key] : void 0;
+  const methodNames = key in testableMethods ? testableMethods[key] : void 0;
   const isUntaintedMethods = Boolean(
     methodNames && methodNames.every(
       // @ts-expect-error 2345
@@ -46468,45 +46597,53 @@ function getUntaintedPrototype$1(key) {
     )
   );
   if (isUntaintedAccessors && isUntaintedMethods) {
-    untaintedBasePrototype$1[key] = candidate.prototype;
+    untaintedBasePrototype[key] = candidate.prototype;
     return candidate.prototype;
   }
   try {
     const iframeEl = document.createElement("iframe");
+    iframeEl.style.display = "none";
     document.body.appendChild(iframeEl);
     const win = iframeEl.contentWindow;
     if (!win) return candidate.prototype;
     const untaintedObject = win[key].prototype;
-    document.body.removeChild(iframeEl);
-    if (!untaintedObject) return defaultPrototype;
-    return untaintedBasePrototype$1[key] = untaintedObject;
+    if (!untaintedObject) {
+      iframeEl.remove();
+      return defaultPrototype;
+    }
+    const ua = navigator.userAgent;
+    if (ua.includes("Safari") && !ua.includes("Chrome")) {
+      iframeEl.classList.add("rr-block");
+      iframeEl.setAttribute("__rrwebUntaintedMutationObserver", "");
+      untaintedBaseIframeCleanup[key] = () => iframeEl.remove();
+    } else {
+      iframeEl.remove();
+    }
+    return untaintedBasePrototype[key] = untaintedObject;
   } catch {
     return defaultPrototype;
   }
 }
-const untaintedAccessorCache$1 = {};
-function getUntaintedAccessor$1(key, instance, accessor) {
-  var _a2;
-  const cacheKey = `${key}.${String(accessor)}`;
-  if (untaintedAccessorCache$1[cacheKey])
-    return untaintedAccessorCache$1[cacheKey].call(
-      instance
-    );
-  const untaintedPrototype = getUntaintedPrototype$1(key);
-  const untaintedAccessor = (_a2 = Object.getOwnPropertyDescriptor(
+const untaintedAccessorCache = {};
+function getUntaintedAccessor(key, instance, accessor) {
+  var _a2, _b;
+  const cached = (_a2 = untaintedAccessorCache[key]) == null ? void 0 : _a2[accessor];
+  if (cached) return cached.call(instance);
+  const untaintedPrototype = getUntaintedPrototype(key);
+  const untaintedAccessor = (_b = Object.getOwnPropertyDescriptor(
     untaintedPrototype,
     accessor
-  )) == null ? void 0 : _a2.get;
+  )) == null ? void 0 : _b.get;
   if (!untaintedAccessor) return instance[accessor];
-  untaintedAccessorCache$1[cacheKey] = untaintedAccessor;
+  (untaintedAccessorCache[key] || (untaintedAccessorCache[key] = {}))[accessor] = untaintedAccessor;
   return untaintedAccessor.call(instance);
 }
-const untaintedMethodCache$1 = {};
-function getUntaintedMethod$1(key, instance, method) {
+const untaintedMethodCache = {};
+function getUntaintedMethod(key, instance, method) {
   var _a2, _b, _c;
   const cacheKey = `${key}.${String(method)}`;
-  if (untaintedMethodCache$1[cacheKey])
-    return untaintedMethodCache$1[cacheKey].bind(
+  if (untaintedMethodCache[cacheKey])
+    return untaintedMethodCache[cacheKey].bind(
       instance
     );
   const zoneSymbol = (_b = (_a2 = globalThis == null ? void 0 : globalThis.Zone) == null ? void 0 : _a2.__symbol__) == null ? void 0 : _b.call(
@@ -46517,67 +46654,106 @@ function getUntaintedMethod$1(key, instance, method) {
     const classProto = (_c = globalThis[key]) == null ? void 0 : _c.prototype;
     const nativeFromZone = globalThis[zoneSymbol] ?? (classProto == null ? void 0 : classProto[zoneSymbol]);
     if (typeof nativeFromZone === "function") {
-      untaintedMethodCache$1[cacheKey] = nativeFromZone;
+      untaintedMethodCache[cacheKey] = nativeFromZone;
       return nativeFromZone.bind(
         instance
       );
     }
   }
-  const untaintedPrototype = getUntaintedPrototype$1(key);
+  const untaintedPrototype = getUntaintedPrototype(key);
   const untaintedMethod = untaintedPrototype[method];
   if (typeof untaintedMethod !== "function") return instance[method];
-  untaintedMethodCache$1[cacheKey] = untaintedMethod;
+  untaintedMethodCache[cacheKey] = untaintedMethod;
   return untaintedMethod.bind(instance);
 }
-function childNodes$1(n2) {
-  return getUntaintedAccessor$1("Node", n2, "childNodes");
+function ownerDocument(n) {
+  return getUntaintedAccessor("Node", n, "ownerDocument");
 }
-function parentNode$1(n2) {
-  return getUntaintedAccessor$1("Node", n2, "parentNode");
+function childNodes(n) {
+  return getUntaintedAccessor("Node", n, "childNodes");
 }
-function parentElement$1(n2) {
-  return getUntaintedAccessor$1("Node", n2, "parentElement");
+function parentNode(n) {
+  return getUntaintedAccessor("Node", n, "parentNode");
 }
-function textContent$1(n2) {
-  return getUntaintedAccessor$1("Node", n2, "textContent");
+function parentElement(n) {
+  return getUntaintedAccessor("Node", n, "parentElement");
 }
-function contains$1(n2, other) {
-  return getUntaintedMethod$1("Node", n2, "contains")(other);
+function textContent(n) {
+  return getUntaintedAccessor("Node", n, "textContent");
 }
-function getRootNode$1(n2) {
-  return getUntaintedMethod$1("Node", n2, "getRootNode")();
+function firstChild(n) {
+  return getUntaintedAccessor("Node", n, "firstChild");
 }
-function host$1(n2) {
-  if (!n2 || !("host" in n2)) return null;
-  return getUntaintedAccessor$1("ShadowRoot", n2, "host");
+function lastChild(n) {
+  return getUntaintedAccessor("Node", n, "lastChild");
 }
-function styleSheets$1(n2) {
-  return n2.styleSheets;
+function nextSibling(n) {
+  return getUntaintedAccessor("Node", n, "nextSibling");
 }
-function shadowRoot$1(n2) {
-  if (!n2 || !("shadowRoot" in n2)) return null;
-  return getUntaintedAccessor$1("Element", n2, "shadowRoot");
+function previousSibling(n) {
+  return getUntaintedAccessor("Node", n, "previousSibling");
 }
-function querySelector$1(n2, selectors) {
-  return getUntaintedMethod$1("Element", n2, "querySelector")(selectors);
+function contains(n, other) {
+  return getUntaintedMethod("Node", n, "contains")(other);
 }
-function querySelectorAll$1(n2, selectors) {
-  return getUntaintedMethod$1("Element", n2, "querySelectorAll")(selectors);
+function getRootNode(n) {
+  return getUntaintedMethod("Node", n, "getRootNode")();
 }
-function addEventListener$1(n2, type, listener, options) {
-  getUntaintedMethod$1("EventTarget", n2, "addEventListener")(type, listener, options);
+function host(n) {
+  if (!n || !("host" in n)) return null;
+  return getUntaintedAccessor("ShadowRoot", n, "host");
 }
-function removeEventListener$1(n2, type, listener, options) {
-  getUntaintedMethod$1("EventTarget", n2, "removeEventListener")(
+function styleSheets(n) {
+  return n.styleSheets;
+}
+function shadowRoot(n) {
+  if (!n || !("shadowRoot" in n)) return null;
+  return getUntaintedAccessor("Element", n, "shadowRoot");
+}
+function querySelector(n, selectors) {
+  return getUntaintedMethod("Element", n, "querySelector")(selectors);
+}
+function querySelectorAll(n, selectors) {
+  return getUntaintedMethod("Element", n, "querySelectorAll")(selectors);
+}
+function addEventListener(n, type, listener, options) {
+  getUntaintedMethod("EventTarget", n, "addEventListener")(type, listener, options);
+}
+function removeEventListener(n, type, listener, options) {
+  getUntaintedMethod("EventTarget", n, "removeEventListener")(
     type,
     listener,
     options
   );
 }
-function mutationObserverCtor$1() {
-  return getUntaintedPrototype$1("MutationObserver").constructor;
+function mutationObserverCtor() {
+  return [
+    getUntaintedPrototype("MutationObserver").constructor,
+    untaintedBaseIframeCleanup["MutationObserver"] ?? (() => {
+    })
+  ];
 }
-function patch$1(source, name, replacement) {
+function getUntaintedProxy() {
+  var _a2, _b;
+  let Proxy3 = window.Proxy;
+  try {
+    if (typeof window.Proxy !== "function" || !((_a2 = window.Proxy) == null ? void 0 : _a2.toString().includes("[native code]"))) {
+      const cleanFrame = document.createElement("iframe");
+      cleanFrame.style.display = "none";
+      document.documentElement.appendChild(cleanFrame);
+      Proxy3 = ((_b = cleanFrame.contentWindow) == null ? void 0 : _b.Proxy) || window.Proxy;
+      document.documentElement.removeChild(cleanFrame);
+    }
+  } catch (err) {
+    console.debug("Unable to get untainted Proxy from iframe", err);
+  }
+  return Proxy3;
+}
+let nowTimestamp = Date.now;
+if (!/* @__PURE__ */ /[1-9][0-9]{12}/.test(Date.now().toString())) {
+  nowTimestamp = () => (/* @__PURE__ */ new Date()).getTime();
+}
+function patch(source, name, replacement) {
   try {
     if (!(name in source)) {
       return () => {
@@ -46603,40 +46779,46 @@ function patch$1(source, name, replacement) {
     };
   }
 }
-const index$1 = {
-  childNodes: childNodes$1,
-  parentNode: parentNode$1,
-  parentElement: parentElement$1,
-  textContent: textContent$1,
-  contains: contains$1,
-  getRootNode: getRootNode$1,
-  host: host$1,
-  styleSheets: styleSheets$1,
-  shadowRoot: shadowRoot$1,
-  querySelector: querySelector$1,
-  querySelectorAll: querySelectorAll$1,
-  addEventListener: addEventListener$1,
-  removeEventListener: removeEventListener$1,
-  mutationObserver: mutationObserverCtor$1,
-  patch: patch$1
-};
-function isElement(n2) {
-  return n2.nodeType === n2.ELEMENT_NODE;
-}
-function isShadowRoot(n2) {
+const index = {
+  ownerDocument,
+  childNodes,
+  parentNode,
+  parentElement,
+  textContent,
+  firstChild,
+  lastChild,
+  nextSibling,
+  previousSibling,
+  contains,
+  getRootNode,
+  host,
+  styleSheets,
+  shadowRoot,
+  querySelector,
+  querySelectorAll,
+  addEventListener,
+  removeEventListener,
+  nowTimestamp,
+  mutationObserverCtor,
+  patch
+};
+function isElement(n) {
+  return n.nodeType === n.ELEMENT_NODE;
+}
+function isShadowRoot(n) {
   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
+    n && "host" in n && "mode" in n && index.host(n) || null
   );
   return Boolean(
-    hostEl && "shadowRoot" in hostEl && index$1.shadowRoot(hostEl) === n2
+    hostEl && "shadowRoot" in hostEl && index.shadowRoot(hostEl) === n
   );
 }
 function isNativeShadowDom(shadowRoot2) {
   return Object.prototype.toString.call(shadowRoot2) === "[object ShadowRoot]";
 }
-function getNative$1(symbolName, windowObj = window) {
+function getNative(symbolName, windowObj = window) {
   var _a2, _b;
   const windowWithZone = windowObj;
   const angularZoneSymbol = (_b = (_a2 = windowWithZone == null ? void 0 : windowWithZone.Zone) == null ? void 0 : _a2.__symbol__) == null ? void 0 : _b.call(_a2, symbolName);
@@ -46648,7 +46830,7 @@ function getNative$1(symbolName, windowObj = window) {
   }
   return windowWithZone[symbolName];
 }
-const nativeSetTimeout = typeof window !== "undefined" ? getNative$1("setTimeout").bind(window) : global.setTimeout;
+const nativeSetTimeout = typeof window !== "undefined" ? getNative("setTimeout").bind(window) : global.setTimeout;
 function fixBrowserCompatibilityIssuesInCSS(cssText) {
   if (cssText.includes(" background-clip: text;") && !cssText.includes(" -webkit-background-clip: text;")) {
     cssText = cssText.replace(
@@ -46675,18 +46857,18 @@ function escapeImportStatement(rule) {
   }
   return statement.join(" ") + ";";
 }
-function stringifyStylesheet(s2) {
+function stringifyStylesheet(s) {
   try {
-    const rules2 = s2.rules || s2.cssRules;
-    if (!rules2) {
+    const rules = s.rules || s.cssRules;
+    if (!rules) {
       return null;
     }
-    let sheetHref = s2.href;
-    if (!sheetHref && s2.ownerNode) {
-      sheetHref = s2.ownerNode.baseURI;
+    let sheetHref = s.href;
+    if (!sheetHref && s.ownerNode) {
+      sheetHref = s.ownerNode.baseURI;
     }
     const stringifiedRules = Array.from(
-      rules2,
+      rules,
       (rule) => stringifyRule(rule, sheetHref)
     ).join("");
     return fixBrowserCompatibilityIssuesInCSS(stringifiedRules);
@@ -46732,8 +46914,8 @@ function replaceChromeGridTemplateAreas(rule) {
   );
   if (hasGridTemplateInCSSText && hasGridTemplateAreaInStyleRules && !hasGridTemplateAreaInCSSText) {
     const styleDeclarations = [];
-    for (let i2 = 0; i2 < rule.style.length; i2++) {
-      const styleName = rule.style[i2];
+    for (let i = 0; i < rule.style.length; i++) {
+      const styleName = rule.style[i];
       const styleValue = rule.style.getPropertyValue(styleName);
       styleDeclarations.push(`${styleName}: ${styleValue}`);
     }
@@ -46753,13 +46935,13 @@ function isCSSStyleRule(rule) {
 }
 class Mirror {
   constructor() {
-    __publicField$1(this, "idNodeMap", /* @__PURE__ */ new Map());
-    __publicField$1(this, "nodeMetaMap", /* @__PURE__ */ new WeakMap());
+    __publicField(this, "idNodeMap", /* @__PURE__ */ new Map());
+    __publicField(this, "nodeMetaMap", /* @__PURE__ */ new WeakMap());
   }
-  getId(n2) {
+  getId(n) {
     var _a2;
-    if (!n2) return -1;
-    const id = (_a2 = this.getMeta(n2)) == null ? void 0 : _a2.id;
+    if (!n) return -1;
+    const id = (_a2 = this.getMeta(n)) == null ? void 0 : _a2.id;
     return id ?? -1;
   }
   getNode(id) {
@@ -46768,16 +46950,16 @@ class Mirror {
   getIds() {
     return Array.from(this.idNodeMap.keys());
   }
-  getMeta(n2) {
-    return this.nodeMetaMap.get(n2) || null;
+  getMeta(n) {
+    return this.nodeMetaMap.get(n) || null;
   }
   // removes the node from idNodeMap
   // doesn't remove the node from nodeMetaMap
-  removeNodeFromMap(n2) {
-    const id = this.getId(n2);
+  removeNodeFromMap(n) {
+    const id = this.getId(n);
     this.idNodeMap.delete(id);
-    if (n2.childNodes) {
-      n2.childNodes.forEach(
+    if (n.childNodes) {
+      n.childNodes.forEach(
         (childNode) => this.removeNodeFromMap(childNode)
       );
     }
@@ -46788,25 +46970,25 @@ class Mirror {
   hasNode(node) {
     return this.nodeMetaMap.has(node);
   }
-  add(n2, meta) {
+  add(n, meta) {
     const id = meta.id;
-    this.idNodeMap.set(id, n2);
-    this.nodeMetaMap.set(n2, meta);
+    this.idNodeMap.set(id, n);
+    this.nodeMetaMap.set(n, meta);
   }
-  replace(id, n2) {
+  replace(id, n) {
     const oldNode = this.getNode(id);
     if (oldNode) {
       const meta = this.nodeMetaMap.get(oldNode);
-      if (meta) this.nodeMetaMap.set(n2, meta);
+      if (meta) this.nodeMetaMap.set(n, meta);
     }
-    this.idNodeMap.set(id, n2);
+    this.idNodeMap.set(id, n);
   }
   reset() {
     this.idNodeMap = /* @__PURE__ */ new Map();
     this.nodeMetaMap = /* @__PURE__ */ new WeakMap();
   }
 }
-function createMirror$2() {
+function createMirror() {
   return new Mirror();
 }
 function maskInputValue({
@@ -46906,8 +47088,10 @@ function absolutifyURLs(cssText, href) {
       if (filePath[0] === "/") {
         return `url(${maybeQuote}${extractOrigin(href) + filePath}${maybeQuote})`;
       }
-      const stack = href.split("/");
-      const parts = filePath.split("/");
+      const filePathNoHash = filePath.split("#")[0];
+      const maybeHash = filePath.substring(filePathNoHash.length);
+      const stack = href.split("#")[0].split("/");
+      const parts = filePathNoHash.split("/");
       stack.pop();
       for (const part of parts) {
         if (part === ".") {
@@ -46918,7 +47102,7 @@ function absolutifyURLs(cssText, href) {
           stack.push(part);
         }
       }
-      return `url(${maybeQuote}${stack.join("/")}${maybeQuote})`;
+      return `url(${maybeQuote}${stack.join("/")}${maybeHash}${maybeQuote})`;
     }
   );
 }
@@ -46936,10 +47120,10 @@ function splitCssText(cssText, style, _testNoPxNorm = false) {
   if (childNodes2.length > 1 && cssText && typeof cssText === "string") {
     let cssTextNorm = normalizeCssString(cssText, _testNoPxNorm);
     const normFactor = cssTextNorm.length / cssText.length;
-    for (let i2 = 1; i2 < childNodes2.length; i2++) {
-      if (childNodes2[i2].textContent && typeof childNodes2[i2].textContent === "string") {
+    for (let i = 1; i < childNodes2.length; i++) {
+      if (childNodes2[i].textContent && typeof childNodes2[i].textContent === "string") {
         const textContentNorm = normalizeCssString(
-          childNodes2[i2].textContent,
+          childNodes2[i].textContent,
           _testNoPxNorm
         );
         const jLimit = 100;
@@ -46960,7 +47144,7 @@ function splitCssText(cssText, style, _testNoPxNorm = false) {
           let splitNorm = -1;
           if (cssNormSplits.length === 2) {
             splitNorm = cssNormSplits[0].length;
-          } else if (cssNormSplits.length > 2 && cssNormSplits[0] === "" && childNodes2[i2 - 1].textContent !== "") {
+          } else if (cssNormSplits.length > 2 && cssNormSplits[0] === "" && childNodes2[i - 1].textContent !== "") {
             splitNorm = cssTextNorm.indexOf(startSubstring, 1);
           } else if (cssNormSplits.length === 1) {
             startSubstring = startSubstring.substring(
@@ -46977,7 +47161,7 @@ function splitCssText(cssText, style, _testNoPxNorm = false) {
             splitNorm = cssTextNorm.indexOf(startSubstring);
           }
           if (cssNormSplits.length >= 2 && j > jLimit) {
-            const prevTextContent = childNodes2[i2 - 1].textContent;
+            const prevTextContent = childNodes2[i - 1].textContent;
             if (prevTextContent && typeof prevTextContent === "string") {
               const prevMinLength = normalizeCssString(prevTextContent).length;
               splitNorm = cssTextNorm.indexOf(startSubstring, prevMinLength);
@@ -47033,7 +47217,7 @@ const IGNORED_NODE = -2;
 function genId() {
   return _id++;
 }
-function getValidTagName$1(element) {
+function getValidTagName(element) {
   if (element instanceof HTMLFormElement) {
     return "form";
   }
@@ -47077,24 +47261,24 @@ function getAbsoluteSrcsetString(doc, attributeValue) {
       url = absoluteToDoc(doc, url);
       let inParens = false;
       while (true) {
-        const c2 = attributeValue.charAt(pos);
-        if (c2 === "") {
+        const c = attributeValue.charAt(pos);
+        if (c === "") {
           output.push((url + descriptorsStr).trim());
           break;
         } else if (!inParens) {
-          if (c2 === ",") {
+          if (c === ",") {
             pos += 1;
             output.push((url + descriptorsStr).trim());
             break;
-          } else if (c2 === "(") {
+          } else if (c === "(") {
             inParens = true;
           }
         } else {
-          if (c2 === ")") {
+          if (c === ")") {
             inParens = false;
           }
         }
-        descriptorsStr += c2;
+        descriptorsStr += c;
         pos += 1;
       }
     }
@@ -47112,18 +47296,18 @@ function isSVGElement(el) {
   return Boolean(el.tagName === "svg" || el.ownerSVGElement);
 }
 function getHref(doc, customHref) {
-  let a2 = cachedDocument.get(doc);
-  if (!a2) {
-    a2 = doc.createElement("a");
-    cachedDocument.set(doc, a2);
+  let a = cachedDocument.get(doc);
+  if (!a) {
+    a = doc.createElement("a");
+    cachedDocument.set(doc, a);
   }
   if (!customHref) {
     customHref = "";
   } else if (customHref.startsWith("blob:") || customHref.startsWith("data:")) {
     return customHref;
   }
-  a2.setAttribute("href", customHref);
-  return a2.href;
+  a.setAttribute("href", customHref);
+  return a.href;
 }
 function transformAttribute(doc, tagName, name, value) {
   if (!value) {
@@ -47133,7 +47317,7 @@ function transformAttribute(doc, tagName, name, value) {
     return absoluteToDoc(doc, value);
   } else if (name === "xlink:href" && value[0] !== "#") {
     return absoluteToDoc(doc, value);
-  } else if (name === "background" && (tagName === "table" || tagName === "td" || tagName === "th")) {
+  } else if (name === "background" && ["table", "td", "th"].includes(tagName)) {
     return absoluteToDoc(doc, value);
   } else if (name === "srcset") {
     return getAbsoluteSrcsetString(doc, value);
@@ -47145,7 +47329,7 @@ function transformAttribute(doc, tagName, name, value) {
   return value;
 }
 function ignoreAttribute(tagName, name, _value) {
-  return (tagName === "video" || tagName === "audio") && name === "autoplay";
+  return ["video", "audio"].includes(tagName) && toLowerCase(name) === "autoplay";
 }
 function _isBlockedElement(element, blockClass, blockSelector) {
   try {
@@ -47164,7 +47348,7 @@ function _isBlockedElement(element, blockClass, blockSelector) {
     if (blockSelector) {
       return element.matches(blockSelector);
     }
-  } catch (e2) {
+  } catch (e) {
   }
   return false;
 }
@@ -47173,7 +47357,7 @@ function classMatchesRegex(node, regex, checkAncestors) {
   if (!regex) return false;
   if (node.nodeType !== node.ELEMENT_NODE) {
     if (!checkAncestors) return false;
-    return classMatchesRegex(index$1.parentNode(node), regex, checkAncestors);
+    return classMatchesRegex(index.parentNode(node), regex, checkAncestors);
   }
   for (let eIndex = node.classList.length; eIndex--; ) {
     const className = node.classList[eIndex];
@@ -47182,20 +47366,20 @@ function classMatchesRegex(node, regex, checkAncestors) {
     }
   }
   if (!checkAncestors) return false;
-  return classMatchesRegex(index$1.parentNode(node), regex, checkAncestors);
+  return classMatchesRegex(index.parentNode(node), regex, checkAncestors);
 }
 function needMaskingText(node, maskTextClass, maskTextSelector, checkAncestors) {
   let el;
   if (isElement(node)) {
     el = node;
     if (maskTextSelector === "*") return true;
-    if (!index$1.childNodes(el).length) {
+    if (!index.childNodes(el).length) {
       return false;
     }
-  } else if (index$1.parentElement(node) === null) {
+  } else if (index.parentElement(node) === null) {
     return false;
   } else {
-    el = index$1.parentElement(node);
+    el = index.parentElement(node);
   }
   try {
     if (typeof maskTextClass === "string") {
@@ -47214,7 +47398,7 @@ function needMaskingText(node, maskTextClass, maskTextSelector, checkAncestors)
         if (el.matches(maskTextSelector)) return true;
       }
     }
-  } catch (e2) {
+  } catch (e) {
   }
   return false;
 }
@@ -47272,7 +47456,7 @@ function onceStylesheetLoaded(link, listener, styleSheetLoadTimeout) {
     listener();
   });
 }
-function serializeNode(n2, options) {
+function serializeNode(n, options) {
   const {
     doc,
     mirror: mirror2,
@@ -47292,31 +47476,31 @@ function serializeNode(n2, options) {
     cssCaptured = false
   } = options;
   const rootId = getRootId(doc, mirror2);
-  switch (n2.nodeType) {
-    case n2.DOCUMENT_NODE:
-      if (n2.compatMode !== "CSS1Compat") {
+  switch (n.nodeType) {
+    case n.DOCUMENT_NODE:
+      if (n.compatMode !== "CSS1Compat") {
         return {
-          type: NodeType$3.Document,
+          type: NodeType.Document,
           childNodes: [],
-          compatMode: n2.compatMode
+          compatMode: n.compatMode
           // probably "BackCompat"
         };
       } else {
         return {
-          type: NodeType$3.Document,
+          type: NodeType.Document,
           childNodes: []
         };
       }
-    case n2.DOCUMENT_TYPE_NODE:
+    case n.DOCUMENT_TYPE_NODE:
       return {
-        type: NodeType$3.DocumentType,
-        name: n2.name,
-        publicId: n2.publicId,
-        systemId: n2.systemId,
+        type: NodeType.DocumentType,
+        name: n.name,
+        publicId: n.publicId,
+        systemId: n.systemId,
         rootId
       };
-    case n2.ELEMENT_NODE:
-      return serializeElementNode(n2, {
+    case n.ELEMENT_NODE:
+      return serializeElementNode(n, {
         doc,
         blockClass,
         blockSelector,
@@ -47332,8 +47516,8 @@ function serializeNode(n2, options) {
         rootId,
         needsMask
       });
-    case n2.TEXT_NODE:
-      return serializeTextNode(n2, {
+    case n.TEXT_NODE:
+      return serializeTextNode(n, {
         doc,
         needsMask,
         maskTextFn,
@@ -47342,16 +47526,16 @@ function serializeNode(n2, options) {
         rootId,
         cssCaptured
       });
-    case n2.CDATA_SECTION_NODE:
+    case n.CDATA_SECTION_NODE:
       return {
-        type: NodeType$3.CDATA,
+        type: NodeType.CDATA,
         textContent: "",
         rootId
       };
-    case n2.COMMENT_NODE:
+    case n.COMMENT_NODE:
       return {
-        type: NodeType$3.Comment,
-        textContent: index$1.textContent(n2) || "",
+        type: NodeType.Comment,
+        textContent: index.textContent(n) || "",
         rootId
       };
     default:
@@ -47363,7 +47547,7 @@ function getRootId(doc, mirror2) {
   const docId = mirror2.getId(doc);
   return docId === 1 ? void 0 : docId;
 }
-function serializeTextNode(n2, options) {
+function serializeTextNode(n, options) {
   var _a2;
   const {
     needsMask,
@@ -47373,23 +47557,23 @@ function serializeTextNode(n2, options) {
     rootId,
     cssCaptured
   } = options;
-  const parentTagName = n2.parentNode && n2.parentNode.tagName;
+  const parentTagName = n.parentNode && n.parentNode.tagName;
   let textContent2 = "";
   const isStyle = parentTagName === "STYLE" ? true : void 0;
   const isScript = parentTagName === "SCRIPT" ? true : void 0;
   const isTextarea = parentTagName === "TEXTAREA" ? true : void 0;
   if (isStyle && textContent2) {
     try {
-      if (n2.nextSibling || n2.previousSibling) {
-      } else if ((_a2 = n2.parentNode.sheet) == null ? void 0 : _a2.cssRules) {
+      if (n.nextSibling || n.previousSibling) {
+      } else if ((_a2 = n.parentNode.sheet) == null ? void 0 : _a2.cssRules) {
         textContent2 = stringifyStylesheet(
-          n2.parentNode.sheet
+          n.parentNode.sheet
         );
       }
     } catch (err) {
       console.warn(
         `Cannot get CSS styles from text's parentNode. Error: ${err}`,
-        n2
+        n
       );
     }
     textContent2 = absolutifyURLs(textContent2, getHref(options.doc));
@@ -47397,24 +47581,24 @@ function serializeTextNode(n2, options) {
   if (isScript) {
     textContent2 = "SCRIPT_PLACEHOLDER";
   } else if (!cssCaptured) {
-    textContent2 = index$1.textContent(n2);
+    textContent2 = index.textContent(n);
     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(n)) : textContent2.replace(/[\S]/g, "*");
   }
   if (isTextarea && textContent2 && maskInputOptions.textarea) {
-    textContent2 = maskInputFn ? maskInputFn(textContent2, n2.parentNode) : textContent2.replace(/[\S]/g, "*");
+    textContent2 = maskInputFn ? maskInputFn(textContent2, n.parentNode) : textContent2.replace(/[\S]/g, "*");
   }
   return {
-    type: NodeType$3.Text,
+    type: NodeType.Text,
     textContent: textContent2 || "",
     rootId
   };
 }
-function serializeElementNode(n2, options) {
+function serializeElementNode(n, options) {
   const {
     doc,
     blockClass,
@@ -47431,13 +47615,13 @@ function serializeElementNode(n2, options) {
     rootId,
     needsMask
   } = options;
-  const needBlock = _isBlockedElement(n2, blockClass, blockSelector);
-  const needHide = needBlock && hideSelector ? _isBlockedElement(n2, "", hideSelector) : false;
-  const tagName = getValidTagName$1(n2);
+  const needBlock = _isBlockedElement(n, blockClass, blockSelector);
+  const needHide = needBlock && hideSelector ? _isBlockedElement(n, "", hideSelector) : false;
+  const tagName = getValidTagName(n);
   let attributes = {};
-  const len = n2.attributes.length;
-  for (let i2 = 0; i2 < len; i2++) {
-    const attr = n2.attributes[i2];
+  const len = n.attributes.length;
+  for (let i = 0; i < len; i++) {
+    const attr = n.attributes[i];
     if (!ignoreAttribute(tagName, attr.name, attr.value)) {
       attributes[attr.name] = transformAttribute(
         doc,
@@ -47448,8 +47632,8 @@ function serializeElementNode(n2, options) {
     }
   }
   if (tagName === "link" && inlineStylesheet) {
-    const stylesheet = Array.from(doc.styleSheets).find((s2) => {
-      return s2.href === n2.href;
+    const stylesheet = Array.from(doc.styleSheets).find((s) => {
+      return s.href === n.href;
     });
     let cssText = null;
     if (stylesheet) {
@@ -47461,24 +47645,24 @@ function serializeElementNode(n2, options) {
       attributes._cssText = cssText;
     }
   }
-  if (tagName === "style" && n2.sheet) {
+  if (tagName === "style" && n.sheet) {
     let cssText = stringifyStylesheet(
-      n2.sheet
+      n.sheet
     );
     if (cssText) {
-      if (n2.childNodes.length > 1) {
-        cssText = markCssSplits(cssText, n2);
+      if (n.childNodes.length > 1) {
+        cssText = markCssSplits(cssText, n);
       }
       attributes._cssText = cssText;
     }
   }
-  if (tagName === "input" || tagName === "textarea" || tagName === "select") {
-    const value = n2.value;
-    const checked = n2.checked;
+  if (["input", "textarea", "select"].includes(tagName)) {
+    const value = n.value;
+    const checked = n.checked;
     if (attributes.type !== "radio" && attributes.type !== "checkbox" && attributes.type !== "submit" && attributes.type !== "button" && value) {
       attributes.value = maskInputValue({
-        element: n2,
-        type: getInputType(n2),
+        element: n,
+        type: getInputType(n),
         tagName,
         value,
         maskInputOptions,
@@ -47490,31 +47674,31 @@ function serializeElementNode(n2, options) {
     }
   }
   if (tagName === "option") {
-    if (n2.selected && !maskInputOptions["select"]) {
+    if (n.selected && !maskInputOptions["select"]) {
       attributes.selected = true;
     } else {
       delete attributes.selected;
     }
   }
-  if (tagName === "dialog" && n2.open) {
-    attributes.rr_open_mode = n2.matches("dialog:modal") ? "modal" : "non-modal";
+  if (tagName === "dialog" && n.open) {
+    attributes.rr_open_mode = n.matches("dialog:modal") ? "modal" : "non-modal";
   }
   if (tagName === "canvas" && recordCanvas) {
-    if (n2.__context === "2d") {
-      if (!is2DCanvasBlank(n2)) {
-        attributes.rr_dataURL = n2.toDataURL(
+    if (n.__context === "2d") {
+      if (!is2DCanvasBlank(n)) {
+        attributes.rr_dataURL = n.toDataURL(
           dataURLOptions.type,
           dataURLOptions.quality
         );
       }
-    } else if (!("__context" in n2)) {
-      const canvasDataURL = n2.toDataURL(
+    } else if (!("__context" in n)) {
+      const canvasDataURL = n.toDataURL(
         dataURLOptions.type,
         dataURLOptions.quality
       );
       const blankCanvas = doc.createElement("canvas");
-      blankCanvas.width = n2.width;
-      blankCanvas.height = n2.height;
+      blankCanvas.width = n.width;
+      blankCanvas.height = n.height;
       const blankCanvasDataURL = blankCanvas.toDataURL(
         dataURLOptions.type,
         dataURLOptions.quality
@@ -47529,7 +47713,7 @@ function serializeElementNode(n2, options) {
       canvasService = doc.createElement("canvas");
       canvasCtx = canvasService.getContext("2d");
     }
-    const image = n2;
+    const image = n;
     const imageSrc = image.currentSrc || image.getAttribute("src") || "<unknown-src>";
     const priorCrossOrigin = image.crossOrigin;
     const recordInlineImage = () => {
@@ -47562,21 +47746,21 @@ function serializeElementNode(n2, options) {
     if (image.complete && image.naturalWidth !== 0) recordInlineImage();
     else image.addEventListener("load", recordInlineImage);
   }
-  if (tagName === "audio" || tagName === "video") {
+  if (["audio", "video"].includes(tagName)) {
     const mediaAttributes = attributes;
-    mediaAttributes.rr_mediaState = n2.paused ? "paused" : "played";
-    mediaAttributes.rr_mediaCurrentTime = n2.currentTime;
-    mediaAttributes.rr_mediaPlaybackRate = n2.playbackRate;
-    mediaAttributes.rr_mediaMuted = n2.muted;
-    mediaAttributes.rr_mediaLoop = n2.loop;
-    mediaAttributes.rr_mediaVolume = n2.volume;
+    mediaAttributes.rr_mediaState = n.paused ? "paused" : "played";
+    mediaAttributes.rr_mediaCurrentTime = n.currentTime;
+    mediaAttributes.rr_mediaPlaybackRate = n.playbackRate;
+    mediaAttributes.rr_mediaMuted = n.muted;
+    mediaAttributes.rr_mediaLoop = n.loop;
+    mediaAttributes.rr_mediaVolume = n.volume;
   }
   if (!newlyAddedElement) {
-    if (n2.scrollLeft) {
-      attributes.rr_scrollLeft = n2.scrollLeft;
+    if (n.scrollLeft) {
+      attributes.rr_scrollLeft = n.scrollLeft;
     }
-    if (n2.scrollTop) {
-      attributes.rr_scrollTop = n2.scrollTop;
+    if (n.scrollTop) {
+      attributes.rr_scrollTop = n.scrollTop;
     }
   }
   if (needHide) {
@@ -47585,7 +47769,7 @@ function serializeElementNode(n2, options) {
       rr_display: "none"
     };
   } else if (needBlock) {
-    const { width, height } = n2.getBoundingClientRect();
+    const { width, height } = n.getBoundingClientRect();
     attributes = {
       class: attributes.class,
       rr_width: `${width}px`,
@@ -47593,7 +47777,7 @@ function serializeElementNode(n2, options) {
     };
   }
   if (tagName === "iframe" && !keepIframeSrcFn(attributes.src)) {
-    if (!n2.contentDocument) {
+    if (!n.contentDocument) {
       attributes.rr_src = attributes.src;
     }
     delete attributes.src;
@@ -47601,14 +47785,14 @@ function serializeElementNode(n2, options) {
   let isCustomElement;
   try {
     if (customElements.get(tagName)) isCustomElement = true;
-  } catch (e2) {
+  } catch (e) {
   }
   return {
-    type: NodeType$3.Element,
+    type: NodeType.Element,
     tagName,
     attributes,
     childNodes: [],
-    isSVG: isSVGElement(n2) || void 0,
+    isSVG: isSVGElement(n) || void 0,
     needBlock,
     rootId,
     isCustom: isCustomElement
@@ -47621,10 +47805,32 @@ function lowerIfExists(maybeAttr) {
     return maybeAttr.toLowerCase();
   }
 }
+function slimDOMDefaults(_slimDOMOptions) {
+  if (_slimDOMOptions === true || _slimDOMOptions === "all") {
+    return {
+      script: true,
+      comment: true,
+      headFavicon: true,
+      headWhitespace: true,
+      headMetaSocial: true,
+      headMetaRobots: true,
+      headMetaHttpEquiv: true,
+      headMetaVerification: true,
+      // the following are off for slimDOMOptions === true,
+      // as they destroy some (hidden) info:
+      headMetaAuthorship: _slimDOMOptions === "all",
+      headMetaDescKeywords: _slimDOMOptions === "all",
+      headTitleMutations: _slimDOMOptions === "all"
+    };
+  } else if (_slimDOMOptions) {
+    return _slimDOMOptions;
+  }
+  return {};
+}
 function slimDOMExcluded(sn, slimDOMOptions) {
-  if (slimDOMOptions.comment && sn.type === NodeType$3.Comment) {
+  if (slimDOMOptions.comment && sn.type === NodeType.Comment) {
     return true;
-  } else if (sn.type === NodeType$3.Element) {
+  } else if (sn.type === NodeType.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
@@ -47653,7 +47859,7 @@ function slimDOMExcluded(sn, slimDOMOptions) {
   }
   return false;
 }
-function serializeNodeWithId(n2, options) {
+function serializeNodeWithId(n, options) {
   const {
     doc,
     mirror: mirror2,
@@ -47685,13 +47891,13 @@ function serializeNodeWithId(n2, options) {
   if (!needsMask) {
     const checkAncestors = needsMask === void 0;
     needsMask = needMaskingText(
-      n2,
+      n,
       maskTextClass,
       maskTextSelector,
       checkAncestors
     );
   }
-  const _serializedNode = serializeNode(n2, {
+  const _serializedNode = serializeNode(n, {
     doc,
     mirror: mirror2,
     blockClass,
@@ -47710,35 +47916,35 @@ function serializeNodeWithId(n2, options) {
     cssCaptured
   });
   if (!_serializedNode) {
-    console.warn(n2, "not serialized");
+    console.warn(n, "not serialized");
     return null;
   }
   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) {
+  if (mirror2.hasNode(n)) {
+    id = mirror2.getId(n);
+  } else if (slimDOMExcluded(_serializedNode, slimDOMOptions) || !preserveWhiteSpace && _serializedNode.type === NodeType.Text && !_serializedNode.textContent.replace(/^\s+|\s+$/gm, "").length) {
     id = IGNORED_NODE;
   } else {
     id = genId();
   }
   const serializedNode = Object.assign(_serializedNode, { id });
-  mirror2.add(n2, serializedNode);
+  mirror2.add(n, serializedNode);
   if (id === IGNORED_NODE) {
     return null;
   }
   if (onSerialize) {
-    onSerialize(n2);
+    onSerialize(n);
   }
   let recordChild = !skipChild;
-  if (serializedNode.type === NodeType$3.Element) {
+  if (serializedNode.type === NodeType.Element) {
     recordChild = recordChild && !serializedNode.needBlock;
     delete serializedNode.needBlock;
-    const shadowRootEl = index$1.shadowRoot(n2);
+    const shadowRootEl = index.shadowRoot(n);
     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.Document || serializedNode.type === NodeType.Element) && recordChild) {
+    if (slimDOMOptions.headWhitespace && serializedNode.type === NodeType.Element && serializedNode.tagName === "head") {
       preserveWhiteSpace = false;
     }
     const bypassOptions = {
@@ -47768,12 +47974,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.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.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(n))) {
         const serializedChildNode = serializeNodeWithId(childN, bypassOptions);
         if (serializedChildNode) {
           serializedNode.childNodes.push(serializedChildNode);
@@ -47781,8 +47987,8 @@ function serializeNodeWithId(n2, options) {
       }
     }
     let shadowRootEl = null;
-    if (isElement(n2) && (shadowRootEl = index$1.shadowRoot(n2))) {
-      for (const childN of Array.from(index$1.childNodes(shadowRootEl))) {
+    if (isElement(n) && (shadowRootEl = index.shadowRoot(n))) {
+      for (const childN of Array.from(index.childNodes(shadowRootEl))) {
         const serializedChildNode = serializeNodeWithId(childN, bypassOptions);
         if (serializedChildNode) {
           isNativeShadowDom(shadowRootEl) && (serializedChildNode.isShadow = true);
@@ -47791,15 +47997,15 @@ function serializeNodeWithId(n2, options) {
       }
     }
   }
-  const parent = index$1.parentNode(n2);
+  const parent = index.parentNode(n);
   if (parent && isShadowRoot(parent) && isNativeShadowDom(parent)) {
     serializedNode.isShadow = true;
   }
-  if (serializedNode.type === NodeType$3.Element && serializedNode.tagName === "iframe") {
+  if (serializedNode.type === NodeType.Element && serializedNode.tagName === "iframe") {
     onceIframeLoaded(
-      n2,
+      n,
       () => {
-        const iframeDoc = n2.contentDocument;
+        const iframeDoc = n.contentDocument;
         if (iframeDoc && onIframeLoad) {
           const serializedIframeNode = serializeNodeWithId(iframeDoc, {
             doc: iframeDoc,
@@ -47829,7 +48035,7 @@ function serializeNodeWithId(n2, options) {
           });
           if (serializedIframeNode) {
             onIframeLoad(
-              n2,
+              n,
               serializedIframeNode
             );
           }
@@ -47838,12 +48044,12 @@ 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.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,
+      n,
       () => {
         if (onStylesheetLoad) {
-          const serializedLinkNode = serializeNodeWithId(n2, {
+          const serializedLinkNode = serializeNodeWithId(n, {
             doc,
             mirror: mirror2,
             blockClass,
@@ -47871,7 +48077,7 @@ function serializeNodeWithId(n2, options) {
           });
           if (serializedLinkNode) {
             onStylesheetLoad(
-              n2,
+              n,
               serializedLinkNode
             );
           }
@@ -47882,7 +48088,7 @@ function serializeNodeWithId(n2, options) {
   }
   return serializedNode;
 }
-function snapshot(n2, options) {
+function snapshot(n, options) {
   const {
     mirror: mirror2 = new Mirror(),
     blockClass = "rr-block",
@@ -47905,7 +48111,7 @@ function snapshot(n2, options) {
     onStylesheetLoad,
     stylesheetLoadTimeout,
     keepIframeSrcFn = () => false
-  } = options || {};
+  } = options;
   const maskInputOptions = maskAllInputs === true ? {
     color: true,
     date: true,
@@ -47926,24 +48132,9 @@ function snapshot(n2, options) {
   } : maskAllInputs === false ? {
     password: true
   } : maskAllInputs;
-  const slimDOMOptions = slimDOM === true || slimDOM === "all" ? (
-    // if true: set of sensible options that should not throw away any information
-    {
-      script: true,
-      comment: true,
-      headFavicon: true,
-      headWhitespace: true,
-      headMetaDescKeywords: slimDOM === "all",
-      // destructive
-      headMetaSocial: true,
-      headMetaRobots: true,
-      headMetaHttpEquiv: true,
-      headMetaAuthorship: true,
-      headMetaVerification: true
-    }
-  ) : slimDOM === false ? {} : slimDOM;
-  return serializeNodeWithId(n2, {
-    doc: n2,
+  const slimDOMOptions = slimDOMDefaults(slimDOM);
+  return serializeNodeWithId(n, {
+    doc: n,
     mirror: mirror2,
     blockClass,
     blockSelector,
@@ -47969,37 +48160,22 @@ function snapshot(n2, options) {
     newlyAddedElement: false
   });
 }
-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 __publicField2 = (obj, key, value) => __defNormalProp2(obj, typeof key !== "symbol" ? key + "" : key, value);
-function getNative(symbolName, windowObj = window) {
-  var _a2, _b;
-  const windowWithZone = windowObj;
-  const angularZoneSymbol = (_b = (_a2 = windowWithZone == null ? void 0 : windowWithZone.Zone) == null ? void 0 : _a2.__symbol__) == null ? void 0 : _b.call(_a2, symbolName);
-  if (angularZoneSymbol) {
-    const zonelessImpl = windowWithZone[angularZoneSymbol];
-    if (zonelessImpl) {
-      return zonelessImpl;
-    }
-  }
-  return windowWithZone[symbolName];
-}
-typeof window !== "undefined" ? getNative("setTimeout").bind(window) : global.setTimeout;
 class BaseRRNode {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars, @typescript-eslint/no-explicit-any
   constructor(..._args) {
-    __publicField2(this, "parentElement", null);
-    __publicField2(this, "parentNode", null);
-    __publicField2(this, "ownerDocument");
-    __publicField2(this, "firstChild", null);
-    __publicField2(this, "lastChild", null);
-    __publicField2(this, "previousSibling", null);
-    __publicField2(this, "nextSibling", null);
-    __publicField2(this, "ELEMENT_NODE", 1);
-    __publicField2(this, "TEXT_NODE", 3);
-    __publicField2(this, "nodeType");
-    __publicField2(this, "nodeName");
-    __publicField2(this, "RRNodeType");
+    __publicField(this, "parentElement", null);
+    __publicField(this, "parentNode", null);
+    __publicField(this, "ownerDocument");
+    __publicField(this, "firstChild", null);
+    __publicField(this, "lastChild", null);
+    __publicField(this, "previousSibling", null);
+    __publicField(this, "nextSibling", null);
+    __publicField(this, "ELEMENT_NODE", 1);
+    __publicField(this, "TEXT_NODE", 3);
+    // corresponding nodeType value of standard HTML Node
+    __publicField(this, "nodeType");
+    __publicField(this, "nodeName");
+    __publicField(this, "RRNodeType");
   }
   get childNodes() {
     const childNodes2 = [];
@@ -48042,226 +48218,6 @@ class BaseRRNode {
     return "RRNode";
   }
 }
-const testableAccessors = {
-  Node: ["childNodes", "parentNode", "parentElement", "textContent"],
-  ShadowRoot: ["host", "styleSheets"],
-  Element: ["shadowRoot"],
-  MutationObserver: [],
-  EventTarget: []
-};
-const testableMethods = {
-  Node: ["contains", "getRootNode"],
-  ShadowRoot: ["getSelection"],
-  Element: ["querySelector", "querySelectorAll"],
-  MutationObserver: ["constructor"],
-  EventTarget: ["addEventListener", "removeEventListener"]
-};
-const untaintedBasePrototype = {};
-function angularZoneUnpatchedAlternative(key) {
-  var _a2, _b;
-  const angularUnpatchedVersionSymbol = (_b = (_a2 = globalThis == null ? void 0 : globalThis.Zone) == null ? void 0 : _a2.__symbol__) == null ? void 0 : _b.call(_a2, key);
-  if (angularUnpatchedVersionSymbol && globalThis[angularUnpatchedVersionSymbol]) {
-    return globalThis[angularUnpatchedVersionSymbol];
-  } else {
-    return void 0;
-  }
-}
-function getUntaintedPrototype(key) {
-  if (untaintedBasePrototype[key])
-    return untaintedBasePrototype[key];
-  const candidate = angularZoneUnpatchedAlternative(key) || globalThis[key];
-  const defaultPrototype = candidate.prototype;
-  const accessorNames = key in testableAccessors ? testableAccessors[key] : void 0;
-  const isUntaintedAccessors = Boolean(
-    accessorNames && // @ts-expect-error 2345
-    accessorNames.every(
-      (accessor) => {
-        var _a2, _b;
-        return Boolean(
-          (_b = (_a2 = Object.getOwnPropertyDescriptor(defaultPrototype, accessor)) == null ? void 0 : _a2.get) == null ? void 0 : _b.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) {
-    untaintedBasePrototype[key] = candidate.prototype;
-    return candidate.prototype;
-  }
-  try {
-    const iframeEl = document.createElement("iframe");
-    document.body.appendChild(iframeEl);
-    const win = iframeEl.contentWindow;
-    if (!win) return candidate.prototype;
-    const untaintedObject = win[key].prototype;
-    document.body.removeChild(iframeEl);
-    if (!untaintedObject) return defaultPrototype;
-    return untaintedBasePrototype[key] = untaintedObject;
-  } catch {
-    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) {
-  var _a2, _b, _c;
-  const cacheKey = `${key}.${String(method)}`;
-  if (untaintedMethodCache[cacheKey])
-    return untaintedMethodCache[cacheKey].bind(
-      instance
-    );
-  const zoneSymbol = (_b = (_a2 = globalThis == null ? void 0 : globalThis.Zone) == null ? void 0 : _a2.__symbol__) == null ? void 0 : _b.call(
-    _a2,
-    String(method)
-  );
-  if (zoneSymbol) {
-    const classProto = (_c = globalThis[key]) == null ? void 0 : _c.prototype;
-    const nativeFromZone = globalThis[zoneSymbol] ?? (classProto == null ? void 0 : classProto[zoneSymbol]);
-    if (typeof nativeFromZone === "function") {
-      untaintedMethodCache[cacheKey] = nativeFromZone;
-      return nativeFromZone.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 getUntaintedMethod("Element", n2, "querySelector")(selectors);
-}
-function querySelectorAll(n2, selectors) {
-  return getUntaintedMethod("Element", n2, "querySelectorAll")(selectors);
-}
-function addEventListener(n2, type, listener, options) {
-  getUntaintedMethod("EventTarget", n2, "addEventListener")(type, listener, options);
-}
-function removeEventListener(n2, type, listener, options) {
-  getUntaintedMethod("EventTarget", n2, "removeEventListener")(
-    type,
-    listener,
-    options
-  );
-}
-function mutationObserverCtor() {
-  return getUntaintedPrototype("MutationObserver").constructor;
-}
-function getUntaintedProxy() {
-  var _a2, _b;
-  let Proxy3 = window.Proxy;
-  try {
-    if (typeof window.Proxy !== "function" || !((_a2 = window.Proxy) == null ? void 0 : _a2.toString().includes("[native code]"))) {
-      const cleanFrame = document.createElement("iframe");
-      cleanFrame.style.display = "none";
-      document.documentElement.appendChild(cleanFrame);
-      Proxy3 = ((_b = cleanFrame.contentWindow) == null ? void 0 : _b.Proxy) || window.Proxy;
-      document.documentElement.removeChild(cleanFrame);
-    }
-  } catch (err) {
-    console.debug("Unable to get untainted Proxy from iframe", err);
-  }
-  return Proxy3;
-}
-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 {
-    return () => {
-    };
-  }
-}
-const index = {
-  childNodes,
-  parentNode,
-  parentElement,
-  textContent,
-  contains,
-  getRootNode,
-  host,
-  styleSheets,
-  shadowRoot,
-  querySelector,
-  querySelectorAll,
-  addEventListener,
-  removeEventListener,
-  mutationObserver: mutationObserverCtor,
-  patch
-};
 function on(type, fn, target = document) {
   const options = { capture: true, passive: true };
   index.addEventListener(target, type, fn, options);
@@ -48344,10 +48300,6 @@ function hookSetter(target, key, d, isRevoked, win = window) {
   );
   return () => hookSetter(target, key, original || {}, true);
 }
-let nowTimestamp = Date.now;
-if (!/* @__PURE__ */ /[1-9][0-9]{12}/.test(Date.now().toString())) {
-  nowTimestamp = () => (/* @__PURE__ */ new Date()).getTime();
-}
 function getWindowScroll(win) {
   var _a2, _b, _c, _d;
   const doc = win.document;
@@ -48384,7 +48336,7 @@ function isBlocked(node, blockClass, blockSelector, checkAncestors) {
     } else {
       if (classMatchesRegex(el, blockClass, checkAncestors)) return true;
     }
-  } catch (e2) {
+  } catch (e) {
   }
   if (blockSelector) {
     if (el.matches(blockSelector)) return true;
@@ -48392,14 +48344,14 @@ function isBlocked(node, blockClass, blockSelector, checkAncestors) {
   }
   return false;
 }
-function isSerialized(n2, mirror2) {
-  return mirror2.getId(n2) !== -1;
+function isSerialized(n, mirror2) {
+  return mirror2.getId(n) !== -1;
 }
-function isIgnored(n2, mirror2, slimDOMOptions) {
-  if (n2.tagName === "TITLE" && slimDOMOptions.headTitleMutations) {
+function isIgnored(n, mirror2, slimDOMOptions) {
+  if (n.tagName === "TITLE" && slimDOMOptions.headTitleMutations) {
     return true;
   }
-  return mirror2.getId(n2) === IGNORED_NODE;
+  return mirror2.getId(n) === IGNORED_NODE;
 }
 function isAncestorRemoved(target, mirror2) {
   if (isShadowRoot(target)) {
@@ -48421,7 +48373,7 @@ function isAncestorRemoved(target, mirror2) {
 function legacy_isTouchEvent(event) {
   return Boolean(event.changedTouches);
 }
-function polyfill$1(win = window) {
+function polyfill(win = window) {
   if ("NodeList" in win && !win.NodeList.prototype.forEach) {
     win.NodeList.prototype.forEach = Array.prototype.forEach;
   }
@@ -48429,20 +48381,20 @@ function polyfill$1(win = window) {
     win.DOMTokenList.prototype.forEach = Array.prototype.forEach;
   }
 }
-function isSerializedIframe(n2, mirror2) {
-  return Boolean(n2.nodeName === "IFRAME" && mirror2.getMeta(n2));
+function isSerializedIframe(n, mirror2) {
+  return Boolean(n.nodeName === "IFRAME" && mirror2.getMeta(n));
 }
-function isSerializedStylesheet(n2, mirror2) {
+function isSerializedStylesheet(n, mirror2) {
   return Boolean(
-    n2.nodeName === "LINK" && n2.nodeType === n2.ELEMENT_NODE && n2.getAttribute && n2.getAttribute("rel") === "stylesheet" && mirror2.getMeta(n2)
+    n.nodeName === "LINK" && n.nodeType === n.ELEMENT_NODE && n.getAttribute && n.getAttribute("rel") === "stylesheet" && mirror2.getMeta(n)
   );
 }
-function hasShadowRoot(n2) {
-  if (!n2) return false;
-  if (n2 instanceof BaseRRNode && "shadowRoot" in n2) {
-    return Boolean(n2.shadowRoot);
+function hasShadowRoot(n) {
+  if (!n) return false;
+  if (n instanceof BaseRRNode && "shadowRoot" in n) {
+    return Boolean(n.shadowRoot);
   }
-  return Boolean(index.shadowRoot(n2));
+  return Boolean(index.shadowRoot(n));
 }
 class StyleSheetMirror {
   constructor() {
@@ -48481,206 +48433,30 @@ class StyleSheetMirror {
     return this.id++;
   }
 }
-function getShadowHost(n2) {
+function getShadowHost(n) {
   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 n && ((_a2 = index.getRootNode(n)) == null ? void 0 : _a2.nodeType) === Node.DOCUMENT_FRAGMENT_NODE && index.host(index.getRootNode(n)))
+    shadowHost = index.host(index.getRootNode(n));
   return shadowHost;
 }
-function getRootShadowHost(n2) {
-  let rootShadowHost = n2;
+function getRootShadowHost(n) {
+  let rootShadowHost = n;
   let shadowHost;
   while (shadowHost = getShadowHost(rootShadowHost))
     rootShadowHost = shadowHost;
   return rootShadowHost;
 }
-function shadowHostInDom(n2) {
-  const doc = n2.ownerDocument;
+function shadowHostInDom(n) {
+  const doc = index.ownerDocument(n);
   if (!doc) return false;
-  const shadowHost = getRootShadowHost(n2);
+  const shadowHost = getRootShadowHost(n);
   return index.contains(doc, shadowHost);
 }
-function inDom(n2) {
-  const doc = n2.ownerDocument;
+function inDom(n) {
+  const doc = index.ownerDocument(n);
   if (!doc) return false;
-  return index.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 || {});
-function isNodeInLinkedList(n2) {
-  return "__ln" in n2;
-}
-class DoubleLinkedList {
-  constructor() {
-    __publicField(this, "length", 0);
-    __publicField(this, "head", null);
-    __publicField(this, "tail", null);
-    __publicField(this, "reordered", false);
-  }
-  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 node = {
-      value: n2,
-      previous: null,
-      next: null
-    };
-    n2.__ln = node;
-    if (n2.previousSibling && isNodeInLinkedList(n2.previousSibling)) {
-      const current = n2.previousSibling.__ln.next;
-      node.next = current;
-      node.previous = n2.previousSibling.__ln;
-      n2.previousSibling.__ln.next = node;
-      if (current) {
-        current.previous = node;
-      }
-    } else if (n2.nextSibling && isNodeInLinkedList(n2.nextSibling) && n2.nextSibling.__ln.previous) {
-      const current = n2.nextSibling.__ln.previous;
-      node.previous = current;
-      node.next = n2.nextSibling.__ln;
-      n2.nextSibling.__ln.previous = node;
-      if (current) {
-        current.next = node;
-      }
-    } else {
-      if (this.head) {
-        this.head.previous = node;
-      }
-      node.next = this.head;
-      this.head = node;
-    }
-    if (node.next === null) {
-      this.tail = node;
-    }
-    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;
-      }
-    } 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.length--;
-  }
-  needsReorder(_node) {
-    if (!this.reordered && _node.value.previousSibling && isNodeInLinkedList(_node.value.previousSibling) && _node.previous && _node.previous.value !== _node.value.previousSibling) {
-      return true;
-    }
-    return false;
-  }
-  reorder() {
-    if (this.reordered) return false;
-    let current = this.tail;
-    const head = this.head;
-    while (current) {
-      const prev = current.previous;
-      this.removeNode(current.value);
-      this.addNode(current.value);
-      if (current === head) {
-        break;
-      }
-      current = prev;
-    }
-    this.reordered = true;
-    return true;
-  }
+  return index.contains(doc, n) || shadowHostInDom(n);
 }
 const moveKey = (id, parentId) => `${id}@${parentId}`;
 class MutationBuffer {
@@ -48693,6 +48469,23 @@ class MutationBuffer {
     __publicField(this, "removes", []);
     __publicField(this, "mapRemoves", []);
     __publicField(this, "movedMap", {});
+    /**
+     * the browser MutationObserver emits multiple mutations after
+     * a delay for performance reasons, making tracing added nodes hard
+     * in our `processMutations` callback function.
+     * For example, if we append an element el_1 into body, and then append
+     * another element el_2 into el_1, these two mutations may be passed to the
+     * callback function together when the two operations were done.
+     * Generally we need to trace child nodes of newly added nodes, but in this
+     * case if we count el_2 as el_1's child node in the first mutation record,
+     * then we will count el_2 again in the second mutation record which was
+     * duplicated.
+     * To avoid of duplicate counting added nodes, we use a Set to store
+     * added nodes and its child nodes during iterate mutation records. Then
+     * collect added nodes from the Set which have no duplicate copy. But
+     * this also causes newly added nodes will not be serialized with id ASAP,
+     * which means all the id related calculation should be lazy too.
+     */
     __publicField(this, "addedSet", /* @__PURE__ */ new Set());
     __publicField(this, "movedSet", /* @__PURE__ */ new Set());
     __publicField(this, "droppedSet", /* @__PURE__ */ new Set());
@@ -48730,36 +48523,103 @@ class MutationBuffer {
       }
       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);
+      while (this.mapRemoves.length) {
+        this.mirror.removeNodeFromMap(this.mapRemoves.shift());
+      }
+      for (const n2 of this.movedSet) {
+        const parentNode22 = index.parentNode(n2);
+        if (this.removesSubTreeCache.has(parentNode22) && !this.movedSet.has(parentNode22)) {
+          continue;
         }
-        return nextId;
-      };
-      const pushAdd = (n2) => {
-        const parent = index.parentNode(n2);
-        if (!parent || !inDom(n2)) {
-          return;
+        this.addedSet.add(n2);
+      }
+      let n = null;
+      let parentNode2 = null;
+      let parentId = -1;
+      let nextSibling2 = null;
+      let ancestorBad = false;
+      const missingParents = /* @__PURE__ */ new Set();
+      const iter = this.addedSet.values();
+      let curr = iter.next();
+      while (this.addedSet.size) {
+        if (n !== null && this.addedSet.has(index.previousSibling(n))) {
+          nextSibling2 = n;
+          n = index.previousSibling(n);
+        } else {
+          if (!this.addedSet.has(curr.value)) {
+            curr = iter.next();
+          }
+          n = curr.value;
+          while (true) {
+            parentNode2 = index.parentNode(n);
+            if (this.addedSet.has(parentNode2)) {
+              n = parentNode2;
+              continue;
+            }
+            break;
+          }
+          if (missingParents.has(parentNode2)) {
+            parentNode2 = null;
+          } else if (parentNode2) {
+            if (!inDom(parentNode2)) {
+              ancestorBad = true;
+            } else {
+              ancestorBad = isSelfOrAncestorInSet(this.droppedSet, parentNode2) || this.removesSubTreeCache.has(parentNode2);
+              if (ancestorBad && isSelfOrAncestorInSet(this.movedSet, n)) {
+                ancestorBad = false;
+              }
+            }
+            if (this.addedSet.has(index.lastChild(parentNode2))) {
+              n = index.lastChild(parentNode2);
+              nextSibling2 = null;
+            } else {
+              while (true) {
+                nextSibling2 = index.nextSibling(n);
+                if (this.addedSet.has(nextSibling2)) {
+                  n = nextSibling2;
+                  continue;
+                }
+                break;
+              }
+            }
+            parentId = isShadowRoot(parentNode2) ? this.mirror.getId(getShadowHost(n)) : this.mirror.getId(parentNode2);
+            if (parentId === -1 && parentNode2.nodeType === Node.DOCUMENT_FRAGMENT_NODE) {
+              const shadowHost = index.host(parentNode2);
+              parentId = this.mirror.getId(shadowHost);
+            }
+          }
+        }
+        this.addedSet.delete(n);
+        if (!parentNode2 || parentId === -1) {
+          missingParents.add(n);
+          continue;
+        } else if (ancestorBad) {
+          this.droppedSet.add(n);
+          continue;
         }
         let cssCaptured = false;
-        if (n2.nodeType === Node.TEXT_NODE) {
-          const parentTag = parent.tagName;
+        if (n.nodeType === Node.TEXT_NODE) {
+          const parentTag = parentNode2.tagName;
           if (parentTag === "TEXTAREA") {
-            return;
-          } else if (parentTag === "STYLE" && this.addedSet.has(parent)) {
+            continue;
+          } else if (parentTag === "STYLE" && addedIds.has(parentId)) {
             cssCaptured = true;
           }
         }
-        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);
+        let nextId = nextSibling2 ? this.mirror.getId(nextSibling2) : null;
+        while (nextId === IGNORED_NODE) {
+          nextSibling2 = nextSibling2 && index.nextSibling(nextSibling2);
+          nextId = nextSibling2 && this.mirror.getId(nextSibling2);
         }
-        const sn = serializeNodeWithId(n2, {
+        if (nextId === -1) {
+          console.warn(
+            "Couldn't record new node. Couldn't find mirror id for nextSibling:",
+            nextSibling2
+          );
+          n = null;
+          continue;
+        }
+        const sn = serializeNodeWithId(n, {
           doc: this.doc,
           mirror: this.mirror,
           blockClass: this.blockClass,
@@ -48786,8 +48646,11 @@ class MutationBuffer {
                 currentN
               );
             }
-            if (hasShadowRoot(n2)) {
-              this.shadowDomManager.addShadowRoot(index.shadowRoot(n2), this.doc);
+            if (hasShadowRoot(n)) {
+              this.shadowDomManager.addShadowRoot(
+                index.shadowRoot(n),
+                this.doc
+              );
             }
           },
           onIframeLoad: (iframe, childSn) => {
@@ -48807,76 +48670,6 @@ class MutationBuffer {
           });
           addedIds.add(sn.id);
         }
-      };
-      while (this.mapRemoves.length) {
-        this.mirror.removeNodeFromMap(this.mapRemoves.shift());
-      }
-      for (const n2 of this.movedSet) {
-        const parentNode2 = index.parentNode(n2);
-        if (isParentRemoved(this.removesSubTreeCache, n2, this.mirror) && !this.movedSet.has(parentNode2) && !this.addedSet.has(parentNode2)) {
-          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 node = null;
-        if (candidate) {
-          const parentId = this.mirror.getId(index.parentNode(candidate.value));
-          const nextId = getNextId(candidate.value);
-          if (parentId !== -1 && nextId !== -1) {
-            node = candidate;
-          }
-        }
-        if (!node) {
-          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) {
-                if (addList.needsReorder(_node) && addList.reorder()) {
-                  tailNode = addList.tail;
-                }
-                continue;
-              } else if (parentId !== -1) {
-                node = _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) {
-                    node = _node;
-                    break;
-                  }
-                }
-              }
-            }
-          }
-        }
-        if (!node) {
-          while (addList.head) {
-            addList.removeNode(addList.head.value);
-          }
-          break;
-        }
-        candidate = node.previous;
-        addList.removeNode(node.value);
-        pushAdd(node.value);
       }
       const payload = {
         texts: this.texts.map((text) => {
@@ -48981,6 +48774,7 @@ class MutationBuffer {
         }
         case "attributes": {
           const target = m.target;
+          const tagNameLower = toLowerCase(target.tagName);
           let attributeName = m.attributeName;
           let value = m.target.getAttribute(attributeName);
           if (attributeName === "value") {
@@ -49005,7 +48799,7 @@ class MutationBuffer {
             return;
           }
           let item = this.attributeMap.get(m.target);
-          if (target.tagName === "IFRAME" && attributeName === "src" && !this.keepIframeSrcFn(value)) {
+          if (tagNameLower === "iframe" && attributeName === "src" && !this.keepIframeSrcFn(value)) {
             if (!target.contentDocument) {
               attributeName = "rr_src";
             } else {
@@ -49022,13 +48816,13 @@ class MutationBuffer {
             this.attributes.push(item);
             this.attributeMap.set(m.target, item);
           }
-          if (attributeName === "type" && target.tagName === "INPUT" && (m.oldValue || "").toLowerCase() === "password") {
+          if (attributeName === "type" && tagNameLower === "input" && (m.oldValue || "").toLowerCase() === "password") {
             target.setAttribute("data-rr-is-password", "true");
           }
-          if (!ignoreAttribute(target.tagName, attributeName)) {
+          if (!ignoreAttribute(tagNameLower, attributeName)) {
             item.attributes[attributeName] = transformAttribute(
               this.doc,
-              toLowerCase(target.tagName),
+              tagNameLower,
               toLowerCase(attributeName),
               value
             );
@@ -49036,7 +48830,7 @@ class MutationBuffer {
               if (!this.unattachedDoc) {
                 try {
                   this.unattachedDoc = document.implementation.createHTMLDocument();
-                } catch (e2) {
+                } catch (e) {
                   this.unattachedDoc = this.doc;
                 }
               }
@@ -49079,59 +48873,62 @@ class MutationBuffer {
             this.genTextAreaValueMutation(m.target);
             return;
           }
-          m.addedNodes.forEach((n2) => this.genAdds(n2, m.target));
-          m.removedNodes.forEach((n2) => {
-            const nodeId = this.mirror.getId(n2);
+          m.addedNodes.forEach((n) => this.genAdds(n, m.target));
+          m.removedNodes.forEach((n) => {
+            const nodeId = this.mirror.getId(n);
             const parentId = isShadowRoot(m.target) ? this.mirror.getId(index.host(m.target)) : this.mirror.getId(m.target);
-            if (isBlocked(m.target, this.blockClass, this.blockSelector, false) || isIgnored(n2, this.mirror, this.slimDOMOptions) || !isSerialized(n2, this.mirror)) {
+            if (isBlocked(m.target, this.blockClass, this.blockSelector, false) || isIgnored(n, this.mirror, this.slimDOMOptions) || !isSerialized(n, this.mirror)) {
               return;
             }
-            if (this.addedSet.has(n2)) {
-              deepDelete(this.addedSet, n2);
-              this.droppedSet.add(n2);
+            if (this.addedSet.has(n)) {
+              deepDelete(this.addedSet, n);
+              this.droppedSet.add(n);
             } else if (this.addedSet.has(m.target) && nodeId === -1) ;
             else if (isAncestorRemoved(m.target, this.mirror)) ;
-            else if (this.movedSet.has(n2) && this.movedMap[moveKey(nodeId, parentId)]) {
-              deepDelete(this.movedSet, n2);
+            else if (this.movedSet.has(n) && this.movedMap[moveKey(nodeId, parentId)]) {
+              deepDelete(this.movedSet, n);
             } else {
               this.removes.push({
                 parentId,
                 id: nodeId,
                 isShadow: isShadowRoot(m.target) && isNativeShadowDom(m.target) ? true : void 0
               });
-              processRemoves(n2, this.removesSubTreeCache);
+              processRemoves(n, this.removesSubTreeCache);
             }
-            this.mapRemoves.push(n2);
+            this.mapRemoves.push(n);
           });
           break;
         }
       }
     });
-    __publicField(this, "genAdds", (n2, target) => {
-      if (this.processedNodeManager.inOtherBuffer(n2, this)) return;
-      if (this.addedSet.has(n2) || this.movedSet.has(n2)) return;
-      if (this.mirror.hasNode(n2)) {
-        if (isIgnored(n2, this.mirror, this.slimDOMOptions)) {
+    /**
+     * Make sure you check if `n`'s parent is blocked before calling this function
+     * */
+    __publicField(this, "genAdds", (n, target) => {
+      if (this.processedNodeManager.inOtherBuffer(n, this)) return;
+      if (this.addedSet.has(n) || this.movedSet.has(n)) return;
+      if (this.mirror.hasNode(n)) {
+        if (isIgnored(n, this.mirror, this.slimDOMOptions)) {
           return;
         }
-        this.movedSet.add(n2);
+        this.movedSet.add(n);
         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;
+          this.movedMap[moveKey(this.mirror.getId(n), targetId)] = true;
         }
       } else {
-        this.addedSet.add(n2);
-        this.droppedSet.delete(n2);
+        this.addedSet.add(n);
+        this.droppedSet.delete(n);
       }
-      if (!isBlocked(n2, this.blockClass, this.blockSelector, false)) {
-        index.childNodes(n2).forEach((childN) => this.genAdds(childN));
-        if (hasShadowRoot(n2)) {
-          index.childNodes(index.shadowRoot(n2)).forEach((childN) => {
+      if (!isBlocked(n, this.blockClass, this.blockSelector, false)) {
+        index.childNodes(n).forEach((childN) => this.genAdds(childN));
+        if (hasShadowRoot(n)) {
+          index.childNodes(index.shadowRoot(n)).forEach((childN) => {
             this.processedNodeManager.add(childN, this);
-            this.genAdds(childN, n2);
+            this.genAdds(childN, n);
           });
         }
       }
@@ -49191,42 +48988,33 @@ class MutationBuffer {
     this.canvasManager.reset();
   }
 }
-function deepDelete(addsSet, n2) {
-  addsSet.delete(n2);
-  index.childNodes(n2).forEach((childN) => deepDelete(addsSet, childN));
+function deepDelete(addsSet, n) {
+  addsSet.delete(n);
+  index.childNodes(n).forEach((childN) => deepDelete(addsSet, childN));
 }
-function processRemoves(n2, cache) {
-  const queue = [n2];
+function processRemoves(n, cache) {
+  const queue = [n];
   while (queue.length) {
     const next = queue.pop();
     if (cache.has(next)) continue;
     cache.add(next);
-    index.childNodes(next).forEach((n22) => queue.push(n22));
+    index.childNodes(next).forEach((n2) => queue.push(n2));
   }
   return;
 }
-function isParentRemoved(removes, n2, mirror2) {
-  if (removes.size === 0) return false;
-  return _isParentRemoved(removes, n2);
-}
-function _isParentRemoved(removes, n2, _mirror2) {
-  const node = index.parentNode(n2);
-  if (!node) return false;
-  return removes.has(node);
-}
-function isAncestorInSet(set, n2) {
+function isSelfOrAncestorInSet(set, n) {
   if (set.size === 0) return false;
-  return _isAncestorInSet(set, n2);
+  return _isSelfOrAncestorInSet(set, n);
 }
-function _isAncestorInSet(set, n2) {
-  const parent = index.parentNode(n2);
+function _isSelfOrAncestorInSet(set, n) {
+  if (set.has(n)) {
+    return true;
+  }
+  const parent = index.parentNode(n);
   if (!parent) {
     return false;
   }
-  if (set.has(parent)) {
-    return true;
-  }
-  return _isAncestorInSet(set, parent);
+  return _isSelfOrAncestorInSet(set, parent);
 }
 let errorHandler;
 function registerErrorHandler(handler) {
@@ -49271,7 +49059,8 @@ function initMutationObserver(options, rootEl) {
   const mutationBuffer = new MutationBuffer();
   mutationBuffers.push(mutationBuffer);
   mutationBuffer.init(options);
-  const observer = new (mutationObserverCtor())(
+  const [ObserverCtor, iframeCleanup] = mutationObserverCtor();
+  const observer = new ObserverCtor(
     callbackWrapper(mutationBuffer.processMutations.bind(mutationBuffer))
   );
   observer.observe(rootEl, {
@@ -49282,7 +49071,7 @@ function initMutationObserver(options, rootEl) {
     childList: true,
     subtree: true
   });
-  return observer;
+  return [observer, iframeCleanup];
 }
 function initMoveObserver({
   mousemoveCb,
@@ -49402,12 +49191,12 @@ function initMouseInteractionObserver({
         pointerType = currentPointerType;
         currentPointerType = null;
       }
-      const e2 = legacy_isTouchEvent(event) ? event.changedTouches[0] : event;
-      if (!e2) {
+      const e = legacy_isTouchEvent(event) ? event.changedTouches[0] : event;
+      if (!e) {
         return;
       }
       const id = mirror2.getId(target);
-      const { clientX, clientY } = e2;
+      const { clientX, clientY } = e;
       callbackWrapper(mouseInteractionCb)({
         type: MouseInteractions[thisEventKey],
         id,
@@ -49501,11 +49290,11 @@ function initViewportResizeObserver({ viewportResizeCb }, { win }) {
   return on("resize", updateDimension, win);
 }
 function findAndRemoveIframeBuffer(iframeEl) {
-  for (let i2 = mutationBuffers.length - 1; i2 >= 0; i2--) {
-    const buf = mutationBuffers[i2];
+  for (let i = mutationBuffers.length - 1; i >= 0; i--) {
+    const buf = mutationBuffers[i];
     if (buf.bufferBelongsToIframe(iframeEl)) {
       buf.reset();
-      mutationBuffers.splice(i2, 1);
+      mutationBuffers.splice(i, 1);
     }
   }
 }
@@ -49578,13 +49367,13 @@ function initInputObserver({
       });
     }
   }
-  function cbWithDedup(target, v2) {
+  function cbWithDedup(target, v) {
     const lastInputValue = lastInputValueMap.get(target);
-    if (!lastInputValue || lastInputValue.text !== v2.text || lastInputValue.isChecked !== v2.isChecked) {
-      lastInputValueMap.set(target, v2);
+    if (!lastInputValue || lastInputValue.text !== v.text || lastInputValue.isChecked !== v.isChecked) {
+      lastInputValueMap.set(target, v);
       const id = mirror2.getId(target);
       callbackWrapper(inputCb)({
-        ...v2,
+        ...v,
         id
       });
     }
@@ -49641,15 +49430,15 @@ function getNestedCSSRulePositions(rule) {
   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(
+      const rules = Array.from(
         childRule.parentRule.cssRules
       );
-      const index2 = rules2.indexOf(childRule);
+      const index2 = rules.indexOf(childRule);
       pos.unshift(index2);
       return recurse(childRule.parentRule, pos);
     } else if (childRule.parentStyleSheet) {
-      const rules2 = Array.from(childRule.parentStyleSheet.cssRules);
-      const index2 = rules2.indexOf(childRule);
+      const rules = Array.from(childRule.parentStyleSheet.cssRules);
+      const index2 = rules.indexOf(childRule);
       pos.unshift(index2);
     }
     return pos;
@@ -49888,7 +49677,7 @@ function initAdoptedStyleSheetObserver({
       if (hostId !== null && hostId !== -1) {
         try {
           stylesheetManager.adoptStyleSheets(sheets, hostId);
-        } catch (e2) {
+        } catch (e) {
         }
       }
       return result;
@@ -50025,7 +49814,7 @@ function initFontObserver({ fontCb, doc }) {
   const handlers = [];
   const fontMap = /* @__PURE__ */ new WeakMap();
   const originalFontFace = win.FontFace;
-  win.FontFace = function FontFace2(family, source, descriptors) {
+  win.FontFace = function FontFace(family, source, descriptors) {
     const fontFace = new originalFontFace(family, source, descriptors);
     fontMap.set(fontFace, {
       family,
@@ -50071,8 +49860,8 @@ function initSelectionObserver(param) {
     collapsed = selection.isCollapsed || false;
     const ranges = [];
     const count = selection.rangeCount || 0;
-    for (let i2 = 0; i2 < count; i2++) {
-      const range = selection.getRangeAt(i2);
+    for (let i = 0; i < count; i++) {
+      const range = selection.getRangeAt(i);
       const { startContainer, startOffset, endContainer, endOffset } = range;
       const blocked = isBlocked(startContainer, blockClass, blockSelector, true) || isBlocked(endContainer, blockClass, blockSelector, true);
       if (blocked) continue;
@@ -50106,7 +49895,7 @@ function initCustomElementObserver({
               name
             }
           });
-        } catch (e2) {
+        } catch (e) {
           console.warn(`Custom element callback failed for ${name}`);
         }
         return original.apply(this, [name, constructor, options]);
@@ -50115,7 +49904,7 @@ function initCustomElementObserver({
   );
   return restoreHandler;
 }
-function mergeHooks(o2, hooks) {
+function mergeHooks(o, hooks) {
   const {
     mutationCb,
     mousemoveCb,
@@ -50130,105 +49919,107 @@ function mergeHooks(o2, hooks) {
     fontCb,
     selectionCb,
     customElementCb
-  } = o2;
-  o2.mutationCb = (...p) => {
+  } = o;
+  o.mutationCb = (...p) => {
     if (hooks.mutation) {
       hooks.mutation(...p);
     }
     mutationCb(...p);
   };
-  o2.mousemoveCb = (...p) => {
+  o.mousemoveCb = (...p) => {
     if (hooks.mousemove) {
       hooks.mousemove(...p);
     }
     mousemoveCb(...p);
   };
-  o2.mouseInteractionCb = (...p) => {
+  o.mouseInteractionCb = (...p) => {
     if (hooks.mouseInteraction) {
       hooks.mouseInteraction(...p);
     }
     mouseInteractionCb(...p);
   };
-  o2.scrollCb = (...p) => {
+  o.scrollCb = (...p) => {
     if (hooks.scroll) {
       hooks.scroll(...p);
     }
     scrollCb(...p);
   };
-  o2.viewportResizeCb = (...p) => {
+  o.viewportResizeCb = (...p) => {
     if (hooks.viewportResize) {
       hooks.viewportResize(...p);
     }
     viewportResizeCb(...p);
   };
-  o2.inputCb = (...p) => {
+  o.inputCb = (...p) => {
     if (hooks.input) {
       hooks.input(...p);
     }
     inputCb(...p);
   };
-  o2.mediaInteractionCb = (...p) => {
+  o.mediaInteractionCb = (...p) => {
     if (hooks.mediaInteaction) {
       hooks.mediaInteaction(...p);
     }
     mediaInteractionCb(...p);
   };
-  o2.styleSheetRuleCb = (...p) => {
+  o.styleSheetRuleCb = (...p) => {
     if (hooks.styleSheetRule) {
       hooks.styleSheetRule(...p);
     }
     styleSheetRuleCb(...p);
   };
-  o2.styleDeclarationCb = (...p) => {
+  o.styleDeclarationCb = (...p) => {
     if (hooks.styleDeclaration) {
       hooks.styleDeclaration(...p);
     }
     styleDeclarationCb(...p);
   };
-  o2.canvasMutationCb = (...p) => {
+  o.canvasMutationCb = (...p) => {
     if (hooks.canvasMutation) {
       hooks.canvasMutation(...p);
     }
     canvasMutationCb(...p);
   };
-  o2.fontCb = (...p) => {
+  o.fontCb = (...p) => {
     if (hooks.font) {
       hooks.font(...p);
     }
     fontCb(...p);
   };
-  o2.selectionCb = (...p) => {
+  o.selectionCb = (...p) => {
     if (hooks.selection) {
       hooks.selection(...p);
     }
     selectionCb(...p);
   };
-  o2.customElementCb = (...c2) => {
+  o.customElementCb = (...c) => {
     if (hooks.customElement) {
-      hooks.customElement(...c2);
+      hooks.customElement(...c);
     }
-    customElementCb(...c2);
+    customElementCb(...c);
   };
 }
-function initObservers(o2, hooks = {}) {
-  const currentWindow = o2.doc.defaultView;
+function initObservers(o, hooks = {}) {
+  const currentWindow = o.doc.defaultView;
   if (!currentWindow) {
     return () => {
     };
   }
-  mergeHooks(o2, hooks);
+  mergeHooks(o, hooks);
   let mutationObserver;
-  if (o2.recordDOM) {
-    mutationObserver = initMutationObserver(o2, o2.doc);
+  let cleanupMutationIframe = () => {
+  };
+  if (o.recordDOM) {
+    [mutationObserver, cleanupMutationIframe] = initMutationObserver(o, o.doc);
   }
-  const mousemoveHandler = initMoveObserver(o2);
-  const mouseInteractionHandler = initMouseInteractionObserver(o2);
-  const scrollHandler = initScrollObserver(o2);
-  const viewportResizeHandler = initViewportResizeObserver(o2, {
+  const mousemoveHandler = initMoveObserver(o);
+  const mouseInteractionHandler = initMouseInteractionObserver(o);
+  const scrollHandler = initScrollObserver(o);
+  const viewportResizeHandler = initViewportResizeObserver(o, {
     win: currentWindow
   });
-  const inputHandler = initInputObserver(o2);
-  const mediaInteractionHandler = initMediaInteractionObserver(o2);
+  const inputHandler = initInputObserver(o);
+  const mediaInteractionHandler = initMediaInteractionObserver(o);
   let styleSheetObserver = () => {
   };
   let adoptedStyleSheetObserver = () => {
@@ -50237,20 +50028,20 @@ function initObservers(o2, hooks = {}) {
   };
   let fontObserver = () => {
   };
-  if (o2.recordDOM) {
-    styleSheetObserver = initStyleSheetObserver(o2, { win: currentWindow });
-    adoptedStyleSheetObserver = initAdoptedStyleSheetObserver(o2, o2.doc);
-    styleDeclarationObserver = initStyleDeclarationObserver(o2, {
+  if (o.recordDOM) {
+    styleSheetObserver = initStyleSheetObserver(o, { win: currentWindow });
+    adoptedStyleSheetObserver = initAdoptedStyleSheetObserver(o, o.doc);
+    styleDeclarationObserver = initStyleDeclarationObserver(o, {
       win: currentWindow
     });
-    if (o2.collectFonts) {
-      fontObserver = initFontObserver(o2);
+    if (o.collectFonts) {
+      fontObserver = initFontObserver(o);
     }
   }
-  const selectionObserver = initSelectionObserver(o2);
-  const customElementObserver = initCustomElementObserver(o2);
+  const selectionObserver = initSelectionObserver(o);
+  const customElementObserver = initCustomElementObserver(o);
   const pluginHandlers = [];
-  for (const plugin of o2.plugins) {
+  for (const plugin of o.plugins) {
     pluginHandlers.push(
       plugin.observer(plugin.callback, currentWindow, plugin.options)
     );
@@ -50258,6 +50049,7 @@ function initObservers(o2, hooks = {}) {
   return callbackWrapper(() => {
     mutationBuffers.forEach((b) => b.reset());
     mutationObserver == null ? void 0 : mutationObserver.disconnect();
+    cleanupMutationIframe();
     mousemoveHandler();
     mouseInteractionHandler();
     scrollHandler();
@@ -50381,7 +50173,7 @@ class IframeManager {
     this.iframes.set(iframeEl, true);
     if (iframeEl.contentWindow)
       this.crossOriginIframeMap.set(iframeEl.contentWindow, iframeEl);
-    if (!iframeEl.contentDocument && iframeEl.contentWindow)
+    if (this.recordCrossOriginIframes && !iframeEl.contentDocument && iframeEl.contentWindow)
       iframeEl.contentWindow.postMessage(
         {
           type: "rrweb",
@@ -50454,18 +50246,18 @@ class IframeManager {
         crossOriginMessageEvent.data.isCheckout
       );
   }
-  transformCrossOriginEvent(iframeEl, e2) {
+  transformCrossOriginEvent(iframeEl, e) {
     var _a2;
-    switch (e2.type) {
+    switch (e.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.replaceIdOnNode(e.data.node, iframeEl);
+        const rootId = e.data.node.id;
         this.crossOriginIframeRootIdMap.set(iframeEl, rootId);
-        this.patchRootIdOnNode(e2.data.node, rootId);
+        this.patchRootIdOnNode(e.data.node, rootId);
         return {
-          timestamp: e2.timestamp,
+          timestamp: e.timestamp,
           type: EventType.IncrementalSnapshot,
           data: {
             source: IncrementalSource.Mutation,
@@ -50473,7 +50265,7 @@ class IframeManager {
               {
                 parentId: this.mirror.getId(iframeEl),
                 nextId: null,
-                node: e2.data.node
+                node: e.data.node
               }
             ],
             removes: [],
@@ -50489,47 +50281,47 @@ class IframeManager {
         return false;
       }
       case EventType.Plugin: {
-        return e2;
+        return e;
       }
       case EventType.Custom: {
         this.replaceIds(
-          e2.data.payload,
+          e.data.payload,
           iframeEl,
           ["id", "parentId", "previousId", "nextId"]
         );
-        return e2;
+        return e;
       }
       case EventType.IncrementalSnapshot: {
-        switch (e2.data.source) {
+        switch (e.data.source) {
           case IncrementalSource.Mutation: {
-            e2.data.adds.forEach((n2) => {
-              this.replaceIds(n2, iframeEl, [
+            e.data.adds.forEach((n) => {
+              this.replaceIds(n, iframeEl, [
                 "parentId",
                 "nextId",
                 "previousId"
               ]);
-              this.replaceIdOnNode(n2.node, iframeEl);
+              this.replaceIdOnNode(n.node, iframeEl);
               const rootId = this.crossOriginIframeRootIdMap.get(iframeEl);
-              rootId && this.patchRootIdOnNode(n2.node, rootId);
+              rootId && this.patchRootIdOnNode(n.node, rootId);
             });
-            e2.data.removes.forEach((n2) => {
-              this.replaceIds(n2, iframeEl, ["parentId", "id"]);
+            e.data.removes.forEach((n) => {
+              this.replaceIds(n, iframeEl, ["parentId", "id"]);
             });
-            e2.data.attributes.forEach((n2) => {
-              this.replaceIds(n2, iframeEl, ["id"]);
+            e.data.attributes.forEach((n) => {
+              this.replaceIds(n, iframeEl, ["id"]);
             });
-            e2.data.texts.forEach((n2) => {
-              this.replaceIds(n2, iframeEl, ["id"]);
+            e.data.texts.forEach((n) => {
+              this.replaceIds(n, iframeEl, ["id"]);
             });
-            return e2;
+            return e;
           }
           case IncrementalSource.Drag:
           case IncrementalSource.TouchMove:
           case IncrementalSource.MouseMove: {
-            e2.data.positions.forEach((p) => {
+            e.data.positions.forEach((p) => {
               this.replaceIds(p, iframeEl, ["id"]);
             });
-            return e2;
+            return e;
           }
           case IncrementalSource.ViewportResize: {
             return false;
@@ -50539,31 +50331,31 @@ class IframeManager {
           case IncrementalSource.Scroll:
           case IncrementalSource.CanvasMutation:
           case IncrementalSource.Input: {
-            this.replaceIds(e2.data, iframeEl, ["id"]);
-            return e2;
+            this.replaceIds(e.data, iframeEl, ["id"]);
+            return e;
           }
           case IncrementalSource.StyleSheetRule:
           case IncrementalSource.StyleDeclaration: {
-            this.replaceIds(e2.data, iframeEl, ["id"]);
-            this.replaceStyleIds(e2.data, iframeEl, ["styleId"]);
-            return e2;
+            this.replaceIds(e.data, iframeEl, ["id"]);
+            this.replaceStyleIds(e.data, iframeEl, ["styleId"]);
+            return e;
           }
           case IncrementalSource.Font: {
-            return e2;
+            return e;
           }
           case IncrementalSource.Selection: {
-            e2.data.ranges.forEach((range) => {
+            e.data.ranges.forEach((range) => {
               this.replaceIds(range, iframeEl, ["start", "end"]);
             });
-            return e2;
+            return e;
           }
           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.replaceIds(e.data, iframeEl, ["id"]);
+            this.replaceStyleIds(e.data, iframeEl, ["styleIds"]);
+            (_a2 = e.data.styles) == null ? void 0 : _a2.forEach((style) => {
               this.replaceStyleIds(style, iframeEl, ["styleId"]);
             });
-            return e2;
+            return e;
           }
         }
       }
@@ -50629,7 +50421,7 @@ class ShadowDomManager {
     if (!isNativeShadowDom(shadowRoot2)) return;
     if (this.shadowDoms.has(shadowRoot2)) return;
     this.shadowDoms.add(shadowRoot2);
-    const observer = initMutationObserver(
+    const [observer] = initMutationObserver(
       {
         ...this.bypassOptions,
         doc,
@@ -50702,7 +50494,7 @@ class ShadowDomManager {
     this.restoreHandlers.forEach((handler) => {
       try {
         handler();
-      } catch (e2) {
+      } catch (e) {
       }
     });
     this.restoreHandlers = [];
@@ -50711,16 +50503,16 @@ class ShadowDomManager {
 }
 var chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
 var lookup = typeof Uint8Array === "undefined" ? [] : new Uint8Array(256);
-for (var i$1 = 0; i$1 < chars.length; i$1++) {
-  lookup[chars.charCodeAt(i$1)] = i$1;
+for (var i = 0; i < chars.length; i++) {
+  lookup[chars.charCodeAt(i)] = i;
 }
 var encode = function(arraybuffer) {
-  var bytes = new Uint8Array(arraybuffer), i2, len = bytes.length, base64 = "";
-  for (i2 = 0; i2 < len; i2 += 3) {
-    base64 += chars[bytes[i2] >> 2];
-    base64 += chars[(bytes[i2] & 3) << 4 | bytes[i2 + 1] >> 4];
-    base64 += chars[(bytes[i2 + 1] & 15) << 2 | bytes[i2 + 2] >> 6];
-    base64 += chars[bytes[i2 + 2] & 63];
+  var bytes = new Uint8Array(arraybuffer), i, len = bytes.length, base64 = "";
+  for (i = 0; i < len; i += 3) {
+    base64 += chars[bytes[i] >> 2];
+    base64 += chars[(bytes[i] & 3) << 4 | bytes[i + 1] >> 4];
+    base64 += chars[(bytes[i + 1] & 15) << 2 | bytes[i + 2] >> 6];
+    base64 += chars[bytes[i + 2] & 63];
   }
   if (len % 3 === 2) {
     base64 = base64.substring(0, base64.length - 1) + "=";
@@ -50730,7 +50522,7 @@ var encode = function(arraybuffer) {
   return base64;
 };
 const canvasVarMap = /* @__PURE__ */ new Map();
-function variableListFor$1(ctx, ctor) {
+function variableListFor(ctx, ctor) {
   let contextMap = canvasVarMap.get(ctx);
   if (!contextMap) {
     contextMap = /* @__PURE__ */ new Map();
@@ -50745,7 +50537,7 @@ const saveWebGLVar = (value, win, ctx) => {
   if (!value || !(isInstanceOfWebGLObject(value, win) || typeof value === "object"))
     return;
   const name = value.constructor.name;
-  const list = variableListFor$1(ctx, name);
+  const list = variableListFor(ctx, name);
   let index2 = list.indexOf(value);
   if (index2 === -1) {
     index2 = list.length;
@@ -50878,11 +50670,11 @@ function initCanvas2DMutationObserver(cb, win, blockClass, blockSelector) {
         win.CanvasRenderingContext2D.prototype,
         prop,
         {
-          set(v2) {
+          set(v) {
             cb(this.canvas, {
               type: CanvasContext["2D"],
               property: prop,
-              args: [v2],
+              args: [v],
               setter: true
             });
           }
@@ -50976,11 +50768,11 @@ function patchGLPrototype(prototype, type, cb, blockClass, blockSelector, win) {
       handlers.push(restoreHandler);
     } catch {
       const hookHandler = hookSetter(prototype, prop, {
-        set(v2) {
+        set(v) {
           cb(this.canvas, {
             type,
             property: prop,
-            args: [v2],
+            args: [v],
             setter: true
           });
         }
@@ -50992,16 +50784,18 @@ function patchGLPrototype(prototype, type, cb, blockClass, blockSelector, win) {
 }
 function initCanvasWebGLMutationObserver(cb, win, blockClass, blockSelector) {
   const handlers = [];
-  handlers.push(
-    ...patchGLPrototype(
-      win.WebGLRenderingContext.prototype,
-      CanvasContext.WebGL,
-      cb,
-      blockClass,
-      blockSelector,
-      win
-    )
-  );
+  if (typeof win.WebGLRenderingContext !== "undefined") {
+    handlers.push(
+      ...patchGLPrototype(
+        win.WebGLRenderingContext.prototype,
+        CanvasContext.WebGL,
+        cb,
+        blockClass,
+        blockSelector,
+        win
+      )
+    );
+  }
   if (typeof win.WebGL2RenderingContext !== "undefined") {
     handlers.push(
       ...patchGLPrototype(
@@ -51083,11 +50877,11 @@ class CanvasManager {
     );
     const snapshotInProgressMap = /* @__PURE__ */ new Map();
     const worker = new WorkerWrapper();
-    worker.onmessage = (e2) => {
-      const { id } = e2.data;
+    worker.onmessage = (e) => {
+      const { id } = e.data;
       snapshotInProgressMap.set(id, false);
-      if (!("base64" in e2.data)) return;
-      const { base64, type, width, height } = e2.data;
+      if (!("base64" in e.data)) return;
+      const { base64, type, width, height } = e.data;
       this.mutationCb({
         id,
         type: CanvasContext["2D"],
@@ -51269,17 +51063,17 @@ class StylesheetManager {
       let styleId;
       if (!this.styleMirror.has(sheet)) {
         styleId = this.styleMirror.add(sheet);
-        const rules2 = [];
-        for (let i2 = 0; i2 < sheet.rules.length; ++i2) {
-          rules2.push({
-            rule: stringifyRule(sheet.rules[i2], sheet.href),
-            index: i2
+        const rules = [];
+        for (let i = 0; i < sheet.rules.length; ++i) {
+          rules.push({
+            rule: stringifyRule(sheet.rules[i], sheet.href),
+            index: i
           });
         }
         styles.push({
           styleId,
-          rules: Array.from(sheet.rules || CSSRule, (r2, index2) => ({
-            rule: stringifyRule(r2, sheet.href),
+          rules: Array.from(sheet.rules || CSSRule, (r, index2) => ({
+            rule: stringifyRule(r, sheet.href),
             index: index2
           }))
         });
@@ -51320,7 +51114,7 @@ class ProcessedNodeManager {
   }
 }
 let wrappedEmit;
-let takeFullSnapshot$1 = () => {
+let takeFullSnapshot = () => {
 };
 let canvasManager;
 let recording = false;
@@ -51334,7 +51128,7 @@ try {
 } catch (err) {
   console.debug("Unable to override Array.from", err);
 }
-const mirror = createMirror$2();
+const mirror = createMirror();
 function record(options = {}) {
   const {
     emit,
@@ -51379,7 +51173,7 @@ function record(options = {}) {
       if (window.parent.document) {
         passEmitsToParent = false;
       }
-    } catch (e2) {
+    } catch (e) {
       passEmitsToParent = true;
     }
   }
@@ -51412,66 +51206,52 @@ function record(options = {}) {
     select: true,
     password: true
   } : _maskInputOptions !== void 0 ? _maskInputOptions : { password: true };
-  const slimDOMOptions = _slimDOMOptions === true || _slimDOMOptions === "all" ? {
-    script: true,
-    comment: true,
-    headFavicon: true,
-    headWhitespace: true,
-    headMetaSocial: true,
-    headMetaRobots: true,
-    headMetaHttpEquiv: true,
-    headMetaVerification: true,
-    // the following are off for slimDOMOptions === true,
-    // as they destroy some (hidden) info:
-    headMetaAuthorship: _slimDOMOptions === "all",
-    headMetaDescKeywords: _slimDOMOptions === "all",
-    headTitleMutations: _slimDOMOptions === "all"
-  } : _slimDOMOptions ? _slimDOMOptions : {};
-  polyfill$1();
+  const slimDOMOptions = slimDOMDefaults(_slimDOMOptions);
+  polyfill();
   let lastFullSnapshotEvent;
   let incrementalSnapshotCount = 0;
-  const eventProcessor = (e2) => {
+  const eventProcessor = (e) => {
     for (const plugin of plugins || []) {
       if (plugin.eventProcessor) {
-        e2 = plugin.eventProcessor(e2);
+        e = plugin.eventProcessor(e);
       }
     }
     if (packFn && // Disable packing events which will be emitted to parent frames.
     !passEmitsToParent) {
-      e2 = packFn(e2);
+      e = packFn(e);
     }
-    return e2;
+    return e;
   };
-  wrappedEmit = (r2, isCheckout) => {
+  wrappedEmit = (r, isCheckout) => {
     var _a2;
-    const e2 = r2;
-    e2.timestamp = nowTimestamp();
-    if (((_a2 = mutationBuffers[0]) == null ? void 0 : _a2.isFrozen()) && e2.type !== EventType.FullSnapshot && !(e2.type === EventType.IncrementalSnapshot && e2.data.source === IncrementalSource.Mutation)) {
+    const e = r;
+    e.timestamp = nowTimestamp();
+    if (((_a2 = mutationBuffers[0]) == null ? void 0 : _a2.isFrozen()) && e.type !== EventType.FullSnapshot && !(e.type === EventType.IncrementalSnapshot && e.data.source === IncrementalSource.Mutation)) {
       mutationBuffers.forEach((buf) => buf.unfreeze());
     }
     if (inEmittingFrame) {
-      emit == null ? void 0 : emit(eventProcessor(e2), isCheckout);
+      emit == null ? void 0 : emit(eventProcessor(e), isCheckout);
     } else if (passEmitsToParent) {
       const message = {
         type: "rrweb",
-        event: eventProcessor(e2),
+        event: eventProcessor(e),
         origin: window.location.origin,
         isCheckout
       };
       window.parent.postMessage(message, "*");
     }
-    if (e2.type === EventType.FullSnapshot) {
-      lastFullSnapshotEvent = e2;
+    if (e.type === EventType.FullSnapshot) {
+      lastFullSnapshotEvent = e;
       incrementalSnapshotCount = 0;
-    } else if (e2.type === EventType.IncrementalSnapshot) {
-      if (e2.data.source === IncrementalSource.Mutation && e2.data.isAttachIframe) {
+    } else if (e.type === EventType.IncrementalSnapshot) {
+      if (e.data.source === IncrementalSource.Mutation && e.data.isAttachIframe) {
         return;
       }
       incrementalSnapshotCount++;
       const exceedCount = checkoutEveryNth && incrementalSnapshotCount >= checkoutEveryNth;
-      const exceedTime = checkoutEveryNms && e2.timestamp - lastFullSnapshotEvent.timestamp > checkoutEveryNms;
+      const exceedTime = checkoutEveryNms && e.timestamp - lastFullSnapshotEvent.timestamp > checkoutEveryNms;
       if (exceedCount || exceedTime) {
-        takeFullSnapshot$1(true);
+        takeFullSnapshot(true);
       }
     }
   };
@@ -51498,11 +51278,11 @@ function record(options = {}) {
       ...p
     }
   });
-  const wrappedAdoptedStyleSheetEmit = (a2) => wrappedEmit({
+  const wrappedAdoptedStyleSheetEmit = (a) => wrappedEmit({
     type: EventType.IncrementalSnapshot,
     data: {
       source: IncrementalSource.AdoptedStyleSheet,
-      ...a2
+      ...a
     }
   });
   const stylesheetManager = new StylesheetManager({
@@ -51515,7 +51295,7 @@ function record(options = {}) {
     stylesheetManager,
     recordCrossOriginIframes,
     wrappedEmit,
-    takeFullSnapshot: takeFullSnapshot$1
+    takeFullSnapshot
   });
   for (const plugin of plugins || []) {
     if (plugin.getMirror)
@@ -51562,7 +51342,7 @@ function record(options = {}) {
     },
     mirror
   });
-  takeFullSnapshot$1 = (isCheckout = false) => {
+  takeFullSnapshot = (isCheckout = false) => {
     if (!recordDOM) {
       return;
     }
@@ -51595,15 +51375,15 @@ function record(options = {}) {
       dataURLOptions,
       recordCanvas,
       inlineImages,
-      onSerialize: (n2) => {
-        if (isSerializedIframe(n2, mirror)) {
-          iframeManager.addIframe(n2);
+      onSerialize: (n) => {
+        if (isSerializedIframe(n, mirror)) {
+          iframeManager.addIframe(n);
         }
-        if (isSerializedStylesheet(n2, mirror)) {
-          stylesheetManager.trackLinkElement(n2);
+        if (isSerializedStylesheet(n, mirror)) {
+          stylesheetManager.trackLinkElement(n);
         }
-        if (hasShadowRoot(n2)) {
-          shadowDomManager.addShadowRoot(index.shadowRoot(n2), document);
+        if (hasShadowRoot(n)) {
+          shadowDomManager.addShadowRoot(index.shadowRoot(n), document);
         }
       },
       onIframeLoad: (iframe, childSn) => {
@@ -51635,7 +51415,7 @@ function record(options = {}) {
         mirror.getId(document)
       );
   };
-  iframeManager.setTakeFullSnapshot(takeFullSnapshot$1);
+  iframeManager.setTakeFullSnapshot(takeFullSnapshot);
   try {
     const handlers = [];
     const iframeHandlersMap = /* @__PURE__ */ new Map();
@@ -51666,11 +51446,11 @@ function record(options = {}) {
               ...d
             }
           }),
-          inputCb: (v2) => wrappedEmit({
+          inputCb: (v) => wrappedEmit({
             type: EventType.IncrementalSnapshot,
             data: {
               source: IncrementalSource.Input,
-              ...v2
+              ...v
             }
           }),
           mediaInteractionCb: (p) => wrappedEmit({
@@ -51680,18 +51460,18 @@ function record(options = {}) {
               ...p
             }
           }),
-          styleSheetRuleCb: (r2) => wrappedEmit({
+          styleSheetRuleCb: (r) => wrappedEmit({
             type: EventType.IncrementalSnapshot,
             data: {
               source: IncrementalSource.StyleSheetRule,
-              ...r2
+              ...r
             }
           }),
-          styleDeclarationCb: (r2) => wrappedEmit({
+          styleDeclarationCb: (r) => wrappedEmit({
             type: EventType.IncrementalSnapshot,
             data: {
               source: IncrementalSource.StyleDeclaration,
-              ...r2
+              ...r
             }
           }),
           canvasMutationCb: wrappedCanvasMutationEmit,
@@ -51711,12 +51491,12 @@ function record(options = {}) {
               }
             });
           },
-          customElementCb: (c2) => {
+          customElementCb: (c) => {
             wrappedEmit({
               type: EventType.IncrementalSnapshot,
               data: {
                 source: IncrementalSource.CustomElement,
-                ...c2
+                ...c
               }
             });
           },
@@ -51779,11 +51559,11 @@ function record(options = {}) {
       findAndRemoveIframeBuffer(iframeEl);
     });
     const init = () => {
-      takeFullSnapshot$1();
+      takeFullSnapshot();
       handlers.push(observe(document));
       recording = true;
     };
-    if (document.readyState === "interactive" || document.readyState === "complete") {
+    if (["interactive", "complete"].includes(document.readyState)) {
       init();
     } else {
       handlers.push(
@@ -51810,7 +51590,16 @@ function record(options = {}) {
       );
     }
     return () => {
-      handlers.forEach((h) => h());
+      handlers.forEach((handler) => {
+        try {
+          handler();
+        } catch (error) {
+          const msg = String(error).toLowerCase();
+          if (!msg.includes("cross-origin")) {
+            console.warn(error);
+          }
+        }
+      });
       iframeHandlersMap.forEach((h) => h());
       processedNodeManager.destroy();
       recording = false;
@@ -51839,13 +51628,9 @@ record.takeFullSnapshot = (isCheckout) => {
   if (!recording) {
     throw new Error("please take full snapshot after start recording");
   }
-  takeFullSnapshot$1(isCheckout);
+  takeFullSnapshot(isCheckout);
 };
 record.mirror = mirror;
-var n;
-!function(t2) {
-  t2[t2.NotStarted = 0] = "NotStarted", t2[t2.Running = 1] = "Running", t2[t2.Stopped = 2] = "Stopped";
-}(n || (n = {}));
   return record; }
 class SessionRecorderBuffer {
@@ -52613,7 +52398,7 @@ class SessionRecorder {
                 this.stop();
             }
             if (visitorConfig && visitorConfig.enable && this.isRecording()) {
-                this.liveReplayClient.onLiveFlag(visitorConfig.live, this.visitorId, () => this.snapshot());
+                this.liveReplayClient.onLiveFlag(visitorConfig.live, this.visitorId, () => this._snapshotForLiveReplay());
                 if (continuationCallback) {
                     continuationCallback.call(this);
                 }
@@ -52635,6 +52420,11 @@ class SessionRecorder {
         this.send();
         this.record.takeFullSnapshot();
     }
+    _snapshotForLiveReplay() {
+        if (!this._recordsInThisFrame())
+            return;
+        this.snapshot();
+    }
     isRecording() {
         return this.interval != null;
     }
@@ -52671,7 +52461,7 @@ class SessionRecorder {
             blockSelector: blockedSelectors.concat(hiddenSelectors).join(','),
             hideSelector: hiddenSelectors.join(','),
             recordCrossOriginIframes: recordCrossOriginIframes != null ? recordCrossOriginIframes : true,
-            emitFromIframe: !!this.api.ConfigReader.get(RECORDING_CONFIG_TREAT_IFRAME_AS_ROOT)
+            emitFromIframe: this._treatIframeAsRoot()
         };
         return config;
     }
@@ -52775,7 +52565,7 @@ class SessionRecorder {
                 errorHandler: this.errorHandler
             }, config));
             this._refreshIds();
-            this.liveReplayClient.onLiveFlag(visitorConfig.live, this.visitorId, () => this.snapshot());
+            this.liveReplayClient.onLiveFlag(visitorConfig.live, this.visitorId, () => this._snapshotForLiveReplay());
             this.onRecordingStart();
         }
         catch (e) {
@@ -52793,6 +52583,21 @@ class SessionRecorder {
             topId: this.api.store.state.frames.topId
         });
     }
+    _recordsInThisFrame() {
+        if (window == window.top || this._treatIframeAsRoot())
+            return true;
+        if (!this.recordingConfig(this.visitorConfig).recordCrossOriginIframes)
+            return true;
+        try {
+            return !window.parent.document;
+        }
+        catch (e) {
+            return true;
+        }
+    }
+    _treatIframeAsRoot() {
+        return !!this.api.ConfigReader.get(RECORDING_CONFIG_TREAT_IFRAME_AS_ROOT);
+    }
     _refreshIds() {
         if (window == window.top)
             return;
@@ -53045,7 +52850,7 @@ class SessionRecorder {
                 // ignore stale responses from a since-changed identity
                 if (messageData.visitorId !== this.visitorId)
                     break;
-                this.liveReplayClient.onLiveFlag(messageData.live, this.visitorId, () => this.snapshot());
+                this.liveReplayClient.onLiveFlag(messageData.live, this.visitorId, () => this._snapshotForLiveReplay());
                 break;
             }
         }