@posthog/rrweb-snapshot 0.0.41 → 0.0.43

package/dist/record.umd.cjs

@@ -556,983 +556,1021 @@ var require_types_B7TTv7Jc = __commonJS({
   }
 });
 
-// dist/record.cjs
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-var types = require_types_B7TTv7Jc();
-var _id = 1;
-var tagNameRegex = new RegExp("[^a-z0-9-_:]");
-var IGNORED_NODE = -2;
-function genId() {
-  return _id++;
-}
-function getValidTagName(element) {
-  if (element instanceof HTMLFormElement) {
-    return "form";
-  }
-  const processedTagName = types.toLowerCase(element.tagName);
-  if (tagNameRegex.test(processedTagName)) {
-    return "div";
-  }
-  return processedTagName;
-}
-var canvasService;
-var canvasCtx;
-var SRCSET_NOT_SPACES = /^[^ \t\n\r\u000c]+/;
-var SRCSET_COMMAS_OR_SPACES = /^[, \t\n\r\u000c]+/;
-function getAbsoluteSrcsetString(doc, attributeValue) {
-  if (attributeValue.trim() === "") {
-    return attributeValue;
-  }
-  let pos = 0;
-  function collectCharacters(regEx) {
-    let chars;
-    const match = regEx.exec(attributeValue.substring(pos));
-    if (match) {
-      chars = match[0];
-      pos += chars.length;
-      return chars;
-    }
-    return "";
-  }
-  const output = [];
-  while (true) {
-    collectCharacters(SRCSET_COMMAS_OR_SPACES);
-    if (pos >= attributeValue.length) {
-      break;
-    }
-    let url = collectCharacters(SRCSET_NOT_SPACES);
-    if (url.slice(-1) === ",") {
-      url = absoluteToDoc(doc, url.substring(0, url.length - 1));
-      output.push(url);
-    } else {
-      let descriptorsStr = "";
-      url = absoluteToDoc(doc, url);
-      let inParens = false;
+// dist/record-oACzRSl-.cjs
+var require_record_oACzRSl = __commonJS({
+  "dist/record-oACzRSl-.cjs"(exports2) {
+    "use strict";
+    var types2 = require_types_B7TTv7Jc();
+    var _id = 1;
+    var tagNameRegex = new RegExp("[^a-z0-9-_:]");
+    var IGNORED_NODE = -2;
+    function genId() {
+      return _id++;
+    }
+    function getValidTagName(element) {
+      if (element instanceof HTMLFormElement) {
+        return "form";
+      }
+      const processedTagName = types2.toLowerCase(element.tagName);
+      if (tagNameRegex.test(processedTagName)) {
+        return "div";
+      }
+      return processedTagName;
+    }
+    var canvasService;
+    var canvasCtx;
+    var SRCSET_NOT_SPACES = /^[^ \t\n\r\u000c]+/;
+    var SRCSET_COMMAS_OR_SPACES = /^[, \t\n\r\u000c]+/;
+    function getAbsoluteSrcsetString(doc, attributeValue) {
+      if (attributeValue.trim() === "") {
+        return attributeValue;
+      }
+      let pos = 0;
+      function collectCharacters(regEx) {
+        let chars;
+        const match = regEx.exec(attributeValue.substring(pos));
+        if (match) {
+          chars = match[0];
+          pos += chars.length;
+          return chars;
+        }
+        return "";
+      }
+      const output = [];
       while (true) {
-        const c = attributeValue.charAt(pos);
-        if (c === "") {
-          output.push((url + descriptorsStr).trim());
+        collectCharacters(SRCSET_COMMAS_OR_SPACES);
+        if (pos >= attributeValue.length) {
           break;
-        } else if (!inParens) {
-          if (c === ",") {
-            pos += 1;
-            output.push((url + descriptorsStr).trim());
-            break;
-          } else if (c === "(") {
-            inParens = true;
-          }
+        }
+        let url = collectCharacters(SRCSET_NOT_SPACES);
+        if (url.slice(-1) === ",") {
+          url = absoluteToDoc(doc, url.substring(0, url.length - 1));
+          output.push(url);
         } else {
-          if (c === ")") {
-            inParens = false;
+          let descriptorsStr = "";
+          url = absoluteToDoc(doc, url);
+          let inParens = false;
+          while (true) {
+            const c = attributeValue.charAt(pos);
+            if (c === "") {
+              output.push((url + descriptorsStr).trim());
+              break;
+            } else if (!inParens) {
+              if (c === ",") {
+                pos += 1;
+                output.push((url + descriptorsStr).trim());
+                break;
+              } else if (c === "(") {
+                inParens = true;
+              }
+            } else {
+              if (c === ")") {
+                inParens = false;
+              }
+            }
+            descriptorsStr += c;
+            pos += 1;
           }
         }
-        descriptorsStr += c;
-        pos += 1;
       }
+      return output.join(", ");
     }
-  }
-  return output.join(", ");
-}
-var cachedDocument = /* @__PURE__ */ new WeakMap();
-function absoluteToDoc(doc, attributeValue) {
-  if (!attributeValue || attributeValue.trim() === "") {
-    return attributeValue;
-  }
-  return getHref(doc, attributeValue);
-}
-function isSVGElement(el) {
-  return Boolean(el.tagName === "svg" || el.ownerSVGElement);
-}
-function getHref(doc, customHref) {
-  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;
-  }
-  a.setAttribute("href", customHref);
-  return a.href;
-}
-function transformAttribute(doc, tagName, name, value, element, dataURLOptions) {
-  if (!value) {
-    return value;
-  }
-  if (name === "src" || name === "href" && !(tagName === "use" && value[0] === "#")) {
-    const transformedValue = absoluteToDoc(doc, value);
-    if (tagName === "img" && transformedValue.startsWith("data:") && element) {
-      const img = element;
-      let processedDataURL = transformedValue;
-      if ((dataURLOptions == null ? void 0 : dataURLOptions.type) || (dataURLOptions == null ? void 0 : dataURLOptions.quality) !== void 0) {
-        processedDataURL = types.recompressBase64Image(
-          img,
-          transformedValue,
-          dataURLOptions.type,
-          dataURLOptions.quality
-        );
+    var cachedDocument = /* @__PURE__ */ new WeakMap();
+    function absoluteToDoc(doc, attributeValue) {
+      if (!attributeValue || attributeValue.trim() === "") {
+        return attributeValue;
       }
-      if (dataURLOptions == null ? void 0 : dataURLOptions.maxBase64ImageLength) {
-        processedDataURL = types.checkDataURLSize(
-          processedDataURL,
-          dataURLOptions.maxBase64ImageLength
-        );
+      return getHref(doc, attributeValue);
+    }
+    function isSVGElement(el) {
+      return Boolean(el.tagName === "svg" || el.ownerSVGElement);
+    }
+    function getHref(doc, customHref) {
+      let a = cachedDocument.get(doc);
+      if (!a) {
+        a = doc.createElement("a");
+        cachedDocument.set(doc, a);
       }
-      return processedDataURL;
-    }
-    return transformedValue;
-  } else if (name === "xlink:href" && value[0] !== "#") {
-    return absoluteToDoc(doc, value);
-  } else if (name === "background" && (tagName === "table" || tagName === "td" || tagName === "th")) {
-    return absoluteToDoc(doc, value);
-  } else if (name === "srcset") {
-    return getAbsoluteSrcsetString(doc, value);
-  } else if (name === "style") {
-    return types.absolutifyURLs(value, getHref(doc));
-  } else if (tagName === "object" && name === "data") {
-    return absoluteToDoc(doc, value);
-  }
-  return value;
-}
-function ignoreAttribute(tagName, name, _value) {
-  return (tagName === "video" || tagName === "audio") && name === "autoplay";
-}
-function _isBlockedElement(element, blockClass, blockSelector) {
-  try {
-    if (typeof blockClass === "string") {
-      if (element.classList.contains(blockClass)) {
-        return true;
+      if (!customHref) {
+        customHref = "";
+      } else if (customHref.startsWith("blob:") || customHref.startsWith("data:")) {
+        return customHref;
       }
-    } else {
-      for (let eIndex = element.classList.length; eIndex--; ) {
-        const className = element.classList[eIndex];
-        if (blockClass.test(className)) {
-          return true;
+      a.setAttribute("href", customHref);
+      return a.href;
+    }
+    function transformAttribute(doc, tagName, name, value, element, dataURLOptions) {
+      if (!value) {
+        return value;
+      }
+      if (name === "src" || name === "href" && !(tagName === "use" && value[0] === "#")) {
+        const transformedValue = absoluteToDoc(doc, value);
+        if (tagName === "img" && transformedValue.startsWith("data:") && element) {
+          const img = element;
+          let processedDataURL = transformedValue;
+          if ((dataURLOptions == null ? void 0 : dataURLOptions.type) || (dataURLOptions == null ? void 0 : dataURLOptions.quality) !== void 0) {
+            processedDataURL = types2.recompressBase64Image(
+              img,
+              transformedValue,
+              dataURLOptions.type,
+              dataURLOptions.quality
+            );
+          }
+          if (dataURLOptions == null ? void 0 : dataURLOptions.maxBase64ImageLength) {
+            processedDataURL = types2.checkDataURLSize(
+              processedDataURL,
+              dataURLOptions.maxBase64ImageLength
+            );
+          }
+          return processedDataURL;
         }
+        return transformedValue;
+      } else if (name === "xlink:href" && value[0] !== "#") {
+        return absoluteToDoc(doc, value);
+      } else if (name === "background" && (tagName === "table" || tagName === "td" || tagName === "th")) {
+        return absoluteToDoc(doc, value);
+      } else if (name === "srcset") {
+        return getAbsoluteSrcsetString(doc, value);
+      } else if (name === "style") {
+        return types2.absolutifyURLs(value, getHref(doc));
+      } else if (tagName === "object" && name === "data") {
+        return absoluteToDoc(doc, value);
       }
+      return value;
     }
-    if (blockSelector) {
-      return element.matches(blockSelector);
+    function ignoreAttribute(tagName, name, _value) {
+      return (tagName === "video" || tagName === "audio") && name === "autoplay";
     }
-  } catch (e) {
-  }
-  return false;
-}
-function classMatchesRegex(node, regex, checkAncestors) {
-  if (!node) return false;
-  if (node.nodeType !== node.ELEMENT_NODE) {
-    if (!checkAncestors) return false;
-    return classMatchesRegex(types.index.parentNode(node), regex, checkAncestors);
-  }
-  for (let eIndex = node.classList.length; eIndex--; ) {
-    const className = node.classList[eIndex];
-    if (regex.test(className)) {
-      return true;
-    }
-  }
-  if (!checkAncestors) return false;
-  return classMatchesRegex(types.index.parentNode(node), regex, checkAncestors);
-}
-function needMaskingText(node, maskTextClass, maskTextSelector, checkAncestors) {
-  let el;
-  if (types.isElement(node)) {
-    el = node;
-    if (!types.index.childNodes(el).length) {
+    function _isBlockedElement(element, blockClass, blockSelector) {
+      try {
+        if (typeof blockClass === "string") {
+          if (element.classList.contains(blockClass)) {
+            return true;
+          }
+        } else {
+          for (let eIndex = element.classList.length; eIndex--; ) {
+            const className = element.classList[eIndex];
+            if (blockClass.test(className)) {
+              return true;
+            }
+          }
+        }
+        if (blockSelector) {
+          return element.matches(blockSelector);
+        }
+      } catch (e) {
+      }
       return false;
     }
-  } else if (types.index.parentElement(node) === null) {
-    return false;
-  } else {
-    el = types.index.parentElement(node);
-  }
-  try {
-    if (typeof maskTextClass === "string") {
-      if (checkAncestors) {
-        if (el.closest(`.${maskTextClass}`)) return true;
+    function classMatchesRegex(node, regex, checkAncestors) {
+      if (!node) return false;
+      if (node.nodeType !== node.ELEMENT_NODE) {
+        if (!checkAncestors) return false;
+        return classMatchesRegex(types2.index.parentNode(node), regex, checkAncestors);
+      }
+      for (let eIndex = node.classList.length; eIndex--; ) {
+        const className = node.classList[eIndex];
+        if (regex.test(className)) {
+          return true;
+        }
+      }
+      if (!checkAncestors) return false;
+      return classMatchesRegex(types2.index.parentNode(node), regex, checkAncestors);
+    }
+    function needMaskingText(node, maskTextClass, maskTextSelector, checkAncestors) {
+      let el;
+      if (types2.isElement(node)) {
+        el = node;
+        if (!types2.index.childNodes(el).length) {
+          return false;
+        }
+      } else if (types2.index.parentElement(node) === null) {
+        return false;
       } else {
-        if (el.classList.contains(maskTextClass)) return true;
+        el = types2.index.parentElement(node);
+      }
+      try {
+        if (typeof maskTextClass === "string") {
+          if (checkAncestors) {
+            if (el.closest(`.${maskTextClass}`)) return true;
+          } else {
+            if (el.classList.contains(maskTextClass)) return true;
+          }
+        } else {
+          if (classMatchesRegex(el, maskTextClass, checkAncestors)) return true;
+        }
+        if (maskTextSelector) {
+          if (checkAncestors) {
+            if (el.closest(maskTextSelector)) return true;
+          } else {
+            if (el.matches(maskTextSelector)) return true;
+          }
+        }
+      } catch (e) {
       }
-    } else {
-      if (classMatchesRegex(el, maskTextClass, checkAncestors)) return true;
+      return false;
     }
-    if (maskTextSelector) {
-      if (checkAncestors) {
-        if (el.closest(maskTextSelector)) return true;
-      } else {
-        if (el.matches(maskTextSelector)) return true;
+    function onceIframeLoaded(iframeEl, listener, iframeLoadTimeout) {
+      const win = iframeEl.contentWindow;
+      if (!win) {
+        return;
+      }
+      let fired = false;
+      let readyState;
+      try {
+        readyState = win.document.readyState;
+      } catch (error) {
+        return;
+      }
+      if (readyState !== "complete") {
+        const timer = setTimeout(() => {
+          if (!fired) {
+            listener();
+            fired = true;
+          }
+        }, iframeLoadTimeout);
+        iframeEl.addEventListener("load", () => {
+          clearTimeout(timer);
+          fired = true;
+          listener();
+        });
+        return;
+      }
+      const blankUrl = "about:blank";
+      if (win.location.href !== blankUrl || iframeEl.src === blankUrl || iframeEl.src === "") {
+        setTimeout(listener, 0);
+        return iframeEl.addEventListener("load", listener);
       }
+      iframeEl.addEventListener("load", listener);
     }
-  } catch (e) {
-  }
-  return false;
-}
-function onceIframeLoaded(iframeEl, listener, iframeLoadTimeout) {
-  const win = iframeEl.contentWindow;
-  if (!win) {
-    return;
-  }
-  let fired = false;
-  let readyState;
-  try {
-    readyState = win.document.readyState;
-  } catch (error) {
-    return;
-  }
-  if (readyState !== "complete") {
-    const timer = setTimeout(() => {
-      if (!fired) {
-        listener();
+    function onceStylesheetLoaded(link, listener, styleSheetLoadTimeout) {
+      let fired = false;
+      let styleSheetLoaded;
+      try {
+        styleSheetLoaded = link.sheet;
+      } catch (error) {
+        return;
+      }
+      if (styleSheetLoaded) return;
+      const timer = setTimeout(() => {
+        if (!fired) {
+          listener();
+          fired = true;
+        }
+      }, styleSheetLoadTimeout);
+      link.addEventListener("load", () => {
+        clearTimeout(timer);
         fired = true;
+        listener();
+      });
+    }
+    function serializeNode(n, options) {
+      const {
+        doc,
+        mirror,
+        blockClass,
+        blockSelector,
+        needsMask,
+        inlineStylesheet,
+        maskInputOptions = {},
+        maskTextFn,
+        maskInputFn,
+        dataURLOptions = {},
+        inlineImages,
+        recordCanvas,
+        keepIframeSrcFn,
+        newlyAddedElement = false
+      } = options;
+      const rootId = getRootId(doc, mirror);
+      switch (n.nodeType) {
+        case n.DOCUMENT_NODE:
+          if (n.compatMode !== "CSS1Compat") {
+            return {
+              type: types2.NodeType$1.Document,
+              childNodes: [],
+              compatMode: n.compatMode
+              // probably "BackCompat"
+            };
+          } else {
+            return {
+              type: types2.NodeType$1.Document,
+              childNodes: []
+            };
+          }
+        case n.DOCUMENT_TYPE_NODE:
+          return {
+            type: types2.NodeType$1.DocumentType,
+            name: n.name,
+            publicId: n.publicId,
+            systemId: n.systemId,
+            rootId
+          };
+        case n.ELEMENT_NODE:
+          return serializeElementNode(n, {
+            doc,
+            blockClass,
+            blockSelector,
+            inlineStylesheet,
+            maskInputOptions,
+            maskInputFn,
+            dataURLOptions,
+            inlineImages,
+            recordCanvas,
+            keepIframeSrcFn,
+            newlyAddedElement,
+            rootId
+          });
+        case n.TEXT_NODE:
+          return serializeTextNode(n, {
+            doc,
+            needsMask,
+            maskTextFn,
+            rootId
+          });
+        case n.CDATA_SECTION_NODE:
+          return {
+            type: types2.NodeType$1.CDATA,
+            textContent: "",
+            rootId
+          };
+        case n.COMMENT_NODE:
+          return {
+            type: types2.NodeType$1.Comment,
+            textContent: types2.index.textContent(n) || "",
+            rootId
+          };
+        default:
+          return false;
       }
-    }, iframeLoadTimeout);
-    iframeEl.addEventListener("load", () => {
-      clearTimeout(timer);
-      fired = true;
-      listener();
-    });
-    return;
-  }
-  const blankUrl = "about:blank";
-  if (win.location.href !== blankUrl || iframeEl.src === blankUrl || iframeEl.src === "") {
-    setTimeout(listener, 0);
-    return iframeEl.addEventListener("load", listener);
-  }
-  iframeEl.addEventListener("load", listener);
-}
-function onceStylesheetLoaded(link, listener, styleSheetLoadTimeout) {
-  let fired = false;
-  let styleSheetLoaded;
-  try {
-    styleSheetLoaded = link.sheet;
-  } catch (error) {
-    return;
-  }
-  if (styleSheetLoaded) return;
-  const timer = setTimeout(() => {
-    if (!fired) {
-      listener();
-      fired = true;
-    }
-  }, styleSheetLoadTimeout);
-  link.addEventListener("load", () => {
-    clearTimeout(timer);
-    fired = true;
-    listener();
-  });
-}
-function serializeNode(n, options) {
-  const {
-    doc,
-    mirror,
-    blockClass,
-    blockSelector,
-    needsMask,
-    inlineStylesheet,
-    maskInputOptions = {},
-    maskTextFn,
-    maskInputFn,
-    dataURLOptions = {},
-    inlineImages,
-    recordCanvas,
-    keepIframeSrcFn,
-    newlyAddedElement = false
-  } = options;
-  const rootId = getRootId(doc, mirror);
-  switch (n.nodeType) {
-    case n.DOCUMENT_NODE:
-      if (n.compatMode !== "CSS1Compat") {
-        return {
-          type: types.NodeType$1.Document,
-          childNodes: [],
-          compatMode: n.compatMode
-          // probably "BackCompat"
-        };
-      } else {
-        return {
-          type: types.NodeType$1.Document,
-          childNodes: []
-        };
+    }
+    function getRootId(doc, mirror) {
+      if (!mirror.hasNode(doc)) return void 0;
+      const docId = mirror.getId(doc);
+      return docId === 1 ? void 0 : docId;
+    }
+    function serializeTextNode(n, options) {
+      var _a;
+      const { needsMask, maskTextFn, rootId } = options;
+      const parent = types2.index.parentNode(n);
+      const parentTagName = parent && parent.tagName;
+      let text = types2.index.textContent(n);
+      const isStyle = parentTagName === "STYLE" ? true : void 0;
+      const isScript = parentTagName === "SCRIPT" ? true : void 0;
+      if (isStyle && text) {
+        try {
+          if (n.nextSibling || n.previousSibling) {
+          } else if ((_a = parent.sheet) == null ? void 0 : _a.cssRules) {
+            text = types2.stringifyStylesheet(parent.sheet);
+          }
+        } catch (err) {
+          console.warn(
+            `Cannot get CSS styles from text's parentNode. Error: ${err}`,
+            n
+          );
+        }
+        text = types2.absolutifyURLs(text, getHref(options.doc));
+      }
+      if (isScript) {
+        text = "SCRIPT_PLACEHOLDER";
+      }
+      if (!isStyle && !isScript && text && needsMask) {
+        text = maskTextFn ? maskTextFn(text, types2.index.parentElement(n)) : text.replace(/[\S]/g, "*");
       }
-    case n.DOCUMENT_TYPE_NODE:
       return {
-        type: types.NodeType$1.DocumentType,
-        name: n.name,
-        publicId: n.publicId,
-        systemId: n.systemId,
+        type: types2.NodeType$1.Text,
+        textContent: text || "",
+        isStyle,
         rootId
       };
-    case n.ELEMENT_NODE:
-      return serializeElementNode(n, {
+    }
+    function findStylesheet(doc, href) {
+      return Array.from(doc.styleSheets).find((s) => s.href === href);
+    }
+    function hrefFrom(n) {
+      return n.href;
+    }
+    function serializeElementNode(n, options) {
+      var _a, _b;
+      const {
         doc,
         blockClass,
         blockSelector,
         inlineStylesheet,
-        maskInputOptions,
+        maskInputOptions = {},
         maskInputFn,
-        dataURLOptions,
+        dataURLOptions = {},
         inlineImages,
         recordCanvas,
         keepIframeSrcFn,
-        newlyAddedElement,
-        rootId
-      });
-    case n.TEXT_NODE:
-      return serializeTextNode(n, {
-        doc,
-        needsMask,
-        maskTextFn,
-        rootId
-      });
-    case n.CDATA_SECTION_NODE:
-      return {
-        type: types.NodeType$1.CDATA,
-        textContent: "",
+        newlyAddedElement = false,
         rootId
-      };
-    case n.COMMENT_NODE:
-      return {
-        type: types.NodeType$1.Comment,
-        textContent: types.index.textContent(n) || "",
-        rootId
-      };
-    default:
-      return false;
-  }
-}
-function getRootId(doc, mirror) {
-  if (!mirror.hasNode(doc)) return void 0;
-  const docId = mirror.getId(doc);
-  return docId === 1 ? void 0 : docId;
-}
-function serializeTextNode(n, options) {
-  var _a;
-  const { needsMask, maskTextFn, rootId } = options;
-  const parent = types.index.parentNode(n);
-  const parentTagName = parent && parent.tagName;
-  let text = types.index.textContent(n);
-  const isStyle = parentTagName === "STYLE" ? true : void 0;
-  const isScript = parentTagName === "SCRIPT" ? true : void 0;
-  if (isStyle && text) {
-    try {
-      if (n.nextSibling || n.previousSibling) {
-      } else if ((_a = parent.sheet) == null ? void 0 : _a.cssRules) {
-        text = types.stringifyStylesheet(parent.sheet);
-      }
-    } catch (err) {
-      console.warn(
-        `Cannot get CSS styles from text's parentNode. Error: ${err}`,
-        n
-      );
-    }
-    text = types.absolutifyURLs(text, getHref(options.doc));
-  }
-  if (isScript) {
-    text = "SCRIPT_PLACEHOLDER";
-  }
-  if (!isStyle && !isScript && text && needsMask) {
-    text = maskTextFn ? maskTextFn(text, types.index.parentElement(n)) : text.replace(/[\S]/g, "*");
-  }
-  return {
-    type: types.NodeType$1.Text,
-    textContent: text || "",
-    isStyle,
-    rootId
-  };
-}
-function findStylesheet(doc, href) {
-  return Array.from(doc.styleSheets).find((s) => s.href === href);
-}
-function hrefFrom(n) {
-  return n.href;
-}
-function serializeElementNode(n, options) {
-  var _a, _b;
-  const {
-    doc,
-    blockClass,
-    blockSelector,
-    inlineStylesheet,
-    maskInputOptions = {},
-    maskInputFn,
-    dataURLOptions = {},
-    inlineImages,
-    recordCanvas,
-    keepIframeSrcFn,
-    newlyAddedElement = false,
-    rootId
-  } = options;
-  const needBlock = _isBlockedElement(n, blockClass, blockSelector);
-  const tagName = getValidTagName(n);
-  let attributes = {};
-  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,
-        tagName,
-        types.toLowerCase(attr.name),
-        attr.value,
-        n,
-        dataURLOptions
-      );
-    }
-  }
-  if (tagName === "link" && inlineStylesheet) {
-    const href = hrefFrom(n);
-    if (href) {
-      let stylesheet = findStylesheet(doc, href);
-      if (!stylesheet && href.includes(".css")) {
-        const rootDomain = window.location.origin;
-        const stylesheetPath = href.replace(window.location.href, "");
-        const potentialStylesheetHref = rootDomain + "/" + stylesheetPath;
-        stylesheet = findStylesheet(doc, potentialStylesheetHref);
-      }
-      let cssText = null;
-      if (stylesheet) {
-        cssText = types.stringifyStylesheet(stylesheet);
-      }
-      if (cssText) {
-        delete attributes.rel;
-        delete attributes.href;
-        attributes._cssText = cssText;
+      } = options;
+      const needBlock = _isBlockedElement(n, blockClass, blockSelector);
+      const tagName = getValidTagName(n);
+      let attributes = {};
+      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,
+            tagName,
+            types2.toLowerCase(attr.name),
+            attr.value,
+            n,
+            dataURLOptions
+          );
+        }
       }
-    }
-  }
-  if (tagName === "style" && n.sheet && // TODO: Currently we only try to get dynamic stylesheet when it is an empty style element
-  !(n.innerText || types.index.textContent(n) || "").trim().length) {
-    const cssText = types.stringifyStylesheet(
-      n.sheet
-    );
-    if (cssText) {
-      attributes._cssText = cssText;
-    }
-  }
-  if (tagName === "input" || tagName === "textarea" || tagName === "select") {
-    const value = n.value;
-    const checked = n.checked;
-    if (attributes.type !== "radio" && attributes.type !== "checkbox" && attributes.type !== "submit" && attributes.type !== "button" && value) {
-      attributes.value = types.maskInputValue({
-        element: n,
-        type: types.getInputType(n),
-        tagName,
-        value,
-        maskInputOptions,
-        maskInputFn
-      });
-    } else if (checked) {
-      attributes.checked = checked;
-    }
-  }
-  if (tagName === "option") {
-    if (n.selected && !maskInputOptions["select"]) {
-      attributes.selected = true;
-    } else {
-      delete attributes.selected;
-    }
-  }
-  if (tagName === "dialog" && n.open) {
-    try {
-      attributes.rr_open_mode = n.matches("dialog:modal") ? "modal" : "non-modal";
-    } catch (e) {
-      attributes.rr_open_mode = "modal";
-      attributes.ph_rr_could_not_detect_modal = true;
-    }
-  }
-  if (tagName === "canvas" && recordCanvas) {
-    if (n.__context === "2d") {
-      if (!types.is2DCanvasBlank(n)) {
-        attributes.rr_dataURL = n.toDataURL(
-          dataURLOptions.type,
-          dataURLOptions.quality
+      if (tagName === "link" && inlineStylesheet) {
+        const href = hrefFrom(n);
+        if (href) {
+          let stylesheet = findStylesheet(doc, href);
+          if (!stylesheet && href.includes(".css")) {
+            const rootDomain = window.location.origin;
+            const stylesheetPath = href.replace(window.location.href, "");
+            const potentialStylesheetHref = rootDomain + "/" + stylesheetPath;
+            stylesheet = findStylesheet(doc, potentialStylesheetHref);
+          }
+          let cssText = null;
+          if (stylesheet) {
+            cssText = types2.stringifyStylesheet(stylesheet);
+          }
+          if (cssText) {
+            delete attributes.rel;
+            delete attributes.href;
+            attributes._cssText = cssText;
+          }
+        }
+      }
+      if (tagName === "style" && n.sheet && // TODO: Currently we only try to get dynamic stylesheet when it is an empty style element
+      !(n.innerText || types2.index.textContent(n) || "").trim().length) {
+        const cssText = types2.stringifyStylesheet(
+          n.sheet
         );
+        if (cssText) {
+          attributes._cssText = cssText;
+        }
       }
-    } else if (!("__context" in n)) {
-      const canvasDataURL = n.toDataURL(
-        dataURLOptions.type,
-        dataURLOptions.quality
-      );
-      const blankCanvas = doc.createElement("canvas");
-      blankCanvas.width = n.width;
-      blankCanvas.height = n.height;
-      const blankCanvasDataURL = blankCanvas.toDataURL(
-        dataURLOptions.type,
-        dataURLOptions.quality
-      );
-      if (canvasDataURL !== blankCanvasDataURL) {
-        attributes.rr_dataURL = canvasDataURL;
+      if (tagName === "input" || tagName === "textarea" || tagName === "select") {
+        const value = n.value;
+        const checked = n.checked;
+        if (attributes.type !== "radio" && attributes.type !== "checkbox" && attributes.type !== "submit" && attributes.type !== "button" && value) {
+          attributes.value = types2.maskInputValue({
+            element: n,
+            type: types2.getInputType(n),
+            tagName,
+            value,
+            maskInputOptions,
+            maskInputFn
+          });
+        } else if (checked) {
+          attributes.checked = checked;
+        }
       }
-    }
-  }
-  if (tagName === "img" && inlineImages) {
-    if (!canvasService) {
-      canvasService = doc.createElement("canvas");
-      canvasCtx = canvasService.getContext("2d");
-    }
-    const image = n;
-    const imageSrc = image.currentSrc || image.getAttribute("src") || "<unknown-src>";
-    const priorCrossOrigin = image.crossOrigin;
-    const recordInlineImage = () => {
-      image.removeEventListener("load", recordInlineImage);
-      try {
-        canvasService.width = image.naturalWidth;
-        canvasService.height = image.naturalHeight;
-        canvasCtx.drawImage(image, 0, 0);
-        attributes.rr_dataURL = canvasService.toDataURL(
-          dataURLOptions.type,
-          dataURLOptions.quality
-        );
-      } catch (err) {
-        if (image.crossOrigin !== "anonymous") {
-          image.crossOrigin = "anonymous";
-          if (image.complete && image.naturalWidth !== 0)
-            recordInlineImage();
-          else image.addEventListener("load", recordInlineImage);
-          return;
+      if (tagName === "option") {
+        if (n.selected && !maskInputOptions["select"]) {
+          attributes.selected = true;
         } else {
-          console.warn(
-            `Cannot inline img src=${imageSrc}! Error: ${err}`
+          delete attributes.selected;
+        }
+      }
+      if (tagName === "dialog" && n.open) {
+        try {
+          attributes.rr_open_mode = n.matches("dialog:modal") ? "modal" : "non-modal";
+        } catch (e) {
+          attributes.rr_open_mode = "modal";
+          attributes.ph_rr_could_not_detect_modal = true;
+        }
+      }
+      if (tagName === "canvas" && recordCanvas) {
+        if (n.__context === "2d") {
+          if (!types2.is2DCanvasBlank(n)) {
+            attributes.rr_dataURL = n.toDataURL(
+              dataURLOptions.type,
+              dataURLOptions.quality
+            );
+          }
+        } else if (!("__context" in n)) {
+          const canvasDataURL = n.toDataURL(
+            dataURLOptions.type,
+            dataURLOptions.quality
+          );
+          const blankCanvas = doc.createElement("canvas");
+          blankCanvas.width = n.width;
+          blankCanvas.height = n.height;
+          const blankCanvasDataURL = blankCanvas.toDataURL(
+            dataURLOptions.type,
+            dataURLOptions.quality
           );
+          if (canvasDataURL !== blankCanvasDataURL) {
+            attributes.rr_dataURL = canvasDataURL;
+          }
         }
       }
-      if (image.crossOrigin === "anonymous") {
-        priorCrossOrigin ? attributes.crossOrigin = priorCrossOrigin : image.removeAttribute("crossorigin");
+      if (tagName === "img" && inlineImages) {
+        if (!canvasService) {
+          canvasService = doc.createElement("canvas");
+          canvasCtx = canvasService.getContext("2d");
+        }
+        const image = n;
+        const imageSrc = image.currentSrc || image.getAttribute("src") || "<unknown-src>";
+        const priorCrossOrigin = image.crossOrigin;
+        const recordInlineImage = () => {
+          image.removeEventListener("load", recordInlineImage);
+          try {
+            canvasService.width = image.naturalWidth;
+            canvasService.height = image.naturalHeight;
+            canvasCtx.drawImage(image, 0, 0);
+            attributes.rr_dataURL = canvasService.toDataURL(
+              dataURLOptions.type,
+              dataURLOptions.quality
+            );
+          } catch (err) {
+            if (image.crossOrigin !== "anonymous") {
+              image.crossOrigin = "anonymous";
+              if (image.complete && image.naturalWidth !== 0)
+                recordInlineImage();
+              else image.addEventListener("load", recordInlineImage);
+              return;
+            } else {
+              console.warn(
+                `Cannot inline img src=${imageSrc}! Error: ${err}`
+              );
+            }
+          }
+          if (image.crossOrigin === "anonymous") {
+            priorCrossOrigin ? attributes.crossOrigin = priorCrossOrigin : image.removeAttribute("crossorigin");
+          }
+        };
+        if (image.complete && image.naturalWidth !== 0) recordInlineImage();
+        else image.addEventListener("load", recordInlineImage);
       }
-    };
-    if (image.complete && image.naturalWidth !== 0) recordInlineImage();
-    else image.addEventListener("load", recordInlineImage);
-  }
-  if (tagName === "audio" || tagName === "video") {
-    const mediaAttributes = attributes;
-    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 (n.scrollLeft) {
-      attributes.rr_scrollLeft = n.scrollLeft;
-    }
-    if (n.scrollTop) {
-      attributes.rr_scrollTop = n.scrollTop;
+      if (tagName === "audio" || tagName === "video") {
+        const mediaAttributes = attributes;
+        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 (n.scrollLeft) {
+          attributes.rr_scrollLeft = n.scrollLeft;
+        }
+        if (n.scrollTop) {
+          attributes.rr_scrollTop = n.scrollTop;
+        }
+      }
+      if (needBlock) {
+        const { width, height, left, top } = n.getBoundingClientRect();
+        attributes = {
+          class: attributes.class,
+          rr_width: `${width}px`,
+          rr_height: `${height}px`,
+          rr_left: `${Math.floor(left + (((_a = doc.defaultView) == null ? void 0 : _a.scrollX) || 0))}px`,
+          rr_top: `${Math.floor(top + (((_b = doc.defaultView) == null ? void 0 : _b.scrollY) || 0))}px`
+        };
+      }
+      if (tagName === "iframe" && !keepIframeSrcFn(attributes.src)) {
+        if (!n.contentDocument) {
+          attributes.rr_src = attributes.src;
+        }
+        delete attributes.src;
+      }
+      let isCustomElement;
+      try {
+        if (customElements.get(tagName)) isCustomElement = true;
+      } catch (e) {
+      }
+      return {
+        type: types2.NodeType$1.Element,
+        tagName,
+        attributes,
+        childNodes: [],
+        isSVG: isSVGElement(n) || void 0,
+        needBlock,
+        rootId,
+        isCustom: isCustomElement
+      };
     }
-  }
-  if (needBlock) {
-    const { width, height, left, top } = n.getBoundingClientRect();
-    attributes = {
-      class: attributes.class,
-      rr_width: `${width}px`,
-      rr_height: `${height}px`,
-      rr_left: `${Math.floor(left + (((_a = doc.defaultView) == null ? void 0 : _a.scrollX) || 0))}px`,
-      rr_top: `${Math.floor(top + (((_b = doc.defaultView) == null ? void 0 : _b.scrollY) || 0))}px`
-    };
-  }
-  if (tagName === "iframe" && !keepIframeSrcFn(attributes.src)) {
-    if (!n.contentDocument) {
-      attributes.rr_src = attributes.src;
+    function lowerIfExists(maybeAttr) {
+      if (maybeAttr === void 0 || maybeAttr === null) {
+        return "";
+      } else {
+        return maybeAttr.toLowerCase();
+      }
     }
-    delete attributes.src;
-  }
-  let isCustomElement;
-  try {
-    if (customElements.get(tagName)) isCustomElement = true;
-  } catch (e) {
-  }
-  return {
-    type: types.NodeType$1.Element,
-    tagName,
-    attributes,
-    childNodes: [],
-    isSVG: isSVGElement(n) || void 0,
-    needBlock,
-    rootId,
-    isCustom: isCustomElement
-  };
-}
-function lowerIfExists(maybeAttr) {
-  if (maybeAttr === void 0 || maybeAttr === null) {
-    return "";
-  } else {
-    return maybeAttr.toLowerCase();
-  }
-}
-function slimDOMExcluded(sn, slimDOMOptions) {
-  if (slimDOMOptions.comment && sn.type === types.NodeType$1.Comment) {
-    return true;
-  } else if (sn.type === types.NodeType$1.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
-    sn.tagName === "link" && sn.attributes.rel === "prefetch" && typeof sn.attributes.href === "string" && types.extractFileExtension(sn.attributes.href) === "js")) {
-      return true;
-    } else if (slimDOMOptions.headFavicon && (sn.tagName === "link" && sn.attributes.rel === "shortcut icon" || sn.tagName === "meta" && (lowerIfExists(sn.attributes.name).match(
-      /^msapplication-tile(image|color)$/
-    ) || lowerIfExists(sn.attributes.name) === "application-name" || lowerIfExists(sn.attributes.rel) === "icon" || lowerIfExists(sn.attributes.rel) === "apple-touch-icon" || lowerIfExists(sn.attributes.rel) === "shortcut icon"))) {
-      return true;
-    } else if (sn.tagName === "meta") {
-      if (slimDOMOptions.headMetaDescKeywords && lowerIfExists(sn.attributes.name).match(/^description|keywords$/)) {
-        return true;
-      } else if (slimDOMOptions.headMetaSocial && (lowerIfExists(sn.attributes.property).match(/^(og|twitter|fb):/) || // og = opengraph (facebook)
-      lowerIfExists(sn.attributes.name).match(/^(og|twitter):/) || lowerIfExists(sn.attributes.name) === "pinterest")) {
-        return true;
-      } else if (slimDOMOptions.headMetaRobots && (lowerIfExists(sn.attributes.name) === "robots" || lowerIfExists(sn.attributes.name) === "googlebot" || lowerIfExists(sn.attributes.name) === "bingbot")) {
-        return true;
-      } else if (slimDOMOptions.headMetaHttpEquiv && sn.attributes["http-equiv"] !== void 0) {
-        return true;
-      } else if (slimDOMOptions.headMetaAuthorship && (lowerIfExists(sn.attributes.name) === "author" || lowerIfExists(sn.attributes.name) === "generator" || lowerIfExists(sn.attributes.name) === "framework" || lowerIfExists(sn.attributes.name) === "publisher" || lowerIfExists(sn.attributes.name) === "progid" || lowerIfExists(sn.attributes.property).match(/^article:/) || lowerIfExists(sn.attributes.property).match(/^product:/))) {
-        return true;
-      } else if (slimDOMOptions.headMetaVerification && (lowerIfExists(sn.attributes.name) === "google-site-verification" || lowerIfExists(sn.attributes.name) === "yandex-verification" || lowerIfExists(sn.attributes.name) === "csrf-token" || lowerIfExists(sn.attributes.name) === "p:domain_verify" || lowerIfExists(sn.attributes.name) === "verify-v1" || lowerIfExists(sn.attributes.name) === "verification" || lowerIfExists(sn.attributes.name) === "shopify-checkout-api-token")) {
+    function slimDOMExcluded(sn, slimDOMOptions) {
+      if (slimDOMOptions.comment && sn.type === types2.NodeType$1.Comment) {
         return true;
+      } else if (sn.type === types2.NodeType$1.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
+        sn.tagName === "link" && sn.attributes.rel === "prefetch" && typeof sn.attributes.href === "string" && types2.extractFileExtension(sn.attributes.href) === "js")) {
+          return true;
+        } else if (slimDOMOptions.headFavicon && (sn.tagName === "link" && sn.attributes.rel === "shortcut icon" || sn.tagName === "meta" && (lowerIfExists(sn.attributes.name).match(
+          /^msapplication-tile(image|color)$/
+        ) || lowerIfExists(sn.attributes.name) === "application-name" || lowerIfExists(sn.attributes.rel) === "icon" || lowerIfExists(sn.attributes.rel) === "apple-touch-icon" || lowerIfExists(sn.attributes.rel) === "shortcut icon"))) {
+          return true;
+        } else if (sn.tagName === "meta") {
+          if (slimDOMOptions.headMetaDescKeywords && lowerIfExists(sn.attributes.name).match(/^description|keywords$/)) {
+            return true;
+          } else if (slimDOMOptions.headMetaSocial && (lowerIfExists(sn.attributes.property).match(/^(og|twitter|fb):/) || // og = opengraph (facebook)
+          lowerIfExists(sn.attributes.name).match(/^(og|twitter):/) || lowerIfExists(sn.attributes.name) === "pinterest")) {
+            return true;
+          } else if (slimDOMOptions.headMetaRobots && (lowerIfExists(sn.attributes.name) === "robots" || lowerIfExists(sn.attributes.name) === "googlebot" || lowerIfExists(sn.attributes.name) === "bingbot")) {
+            return true;
+          } else if (slimDOMOptions.headMetaHttpEquiv && sn.attributes["http-equiv"] !== void 0) {
+            return true;
+          } else if (slimDOMOptions.headMetaAuthorship && (lowerIfExists(sn.attributes.name) === "author" || lowerIfExists(sn.attributes.name) === "generator" || lowerIfExists(sn.attributes.name) === "framework" || lowerIfExists(sn.attributes.name) === "publisher" || lowerIfExists(sn.attributes.name) === "progid" || lowerIfExists(sn.attributes.property).match(/^article:/) || lowerIfExists(sn.attributes.property).match(/^product:/))) {
+            return true;
+          } else if (slimDOMOptions.headMetaVerification && (lowerIfExists(sn.attributes.name) === "google-site-verification" || lowerIfExists(sn.attributes.name) === "yandex-verification" || lowerIfExists(sn.attributes.name) === "csrf-token" || lowerIfExists(sn.attributes.name) === "p:domain_verify" || lowerIfExists(sn.attributes.name) === "verify-v1" || lowerIfExists(sn.attributes.name) === "verification" || lowerIfExists(sn.attributes.name) === "shopify-checkout-api-token")) {
+            return true;
+          }
+        }
       }
+      return false;
     }
-  }
-  return false;
-}
-var DEFAULT_MAX_DEPTH = 50;
-var _maxDepthWarned = false;
-var _maxDepthReached = false;
-function wasMaxDepthReached() {
-  return _maxDepthReached;
-}
-function serializeNodeWithId(n, options) {
-  const {
-    doc,
-    mirror,
-    blockClass,
-    blockSelector,
-    maskTextClass,
-    maskTextSelector,
-    skipChild = false,
-    inlineStylesheet = true,
-    maskInputOptions = {},
-    maskTextFn,
-    maskInputFn,
-    slimDOMOptions,
-    dataURLOptions = {},
-    inlineImages = false,
-    recordCanvas = false,
-    onSerialize,
-    onIframeLoad,
-    iframeLoadTimeout = 5e3,
-    onStylesheetLoad,
-    stylesheetLoadTimeout = 5e3,
-    keepIframeSrcFn = () => false,
-    newlyAddedElement = false,
-    depth = 0,
-    maxDepth = DEFAULT_MAX_DEPTH
-  } = options;
-  let { needsMask } = options;
-  let { preserveWhiteSpace = true } = options;
-  if (depth >= maxDepth) {
-    _maxDepthReached = true;
-    if (!_maxDepthWarned) {
-      _maxDepthWarned = true;
-      console.warn(
-        `[rrweb-snapshot] DOM tree depth exceeded max depth of ${maxDepth}. Children beyond this depth will not be recorded. This may indicate deeply nested DOM structures.`
-      );
+    var DEFAULT_MAX_DEPTH = 50;
+    var _maxDepthWarned = false;
+    var _maxDepthReached = false;
+    function wasMaxDepthReached() {
+      return _maxDepthReached;
     }
-    return null;
-  }
-  if (!needsMask) {
-    const checkAncestors = needsMask === void 0;
-    needsMask = needMaskingText(
-      n,
-      maskTextClass,
-      maskTextSelector,
-      checkAncestors
-    );
-  }
-  const _serializedNode = serializeNode(n, {
-    doc,
-    mirror,
-    blockClass,
-    blockSelector,
-    needsMask,
-    inlineStylesheet,
-    maskInputOptions,
-    maskTextFn,
-    maskInputFn,
-    dataURLOptions,
-    inlineImages,
-    recordCanvas,
-    keepIframeSrcFn,
-    newlyAddedElement
-  });
-  if (!_serializedNode) {
-    console.warn(n, "not serialized");
-    return null;
-  }
-  let id;
-  if (mirror.hasNode(n)) {
-    id = mirror.getId(n);
-  } else if (slimDOMExcluded(_serializedNode, slimDOMOptions) || !preserveWhiteSpace && _serializedNode.type === types.NodeType$1.Text && !_serializedNode.isStyle && !_serializedNode.textContent.replace(/^\s+|\s+$/gm, "").length) {
-    id = IGNORED_NODE;
-  } else {
-    id = genId();
-  }
-  const serializedNode = Object.assign(_serializedNode, { id });
-  mirror.add(n, serializedNode);
-  if (id === IGNORED_NODE) {
-    return null;
-  }
-  if (onSerialize) {
-    onSerialize(n);
-  }
-  let recordChild = !skipChild;
-  if (serializedNode.type === types.NodeType$1.Element) {
-    recordChild = recordChild && !serializedNode.needBlock;
-    delete serializedNode.needBlock;
-    const shadowRootEl = types.index.shadowRoot(n);
-    if (shadowRootEl && types.isNativeShadowDom(shadowRootEl))
-      serializedNode.isShadowHost = true;
-  }
-  if ((serializedNode.type === types.NodeType$1.Document || serializedNode.type === types.NodeType$1.Element) && recordChild) {
-    if (slimDOMOptions.headWhitespace && serializedNode.type === types.NodeType$1.Element && serializedNode.tagName === "head") {
-      preserveWhiteSpace = false;
-    }
-    const bypassOptions = {
-      doc,
-      mirror,
-      blockClass,
-      blockSelector,
-      needsMask,
-      maskTextClass,
-      maskTextSelector,
-      skipChild,
-      inlineStylesheet,
-      maskInputOptions,
-      maskTextFn,
-      maskInputFn,
-      slimDOMOptions,
-      dataURLOptions,
-      inlineImages,
-      recordCanvas,
-      preserveWhiteSpace,
-      onSerialize,
-      onIframeLoad,
-      iframeLoadTimeout,
-      onStylesheetLoad,
-      stylesheetLoadTimeout,
-      keepIframeSrcFn,
-      depth: depth + 1,
-      maxDepth
-    };
-    if (serializedNode.type === types.NodeType$1.Element && serializedNode.tagName === "textarea" && serializedNode.attributes.value !== void 0) ;
-    else {
-      for (const childN of Array.from(types.index.childNodes(n))) {
-        const serializedChildNode = serializeNodeWithId(childN, bypassOptions);
-        if (serializedChildNode) {
-          serializedNode.childNodes.push(serializedChildNode);
-        }
-      }
+    function resetMaxDepthState() {
+      _maxDepthReached = false;
+      _maxDepthWarned = false;
     }
-    let shadowRootEl = null;
-    if (types.isElement(n) && (shadowRootEl = types.index.shadowRoot(n))) {
-      for (const childN of Array.from(types.index.childNodes(shadowRootEl))) {
-        const serializedChildNode = serializeNodeWithId(childN, bypassOptions);
-        if (serializedChildNode) {
-          types.isNativeShadowDom(shadowRootEl) && (serializedChildNode.isShadow = true);
-          serializedNode.childNodes.push(serializedChildNode);
+    function serializeNodeWithId(n, options) {
+      const {
+        doc,
+        mirror,
+        blockClass,
+        blockSelector,
+        maskTextClass,
+        maskTextSelector,
+        skipChild = false,
+        inlineStylesheet = true,
+        maskInputOptions = {},
+        maskTextFn,
+        maskInputFn,
+        slimDOMOptions,
+        dataURLOptions = {},
+        inlineImages = false,
+        recordCanvas = false,
+        onSerialize,
+        onIframeLoad,
+        iframeLoadTimeout = 5e3,
+        onStylesheetLoad,
+        stylesheetLoadTimeout = 5e3,
+        keepIframeSrcFn = () => false,
+        newlyAddedElement = false,
+        depth = 0,
+        maxDepth = DEFAULT_MAX_DEPTH
+      } = options;
+      let { needsMask } = options;
+      let { preserveWhiteSpace = true } = options;
+      if (depth >= maxDepth) {
+        _maxDepthReached = true;
+        if (!_maxDepthWarned) {
+          _maxDepthWarned = true;
+          console.warn(
+            `[rrweb-snapshot] DOM tree depth exceeded max depth of ${maxDepth}. Children beyond this depth will not be recorded. This may indicate deeply nested DOM structures.`
+          );
         }
+        return null;
       }
-    }
-  }
-  const parent = types.index.parentNode(n);
-  if (parent && types.isShadowRoot(parent) && types.isNativeShadowDom(parent)) {
-    serializedNode.isShadow = true;
-  }
-  if (serializedNode.type === types.NodeType$1.Element && serializedNode.tagName === "iframe") {
-    onceIframeLoaded(
-      n,
-      () => {
-        const iframeDoc = n.contentDocument;
-        if (iframeDoc && onIframeLoad) {
-          const serializedIframeNode = serializeNodeWithId(iframeDoc, {
-            doc: iframeDoc,
-            mirror,
-            blockClass,
-            blockSelector,
-            needsMask,
-            maskTextClass,
-            maskTextSelector,
-            skipChild: false,
-            inlineStylesheet,
-            maskInputOptions,
-            maskTextFn,
-            maskInputFn,
-            slimDOMOptions,
-            dataURLOptions,
-            inlineImages,
-            recordCanvas,
-            preserveWhiteSpace,
-            onSerialize,
-            onIframeLoad,
-            iframeLoadTimeout,
-            onStylesheetLoad,
-            stylesheetLoadTimeout,
-            keepIframeSrcFn,
-            depth: depth + 1,
-            maxDepth
-          });
-          if (serializedIframeNode) {
-            onIframeLoad(
-              n,
-              serializedIframeNode
-            );
+      if (!needsMask) {
+        const checkAncestors = needsMask === void 0;
+        needsMask = needMaskingText(
+          n,
+          maskTextClass,
+          maskTextSelector,
+          checkAncestors
+        );
+      }
+      const _serializedNode = serializeNode(n, {
+        doc,
+        mirror,
+        blockClass,
+        blockSelector,
+        needsMask,
+        inlineStylesheet,
+        maskInputOptions,
+        maskTextFn,
+        maskInputFn,
+        dataURLOptions,
+        inlineImages,
+        recordCanvas,
+        keepIframeSrcFn,
+        newlyAddedElement
+      });
+      if (!_serializedNode) {
+        console.warn(n, "not serialized");
+        return null;
+      }
+      let id;
+      if (mirror.hasNode(n)) {
+        id = mirror.getId(n);
+      } else if (slimDOMExcluded(_serializedNode, slimDOMOptions) || !preserveWhiteSpace && _serializedNode.type === types2.NodeType$1.Text && !_serializedNode.isStyle && !_serializedNode.textContent.replace(/^\s+|\s+$/gm, "").length) {
+        id = IGNORED_NODE;
+      } else {
+        id = genId();
+      }
+      const serializedNode = Object.assign(_serializedNode, { id });
+      mirror.add(n, serializedNode);
+      if (id === IGNORED_NODE) {
+        return null;
+      }
+      if (onSerialize) {
+        onSerialize(n);
+      }
+      let recordChild = !skipChild;
+      if (serializedNode.type === types2.NodeType$1.Element) {
+        recordChild = recordChild && !serializedNode.needBlock;
+        delete serializedNode.needBlock;
+        const shadowRootEl = types2.index.shadowRoot(n);
+        if (shadowRootEl && types2.isNativeShadowDom(shadowRootEl))
+          serializedNode.isShadowHost = true;
+      }
+      if ((serializedNode.type === types2.NodeType$1.Document || serializedNode.type === types2.NodeType$1.Element) && recordChild) {
+        if (slimDOMOptions.headWhitespace && serializedNode.type === types2.NodeType$1.Element && serializedNode.tagName === "head") {
+          preserveWhiteSpace = false;
+        }
+        const bypassOptions = {
+          doc,
+          mirror,
+          blockClass,
+          blockSelector,
+          needsMask,
+          maskTextClass,
+          maskTextSelector,
+          skipChild,
+          inlineStylesheet,
+          maskInputOptions,
+          maskTextFn,
+          maskInputFn,
+          slimDOMOptions,
+          dataURLOptions,
+          inlineImages,
+          recordCanvas,
+          preserveWhiteSpace,
+          onSerialize,
+          onIframeLoad,
+          iframeLoadTimeout,
+          onStylesheetLoad,
+          stylesheetLoadTimeout,
+          keepIframeSrcFn,
+          depth: depth + 1,
+          maxDepth
+        };
+        if (serializedNode.type === types2.NodeType$1.Element && serializedNode.tagName === "textarea" && serializedNode.attributes.value !== void 0) ;
+        else {
+          for (const childN of Array.from(types2.index.childNodes(n))) {
+            const serializedChildNode = serializeNodeWithId(childN, bypassOptions);
+            if (serializedChildNode) {
+              serializedNode.childNodes.push(serializedChildNode);
+            }
           }
         }
-      },
-      iframeLoadTimeout
-    );
-  }
-  if (serializedNode.type === types.NodeType$1.Element && serializedNode.tagName === "link" && typeof serializedNode.attributes.rel === "string" && (serializedNode.attributes.rel === "stylesheet" || serializedNode.attributes.rel === "preload" && typeof serializedNode.attributes.href === "string" && types.extractFileExtension(serializedNode.attributes.href) === "css")) {
-    onceStylesheetLoaded(
-      n,
-      () => {
-        if (onStylesheetLoad) {
-          const serializedLinkNode = serializeNodeWithId(n, {
-            doc,
-            mirror,
-            blockClass,
-            blockSelector,
-            needsMask,
-            maskTextClass,
-            maskTextSelector,
-            skipChild: false,
-            inlineStylesheet,
-            maskInputOptions,
-            maskTextFn,
-            maskInputFn,
-            slimDOMOptions,
-            dataURLOptions,
-            inlineImages,
-            recordCanvas,
-            preserveWhiteSpace,
-            onSerialize,
-            onIframeLoad,
-            iframeLoadTimeout,
-            onStylesheetLoad,
-            stylesheetLoadTimeout,
-            keepIframeSrcFn,
-            depth,
-            maxDepth
-          });
-          if (serializedLinkNode) {
-            onStylesheetLoad(
-              n,
-              serializedLinkNode
-            );
+        let shadowRootEl = null;
+        if (types2.isElement(n) && (shadowRootEl = types2.index.shadowRoot(n))) {
+          for (const childN of Array.from(types2.index.childNodes(shadowRootEl))) {
+            const serializedChildNode = serializeNodeWithId(childN, bypassOptions);
+            if (serializedChildNode) {
+              types2.isNativeShadowDom(shadowRootEl) && (serializedChildNode.isShadow = true);
+              serializedNode.childNodes.push(serializedChildNode);
+            }
           }
         }
-      },
-      stylesheetLoadTimeout
-    );
-  }
-  return serializedNode;
-}
-function snapshot(n, options) {
-  const {
-    mirror = new types.Mirror(),
-    blockClass = "rr-block",
-    blockSelector = null,
-    maskTextClass = "rr-mask",
-    maskTextSelector = null,
-    inlineStylesheet = true,
-    inlineImages = false,
-    recordCanvas = false,
-    maskAllInputs = false,
-    maskTextFn,
-    maskInputFn,
-    slimDOM = false,
-    dataURLOptions,
-    preserveWhiteSpace,
-    onSerialize,
-    onIframeLoad,
-    iframeLoadTimeout,
-    onStylesheetLoad,
-    stylesheetLoadTimeout,
-    keepIframeSrcFn = () => false,
-    maxDepth
-  } = options || {};
-  const maskInputOptions = maskAllInputs === true ? {
-    color: true,
-    date: true,
-    "datetime-local": true,
-    email: true,
-    month: true,
-    number: true,
-    range: true,
-    search: true,
-    tel: true,
-    text: true,
-    time: true,
-    url: true,
-    week: true,
-    textarea: true,
-    select: true,
-    password: true
-  } : 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(n, {
-    doc: n,
-    mirror,
-    blockClass,
-    blockSelector,
-    maskTextClass,
-    maskTextSelector,
-    skipChild: false,
-    inlineStylesheet,
-    maskInputOptions,
-    maskTextFn,
-    maskInputFn,
-    slimDOMOptions,
-    dataURLOptions,
-    inlineImages,
-    recordCanvas,
-    preserveWhiteSpace,
-    onSerialize,
-    onIframeLoad,
-    iframeLoadTimeout,
-    onStylesheetLoad,
-    stylesheetLoadTimeout,
-    keepIframeSrcFn,
-    newlyAddedElement: false,
-    maxDepth
-  });
-}
-function visitSnapshot(node, onVisit) {
-  function walk(current) {
-    onVisit(current);
-    if (current.type === types.NodeType$1.Document || current.type === types.NodeType$1.Element) {
-      current.childNodes.forEach(walk);
+      }
+      const parent = types2.index.parentNode(n);
+      if (parent && types2.isShadowRoot(parent) && types2.isNativeShadowDom(parent)) {
+        serializedNode.isShadow = true;
+      }
+      if (serializedNode.type === types2.NodeType$1.Element && serializedNode.tagName === "iframe") {
+        onceIframeLoaded(
+          n,
+          () => {
+            const iframeDoc = n.contentDocument;
+            if (iframeDoc && onIframeLoad) {
+              const serializedIframeNode = serializeNodeWithId(iframeDoc, {
+                doc: iframeDoc,
+                mirror,
+                blockClass,
+                blockSelector,
+                needsMask,
+                maskTextClass,
+                maskTextSelector,
+                skipChild: false,
+                inlineStylesheet,
+                maskInputOptions,
+                maskTextFn,
+                maskInputFn,
+                slimDOMOptions,
+                dataURLOptions,
+                inlineImages,
+                recordCanvas,
+                preserveWhiteSpace,
+                onSerialize,
+                onIframeLoad,
+                iframeLoadTimeout,
+                onStylesheetLoad,
+                stylesheetLoadTimeout,
+                keepIframeSrcFn,
+                depth: depth + 1,
+                maxDepth
+              });
+              if (serializedIframeNode) {
+                onIframeLoad(
+                  n,
+                  serializedIframeNode
+                );
+              }
+            }
+          },
+          iframeLoadTimeout
+        );
+      }
+      if (serializedNode.type === types2.NodeType$1.Element && serializedNode.tagName === "link" && typeof serializedNode.attributes.rel === "string" && (serializedNode.attributes.rel === "stylesheet" || serializedNode.attributes.rel === "preload" && typeof serializedNode.attributes.href === "string" && types2.extractFileExtension(serializedNode.attributes.href) === "css")) {
+        onceStylesheetLoaded(
+          n,
+          () => {
+            if (onStylesheetLoad) {
+              const serializedLinkNode = serializeNodeWithId(n, {
+                doc,
+                mirror,
+                blockClass,
+                blockSelector,
+                needsMask,
+                maskTextClass,
+                maskTextSelector,
+                skipChild: false,
+                inlineStylesheet,
+                maskInputOptions,
+                maskTextFn,
+                maskInputFn,
+                slimDOMOptions,
+                dataURLOptions,
+                inlineImages,
+                recordCanvas,
+                preserveWhiteSpace,
+                onSerialize,
+                onIframeLoad,
+                iframeLoadTimeout,
+                onStylesheetLoad,
+                stylesheetLoadTimeout,
+                keepIframeSrcFn,
+                depth,
+                maxDepth
+              });
+              if (serializedLinkNode) {
+                onStylesheetLoad(
+                  n,
+                  serializedLinkNode
+                );
+              }
+            }
+          },
+          stylesheetLoadTimeout
+        );
+      }
+      return serializedNode;
+    }
+    function snapshot(n, options) {
+      const {
+        mirror = new types2.Mirror(),
+        blockClass = "rr-block",
+        blockSelector = null,
+        maskTextClass = "rr-mask",
+        maskTextSelector = null,
+        inlineStylesheet = true,
+        inlineImages = false,
+        recordCanvas = false,
+        maskAllInputs = false,
+        maskTextFn,
+        maskInputFn,
+        slimDOM = false,
+        dataURLOptions,
+        preserveWhiteSpace,
+        onSerialize,
+        onIframeLoad,
+        iframeLoadTimeout,
+        onStylesheetLoad,
+        stylesheetLoadTimeout,
+        keepIframeSrcFn = () => false,
+        maxDepth
+      } = options || {};
+      const maskInputOptions = maskAllInputs === true ? {
+        color: true,
+        date: true,
+        "datetime-local": true,
+        email: true,
+        month: true,
+        number: true,
+        range: true,
+        search: true,
+        tel: true,
+        text: true,
+        time: true,
+        url: true,
+        week: true,
+        textarea: true,
+        select: true,
+        password: true
+      } : 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(n, {
+        doc: n,
+        mirror,
+        blockClass,
+        blockSelector,
+        maskTextClass,
+        maskTextSelector,
+        skipChild: false,
+        inlineStylesheet,
+        maskInputOptions,
+        maskTextFn,
+        maskInputFn,
+        slimDOMOptions,
+        dataURLOptions,
+        inlineImages,
+        recordCanvas,
+        preserveWhiteSpace,
+        onSerialize,
+        onIframeLoad,
+        iframeLoadTimeout,
+        onStylesheetLoad,
+        stylesheetLoadTimeout,
+        keepIframeSrcFn,
+        newlyAddedElement: false,
+        maxDepth
+      });
     }
+    function visitSnapshot(node, onVisit) {
+      function walk(current) {
+        onVisit(current);
+        if (current.type === types2.NodeType$1.Document || current.type === types2.NodeType$1.Element) {
+          current.childNodes.forEach(walk);
+        }
+      }
+      walk(node);
+    }
+    function cleanupSnapshot() {
+      _id = 1;
+    }
+    exports2.DEFAULT_MAX_DEPTH = DEFAULT_MAX_DEPTH;
+    exports2.IGNORED_NODE = IGNORED_NODE;
+    exports2.classMatchesRegex = classMatchesRegex;
+    exports2.cleanupSnapshot = cleanupSnapshot;
+    exports2.genId = genId;
+    exports2.ignoreAttribute = ignoreAttribute;
+    exports2.needMaskingText = needMaskingText;
+    exports2.resetMaxDepthState = resetMaxDepthState;
+    exports2.serializeNodeWithId = serializeNodeWithId;
+    exports2.snapshot = snapshot;
+    exports2.transformAttribute = transformAttribute;
+    exports2.visitSnapshot = visitSnapshot;
+    exports2.wasMaxDepthReached = wasMaxDepthReached;
   }
-  walk(node);
-}
-function cleanupSnapshot() {
-  _id = 1;
-}
+});
+
+// dist/record.cjs
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+var record = require_record_oACzRSl();
+var types = require_types_B7TTv7Jc();
+exports.DEFAULT_MAX_DEPTH = record.DEFAULT_MAX_DEPTH;
+exports.IGNORED_NODE = record.IGNORED_NODE;
+exports.classMatchesRegex = record.classMatchesRegex;
+exports.cleanupSnapshot = record.cleanupSnapshot;
+exports.genId = record.genId;
+exports.ignoreAttribute = record.ignoreAttribute;
+exports.needMaskingText = record.needMaskingText;
+exports.serializeNodeWithId = record.serializeNodeWithId;
+exports.snapshot = record.snapshot;
+exports.transformAttribute = record.transformAttribute;
+exports.visitSnapshot = record.visitSnapshot;
+exports.wasMaxDepthReached = record.wasMaxDepthReached;
 exports.Mirror = types.Mirror;
 exports.NodeType = types.NodeType;
 exports.absolutifyURLs = types.absolutifyURLs;
@@ -1554,18 +1592,6 @@ exports.recompressBase64Image = types.recompressBase64Image;
 exports.stringifyRule = types.stringifyRule;
 exports.stringifyStylesheet = types.stringifyStylesheet;
 exports.toLowerCase = types.toLowerCase;
-exports.DEFAULT_MAX_DEPTH = DEFAULT_MAX_DEPTH;
-exports.IGNORED_NODE = IGNORED_NODE;
-exports.classMatchesRegex = classMatchesRegex;
-exports.cleanupSnapshot = cleanupSnapshot;
-exports.genId = genId;
-exports.ignoreAttribute = ignoreAttribute;
-exports.needMaskingText = needMaskingText;
-exports.serializeNodeWithId = serializeNodeWithId;
-exports.snapshot = snapshot;
-exports.transformAttribute = transformAttribute;
-exports.visitSnapshot = visitSnapshot;
-exports.wasMaxDepthReached = wasMaxDepthReached;
 ;if (typeof module.exports == "object" && typeof exports == "object") {
   var __cp = (to, from, except, desc) => {
     if ((from && typeof from === "object") || typeof from === "function") {