@coralogix/browser 2.5.0 → 2.7.0

package/sessionRecorder.esm.js

@@ -13,7 +13,105 @@ import '@opentelemetry/api';
 import '@opentelemetry/propagator-b3';
 import '@opentelemetry/propagator-aws-xray';
 
-var EventType = /* @__PURE__ */ ((EventType2) => {
+function _arrayLikeToArray(r, a) {
+  (null == a || a > r.length) && (a = r.length);
+  for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];
+  return n;
+}
+function _classCallCheck(a, n) {
+  if (!(a instanceof n)) throw new TypeError("Cannot call a class as a function");
+}
+function _defineProperties(e, r) {
+  for (var t = 0; t < r.length; t++) {
+    var o = r[t];
+    o.enumerable = o.enumerable || false, o.configurable = true, "value" in o && (o.writable = true), Object.defineProperty(e, _toPropertyKey(o.key), o);
+  }
+}
+function _createClass(e, r, t) {
+  return r && _defineProperties(e.prototype, r), Object.defineProperty(e, "prototype", {
+    writable: false
+  }), e;
+}
+function _createForOfIteratorHelper(r, e) {
+  var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (!t) {
+    if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e) {
+      t && (r = t);
+      var n = 0,
+        F = function () {};
+      return {
+        s: F,
+        n: function () {
+          return n >= r.length ? {
+            done: true
+          } : {
+            done: false,
+            value: r[n++]
+          };
+        },
+        e: function (r) {
+          throw r;
+        },
+        f: F
+      };
+    }
+    throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  }
+  var o,
+    a = true,
+    u = false;
+  return {
+    s: function () {
+      t = t.call(r);
+    },
+    n: function () {
+      var r = t.next();
+      return a = r.done, r;
+    },
+    e: function (r) {
+      u = true, o = r;
+    },
+    f: function () {
+      try {
+        a || null == t.return || t.return();
+      } finally {
+        if (u) throw o;
+      }
+    }
+  };
+}
+function _toPrimitive(t, r) {
+  if ("object" != typeof t || !t) return t;
+  var e = t[Symbol.toPrimitive];
+  if (void 0 !== e) {
+    var i = e.call(t, r);
+    if ("object" != typeof i) return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (String )(t);
+}
+function _toPropertyKey(t) {
+  var i = _toPrimitive(t, "string");
+  return "symbol" == typeof i ? i : i + "";
+}
+function _typeof(o) {
+  "@babel/helpers - typeof";
+
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+    return typeof o;
+  } : function (o) {
+    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, _typeof(o);
+}
+function _unsupportedIterableToArray(r, a) {
+  if (r) {
+    if ("string" == typeof r) return _arrayLikeToArray(r, a);
+    var t = {}.toString.call(r).slice(8, -1);
+    return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;
+  }
+}
+
+var EventType = /* @__PURE__ */function (EventType2) {
   EventType2[EventType2["DomContentLoaded"] = 0] = "DomContentLoaded";
   EventType2[EventType2["Load"] = 1] = "Load";
   EventType2[EventType2["FullSnapshot"] = 2] = "FullSnapshot";
@@ -22,15 +120,22 @@ var EventType = /* @__PURE__ */ ((EventType2) => {
   EventType2[EventType2["Custom"] = 5] = "Custom";
   EventType2[EventType2["Plugin"] = 6] = "Plugin";
   return EventType2;
-})(EventType || {});
+}(EventType || {});
 
 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 __defNormalProp = function __defNormalProp(obj, key, value) {
+  return key in obj ? __defProp(obj, key, {
+    enumerable: true,
+    configurable: true,
+    writable: true,
+    value: value
+  }) : obj[key] = value;
+};
+var __publicField = function __publicField(obj, key, value) {
+  __defNormalProp(obj, _typeof(key) !== "symbol" ? key + "" : key, value);
   return value;
 };
-var NodeType = /* @__PURE__ */ ((NodeType2) => {
+var NodeType = /* @__PURE__ */function (NodeType2) {
   NodeType2[NodeType2["Document"] = 0] = "Document";
   NodeType2[NodeType2["DocumentType"] = 1] = "DocumentType";
   NodeType2[NodeType2["Element"] = 2] = "Element";
@@ -38,12 +143,12 @@ var NodeType = /* @__PURE__ */ ((NodeType2) => {
   NodeType2[NodeType2["CDATA"] = 4] = "CDATA";
   NodeType2[NodeType2["Comment"] = 5] = "Comment";
   return NodeType2;
-})(NodeType || {});
+}(NodeType || {});
 function isElement(n) {
   return n.nodeType === n.ELEMENT_NODE;
 }
 function isShadowRoot(n) {
-  const host = n == null ? void 0 : n.host;
+  var host = n == null ? void 0 : n.host;
   return Boolean((host == null ? void 0 : host.shadowRoot) === n);
 }
 function isNativeShadowDom(shadowRoot) {
@@ -51,25 +156,21 @@ function isNativeShadowDom(shadowRoot) {
 }
 function fixBrowserCompatibilityIssuesInCSS(cssText) {
   if (cssText.includes(" background-clip: text;") && !cssText.includes(" -webkit-background-clip: text;")) {
-    cssText = cssText.replace(
-      /\sbackground-clip:\s*text;/g,
-      " -webkit-background-clip: text; background-clip: text;"
-    );
+    cssText = cssText.replace(/\sbackground-clip:\s*text;/g, " -webkit-background-clip: text; background-clip: text;");
   }
   return cssText;
 }
 function escapeImportStatement(rule) {
-  const { cssText } = rule;
-  if (cssText.split('"').length < 3)
-    return cssText;
-  const statement = ["@import", `url(${JSON.stringify(rule.href)})`];
+  var cssText = rule.cssText;
+  if (cssText.split('"').length < 3) return cssText;
+  var statement = ["@import", "url(".concat(JSON.stringify(rule.href), ")")];
   if (rule.layerName === "") {
-    statement.push(`layer`);
+    statement.push("layer");
   } else if (rule.layerName) {
-    statement.push(`layer(${rule.layerName})`);
+    statement.push("layer(".concat(rule.layerName, ")"));
   }
   if (rule.supportsText) {
-    statement.push(`supports(${rule.supportsText})`);
+    statement.push("supports(".concat(rule.supportsText, ")"));
   }
   if (rule.media.length) {
     statement.push(rule.media.mediaText);
@@ -78,31 +179,30 @@ function escapeImportStatement(rule) {
 }
 function stringifyStylesheet(s) {
   try {
-    const rules = s.rules || s.cssRules;
-    return rules ? fixBrowserCompatibilityIssuesInCSS(
-      Array.from(rules, stringifyRule).join("")
-    ) : null;
+    var rules = s.rules || s.cssRules;
+    return rules ? fixBrowserCompatibilityIssuesInCSS(Array.from(rules, stringifyRule).join("")) : null;
   } catch (error) {
     return null;
   }
 }
 function stringifyRule(rule) {
-  let importStringified;
+  var importStringified;
   if (isCSSImportRule(rule)) {
     try {
-      importStringified = // for same-origin stylesheets,
+      importStringified =
+      // for same-origin stylesheets,
       // we can access the imported stylesheet rules directly
-      stringifyStylesheet(rule.styleSheet) || // work around browser issues with the raw string `@import url(...)` statement
+      stringifyStylesheet(rule.styleSheet) ||
+      // work around browser issues with the raw string `@import url(...)` statement
       escapeImportStatement(rule);
-    } catch (error) {
-    }
+    } catch (error) {}
   } else if (isCSSStyleRule(rule) && rule.selectorText.includes(":")) {
     return fixSafariColons(rule.cssText);
   }
   return importStringified || rule.cssText;
 }
 function fixSafariColons(cssStringified) {
-  const regex = /(\[(?:[\w-]+)[^\\])(:(?:[\w-]+)\])/gm;
+  var regex = /(\[(?:[\w-]+)[^\\])(:(?:[\w-]+)\])/gm;
   return cssStringified.replace(regex, "$1\\$2");
 }
 function isCSSImportRule(rule) {
@@ -111,73 +211,93 @@ function isCSSImportRule(rule) {
 function isCSSStyleRule(rule) {
   return "selectorText" in rule;
 }
-class Mirror {
-  constructor() {
-    __publicField(this, "idNodeMap", /* @__PURE__ */ new Map());
-    __publicField(this, "nodeMetaMap", /* @__PURE__ */ new WeakMap());
-  }
-  getId(n) {
-    var _a;
-    if (!n)
-      return -1;
-    const id = (_a = this.getMeta(n)) == null ? void 0 : _a.id;
-    return id ?? -1;
-  }
-  getNode(id) {
-    return this.idNodeMap.get(id) || null;
-  }
-  getIds() {
-    return Array.from(this.idNodeMap.keys());
-  }
-  getMeta(n) {
-    return this.nodeMetaMap.get(n) || null;
-  }
-  // removes the node from idNodeMap
-  // doesn't remove the node from nodeMetaMap
-  removeNodeFromMap(n) {
-    const id = this.getId(n);
-    this.idNodeMap.delete(id);
-    if (n.childNodes) {
-      n.childNodes.forEach(
-        (childNode) => this.removeNodeFromMap(childNode)
-      );
+var Mirror = /*#__PURE__*/function () {
+  function Mirror() {
+    _classCallCheck(this, Mirror);
+    __publicField(this, "idNodeMap", /* @__PURE__ */new Map());
+    __publicField(this, "nodeMetaMap", /* @__PURE__ */new WeakMap());
+  }
+  return _createClass(Mirror, [{
+    key: "getId",
+    value: function getId(n) {
+      var _a;
+      if (!n) return -1;
+      var id = (_a = this.getMeta(n)) == null ? void 0 : _a.id;
+      return id !== null && id !== void 0 ? id : -1;
     }
-  }
-  has(id) {
-    return this.idNodeMap.has(id);
-  }
-  hasNode(node) {
-    return this.nodeMetaMap.has(node);
-  }
-  add(n, meta) {
-    const id = meta.id;
-    this.idNodeMap.set(id, n);
-    this.nodeMetaMap.set(n, meta);
-  }
-  replace(id, n) {
-    const oldNode = this.getNode(id);
-    if (oldNode) {
-      const meta = this.nodeMetaMap.get(oldNode);
-      if (meta)
-        this.nodeMetaMap.set(n, meta);
+  }, {
+    key: "getNode",
+    value: function getNode(id) {
+      return this.idNodeMap.get(id) || null;
     }
-    this.idNodeMap.set(id, n);
-  }
-  reset() {
-    this.idNodeMap = /* @__PURE__ */ new Map();
-    this.nodeMetaMap = /* @__PURE__ */ new WeakMap();
-  }
-}
-function maskInputValue({
-  element,
-  maskInputOptions,
-  tagName,
-  type,
-  value,
-  maskInputFn
-}) {
-  let text = value || "";
-  const actualType = type && toLowerCase(type);
+  }, {
+    key: "getIds",
+    value: function getIds() {
+      return Array.from(this.idNodeMap.keys());
+    }
+  }, {
+    key: "getMeta",
+    value: function getMeta(n) {
+      return this.nodeMetaMap.get(n) || null;
+    }
+    // removes the node from idNodeMap
+    // doesn't remove the node from nodeMetaMap
+  }, {
+    key: "removeNodeFromMap",
+    value: function removeNodeFromMap(n) {
+      var _this = this;
+      var id = this.getId(n);
+      this.idNodeMap.delete(id);
+      if (n.childNodes) {
+        n.childNodes.forEach(function (childNode) {
+          return _this.removeNodeFromMap(childNode);
+        });
+      }
+    }
+  }, {
+    key: "has",
+    value: function has(id) {
+      return this.idNodeMap.has(id);
+    }
+  }, {
+    key: "hasNode",
+    value: function hasNode(node) {
+      return this.nodeMetaMap.has(node);
+    }
+  }, {
+    key: "add",
+    value: function add(n, meta) {
+      var id = meta.id;
+      this.idNodeMap.set(id, n);
+      this.nodeMetaMap.set(n, meta);
+    }
+  }, {
+    key: "replace",
+    value: function replace(id, n) {
+      var oldNode = this.getNode(id);
+      if (oldNode) {
+        var meta = this.nodeMetaMap.get(oldNode);
+        if (meta) this.nodeMetaMap.set(n, meta);
+      }
+      this.idNodeMap.set(id, n);
+    }
+  }, {
+    key: "reset",
+    value: function reset() {
+      this.idNodeMap = /* @__PURE__ */new Map();
+      this.nodeMetaMap = /* @__PURE__ */new WeakMap();
+    }
+  }]);
+}();
+function maskInputValue(_ref) {
+  var element = _ref.element,
+    maskInputOptions = _ref.maskInputOptions,
+    tagName = _ref.tagName,
+    type = _ref.type,
+    value = _ref.value,
+    maskInputFn = _ref.maskInputFn;
+  var text = value || "";
+  var actualType = type && toLowerCase(type);
   if (maskInputOptions[tagName.toLowerCase()] || actualType && maskInputOptions[actualType]) {
     if (maskInputFn) {
       text = maskInputFn(text, element);
@@ -190,53 +310,46 @@ function maskInputValue({
 function toLowerCase(str) {
   return str.toLowerCase();
 }
-const ORIGINAL_ATTRIBUTE_NAME = "__rrweb_original__";
+var ORIGINAL_ATTRIBUTE_NAME = "__rrweb_original__";
 function is2DCanvasBlank(canvas) {
-  const ctx = canvas.getContext("2d");
-  if (!ctx)
-    return true;
-  const chunkSize = 50;
-  for (let x = 0; x < canvas.width; x += chunkSize) {
-    for (let y = 0; y < canvas.height; y += chunkSize) {
-      const getImageData = ctx.getImageData;
-      const originalGetImageData = ORIGINAL_ATTRIBUTE_NAME in getImageData ? getImageData[ORIGINAL_ATTRIBUTE_NAME] : getImageData;
-      const pixelBuffer = new Uint32Array(
-        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-unsafe-member-access
-        originalGetImageData.call(
-          ctx,
-          x,
-          y,
-          Math.min(chunkSize, canvas.width - x),
-          Math.min(chunkSize, canvas.height - y)
-        ).data.buffer
-      );
-      if (pixelBuffer.some((pixel) => pixel !== 0))
-        return false;
+  var ctx = canvas.getContext("2d");
+  if (!ctx) return true;
+  var chunkSize = 50;
+  for (var x = 0; x < canvas.width; x += chunkSize) {
+    for (var y = 0; y < canvas.height; y += chunkSize) {
+      var getImageData = ctx.getImageData;
+      var originalGetImageData = ORIGINAL_ATTRIBUTE_NAME in getImageData ? getImageData[ORIGINAL_ATTRIBUTE_NAME] : getImageData;
+      var pixelBuffer = new Uint32Array(
+      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-unsafe-member-access
+      originalGetImageData.call(ctx, x, y, Math.min(chunkSize, canvas.width - x), Math.min(chunkSize, canvas.height - y)).data.buffer);
+      if (pixelBuffer.some(function (pixel) {
+        return pixel !== 0;
+      })) return false;
     }
   }
   return true;
 }
 function getInputType(element) {
-  const type = element.type;
-  return element.hasAttribute("data-rr-is-password") ? "password" : type ? (
-    // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion
-    toLowerCase(type)
-  ) : null;
+  var type = element.type;
+  return element.hasAttribute("data-rr-is-password") ? "password" : type ?
+  // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-assertion
+  toLowerCase(type) : null;
 }
 function extractFileExtension(path, baseURL) {
-  let url;
+  var _ref2;
+  var url;
   try {
-    url = new URL(path, baseURL ?? window.location.href);
+    url = new URL(path, baseURL !== null && baseURL !== void 0 ? baseURL : window.location.href);
   } catch (err) {
     return null;
   }
-  const regex = /\.([0-9a-z]+)(?:$)/i;
-  const match = url.pathname.match(regex);
-  return (match == null ? void 0 : match[1]) ?? null;
+  var regex = /\.([0-9a-z]+)(?:$)/i;
+  var match = url.pathname.match(regex);
+  return (_ref2 = match == null ? void 0 : match[1]) !== null && _ref2 !== void 0 ? _ref2 : null;
 }
-let _id = 1;
-const tagNameRegex = new RegExp("[^a-z0-9-_:]");
-const IGNORED_NODE = -2;
+var _id = 1;
+var tagNameRegex = new RegExp("[^a-z0-9-_:]");
+var IGNORED_NODE = -2;
 function genId() {
   return _id++;
 }
@@ -244,14 +357,14 @@ function getValidTagName(element) {
   if (element instanceof HTMLFormElement) {
     return "form";
   }
-  const processedTagName = toLowerCase(element.tagName);
+  var processedTagName = toLowerCase(element.tagName);
   if (tagNameRegex.test(processedTagName)) {
     return "div";
   }
   return processedTagName;
 }
 function extractOrigin(url) {
-  let origin = "";
+  var origin = "";
   if (url.indexOf("//") > -1) {
     origin = url.split("/").slice(0, 3).join("/");
   } else {
@@ -260,34 +373,36 @@ function extractOrigin(url) {
   origin = origin.split("?")[0];
   return origin;
 }
-let canvasService;
-let canvasCtx;
-const URL_IN_CSS_REF = /url\((?:(')([^']*)'|(")(.*?)"|([^)]*))\)/gm;
-const URL_PROTOCOL_MATCH = /^(?:[a-z+]+:)?\/\//i;
-const URL_WWW_MATCH = /^www\..*/i;
-const DATA_URI = /^(data:)([^,]*),(.*)/i;
+var canvasService;
+var canvasCtx;
+var URL_IN_CSS_REF = /url\((?:(')([^']*)'|(")(.*?)"|([^)]*))\)/gm;
+var URL_PROTOCOL_MATCH = /^(?:[a-z+]+:)?\/\//i;
+var URL_WWW_MATCH = /^www\..*/i;
+var DATA_URI = /^(data:)([^,]*),(.*)/i;
 function absoluteToStylesheet(cssText, href) {
-  return (cssText || "").replace(
-    URL_IN_CSS_REF,
-    (origin, quote1, path1, quote2, path2, path3) => {
-      const filePath = path1 || path2 || path3;
-      const maybeQuote = quote1 || quote2 || "";
-      if (!filePath) {
-        return origin;
-      }
-      if (URL_PROTOCOL_MATCH.test(filePath) || URL_WWW_MATCH.test(filePath)) {
-        return `url(${maybeQuote}${filePath}${maybeQuote})`;
-      }
-      if (DATA_URI.test(filePath)) {
-        return `url(${maybeQuote}${filePath}${maybeQuote})`;
-      }
-      if (filePath[0] === "/") {
-        return `url(${maybeQuote}${extractOrigin(href) + filePath}${maybeQuote})`;
-      }
-      const stack = href.split("/");
-      const parts = filePath.split("/");
-      stack.pop();
-      for (const part of parts) {
+  return (cssText || "").replace(URL_IN_CSS_REF, function (origin, quote1, path1, quote2, path2, path3) {
+    var filePath = path1 || path2 || path3;
+    var maybeQuote = quote1 || quote2 || "";
+    if (!filePath) {
+      return origin;
+    }
+    if (URL_PROTOCOL_MATCH.test(filePath) || URL_WWW_MATCH.test(filePath)) {
+      return "url(".concat(maybeQuote).concat(filePath).concat(maybeQuote, ")");
+    }
+    if (DATA_URI.test(filePath)) {
+      return "url(".concat(maybeQuote).concat(filePath).concat(maybeQuote, ")");
+    }
+    if (filePath[0] === "/") {
+      return "url(".concat(maybeQuote).concat(extractOrigin(href) + filePath).concat(maybeQuote, ")");
+    }
+    var stack = href.split("/");
+    var parts = filePath.split("/");
+    stack.pop();
+    var _iterator = _createForOfIteratorHelper(parts),
+      _step;
+    try {
+      for (_iterator.s(); !(_step = _iterator.n()).done;) {
+        var part = _step.value;
         if (part === ".") {
           continue;
         } else if (part === "..") {
@@ -296,20 +411,24 @@ function absoluteToStylesheet(cssText, href) {
           stack.push(part);
         }
       }
-      return `url(${maybeQuote}${stack.join("/")}${maybeQuote})`;
+    } catch (err) {
+      _iterator.e(err);
+    } finally {
+      _iterator.f();
     }
-  );
+    return "url(".concat(maybeQuote).concat(stack.join("/")).concat(maybeQuote, ")");
+  });
 }
-const SRCSET_NOT_SPACES = /^[^ \t\n\r\u000c]+/;
-const SRCSET_COMMAS_OR_SPACES = /^[, \t\n\r\u000c]+/;
+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;
+  var pos = 0;
   function collectCharacters(regEx) {
-    let chars;
-    const match = regEx.exec(attributeValue.substring(pos));
+    var chars;
+    var match = regEx.exec(attributeValue.substring(pos));
     if (match) {
       chars = match[0];
       pos += chars.length;
@@ -317,22 +436,22 @@ function getAbsoluteSrcsetString(doc, attributeValue) {
     }
     return "";
   }
-  const output = [];
+  var output = [];
   while (true) {
     collectCharacters(SRCSET_COMMAS_OR_SPACES);
     if (pos >= attributeValue.length) {
       break;
     }
-    let url = collectCharacters(SRCSET_NOT_SPACES);
+    var url = collectCharacters(SRCSET_NOT_SPACES);
     if (url.slice(-1) === ",") {
       url = absoluteToDoc(doc, url.substring(0, url.length - 1));
       output.push(url);
     } else {
-      let descriptorsStr = "";
+      var descriptorsStr = "";
       url = absoluteToDoc(doc, url);
-      let inParens = false;
+      var inParens = false;
       while (true) {
-        const c = attributeValue.charAt(pos);
+        var c = attributeValue.charAt(pos);
         if (c === "") {
           output.push((url + descriptorsStr).trim());
           break;
@@ -356,7 +475,7 @@ function getAbsoluteSrcsetString(doc, attributeValue) {
   }
   return output.join(", ");
 }
-const cachedDocument = /* @__PURE__ */ new WeakMap();
+var cachedDocument = /* @__PURE__ */new WeakMap();
 function absoluteToDoc(doc, attributeValue) {
   if (!attributeValue || attributeValue.trim() === "") {
     return attributeValue;
@@ -367,7 +486,7 @@ function isSVGElement(el) {
   return Boolean(el.tagName === "svg" || el.ownerSVGElement);
 }
 function getHref(doc, customHref) {
-  let a = cachedDocument.get(doc);
+  var a = cachedDocument.get(doc);
   if (!a) {
     a = doc.createElement("a");
     cachedDocument.set(doc, a);
@@ -409,8 +528,8 @@ function _isBlockedElement(element, blockClass, blockSelector) {
         return true;
       }
     } else {
-      for (let eIndex = element.classList.length; eIndex--; ) {
-        const className = element.classList[eIndex];
+      for (var eIndex = element.classList.length; eIndex--;) {
+        var className = element.classList[eIndex];
         if (blockClass.test(className)) {
           return true;
         }
@@ -419,85 +538,74 @@ function _isBlockedElement(element, blockClass, blockSelector) {
     if (blockSelector) {
       return element.matches(blockSelector);
     }
-  } catch (e) {
-  }
+  } catch (e) {}
   return false;
 }
 function classMatchesRegex(node, regex, checkAncestors) {
-  if (!node)
-    return false;
+  if (!node) return false;
   if (node.nodeType !== node.ELEMENT_NODE) {
-    if (!checkAncestors)
-      return false;
+    if (!checkAncestors) return false;
     return classMatchesRegex(node.parentNode, regex, checkAncestors);
   }
-  for (let eIndex = node.classList.length; eIndex--; ) {
-    const className = node.classList[eIndex];
+  for (var eIndex = node.classList.length; eIndex--;) {
+    var className = node.classList[eIndex];
     if (regex.test(className)) {
       return true;
     }
   }
-  if (!checkAncestors)
-    return false;
+  if (!checkAncestors) return false;
   return classMatchesRegex(node.parentNode, regex, checkAncestors);
 }
 function needMaskingText(node, maskTextClass, maskTextSelector, checkAncestors) {
   try {
-    const el = node.nodeType === node.ELEMENT_NODE ? node : node.parentElement;
-    if (el === null)
-      return false;
+    var el = node.nodeType === node.ELEMENT_NODE ? node : node.parentElement;
+    if (el === null) return false;
     if (typeof maskTextClass === "string") {
       if (checkAncestors) {
-        if (el.closest(`.${maskTextClass}`))
-          return true;
+        if (el.closest(".".concat(maskTextClass))) return true;
       } else {
-        if (el.classList.contains(maskTextClass))
-          return true;
+        if (el.classList.contains(maskTextClass)) return true;
       }
     } else {
-      if (classMatchesRegex(el, maskTextClass, checkAncestors))
-        return true;
+      if (classMatchesRegex(el, maskTextClass, checkAncestors)) return true;
     }
     if (maskTextSelector) {
       if (checkAncestors) {
-        if (el.closest(maskTextSelector))
-          return true;
+        if (el.closest(maskTextSelector)) return true;
       } else {
-        if (el.matches(maskTextSelector))
-          return true;
+        if (el.matches(maskTextSelector)) return true;
       }
     }
-  } catch (e) {
-  }
+  } catch (e) {}
   return false;
 }
 function onceIframeLoaded(iframeEl, listener, iframeLoadTimeout) {
-  const win = iframeEl.contentWindow;
+  var win = iframeEl.contentWindow;
   if (!win) {
     return;
   }
-  let fired = false;
-  let readyState;
+  var fired = false;
+  var readyState;
   try {
     readyState = win.document.readyState;
   } catch (error) {
     return;
   }
   if (readyState !== "complete") {
-    const timer = setTimeout(() => {
+    var timer = setTimeout(function () {
       if (!fired) {
         listener();
         fired = true;
       }
     }, iframeLoadTimeout);
-    iframeEl.addEventListener("load", () => {
+    iframeEl.addEventListener("load", function () {
       clearTimeout(timer);
       fired = true;
       listener();
     });
     return;
   }
-  const blankUrl = "about:blank";
+  var blankUrl = "about:blank";
   if (win.location.href !== blankUrl || iframeEl.src === blankUrl || iframeEl.src === "") {
     setTimeout(listener, 0);
     return iframeEl.addEventListener("load", listener);
@@ -505,45 +613,45 @@ function onceIframeLoaded(iframeEl, listener, iframeLoadTimeout) {
   iframeEl.addEventListener("load", listener);
 }
 function onceStylesheetLoaded(link, listener, styleSheetLoadTimeout) {
-  let fired = false;
-  let styleSheetLoaded;
+  var fired = false;
+  var styleSheetLoaded;
   try {
     styleSheetLoaded = link.sheet;
   } catch (error) {
     return;
   }
-  if (styleSheetLoaded)
-    return;
-  const timer = setTimeout(() => {
+  if (styleSheetLoaded) return;
+  var timer = setTimeout(function () {
     if (!fired) {
       listener();
       fired = true;
     }
   }, styleSheetLoadTimeout);
-  link.addEventListener("load", () => {
+  link.addEventListener("load", function () {
     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);
+  var doc = options.doc,
+    mirror = options.mirror,
+    blockClass = options.blockClass,
+    blockSelector = options.blockSelector,
+    needsMask = options.needsMask,
+    inlineStylesheet = options.inlineStylesheet,
+    _options$maskInputOpt = options.maskInputOptions,
+    maskInputOptions = _options$maskInputOpt === void 0 ? {} : _options$maskInputOpt,
+    maskTextFn = options.maskTextFn,
+    maskInputFn = options.maskInputFn,
+    _options$dataURLOptio = options.dataURLOptions,
+    dataURLOptions = _options$dataURLOptio === void 0 ? {} : _options$dataURLOptio,
+    inlineImages = options.inlineImages,
+    recordCanvas = options.recordCanvas,
+    keepIframeSrcFn = options.keepIframeSrcFn,
+    _options$newlyAddedEl = options.newlyAddedElement,
+    newlyAddedElement = _options$newlyAddedEl === void 0 ? false : _options$newlyAddedEl;
+  var rootId = getRootId(doc, mirror);
   switch (n.nodeType) {
     case n.DOCUMENT_NODE:
       if (n.compatMode !== "CSS1Compat") {
@@ -565,72 +673,67 @@ function serializeNode(n, options) {
         name: n.name,
         publicId: n.publicId,
         systemId: n.systemId,
-        rootId
+        rootId: rootId
       };
     case n.ELEMENT_NODE:
       return serializeElementNode(n, {
-        doc,
-        blockClass,
-        blockSelector,
-        inlineStylesheet,
-        maskInputOptions,
-        maskInputFn,
-        dataURLOptions,
-        inlineImages,
-        recordCanvas,
-        keepIframeSrcFn,
-        newlyAddedElement,
-        rootId
+        doc: doc,
+        blockClass: blockClass,
+        blockSelector: blockSelector,
+        inlineStylesheet: inlineStylesheet,
+        maskInputOptions: maskInputOptions,
+        maskInputFn: maskInputFn,
+        dataURLOptions: dataURLOptions,
+        inlineImages: inlineImages,
+        recordCanvas: recordCanvas,
+        keepIframeSrcFn: keepIframeSrcFn,
+        newlyAddedElement: newlyAddedElement,
+        rootId: rootId
       });
     case n.TEXT_NODE:
       return serializeTextNode(n, {
-        doc,
-        needsMask,
-        maskTextFn,
-        rootId
+        doc: doc,
+        needsMask: needsMask,
+        maskTextFn: maskTextFn,
+        rootId: rootId
       });
     case n.CDATA_SECTION_NODE:
       return {
         type: NodeType.CDATA,
         textContent: "",
-        rootId
+        rootId: rootId
       };
     case n.COMMENT_NODE:
       return {
         type: NodeType.Comment,
         textContent: n.textContent || "",
-        rootId
+        rootId: rootId
       };
     default:
       return false;
   }
 }
 function getRootId(doc, mirror) {
-  if (!mirror.hasNode(doc))
-    return void 0;
-  const docId = mirror.getId(doc);
+  if (!mirror.hasNode(doc)) return void 0;
+  var docId = mirror.getId(doc);
   return docId === 1 ? void 0 : docId;
 }
 function serializeTextNode(n, options) {
   var _a;
-  const { needsMask, maskTextFn, rootId } = options;
-  const parentTagName = n.parentNode && n.parentNode.tagName;
-  let textContent = n.textContent;
-  const isStyle = parentTagName === "STYLE" ? true : void 0;
-  const isScript = parentTagName === "SCRIPT" ? true : void 0;
+  var needsMask = options.needsMask,
+    maskTextFn = options.maskTextFn,
+    rootId = options.rootId;
+  var parentTagName = n.parentNode && n.parentNode.tagName;
+  var textContent = n.textContent;
+  var isStyle = parentTagName === "STYLE" ? true : void 0;
+  var isScript = parentTagName === "SCRIPT" ? true : void 0;
   if (isStyle && textContent) {
     try {
-      if (n.nextSibling || n.previousSibling) {
-      } else if ((_a = n.parentNode.sheet) == null ? void 0 : _a.cssRules) {
-        textContent = stringifyStylesheet(
-          n.parentNode.sheet
-        );
+      if (n.nextSibling || n.previousSibling) {} else if ((_a = n.parentNode.sheet) == null ? void 0 : _a.cssRules) {
+        textContent = stringifyStylesheet(n.parentNode.sheet);
       }
     } catch (err) {
-      console.warn(
-        `Cannot get CSS styles from text's parentNode. Error: ${err}`,
-        n
-      );
+      console.warn("Cannot get CSS styles from text's parentNode. Error: ".concat(err), n);
     }
     textContent = absoluteToStylesheet(textContent, getHref(options.doc));
   }
@@ -643,45 +746,41 @@ function serializeTextNode(n, options) {
   return {
     type: NodeType.Text,
     textContent: textContent || "",
-    isStyle,
-    rootId
+    isStyle: isStyle,
+    rootId: rootId
   };
 }
 function serializeElementNode(n, options) {
-  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 attributes2 = {};
-  const len = n.attributes.length;
-  for (let i = 0; i < len; i++) {
-    const attr = n.attributes[i];
+  var doc = options.doc,
+    blockClass = options.blockClass,
+    blockSelector = options.blockSelector,
+    inlineStylesheet = options.inlineStylesheet,
+    _options$maskInputOpt2 = options.maskInputOptions,
+    maskInputOptions = _options$maskInputOpt2 === void 0 ? {} : _options$maskInputOpt2,
+    maskInputFn = options.maskInputFn,
+    _options$dataURLOptio2 = options.dataURLOptions,
+    dataURLOptions = _options$dataURLOptio2 === void 0 ? {} : _options$dataURLOptio2,
+    inlineImages = options.inlineImages,
+    recordCanvas = options.recordCanvas,
+    keepIframeSrcFn = options.keepIframeSrcFn,
+    _options$newlyAddedEl2 = options.newlyAddedElement,
+    newlyAddedElement = _options$newlyAddedEl2 === void 0 ? false : _options$newlyAddedEl2,
+    rootId = options.rootId;
+  var needBlock = _isBlockedElement(n, blockClass, blockSelector);
+  var tagName = getValidTagName(n);
+  var attributes2 = {};
+  var len = n.attributes.length;
+  for (var i = 0; i < len; i++) {
+    var attr = n.attributes[i];
     if (!ignoreAttribute(tagName, attr.name, attr.value)) {
-      attributes2[attr.name] = transformAttribute(
-        doc,
-        tagName,
-        toLowerCase(attr.name),
-        attr.value
-      );
+      attributes2[attr.name] = transformAttribute(doc, tagName, toLowerCase(attr.name), attr.value);
     }
   }
   if (tagName === "link" && inlineStylesheet) {
-    const stylesheet = Array.from(doc.styleSheets).find((s) => {
+    var stylesheet = Array.from(doc.styleSheets).find(function (s) {
       return s.href === n.href;
     });
-    let cssText = null;
+    var cssText = null;
     if (stylesheet) {
       cssText = stringifyStylesheet(stylesheet);
     }
@@ -691,26 +790,25 @@ function serializeElementNode(n, options) {
       attributes2._cssText = absoluteToStylesheet(cssText, stylesheet.href);
     }
   }
-  if (tagName === "style" && n.sheet && // TODO: Currently we only try to get dynamic stylesheet when it is an empty style element
+  if (tagName === "style" && n.sheet &&
+  // TODO: Currently we only try to get dynamic stylesheet when it is an empty style element
   !(n.innerText || n.textContent || "").trim().length) {
-    const cssText = stringifyStylesheet(
-      n.sheet
-    );
-    if (cssText) {
-      attributes2._cssText = absoluteToStylesheet(cssText, getHref(doc));
+    var _cssText = stringifyStylesheet(n.sheet);
+    if (_cssText) {
+      attributes2._cssText = absoluteToStylesheet(_cssText, getHref(doc));
     }
   }
   if (tagName === "input" || tagName === "textarea" || tagName === "select") {
-    const value = n.value;
-    const checked = n.checked;
+    var value = n.value;
+    var checked = n.checked;
     if (attributes2.type !== "radio" && attributes2.type !== "checkbox" && attributes2.type !== "submit" && attributes2.type !== "button" && value) {
       attributes2.value = maskInputValue({
         element: n,
         type: getInputType(n),
-        tagName,
-        value,
-        maskInputOptions,
-        maskInputFn
+        tagName: tagName,
+        value: value,
+        maskInputOptions: maskInputOptions,
+        maskInputFn: maskInputFn
       });
     } else if (checked) {
       attributes2.checked = checked;
@@ -726,23 +824,14 @@ function serializeElementNode(n, options) {
   if (tagName === "canvas" && recordCanvas) {
     if (n.__context === "2d") {
       if (!is2DCanvasBlank(n)) {
-        attributes2.rr_dataURL = n.toDataURL(
-          dataURLOptions.type,
-          dataURLOptions.quality
-        );
+        attributes2.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");
+      var canvasDataURL = n.toDataURL(dataURLOptions.type, dataURLOptions.quality);
+      var blankCanvas = doc.createElement("canvas");
       blankCanvas.width = n.width;
       blankCanvas.height = n.height;
-      const blankCanvasDataURL = blankCanvas.toDataURL(
-        dataURLOptions.type,
-        dataURLOptions.quality
-      );
+      var blankCanvasDataURL = blankCanvas.toDataURL(dataURLOptions.type, dataURLOptions.quality);
       if (canvasDataURL !== blankCanvasDataURL) {
         attributes2.rr_dataURL = canvasDataURL;
       }
@@ -753,44 +842,33 @@ function serializeElementNode(n, options) {
       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);
+    var image = n;
+    var imageSrc = image.currentSrc || image.getAttribute("src") || "<unknown-src>";
+    var priorCrossOrigin = image.crossOrigin;
+    var _recordInlineImage = function recordInlineImage() {
+      image.removeEventListener("load", _recordInlineImage);
       try {
         canvasService.width = image.naturalWidth;
         canvasService.height = image.naturalHeight;
         canvasCtx.drawImage(image, 0, 0);
-        attributes2.rr_dataURL = canvasService.toDataURL(
-          dataURLOptions.type,
-          dataURLOptions.quality
-        );
+        attributes2.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);
+          if (image.complete && image.naturalWidth !== 0) _recordInlineImage();else image.addEventListener("load", _recordInlineImage);
           return;
         } else {
-          console.warn(
-            `Cannot inline img src=${imageSrc}! Error: ${err}`
-          );
+          console.warn("Cannot inline img src=".concat(imageSrc, "! Error: ").concat(err));
         }
       }
       if (image.crossOrigin === "anonymous") {
         priorCrossOrigin ? attributes2.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 = attributes2;
+    var mediaAttributes = attributes2;
     mediaAttributes.rr_mediaState = n.paused ? "paused" : "played";
     mediaAttributes.rr_mediaCurrentTime = n.currentTime;
     mediaAttributes.rr_mediaPlaybackRate = n.playbackRate;
@@ -807,11 +885,13 @@ function serializeElementNode(n, options) {
     }
   }
   if (needBlock) {
-    const { width, height } = n.getBoundingClientRect();
+    var _n$getBoundingClientR = n.getBoundingClientRect(),
+      width = _n$getBoundingClientR.width,
+      height = _n$getBoundingClientR.height;
     attributes2 = {
       class: attributes2.class,
-      rr_width: `${width}px`,
-      rr_height: `${height}px`
+      rr_width: "".concat(width, "px"),
+      rr_height: "".concat(height, "px")
     };
   }
   if (tagName === "iframe" && !keepIframeSrcFn(attributes2.src)) {
@@ -820,20 +900,18 @@ function serializeElementNode(n, options) {
     }
     delete attributes2.src;
   }
-  let isCustomElement;
+  var isCustomElement;
   try {
-    if (customElements.get(tagName))
-      isCustomElement = true;
-  } catch (e) {
-  }
+    if (customElements.get(tagName)) isCustomElement = true;
+  } catch (e) {}
   return {
     type: NodeType.Element,
-    tagName,
+    tagName: tagName,
     attributes: attributes2,
     childNodes: [],
     isSVG: isSVGElement(n) || void 0,
-    needBlock,
-    rootId,
+    needBlock: needBlock,
+    rootId: rootId,
     isCustom: isCustomElement
   };
 }
@@ -848,19 +926,21 @@ function slimDOMExcluded(sn, slimDOMOptions) {
   if (slimDOMOptions.comment && sn.type === NodeType.Comment) {
     return true;
   } 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.rel === "modulepreload") && sn.attributes.as === "script" || // prefetch link
+    if (slimDOMOptions.script && (
+    // script tag
+    sn.tagName === "script" ||
+    // (module)preload link
+    sn.tagName === "link" && (sn.attributes.rel === "preload" || sn.attributes.rel === "modulepreload") && sn.attributes.as === "script" ||
+    // prefetch link
     sn.tagName === "link" && sn.attributes.rel === "prefetch" && typeof sn.attributes.href === "string" && 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"))) {
+    } 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)
+      } 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")) {
@@ -877,62 +957,68 @@ function slimDOMExcluded(sn, slimDOMOptions) {
   return false;
 }
 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
-  } = options;
-  let { needsMask } = options;
-  let { preserveWhiteSpace = true } = options;
+  var doc = options.doc,
+    mirror = options.mirror,
+    blockClass = options.blockClass,
+    blockSelector = options.blockSelector,
+    maskTextClass = options.maskTextClass,
+    maskTextSelector = options.maskTextSelector,
+    _options$skipChild = options.skipChild,
+    skipChild = _options$skipChild === void 0 ? false : _options$skipChild,
+    _options$inlineStyles = options.inlineStylesheet,
+    inlineStylesheet = _options$inlineStyles === void 0 ? true : _options$inlineStyles,
+    _options$maskInputOpt3 = options.maskInputOptions,
+    maskInputOptions = _options$maskInputOpt3 === void 0 ? {} : _options$maskInputOpt3,
+    maskTextFn = options.maskTextFn,
+    maskInputFn = options.maskInputFn,
+    slimDOMOptions = options.slimDOMOptions,
+    _options$dataURLOptio3 = options.dataURLOptions,
+    dataURLOptions = _options$dataURLOptio3 === void 0 ? {} : _options$dataURLOptio3,
+    _options$inlineImages = options.inlineImages,
+    inlineImages = _options$inlineImages === void 0 ? false : _options$inlineImages,
+    _options$recordCanvas = options.recordCanvas,
+    recordCanvas = _options$recordCanvas === void 0 ? false : _options$recordCanvas,
+    onSerialize = options.onSerialize,
+    onIframeLoad = options.onIframeLoad,
+    _options$iframeLoadTi = options.iframeLoadTimeout,
+    iframeLoadTimeout = _options$iframeLoadTi === void 0 ? 5e3 : _options$iframeLoadTi,
+    onStylesheetLoad = options.onStylesheetLoad,
+    _options$stylesheetLo = options.stylesheetLoadTimeout,
+    stylesheetLoadTimeout = _options$stylesheetLo === void 0 ? 5e3 : _options$stylesheetLo,
+    _options$keepIframeSr = options.keepIframeSrcFn,
+    keepIframeSrcFn = _options$keepIframeSr === void 0 ? function () {
+      return false;
+    } : _options$keepIframeSr,
+    _options$newlyAddedEl3 = options.newlyAddedElement,
+    newlyAddedElement = _options$newlyAddedEl3 === void 0 ? false : _options$newlyAddedEl3;
+  var needsMask = options.needsMask;
+  var _options$preserveWhit = options.preserveWhiteSpace,
+    preserveWhiteSpace = _options$preserveWhit === void 0 ? true : _options$preserveWhit;
   if (!needsMask && n.childNodes) {
-    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
+    var checkAncestors = needsMask === void 0;
+    needsMask = needMaskingText(n, maskTextClass, maskTextSelector, checkAncestors);
+  }
+  var _serializedNode = serializeNode(n, {
+    doc: doc,
+    mirror: mirror,
+    blockClass: blockClass,
+    blockSelector: blockSelector,
+    needsMask: needsMask,
+    inlineStylesheet: inlineStylesheet,
+    maskInputOptions: maskInputOptions,
+    maskTextFn: maskTextFn,
+    maskInputFn: maskInputFn,
+    dataURLOptions: dataURLOptions,
+    inlineImages: inlineImages,
+    recordCanvas: recordCanvas,
+    keepIframeSrcFn: keepIframeSrcFn,
+    newlyAddedElement: newlyAddedElement
   });
   if (!_serializedNode) {
     console.warn(n, "not serialized");
     return null;
   }
-  let id;
+  var id;
   if (mirror.hasNode(n)) {
     id = mirror.getId(n);
   } else if (slimDOMExcluded(_serializedNode, slimDOMOptions) || !preserveWhiteSpace && _serializedNode.type === NodeType.Text && !_serializedNode.isStyle && !_serializedNode.textContent.replace(/^\s+|\s+$/gm, "").length) {
@@ -940,7 +1026,9 @@ function serializeNodeWithId(n, options) {
   } else {
     id = genId();
   }
-  const serializedNode2 = Object.assign(_serializedNode, { id });
+  var serializedNode2 = Object.assign(_serializedNode, {
+    id: id
+  });
   mirror.add(n, serializedNode2);
   if (id === IGNORED_NODE) {
     return null;
@@ -948,59 +1036,58 @@ function serializeNodeWithId(n, options) {
   if (onSerialize) {
     onSerialize(n);
   }
-  let recordChild = !skipChild;
+  var recordChild = !skipChild;
   if (serializedNode2.type === NodeType.Element) {
     recordChild = recordChild && !serializedNode2.needBlock;
     delete serializedNode2.needBlock;
-    const shadowRoot = n.shadowRoot;
-    if (shadowRoot && isNativeShadowDom(shadowRoot))
-      serializedNode2.isShadowHost = true;
+    var shadowRoot = n.shadowRoot;
+    if (shadowRoot && isNativeShadowDom(shadowRoot)) serializedNode2.isShadowHost = true;
   }
   if ((serializedNode2.type === NodeType.Document || serializedNode2.type === NodeType.Element) && recordChild) {
     if (slimDOMOptions.headWhitespace && serializedNode2.type === NodeType.Element && serializedNode2.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
+    var bypassOptions = {
+      doc: doc,
+      mirror: mirror,
+      blockClass: blockClass,
+      blockSelector: blockSelector,
+      needsMask: needsMask,
+      maskTextClass: maskTextClass,
+      maskTextSelector: maskTextSelector,
+      skipChild: skipChild,
+      inlineStylesheet: inlineStylesheet,
+      maskInputOptions: maskInputOptions,
+      maskTextFn: maskTextFn,
+      maskInputFn: maskInputFn,
+      slimDOMOptions: slimDOMOptions,
+      dataURLOptions: dataURLOptions,
+      inlineImages: inlineImages,
+      recordCanvas: recordCanvas,
+      preserveWhiteSpace: preserveWhiteSpace,
+      onSerialize: onSerialize,
+      onIframeLoad: onIframeLoad,
+      iframeLoadTimeout: iframeLoadTimeout,
+      onStylesheetLoad: onStylesheetLoad,
+      stylesheetLoadTimeout: stylesheetLoadTimeout,
+      keepIframeSrcFn: keepIframeSrcFn
     };
-    if (serializedNode2.type === NodeType.Element && serializedNode2.tagName === "textarea" && serializedNode2.attributes.value !== void 0)
-      ;
-    else {
-      for (const childN of Array.from(n.childNodes)) {
-        const serializedChildNode = serializeNodeWithId(childN, bypassOptions);
+    if (serializedNode2.type === NodeType.Element && serializedNode2.tagName === "textarea" && serializedNode2.attributes.value !== void 0) ;else {
+      for (var _i = 0, _Array$from = Array.from(n.childNodes); _i < _Array$from.length; _i++) {
+        var childN = _Array$from[_i];
+        var serializedChildNode = serializeNodeWithId(childN, bypassOptions);
         if (serializedChildNode) {
           serializedNode2.childNodes.push(serializedChildNode);
         }
       }
     }
     if (isElement(n) && n.shadowRoot) {
-      for (const childN of Array.from(n.shadowRoot.childNodes)) {
-        const serializedChildNode = serializeNodeWithId(childN, bypassOptions);
-        if (serializedChildNode) {
-          isNativeShadowDom(n.shadowRoot) && (serializedChildNode.isShadow = true);
-          serializedNode2.childNodes.push(serializedChildNode);
+      for (var _i2 = 0, _Array$from2 = Array.from(n.shadowRoot.childNodes); _i2 < _Array$from2.length; _i2++) {
+        var _childN = _Array$from2[_i2];
+        var _serializedChildNode = serializeNodeWithId(_childN, bypassOptions);
+        if (_serializedChildNode) {
+          isNativeShadowDom(n.shadowRoot) && (_serializedChildNode.isShadow = true);
+          serializedNode2.childNodes.push(_serializedChildNode);
         }
       }
     }
@@ -1009,114 +1096,112 @@ function serializeNodeWithId(n, options) {
     serializedNode2.isShadow = true;
   }
   if (serializedNode2.type === NodeType.Element && serializedNode2.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
-          });
-          if (serializedIframeNode) {
-            onIframeLoad(
-              n,
-              serializedIframeNode
-            );
-          }
+    onceIframeLoaded(n, function () {
+      var iframeDoc = n.contentDocument;
+      if (iframeDoc && onIframeLoad) {
+        var serializedIframeNode = serializeNodeWithId(iframeDoc, {
+          doc: iframeDoc,
+          mirror: mirror,
+          blockClass: blockClass,
+          blockSelector: blockSelector,
+          needsMask: needsMask,
+          maskTextClass: maskTextClass,
+          maskTextSelector: maskTextSelector,
+          skipChild: false,
+          inlineStylesheet: inlineStylesheet,
+          maskInputOptions: maskInputOptions,
+          maskTextFn: maskTextFn,
+          maskInputFn: maskInputFn,
+          slimDOMOptions: slimDOMOptions,
+          dataURLOptions: dataURLOptions,
+          inlineImages: inlineImages,
+          recordCanvas: recordCanvas,
+          preserveWhiteSpace: preserveWhiteSpace,
+          onSerialize: onSerialize,
+          onIframeLoad: onIframeLoad,
+          iframeLoadTimeout: iframeLoadTimeout,
+          onStylesheetLoad: onStylesheetLoad,
+          stylesheetLoadTimeout: stylesheetLoadTimeout,
+          keepIframeSrcFn: keepIframeSrcFn
+        });
+        if (serializedIframeNode) {
+          onIframeLoad(n, serializedIframeNode);
         }
-      },
-      iframeLoadTimeout
-    );
+      }
+    }, iframeLoadTimeout);
   }
   if (serializedNode2.type === NodeType.Element && serializedNode2.tagName === "link" && typeof serializedNode2.attributes.rel === "string" && (serializedNode2.attributes.rel === "stylesheet" || serializedNode2.attributes.rel === "preload" && typeof serializedNode2.attributes.href === "string" && extractFileExtension(serializedNode2.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
-          });
-          if (serializedLinkNode) {
-            onStylesheetLoad(
-              n,
-              serializedLinkNode
-            );
-          }
+    onceStylesheetLoaded(n, function () {
+      if (onStylesheetLoad) {
+        var serializedLinkNode = serializeNodeWithId(n, {
+          doc: doc,
+          mirror: mirror,
+          blockClass: blockClass,
+          blockSelector: blockSelector,
+          needsMask: needsMask,
+          maskTextClass: maskTextClass,
+          maskTextSelector: maskTextSelector,
+          skipChild: false,
+          inlineStylesheet: inlineStylesheet,
+          maskInputOptions: maskInputOptions,
+          maskTextFn: maskTextFn,
+          maskInputFn: maskInputFn,
+          slimDOMOptions: slimDOMOptions,
+          dataURLOptions: dataURLOptions,
+          inlineImages: inlineImages,
+          recordCanvas: recordCanvas,
+          preserveWhiteSpace: preserveWhiteSpace,
+          onSerialize: onSerialize,
+          onIframeLoad: onIframeLoad,
+          iframeLoadTimeout: iframeLoadTimeout,
+          onStylesheetLoad: onStylesheetLoad,
+          stylesheetLoadTimeout: stylesheetLoadTimeout,
+          keepIframeSrcFn: keepIframeSrcFn
+        });
+        if (serializedLinkNode) {
+          onStylesheetLoad(n, serializedLinkNode);
         }
-      },
-      stylesheetLoadTimeout
-    );
+      }
+    }, stylesheetLoadTimeout);
   }
   return serializedNode2;
 }
 function snapshot(n, options) {
-  const {
-    mirror = new 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
-  } = options || {};
-  const maskInputOptions = maskAllInputs === true ? {
+  var _ref3 = options || {},
+    _ref3$mirror = _ref3.mirror,
+    mirror = _ref3$mirror === void 0 ? new Mirror() : _ref3$mirror,
+    _ref3$blockClass = _ref3.blockClass,
+    blockClass = _ref3$blockClass === void 0 ? "rr-block" : _ref3$blockClass,
+    _ref3$blockSelector = _ref3.blockSelector,
+    blockSelector = _ref3$blockSelector === void 0 ? null : _ref3$blockSelector,
+    _ref3$maskTextClass = _ref3.maskTextClass,
+    maskTextClass = _ref3$maskTextClass === void 0 ? "rr-mask" : _ref3$maskTextClass,
+    _ref3$maskTextSelecto = _ref3.maskTextSelector,
+    maskTextSelector = _ref3$maskTextSelecto === void 0 ? null : _ref3$maskTextSelecto,
+    _ref3$inlineStyleshee = _ref3.inlineStylesheet,
+    inlineStylesheet = _ref3$inlineStyleshee === void 0 ? true : _ref3$inlineStyleshee,
+    _ref3$inlineImages = _ref3.inlineImages,
+    inlineImages = _ref3$inlineImages === void 0 ? false : _ref3$inlineImages,
+    _ref3$recordCanvas = _ref3.recordCanvas,
+    recordCanvas = _ref3$recordCanvas === void 0 ? false : _ref3$recordCanvas,
+    _ref3$maskAllInputs = _ref3.maskAllInputs,
+    maskAllInputs = _ref3$maskAllInputs === void 0 ? false : _ref3$maskAllInputs,
+    maskTextFn = _ref3.maskTextFn,
+    maskInputFn = _ref3.maskInputFn,
+    _ref3$slimDOM = _ref3.slimDOM,
+    slimDOM = _ref3$slimDOM === void 0 ? false : _ref3$slimDOM,
+    dataURLOptions = _ref3.dataURLOptions,
+    preserveWhiteSpace = _ref3.preserveWhiteSpace,
+    onSerialize = _ref3.onSerialize,
+    onIframeLoad = _ref3.onIframeLoad,
+    iframeLoadTimeout = _ref3.iframeLoadTimeout,
+    onStylesheetLoad = _ref3.onStylesheetLoad,
+    stylesheetLoadTimeout = _ref3.stylesheetLoadTimeout,
+    _ref3$keepIframeSrcFn = _ref3.keepIframeSrcFn,
+    keepIframeSrcFn = _ref3$keepIframeSrcFn === void 0 ? function () {
+      return false;
+    } : _ref3$keepIframeSrcFn;
+  var maskInputOptions = maskAllInputs === true ? {
     color: true,
     date: true,
     "datetime-local": true,
@@ -1136,45 +1221,44 @@ function snapshot(n, 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;
+  var 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,
+    mirror: mirror,
+    blockClass: blockClass,
+    blockSelector: blockSelector,
+    maskTextClass: maskTextClass,
+    maskTextSelector: maskTextSelector,
     skipChild: false,
-    inlineStylesheet,
-    maskInputOptions,
-    maskTextFn,
-    maskInputFn,
-    slimDOMOptions,
-    dataURLOptions,
-    inlineImages,
-    recordCanvas,
-    preserveWhiteSpace,
-    onSerialize,
-    onIframeLoad,
-    iframeLoadTimeout,
-    onStylesheetLoad,
-    stylesheetLoadTimeout,
-    keepIframeSrcFn,
+    inlineStylesheet: inlineStylesheet,
+    maskInputOptions: maskInputOptions,
+    maskTextFn: maskTextFn,
+    maskInputFn: maskInputFn,
+    slimDOMOptions: slimDOMOptions,
+    dataURLOptions: dataURLOptions,
+    inlineImages: inlineImages,
+    recordCanvas: recordCanvas,
+    preserveWhiteSpace: preserveWhiteSpace,
+    onSerialize: onSerialize,
+    onIframeLoad: onIframeLoad,
+    iframeLoadTimeout: iframeLoadTimeout,
+    onStylesheetLoad: onStylesheetLoad,
+    stylesheetLoadTimeout: stylesheetLoadTimeout,
+    keepIframeSrcFn: keepIframeSrcFn,
     newlyAddedElement: false
   });
 }