@screeb/rrweb 1.0.5 → 1.0.7

package/dist/assets/image-bitmap-data-url-worker-IJpC7g_b.js.map

@@ -1 +1 @@
-{"version":3,"file":"image-bitmap-data-url-worker-IJpC7g_b.js","sources":["../../../node_modules/base64-arraybuffer/dist/base64-arraybuffer.es5.js","../src/record/workers/image-bitmap-data-url-worker.ts"],"sourcesContent":["/*\n * base64-arraybuffer 1.0.2 <https://github.com/niklasvh/base64-arraybuffer>\n * Copyright (c) 2022 Niklas von Hertzen <https://hertzen.com>\n * Released under MIT License\n */\nvar chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';\n// Use a lookup table to find the index.\nvar lookup = typeof Uint8Array === 'undefined' ? [] : new Uint8Array(256);\nfor (var i = 0; i < chars.length; i++) {\n    lookup[chars.charCodeAt(i)] = i;\n}\nvar encode = function (arraybuffer) {\n    var bytes = new Uint8Array(arraybuffer), i, len = bytes.length, base64 = '';\n    for (i = 0; i < len; i += 3) {\n        base64 += chars[bytes[i] >> 2];\n        base64 += chars[((bytes[i] & 3) << 4) | (bytes[i + 1] >> 4)];\n        base64 += chars[((bytes[i + 1] & 15) << 2) | (bytes[i + 2] >> 6)];\n        base64 += chars[bytes[i + 2] & 63];\n    }\n    if (len % 3 === 2) {\n        base64 = base64.substring(0, base64.length - 1) + '=';\n    }\n    else if (len % 3 === 1) {\n        base64 = base64.substring(0, base64.length - 2) + '==';\n    }\n    return base64;\n};\nvar decode = function (base64) {\n    var bufferLength = base64.length * 0.75, len = base64.length, i, p = 0, encoded1, encoded2, encoded3, encoded4;\n    if (base64[base64.length - 1] === '=') {\n        bufferLength--;\n        if (base64[base64.length - 2] === '=') {\n            bufferLength--;\n        }\n    }\n    var arraybuffer = new ArrayBuffer(bufferLength), bytes = new Uint8Array(arraybuffer);\n    for (i = 0; i < len; i += 4) {\n        encoded1 = lookup[base64.charCodeAt(i)];\n        encoded2 = lookup[base64.charCodeAt(i + 1)];\n        encoded3 = lookup[base64.charCodeAt(i + 2)];\n        encoded4 = lookup[base64.charCodeAt(i + 3)];\n        bytes[p++] = (encoded1 << 2) | (encoded2 >> 4);\n        bytes[p++] = ((encoded2 & 15) << 4) | (encoded3 >> 2);\n        bytes[p++] = ((encoded3 & 3) << 6) | (encoded4 & 63);\n    }\n    return arraybuffer;\n};\n\nexport { decode, encode };\n//# sourceMappingURL=base64-arraybuffer.es5.js.map\n","import { encode } from 'base64-arraybuffer';\nimport type { DataURLOptions } from 'rrweb-snapshot';\nimport type {\n  ImageBitmapDataURLWorkerParams,\n  ImageBitmapDataURLWorkerResponse,\n} from '@rrweb/types';\n\nconst lastBlobMap: Map<number, string> = new Map();\nconst transparentBlobMap: Map<string, string> = new Map();\n\nexport interface ImageBitmapDataURLRequestWorker {\n  postMessage: (\n    message: ImageBitmapDataURLWorkerParams,\n    transfer?: [ImageBitmap],\n  ) => void;\n  onmessage: (message: MessageEvent<ImageBitmapDataURLWorkerResponse>) => void;\n}\n\ninterface ImageBitmapDataURLResponseWorker {\n  onmessage:\n    | null\n    | ((message: MessageEvent<ImageBitmapDataURLWorkerParams>) => void);\n  postMessage(e: ImageBitmapDataURLWorkerResponse): void;\n}\n\nasync function getTransparentBlobFor(\n  width: number,\n  height: number,\n  dataURLOptions: DataURLOptions,\n): Promise<string> {\n  const id = `${width}-${height}`;\n  if ('OffscreenCanvas' in globalThis) {\n    if (transparentBlobMap.has(id)) return transparentBlobMap.get(id)!;\n    const offscreen = new OffscreenCanvas(width, height);\n    offscreen.getContext('2d'); // creates rendering context for `converToBlob`\n    const blob = await offscreen.convertToBlob(dataURLOptions); // takes a while\n    const arrayBuffer = await blob.arrayBuffer();\n    const base64 = encode(arrayBuffer); // cpu intensive\n    transparentBlobMap.set(id, base64);\n    return base64;\n  } else {\n    return '';\n  }\n}\n\n// `as any` because: https://github.com/Microsoft/TypeScript/issues/20595\nconst worker: ImageBitmapDataURLResponseWorker = self;\n\n// eslint-disable-next-line @typescript-eslint/no-misused-promises\nworker.onmessage = async function (e) {\n  if ('OffscreenCanvas' in globalThis) {\n    const { id, bitmap, width, height, dataURLOptions } = e.data;\n\n    const transparentBase64 = getTransparentBlobFor(\n      width,\n      height,\n      dataURLOptions,\n    );\n\n    const offscreen = new OffscreenCanvas(width, height);\n    const ctx = offscreen.getContext('2d')!;\n\n    ctx.drawImage(bitmap, 0, 0);\n    bitmap.close();\n    const blob = await offscreen.convertToBlob(dataURLOptions); // takes a while\n    const type = blob.type;\n    const arrayBuffer = await blob.arrayBuffer();\n    const base64 = encode(arrayBuffer); // cpu intensive\n\n    // on first try we should check if canvas is transparent,\n    // no need to save it's contents in that case\n    if (!lastBlobMap.has(id) && (await transparentBase64) === base64) {\n      lastBlobMap.set(id, base64);\n      return worker.postMessage({ id });\n    }\n\n    if (lastBlobMap.get(id) === base64) return worker.postMessage({ id }); // unchanged\n    worker.postMessage({\n      id,\n      type,\n      base64,\n      width,\n      height,\n    });\n    lastBlobMap.set(id, base64);\n  } else {\n    return worker.postMessage({ id: e.data.id });\n  }\n};\n"],"names":["i"],"mappings":";;AAKA,MAAI,QAAQ;AAEZ,MAAI,SAAS,OAAO,eAAe,cAAc,CAAE,IAAG,IAAI,WAAW,GAAG;AACxE,WAAS,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK;AACnC,WAAO,MAAM,WAAW,CAAC,CAAC,IAAI;AAAA,EAClC;AACA,MAAI,SAAS,SAAU,aAAa;AAChC,QAAI,QAAQ,IAAI,WAAW,WAAW,GAAGA,IAAG,MAAM,MAAM,QAAQ,SAAS;AACzE,SAAKA,KAAI,GAAGA,KAAI,KAAKA,MAAK,GAAG;AACzB,gBAAU,MAAM,MAAMA,EAAC,KAAK,CAAC;AAC7B,gBAAU,OAAQ,MAAMA,EAAC,IAAI,MAAM,IAAM,MAAMA,KAAI,CAAC,KAAK,CAAE;AAC3D,gBAAU,OAAQ,MAAMA,KAAI,CAAC,IAAI,OAAO,IAAM,MAAMA,KAAI,CAAC,KAAK,CAAE;AAChE,gBAAU,MAAM,MAAMA,KAAI,CAAC,IAAI,EAAE;AAAA,IACpC;AACD,QAAI,MAAM,MAAM,GAAG;AACf,eAAS,OAAO,UAAU,GAAG,OAAO,SAAS,CAAC,IAAI;AAAA,IACrD,WACQ,MAAM,MAAM,GAAG;AACpB,eAAS,OAAO,UAAU,GAAG,OAAO,SAAS,CAAC,IAAI;AAAA,IACrD;AACD,WAAO;AAAA,EACX;ACnBA,QAAM,kCAAuC;AAC7C,QAAM,yCAA8C;AAiBpD,iBAAe,sBACb,OACA,QACA,gBACiB;AACjB,UAAM,KAAK,GAAG,KAAK,IAAI,MAAM;AAC7B,QAAI,qBAAqB,YAAY;AACnC,UAAI,mBAAmB,IAAI,EAAE,EAAU,QAAA,mBAAmB,IAAI,EAAE;AAChE,YAAM,YAAY,IAAI,gBAAgB,OAAO,MAAM;AACnD,gBAAU,WAAW,IAAI;AACzB,YAAM,OAAO,MAAM,UAAU,cAAc,cAAc;AACnD,YAAA,cAAc,MAAM,KAAK;AACzB,YAAA,SAAS,OAAO,WAAW;AACd,yBAAA,IAAI,IAAI,MAAM;AAC1B,aAAA;AAAA,IAAA,OACF;AACE,aAAA;AAAA,IACT;AAAA,EACF;AAGA,QAAM,SAA2C;AAGjD,SAAO,YAAY,eAAgB,GAAG;AACpC,QAAI,qBAAqB,YAAY;AACnC,YAAM,EAAE,IAAI,QAAQ,OAAO,QAAQ,mBAAmB,EAAE;AAExD,YAAM,oBAAoB;AAAA,QACxB;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAGF,YAAM,YAAY,IAAI,gBAAgB,OAAO,MAAM;AAC7C,YAAA,MAAM,UAAU,WAAW,IAAI;AAEjC,UAAA,UAAU,QAAQ,GAAG,CAAC;AAC1B,aAAO,MAAM;AACb,YAAM,OAAO,MAAM,UAAU,cAAc,cAAc;AACzD,YAAM,OAAO,KAAK;AACZ,YAAA,cAAc,MAAM,KAAK;AACzB,YAAA,SAAS,OAAO,WAAW;AAIjC,UAAI,CAAC,YAAY,IAAI,EAAE,KAAM,MAAM,sBAAuB,QAAQ;AACpD,oBAAA,IAAI,IAAI,MAAM;AAC1B,eAAO,OAAO,YAAY,EAAE,GAAI,CAAA;AAAA,MAClC;AAEI,UAAA,YAAY,IAAI,EAAE,MAAM,eAAe,OAAO,YAAY,EAAE,GAAA,CAAI;AACpE,aAAO,YAAY;AAAA,QACjB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA,CACD;AACW,kBAAA,IAAI,IAAI,MAAM;AAAA,IAAA,OACrB;AACL,aAAO,OAAO,YAAY,EAAE,IAAI,EAAE,KAAK,IAAI;AAAA,IAC7C;AAAA,EACF;;","x_google_ignoreList":[0]}
+{"version":3,"file":"image-bitmap-data-url-worker-IJpC7g_b.js","sources":["../../../node_modules/base64-arraybuffer/dist/base64-arraybuffer.es5.js","../src/record/workers/image-bitmap-data-url-worker.ts"],"sourcesContent":["/*\n * base64-arraybuffer 1.0.2 <https://github.com/niklasvh/base64-arraybuffer>\n * Copyright (c) 2022 Niklas von Hertzen <https://hertzen.com>\n * Released under MIT License\n */\nvar chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';\n// Use a lookup table to find the index.\nvar lookup = typeof Uint8Array === 'undefined' ? [] : new Uint8Array(256);\nfor (var i = 0; i < chars.length; i++) {\n    lookup[chars.charCodeAt(i)] = i;\n}\nvar encode = function (arraybuffer) {\n    var bytes = new Uint8Array(arraybuffer), i, len = bytes.length, base64 = '';\n    for (i = 0; i < len; i += 3) {\n        base64 += chars[bytes[i] >> 2];\n        base64 += chars[((bytes[i] & 3) << 4) | (bytes[i + 1] >> 4)];\n        base64 += chars[((bytes[i + 1] & 15) << 2) | (bytes[i + 2] >> 6)];\n        base64 += chars[bytes[i + 2] & 63];\n    }\n    if (len % 3 === 2) {\n        base64 = base64.substring(0, base64.length - 1) + '=';\n    }\n    else if (len % 3 === 1) {\n        base64 = base64.substring(0, base64.length - 2) + '==';\n    }\n    return base64;\n};\nvar decode = function (base64) {\n    var bufferLength = base64.length * 0.75, len = base64.length, i, p = 0, encoded1, encoded2, encoded3, encoded4;\n    if (base64[base64.length - 1] === '=') {\n        bufferLength--;\n        if (base64[base64.length - 2] === '=') {\n            bufferLength--;\n        }\n    }\n    var arraybuffer = new ArrayBuffer(bufferLength), bytes = new Uint8Array(arraybuffer);\n    for (i = 0; i < len; i += 4) {\n        encoded1 = lookup[base64.charCodeAt(i)];\n        encoded2 = lookup[base64.charCodeAt(i + 1)];\n        encoded3 = lookup[base64.charCodeAt(i + 2)];\n        encoded4 = lookup[base64.charCodeAt(i + 3)];\n        bytes[p++] = (encoded1 << 2) | (encoded2 >> 4);\n        bytes[p++] = ((encoded2 & 15) << 4) | (encoded3 >> 2);\n        bytes[p++] = ((encoded3 & 3) << 6) | (encoded4 & 63);\n    }\n    return arraybuffer;\n};\n\nexport { decode, encode };\n//# sourceMappingURL=base64-arraybuffer.es5.js.map\n","import { encode } from 'base64-arraybuffer';\nimport type {\n  DataURLOptions,\n  ImageBitmapDataURLWorkerParams,\n  ImageBitmapDataURLWorkerResponse,\n} from '@rrweb/types';\n\nconst lastBlobMap: Map<number, string> = new Map();\nconst transparentBlobMap: Map<string, string> = new Map();\n\nexport interface ImageBitmapDataURLRequestWorker {\n  postMessage: (\n    message: ImageBitmapDataURLWorkerParams,\n    transfer?: [ImageBitmap],\n  ) => void;\n  onmessage: (message: MessageEvent<ImageBitmapDataURLWorkerResponse>) => void;\n}\n\ninterface ImageBitmapDataURLResponseWorker {\n  onmessage:\n    | null\n    | ((message: MessageEvent<ImageBitmapDataURLWorkerParams>) => void);\n  postMessage(e: ImageBitmapDataURLWorkerResponse): void;\n}\n\nasync function getTransparentBlobFor(\n  width: number,\n  height: number,\n  dataURLOptions: DataURLOptions,\n): Promise<string> {\n  const id = `${width}-${height}`;\n  if ('OffscreenCanvas' in globalThis) {\n    if (transparentBlobMap.has(id)) return transparentBlobMap.get(id)!;\n    const offscreen = new OffscreenCanvas(width, height);\n    offscreen.getContext('2d'); // creates rendering context for `converToBlob`\n    const blob = await offscreen.convertToBlob(dataURLOptions); // takes a while\n    const arrayBuffer = await blob.arrayBuffer();\n    const base64 = encode(arrayBuffer); // cpu intensive\n    transparentBlobMap.set(id, base64);\n    return base64;\n  } else {\n    return '';\n  }\n}\n\n// `as any` because: https://github.com/Microsoft/TypeScript/issues/20595\nconst worker: ImageBitmapDataURLResponseWorker = self;\n\n// eslint-disable-next-line @typescript-eslint/no-misused-promises\nworker.onmessage = async function (e) {\n  if ('OffscreenCanvas' in globalThis) {\n    const { id, bitmap, width, height, dataURLOptions } = e.data;\n\n    const transparentBase64 = getTransparentBlobFor(\n      width,\n      height,\n      dataURLOptions,\n    );\n\n    const offscreen = new OffscreenCanvas(width, height);\n    const ctx = offscreen.getContext('2d')!;\n\n    ctx.drawImage(bitmap, 0, 0);\n    bitmap.close();\n    const blob = await offscreen.convertToBlob(dataURLOptions); // takes a while\n    const type = blob.type;\n    const arrayBuffer = await blob.arrayBuffer();\n    const base64 = encode(arrayBuffer); // cpu intensive\n\n    // on first try we should check if canvas is transparent,\n    // no need to save it's contents in that case\n    if (!lastBlobMap.has(id) && (await transparentBase64) === base64) {\n      lastBlobMap.set(id, base64);\n      return worker.postMessage({ id });\n    }\n\n    if (lastBlobMap.get(id) === base64) return worker.postMessage({ id }); // unchanged\n    worker.postMessage({\n      id,\n      type,\n      base64,\n      width,\n      height,\n    });\n    lastBlobMap.set(id, base64);\n  } else {\n    return worker.postMessage({ id: e.data.id });\n  }\n};\n"],"names":["i"],"mappings":";;AAKA,MAAI,QAAQ;AAEZ,MAAI,SAAS,OAAO,eAAe,cAAc,CAAE,IAAG,IAAI,WAAW,GAAG;AACxE,WAAS,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK;AACnC,WAAO,MAAM,WAAW,CAAC,CAAC,IAAI;AAAA,EAClC;AACA,MAAI,SAAS,SAAU,aAAa;AAChC,QAAI,QAAQ,IAAI,WAAW,WAAW,GAAGA,IAAG,MAAM,MAAM,QAAQ,SAAS;AACzE,SAAKA,KAAI,GAAGA,KAAI,KAAKA,MAAK,GAAG;AACzB,gBAAU,MAAM,MAAMA,EAAC,KAAK,CAAC;AAC7B,gBAAU,OAAQ,MAAMA,EAAC,IAAI,MAAM,IAAM,MAAMA,KAAI,CAAC,KAAK,CAAE;AAC3D,gBAAU,OAAQ,MAAMA,KAAI,CAAC,IAAI,OAAO,IAAM,MAAMA,KAAI,CAAC,KAAK,CAAE;AAChE,gBAAU,MAAM,MAAMA,KAAI,CAAC,IAAI,EAAE;AAAA,IACpC;AACD,QAAI,MAAM,MAAM,GAAG;AACf,eAAS,OAAO,UAAU,GAAG,OAAO,SAAS,CAAC,IAAI;AAAA,IACrD,WACQ,MAAM,MAAM,GAAG;AACpB,eAAS,OAAO,UAAU,GAAG,OAAO,SAAS,CAAC,IAAI;AAAA,IACrD;AACD,WAAO;AAAA,EACX;ACnBA,QAAM,kCAAuC;AAC7C,QAAM,yCAA8C;AAiBpD,iBAAe,sBACb,OACA,QACA,gBACiB;AACjB,UAAM,KAAK,GAAG,KAAK,IAAI,MAAM;AAC7B,QAAI,qBAAqB,YAAY;AACnC,UAAI,mBAAmB,IAAI,EAAE,EAAU,QAAA,mBAAmB,IAAI,EAAE;AAChE,YAAM,YAAY,IAAI,gBAAgB,OAAO,MAAM;AACnD,gBAAU,WAAW,IAAI;AACzB,YAAM,OAAO,MAAM,UAAU,cAAc,cAAc;AACnD,YAAA,cAAc,MAAM,KAAK;AACzB,YAAA,SAAS,OAAO,WAAW;AACd,yBAAA,IAAI,IAAI,MAAM;AAC1B,aAAA;AAAA,IAAA,OACF;AACE,aAAA;AAAA,IACT;AAAA,EACF;AAGA,QAAM,SAA2C;AAGjD,SAAO,YAAY,eAAgB,GAAG;AACpC,QAAI,qBAAqB,YAAY;AACnC,YAAM,EAAE,IAAI,QAAQ,OAAO,QAAQ,mBAAmB,EAAE;AAExD,YAAM,oBAAoB;AAAA,QACxB;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAGF,YAAM,YAAY,IAAI,gBAAgB,OAAO,MAAM;AAC7C,YAAA,MAAM,UAAU,WAAW,IAAI;AAEjC,UAAA,UAAU,QAAQ,GAAG,CAAC;AAC1B,aAAO,MAAM;AACb,YAAM,OAAO,MAAM,UAAU,cAAc,cAAc;AACzD,YAAM,OAAO,KAAK;AACZ,YAAA,cAAc,MAAM,KAAK;AACzB,YAAA,SAAS,OAAO,WAAW;AAIjC,UAAI,CAAC,YAAY,IAAI,EAAE,KAAM,MAAM,sBAAuB,QAAQ;AACpD,oBAAA,IAAI,IAAI,MAAM;AAC1B,eAAO,OAAO,YAAY,EAAE,GAAI,CAAA;AAAA,MAClC;AAEI,UAAA,YAAY,IAAI,EAAE,MAAM,eAAe,OAAO,YAAY,EAAE,GAAA,CAAI;AACpE,aAAO,YAAY;AAAA,QACjB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA,CACD;AACW,kBAAA,IAAI,IAAI,MAAM;AAAA,IAAA,OACrB;AACL,aAAO,OAAO,YAAY,EAAE,IAAI,EAAE,KAAK,IAAI;AAAA,IAC7C;AAAA,EACF;;","x_google_ignoreList":[0]}

package/dist/rrweb.cjs

@@ -7,7 +7,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 var __defProp$1 = Object.defineProperty;
 var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField$1 = (obj, key, value) => __defNormalProp$1(obj, typeof key !== "symbol" ? key + "" : key, value);
-var NodeType$2 = /* @__PURE__ */ ((NodeType2) => {
+var NodeType$3 = /* @__PURE__ */ ((NodeType2) => {
   NodeType2[NodeType2["Document"] = 0] = "Document";
   NodeType2[NodeType2["DocumentType"] = 1] = "DocumentType";
   NodeType2[NodeType2["Element"] = 2] = "Element";
@@ -15,7 +15,7 @@ var NodeType$2 = /* @__PURE__ */ ((NodeType2) => {
   NodeType2[NodeType2["CDATA"] = 4] = "CDATA";
   NodeType2[NodeType2["Comment"] = 5] = "Comment";
   return NodeType2;
-})(NodeType$2 || {});
+})(NodeType$3 || {});
 const testableAccessors$1 = {
   Node: ["childNodes", "parentNode", "parentElement", "textContent"],
   ShadowRoot: ["host", "styleSheets"],
@@ -29,6 +29,9 @@ const testableMethods$1 = {
   MutationObserver: ["constructor"]
 };
 const untaintedBasePrototype$1 = {};
+const isAngularZonePresent$1 = () => {
+  return !!globalThis.Zone;
+};
 function getUntaintedPrototype$1(key) {
   if (untaintedBasePrototype$1[key])
     return untaintedBasePrototype$1[key];
@@ -56,7 +59,7 @@ function getUntaintedPrototype$1(key) {
       }
     )
   );
-  if (isUntaintedAccessors && isUntaintedMethods) {
+  if (isUntaintedAccessors && isUntaintedMethods && !isAngularZonePresent$1()) {
     untaintedBasePrototype$1[key] = defaultObj.prototype;
     return defaultObj.prototype;
   }
@@ -358,13 +361,13 @@ function is2DCanvasBlank(canvas) {
 }
 function isNodeMetaEqual(a2, b) {
   if (!a2 || !b || a2.type !== b.type) return false;
-  if (a2.type === NodeType$2.Document)
+  if (a2.type === NodeType$3.Document)
     return a2.compatMode === b.compatMode;
-  else if (a2.type === NodeType$2.DocumentType)
+  else if (a2.type === NodeType$3.DocumentType)
     return a2.name === b.name && a2.publicId === b.publicId && a2.systemId === b.systemId;
-  else if (a2.type === NodeType$2.Comment || a2.type === NodeType$2.Text || a2.type === NodeType$2.CDATA)
+  else if (a2.type === NodeType$3.Comment || a2.type === NodeType$3.Text || a2.type === NodeType$3.CDATA)
     return a2.textContent === b.textContent;
-  else if (a2.type === NodeType$2.Element)
+  else if (a2.type === NodeType$3.Element)
     return a2.tagName === b.tagName && JSON.stringify(a2.attributes) === JSON.stringify(b.attributes) && a2.isSVG === b.isSVG && a2.needBlock === b.needBlock;
   return false;
 }
@@ -637,6 +640,21 @@ function needMaskingText(node2, maskTextClass, maskTextSelector, checkAncestors)
     el = index$1.parentElement(node2);
   }
   try {
+    if (el.tagName === "INPUT") {
+      const autocomplete = el.getAttribute("autocomplete");
+      const disallowedAutocompleteValues = [
+        "current-password",
+        "new-password",
+        "cc-number",
+        "cc-exp",
+        "cc-exp-month",
+        "cc-exp-year",
+        "cc-csc"
+      ];
+      if (disallowedAutocompleteValues.includes(autocomplete)) {
+        return true;
+      }
+    }
     if (typeof maskTextClass === "string") {
       if (checkAncestors) {
         if (el.closest(`.${maskTextClass}`)) return true;
@@ -734,20 +752,20 @@ function serializeNode(n2, options) {
     case n2.DOCUMENT_NODE:
       if (n2.compatMode !== "CSS1Compat") {
         return {
-          type: NodeType$2.Document,
+          type: NodeType$3.Document,
           childNodes: [],
           compatMode: n2.compatMode
           // probably "BackCompat"
         };
       } else {
         return {
-          type: NodeType$2.Document,
+          type: NodeType$3.Document,
           childNodes: []
         };
       }
     case n2.DOCUMENT_TYPE_NODE:
       return {
-        type: NodeType$2.DocumentType,
+        type: NodeType$3.DocumentType,
         name: n2.name,
         publicId: n2.publicId,
         systemId: n2.systemId,
@@ -778,13 +796,13 @@ function serializeNode(n2, options) {
       });
     case n2.CDATA_SECTION_NODE:
       return {
-        type: NodeType$2.CDATA,
+        type: NodeType$3.CDATA,
         textContent: "",
         rootId
       };
     case n2.COMMENT_NODE:
       return {
-        type: NodeType$2.Comment,
+        type: NodeType$3.Comment,
         textContent: index$1.textContent(n2) || "",
         rootId
       };
@@ -816,7 +834,7 @@ function serializeTextNode(n2, options) {
     textContent2 = maskTextFn ? maskTextFn(textContent2, index$1.parentElement(n2)) : textContent2.replace(/[\S]/g, "*");
   }
   return {
-    type: NodeType$2.Text,
+    type: NodeType$3.Text,
     textContent: textContent2 || "",
     rootId
   };
@@ -1002,7 +1020,7 @@ function serializeElementNode(n2, options) {
   } catch (e2) {
   }
   return {
-    type: NodeType$2.Element,
+    type: NodeType$3.Element,
     tagName,
     attributes,
     childNodes: [],
@@ -1020,9 +1038,9 @@ function lowerIfExists(maybeAttr) {
   }
 }
 function slimDOMExcluded(sn, slimDOMOptions) {
-  if (slimDOMOptions.comment && sn.type === NodeType$2.Comment) {
+  if (slimDOMOptions.comment && sn.type === NodeType$3.Comment) {
     return true;
-  } else if (sn.type === NodeType$2.Element) {
+  } else if (sn.type === NodeType$3.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
@@ -1112,7 +1130,7 @@ function serializeNodeWithId(n2, options) {
   let id;
   if (mirror2.hasNode(n2)) {
     id = mirror2.getId(n2);
-  } else if (slimDOMExcluded(_serializedNode, slimDOMOptions) || !preserveWhiteSpace && _serializedNode.type === NodeType$2.Text && !_serializedNode.textContent.replace(/^\s+|\s+$/gm, "").length) {
+  } else if (slimDOMExcluded(_serializedNode, slimDOMOptions) || !preserveWhiteSpace && _serializedNode.type === NodeType$3.Text && !_serializedNode.textContent.replace(/^\s+|\s+$/gm, "").length) {
     id = IGNORED_NODE;
   } else {
     id = genId();
@@ -1126,15 +1144,15 @@ function serializeNodeWithId(n2, options) {
     onSerialize(n2);
   }
   let recordChild = !skipChild;
-  if (serializedNode.type === NodeType$2.Element) {
+  if (serializedNode.type === NodeType$3.Element) {
     recordChild = recordChild && !serializedNode.needBlock;
     delete serializedNode.needBlock;
     const shadowRootEl = index$1.shadowRoot(n2);
     if (shadowRootEl && isNativeShadowDom(shadowRootEl))
       serializedNode.isShadowHost = true;
   }
-  if ((serializedNode.type === NodeType$2.Document || serializedNode.type === NodeType$2.Element) && recordChild) {
-    if (slimDOMOptions.headWhitespace && serializedNode.type === NodeType$2.Element && serializedNode.tagName === "head") {
+  if ((serializedNode.type === NodeType$3.Document || serializedNode.type === NodeType$3.Element) && recordChild) {
+    if (slimDOMOptions.headWhitespace && serializedNode.type === NodeType$3.Element && serializedNode.tagName === "head") {
       preserveWhiteSpace = false;
     }
     const bypassOptions = {
@@ -1163,9 +1181,9 @@ function serializeNodeWithId(n2, options) {
       keepIframeSrcFn,
       cssCaptured: false
     };
-    if (serializedNode.type === NodeType$2.Element && serializedNode.tagName === "textarea" && serializedNode.attributes.value !== void 0) ;
+    if (serializedNode.type === NodeType$3.Element && serializedNode.tagName === "textarea" && serializedNode.attributes.value !== void 0) ;
     else {
-      if (serializedNode.type === NodeType$2.Element && serializedNode.attributes._cssText !== void 0 && typeof serializedNode.attributes._cssText === "string") {
+      if (serializedNode.type === NodeType$3.Element && serializedNode.attributes._cssText !== void 0 && typeof serializedNode.attributes._cssText === "string") {
         bypassOptions.cssCaptured = true;
       }
       for (const childN of Array.from(index$1.childNodes(n2))) {
@@ -1190,7 +1208,7 @@ function serializeNodeWithId(n2, options) {
   if (parent && isShadowRoot(parent) && isNativeShadowDom(parent)) {
     serializedNode.isShadow = true;
   }
-  if (serializedNode.type === NodeType$2.Element && serializedNode.tagName === "iframe") {
+  if (serializedNode.type === NodeType$3.Element && serializedNode.tagName === "iframe") {
     onceIframeLoaded(
       n2,
       () => {
@@ -1232,7 +1250,7 @@ function serializeNodeWithId(n2, options) {
       iframeLoadTimeout
     );
   }
-  if (serializedNode.type === NodeType$2.Element && serializedNode.tagName === "link" && typeof serializedNode.attributes.rel === "string" && (serializedNode.attributes.rel === "stylesheet" || serializedNode.attributes.rel === "preload" && typeof serializedNode.attributes.href === "string" && extractFileExtension(serializedNode.attributes.href) === "css")) {
+  if (serializedNode.type === NodeType$3.Element && serializedNode.tagName === "link" && typeof serializedNode.attributes.rel === "string" && (serializedNode.attributes.rel === "stylesheet" || serializedNode.attributes.rel === "preload" && typeof serializedNode.attributes.href === "string" && extractFileExtension(serializedNode.attributes.href) === "css")) {
     onceStylesheetLoaded(
       n2,
       () => {
@@ -5010,7 +5028,7 @@ function createCache() {
 function applyCssSplits(n2, cssText, hackCss, cache) {
   const childTextNodes = [];
   for (const scn of n2.childNodes) {
-    if (scn.type === NodeType$2.Text) {
+    if (scn.type === NodeType$3.Text) {
       childTextNodes.push(scn);
     }
   }
@@ -5041,15 +5059,15 @@ function buildNode(n2, options) {
   var _a2;
   const { doc, hackCss, cache } = options;
   switch (n2.type) {
-    case NodeType$2.Document:
+    case NodeType$3.Document:
       return doc.implementation.createDocument(null, "", null);
-    case NodeType$2.DocumentType:
+    case NodeType$3.DocumentType:
       return doc.implementation.createDocumentType(
         n2.name || "html",
         n2.publicId,
         n2.systemId
       );
-    case NodeType$2.Element: {
+    case NodeType$3.Element: {
       const tagName = getTagName(n2);
       let node2;
       if (n2.isSVG) {
@@ -5183,14 +5201,14 @@ function buildNode(n2, options) {
       }
       return node2;
     }
-    case NodeType$2.Text:
+    case NodeType$3.Text:
       if (n2.isStyle && hackCss) {
         return doc.createTextNode(adaptCssForReplay(n2.textContent, cache));
       }
       return doc.createTextNode(n2.textContent);
-    case NodeType$2.CDATA:
+    case NodeType$3.CDATA:
       return doc.createCDATASection(n2.textContent);
-    case NodeType$2.Comment:
+    case NodeType$3.Comment:
       return doc.createComment(n2.textContent);
     default:
       return null;
@@ -5217,11 +5235,11 @@ function buildNodeWithSN(n2, options) {
   if (n2.rootId && mirror2.getNode(n2.rootId) !== doc) {
     mirror2.replace(n2.rootId, doc);
   }
-  if (n2.type === NodeType$2.Document) {
+  if (n2.type === NodeType$3.Document) {
     doc.close();
     doc.open();
-    if (n2.compatMode === "BackCompat" && n2.childNodes && n2.childNodes[0].type !== NodeType$2.DocumentType) {
-      if (n2.childNodes[0].type === NodeType$2.Element && "xmlns" in n2.childNodes[0].attributes && n2.childNodes[0].attributes.xmlns === "http://www.w3.org/1999/xhtml") {
+    if (n2.compatMode === "BackCompat" && n2.childNodes && n2.childNodes[0].type !== NodeType$3.DocumentType) {
+      if (n2.childNodes[0].type === NodeType$3.Element && "xmlns" in n2.childNodes[0].attributes && n2.childNodes[0].attributes.xmlns === "http://www.w3.org/1999/xhtml") {
         doc.write(
           '<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "">'
         );
@@ -5234,7 +5252,7 @@ function buildNodeWithSN(n2, options) {
     node2 = doc;
   }
   mirror2.add(node2, n2);
-  if ((n2.type === NodeType$2.Document || n2.type === NodeType$2.Element) && !skipChild) {
+  if ((n2.type === NodeType$3.Document || n2.type === NodeType$3.Element) && !skipChild) {
     for (const childN of n2.childNodes) {
       const childNode = buildNodeWithSN(childN, {
         doc,
@@ -5250,7 +5268,7 @@ function buildNodeWithSN(n2, options) {
       }
       if (childN.isShadow && isElement(node2) && node2.shadowRoot) {
         node2.shadowRoot.appendChild(childNode);
-      } else if (n2.type === NodeType$2.Document && childN.type == NodeType$2.Element) {
+      } else if (n2.type === NodeType$3.Document && childN.type == NodeType$3.Element) {
         const htmlElement = childNode;
         let body = null;
         htmlElement.childNodes.forEach((child) => {
@@ -5285,7 +5303,7 @@ function visit(mirror2, onVisit) {
 }
 function handleScroll(node2, mirror2) {
   const n2 = mirror2.getMeta(node2);
-  if ((n2 == null ? void 0 : n2.type) !== NodeType$2.Element) {
+  if ((n2 == null ? void 0 : n2.type) !== NodeType$3.Element) {
     return;
   }
   const el = node2;
@@ -5333,15 +5351,6 @@ var __publicField2 = (obj, key, value) => __defNormalProp2(obj, typeof key !== "
 var __defProp22 = Object.defineProperty;
 var __defNormalProp22 = (obj, key, value) => key in obj ? __defProp22(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField22 = (obj, key, value) => __defNormalProp22(obj, typeof key !== "symbol" ? key + "" : key, value);
-var NodeType$1 = /* @__PURE__ */ ((NodeType2) => {
-  NodeType2[NodeType2["Document"] = 0] = "Document";
-  NodeType2[NodeType2["DocumentType"] = 1] = "DocumentType";
-  NodeType2[NodeType2["Element"] = 2] = "Element";
-  NodeType2[NodeType2["Text"] = 3] = "Text";
-  NodeType2[NodeType2["CDATA"] = 4] = "CDATA";
-  NodeType2[NodeType2["Comment"] = 5] = "Comment";
-  return NodeType2;
-})(NodeType$1 || {});
 let Mirror$1 = class Mirror2 {
   constructor() {
     __publicField22(this, "idNodeMap", /* @__PURE__ */ new Map());
@@ -8949,6 +8958,15 @@ postcss$1.Input;
 postcss$1.Rule;
 postcss$1.Root;
 postcss$1.Node;
+var NodeType$1 = /* @__PURE__ */ ((NodeType2) => {
+  NodeType2[NodeType2["Document"] = 0] = "Document";
+  NodeType2[NodeType2["DocumentType"] = 1] = "DocumentType";
+  NodeType2[NodeType2["Element"] = 2] = "Element";
+  NodeType2[NodeType2["Text"] = 3] = "Text";
+  NodeType2[NodeType2["CDATA"] = 4] = "CDATA";
+  NodeType2[NodeType2["Comment"] = 5] = "Comment";
+  return NodeType2;
+})(NodeType$1 || {});
 function parseCSSText(cssText) {
   const res = {};
   const listDelimiter = /;(?![^(]*\))/g;
@@ -9458,7 +9476,7 @@ function removeChild(parent, child) {
   child.parentNode = null;
   return child;
 }
-var NodeType = /* @__PURE__ */ ((NodeType2) => {
+var NodeType$2 = /* @__PURE__ */ ((NodeType2) => {
   NodeType2[NodeType2["PLACEHOLDER"] = 0] = "PLACEHOLDER";
   NodeType2[NodeType2["ELEMENT_NODE"] = 1] = "ELEMENT_NODE";
   NodeType2[NodeType2["ATTRIBUTE_NODE"] = 2] = "ATTRIBUTE_NODE";
@@ -9472,7 +9490,7 @@ var NodeType = /* @__PURE__ */ ((NodeType2) => {
   NodeType2[NodeType2["DOCUMENT_TYPE_NODE"] = 10] = "DOCUMENT_TYPE_NODE";
   NodeType2[NodeType2["DOCUMENT_FRAGMENT_NODE"] = 11] = "DOCUMENT_FRAGMENT_NODE";
   return NodeType2;
-})(NodeType || {});
+})(NodeType$2 || {});
 const NAMESPACES = {
   svg: "http://www.w3.org/2000/svg",
   "xlink:href": "http://www.w3.org/1999/xlink",
@@ -10031,7 +10049,7 @@ function getValidTagName(element) {
 function buildFromNode(node2, rrdom, domMirror, parentRRNode) {
   let rrNode;
   switch (node2.nodeType) {
-    case NodeType.DOCUMENT_NODE:
+    case NodeType$2.DOCUMENT_NODE:
       if (parentRRNode && parentRRNode.nodeName === "IFRAME")
         rrNode = parentRRNode.contentDocument;
       else {
@@ -10039,7 +10057,7 @@ function buildFromNode(node2, rrdom, domMirror, parentRRNode) {
         rrNode.compatMode = node2.compatMode;
       }
       break;
-    case NodeType.DOCUMENT_TYPE_NODE: {
+    case NodeType$2.DOCUMENT_TYPE_NODE: {
       const documentType = node2;
       rrNode = rrdom.createDocumentType(
         documentType.name,
@@ -10048,7 +10066,7 @@ function buildFromNode(node2, rrdom, domMirror, parentRRNode) {
       );
       break;
     }
-    case NodeType.ELEMENT_NODE: {
+    case NodeType$2.ELEMENT_NODE: {
       const elementNode = node2;
       const tagName = getValidTagName(elementNode);
       rrNode = rrdom.createElement(tagName);
@@ -10060,16 +10078,16 @@ function buildFromNode(node2, rrdom, domMirror, parentRRNode) {
       elementNode.scrollTop && (rrElement.scrollTop = elementNode.scrollTop);
       break;
     }
-    case NodeType.TEXT_NODE:
+    case NodeType$2.TEXT_NODE:
       rrNode = rrdom.createTextNode(node2.textContent || "");
       break;
-    case NodeType.CDATA_SECTION_NODE:
+    case NodeType$2.CDATA_SECTION_NODE:
       rrNode = rrdom.createCDATASection(node2.data);
       break;
-    case NodeType.COMMENT_NODE:
+    case NodeType$2.COMMENT_NODE:
       rrNode = rrdom.createComment(node2.textContent || "");
       break;
-    case NodeType.DOCUMENT_FRAGMENT_NODE:
+    case NodeType$2.DOCUMENT_FRAGMENT_NODE:
       rrNode = parentRRNode.attachShadow({ mode: "open" });
       break;
     default:
@@ -10092,7 +10110,7 @@ function buildFromDom(dom, domMirror = createMirror$1(), rrdom = new RRDocument(
     if (
       // if the parentRRNode isn't a RRIFrameElement
       (parentRRNode == null ? void 0 : parentRRNode.nodeName) !== "IFRAME" && // if node isn't a shadow root
-      node2.nodeType !== NodeType.DOCUMENT_FRAGMENT_NODE
+      node2.nodeType !== NodeType$2.DOCUMENT_FRAGMENT_NODE
     ) {
       parentRRNode == null ? void 0 : parentRRNode.appendChild(rrNode);
       rrNode.parentNode = parentRRNode;
@@ -10101,8 +10119,8 @@ function buildFromDom(dom, domMirror = createMirror$1(), rrdom = new RRDocument(
     if (node2.nodeName === "IFRAME") {
       const iframeDoc = node2.contentDocument;
       iframeDoc && walk2(iframeDoc, rrNode);
-    } else if (node2.nodeType === NodeType.DOCUMENT_NODE || node2.nodeType === NodeType.ELEMENT_NODE || node2.nodeType === NodeType.DOCUMENT_FRAGMENT_NODE) {
-      if (node2.nodeType === NodeType.ELEMENT_NODE && node2.shadowRoot)
+    } else if (node2.nodeType === NodeType$2.DOCUMENT_NODE || node2.nodeType === NodeType$2.ELEMENT_NODE || node2.nodeType === NodeType$2.DOCUMENT_FRAGMENT_NODE) {
+      if (node2.nodeType === NodeType$2.ELEMENT_NODE && node2.shadowRoot)
         walk2(node2.shadowRoot, rrNode);
       node2.childNodes.forEach((childNode) => walk2(childNode, rrNode));
     }
@@ -10226,6 +10244,9 @@ const testableMethods = {
   MutationObserver: ["constructor"]
 };
 const untaintedBasePrototype = {};
+const isAngularZonePresent = () => {
+  return !!globalThis.Zone;
+};
 function getUntaintedPrototype(key) {
   if (untaintedBasePrototype[key])
     return untaintedBasePrototype[key];
@@ -10253,7 +10274,7 @@ function getUntaintedPrototype(key) {
       }
     )
   );
-  if (isUntaintedAccessors && isUntaintedMethods) {
+  if (isUntaintedAccessors && isUntaintedMethods && !isAngularZonePresent()) {
     untaintedBasePrototype[key] = defaultObj.prototype;
     return defaultObj.prototype;
   }
@@ -10835,6 +10856,15 @@ var ReplayerEvents = /* @__PURE__ */ ((ReplayerEvents2) => {
   ReplayerEvents2["Destroy"] = "destroy";
   return ReplayerEvents2;
 })(ReplayerEvents || {});
+var NodeType = /* @__PURE__ */ ((NodeType2) => {
+  NodeType2[NodeType2["Document"] = 0] = "Document";
+  NodeType2[NodeType2["DocumentType"] = 1] = "DocumentType";
+  NodeType2[NodeType2["Element"] = 2] = "Element";
+  NodeType2[NodeType2["Text"] = 3] = "Text";
+  NodeType2[NodeType2["CDATA"] = 4] = "CDATA";
+  NodeType2[NodeType2["Comment"] = 5] = "Comment";
+  return NodeType2;
+})(NodeType || {});
 function isNodeInLinkedList(n2) {
   return "__ln" in n2;
 }
@@ -12771,7 +12801,7 @@ class IframeManager {
     }
   }
   patchRootIdOnNode(node2, rootId) {
-    if (node2.type !== NodeType$2.Document && !node2.rootId) node2.rootId = rootId;
+    if (node2.type !== NodeType.Document && !node2.rootId) node2.rootId = rootId;
     if ("childNodes" in node2) {
       node2.childNodes.forEach((child) => {
         this.patchRootIdOnNode(child, rootId);
@@ -15858,7 +15888,7 @@ class Replayer {
         collectedDialogs.add(builtNode);
       this.collectIframeAndAttachDocument(collectedIframes, builtNode);
       const sn = mirror2.getMeta(builtNode);
-      if ((sn == null ? void 0 : sn.type) === NodeType$2.Element && (sn == null ? void 0 : sn.tagName.toUpperCase()) === "HTML") {
+      if ((sn == null ? void 0 : sn.type) === NodeType.Element && (sn == null ? void 0 : sn.tagName.toUpperCase()) === "HTML") {
         const { documentElement, head } = iframeEl.contentDocument;
         this.insertStyleRules(
           documentElement,
@@ -16334,7 +16364,7 @@ class Replayer {
         mutation.parentId
       );
       if (!parent) {
-        if (mutation.node.type === NodeType$2.Document) {
+        if (mutation.node.type === NodeType.Document) {
           return this.newDocumentQueue.push(mutation);
         }
         return queue.push(mutation);
@@ -16396,7 +16426,7 @@ class Replayer {
         return;
       }
       const parentSn = mirror2.getMeta(parent);
-      if (parentSn && parentSn.type === NodeType$2.Element && mutation.node.type === NodeType$2.Text) {
+      if (parentSn && parentSn.type === NodeType.Element && mutation.node.type === NodeType.Text) {
         const prospectiveSiblings = Array.isArray(parent.childNodes) ? parent.childNodes : Array.from(parent.childNodes);
         if (parentSn.tagName === "textarea") {
           for (const c2 of prospectiveSiblings) {
@@ -16412,9 +16442,9 @@ class Replayer {
             }
           }
         }
-      } else if ((parentSn == null ? void 0 : parentSn.type) === NodeType$2.Document) {
+      } else if ((parentSn == null ? void 0 : parentSn.type) === NodeType.Document) {
         const parentDoc = parent;
-        if (mutation.node.type === NodeType$2.DocumentType && ((_a2 = parentDoc.childNodes[0]) == null ? void 0 : _a2.nodeType) === Node.DOCUMENT_TYPE_NODE)
+        if (mutation.node.type === NodeType.DocumentType && ((_a2 = parentDoc.childNodes[0]) == null ? void 0 : _a2.nodeType) === Node.DOCUMENT_TYPE_NODE)
           parentDoc.removeChild(parentDoc.childNodes[0]);
         if (target.nodeName === "HTML" && parentDoc.documentElement)
           parentDoc.removeChild(
@@ -16620,7 +16650,7 @@ class Replayer {
         left: d.x,
         behavior: isSync ? "auto" : "smooth"
       });
-    } else if ((sn == null ? void 0 : sn.type) === NodeType$2.Document) {
+    } else if ((sn == null ? void 0 : sn.type) === NodeType.Document) {
       (_b = target.defaultView) == null ? void 0 : _b.scrollTo({
         top: d.y,
         left: d.x,