@pendo/agent 2.344.1 → 2.346.0

package/dist/pendo.module.js

@@ -668,7 +668,7 @@ function loadStagingAgent(config, pendo, debuggingEnabled) {
         var altAgentUrl = getAlternateAgentUrl(config, true, debuggingEnabled);
         if (altAgentUrl) {
             setupMethodCapture(pendo);
-            includeScript(altAgentUrl, pendo);
+            includeScript(altAgentUrl, pendo, config.pendoGlobalKey);
             return true;
         }
     }
@@ -679,7 +679,7 @@ function loadUnminifiedAgent(config, pendo, debuggingEnabled) {
         var altAgentUrl = getAlternateAgentUrl(config, false, debuggingEnabled);
         if (altAgentUrl) {
             setupMethodCapture(pendo);
-            includeScript(altAgentUrl, pendo);
+            includeScript(altAgentUrl, pendo, config.pendoGlobalKey);
             return true;
         }
     }
@@ -688,11 +688,16 @@ function loadUnminifiedAgent(config, pendo, debuggingEnabled) {
 function loadAlternateAgent(config, pendo, debuggingEnabled) {
     return loadStagingAgent(config, pendo, debuggingEnabled) || loadUnminifiedAgent(config, pendo, debuggingEnabled);
 }
-function includeScript(scriptUrl, pendo) {
+function includeScript(scriptUrl, pendo, globalKey) {
     var scriptTagName = 'script';
     var stagingScriptTag = document.createElement(scriptTagName);
     stagingScriptTag.async = true;
     stagingScriptTag.src = getPolicy(pendo).createScriptURL(scriptUrl);
+    // The alternate agent reads its global key from its own script tag, and its
+    // bundled PendoConfig doesn't carry the key the snippet set.
+    if (globalKey) {
+        stagingScriptTag.setAttribute('data-pendo-global-key', globalKey);
+    }
     var otherScriptTag = document.getElementsByTagName(scriptTagName)[0];
     if (otherScriptTag && otherScriptTag.parentNode) {
         otherScriptTag.parentNode.insertBefore(stagingScriptTag, otherScriptTag);
@@ -4009,6 +4014,9 @@ function shouldWrapHashChange() {
 function isMobileUserAgent() {
     return (/Android|webOS|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i).test(getUA());
 }
+function supportsPopover() {
+    return !!window.HTMLElement && isNativeCode(window.HTMLElement.prototype.showPopover);
+}
 function isSafari(userAgent = getUA()) {
     return userAgent.indexOf('Safari') >= 0 && !isChromium(userAgent);
 }
@@ -4021,6 +4029,7 @@ function isChromium(userAgent = getUA()) {
 const sniffer = {
     supportsHistoryApi: shouldWrapNativeHistory,
     supportsHashChange: shouldWrapHashChange,
+    supportsPopover,
     hasEvent(event) {
         // IE9 implements 'input' event it's so fubared that we rather pretend that it doesn't have
         // it. In particular the event is not fired when backspace or delete key are pressed or
@@ -4129,8 +4138,8 @@ let SERVER = '';
 let ASSET_HOST = '';
 let ASSET_PATH = '';
 let DESIGNER_SERVER = '';
-let VERSION = '2.344.1_';
-let PACKAGE_VERSION = '2.344.1';
+let VERSION = '2.346.0_';
+let PACKAGE_VERSION = '2.346.0';
 let LOADER = 'xhr';
 /* eslint-enable web-sdk-eslint-rules/no-gulp-env-references */
 /**
@@ -10113,6 +10122,16 @@ function getFontBaseUrl() {
     return `${FONT_HOST}/fonts`;
 }
 
+// Despite the name, this is a behavioral gate rather than an identity check: it is true whenever
+// the agent is in a parent-child sub relationship where another subscription owns this agent's
+// content and event attribution. That covers traditional Adopt training partners and, as a subtype,
+// partner-analytics-forwarding subs. Call sites rely on that meaning - the acc/oemAccountId event
+// attribution, the trusted-origin bypass, and skipping the contentHost rewrite - not on the sub
+// literally being an Adopt partner.
+// This assumes those subs only ever serve the partner's own content. If Pendo sub analytics is ever
+// turned on with guides - so a forwarding sub delivers Pendo-origin guide content - the call sites
+// that treat "partner" as "another sub owns all content" (the contentHost skip in particular) will
+// need to be revisited, likely as a per-url decision rather than this all-or-nothing gate.
 function treatAsAdoptPartner() {
     // allowPartnerAnalyticsForwarding is set on the snippet in Adopt UI to block based on the environment of the app.
     // adoptAnalyticsForwarding is set in pendoConfig, based on the app flag.
@@ -12592,10 +12611,10 @@ var getDesignerWindow = function () {
     // directly to the top window.
     return isPendo.test(location.href) ? window.parent : window.top;
 };
-var announceAgentLoaded = function () {
+var announceAgentLoaded = function (url) {
     if (detectMaster()) {
         var win = getDesignerWindow();
-        tellMaster(win, { type: 'load', url: location.toString() }, '*');
+        tellMaster(win, { type: 'load', url: url || location.toString() }, '*');
     }
 };
 var addSafeWindowMessageListener = function (cb) {
@@ -13930,7 +13949,7 @@ var pageLoad = makeSafe(function (url) {
         pageLoad.lastUrl = url;
         var loadTime = -1;
         if (!restrictP1Access()) {
-            announceAgentLoaded();
+            announceAgentLoaded(url);
         }
         log.debug('sending load event for url ' + url);
         if (typeof performance !== 'undefined' &&
@@ -14557,6 +14576,14 @@ function getPendoCdnHost() {
 // A contentHost set up as a CNAME in app settings is delivered in the hosted config, while a
 // snippet value is the customer's own override of it. Same precedence getDataHost uses.
 function getConfiguredContentHost() {
+    // Partner/OEM guide content lives in the partner's own storage buckets, so we
+    // must not rewrite those urls away from the partner. This is an all-or-nothing skip that
+    // assumes a partner sub never serves Pendo-origin guide content that a contentHost should
+    // apply to - true while only the partner's own guides are delivered. If guides are ever
+    // enabled for partner-analytics subs with content on a Pendo host, this needs to become a
+    // per-url decision (skip partner-bucket urls, still rewrite Pendo-origin ones) instead.
+    if (treatAsAdoptPartner())
+        return undefined;
     return ConfigReader.getLocalConfig('contentHost') || ConfigReader.getHostedConfig('contentHost');
 }
 function replaceWithContentHost(str) {
@@ -23837,6 +23864,78 @@ var backdropVisibilityStep = {
     script: backdropVisibilityRuntimeScript
 };
 
+// ":modal" also matches a fullscreen element, which cannot take children
+const MODAL_DIALOG = 'dialog:modal';
+function queryModalDialogs() {
+    try {
+        return document.querySelectorAll(MODAL_DIALOG);
+    }
+    catch (e) {
+        return [];
+    }
+}
+function closestModalDialog(element) {
+    try {
+        return element && _.isFunction(element.closest) ? element.closest(MODAL_DIALOG) : null;
+    }
+    catch (e) {
+        return null;
+    }
+}
+function queryConfiguredSelector(step) {
+    const selector = _.get(step, 'attributes.popover.selector');
+    if (!selector)
+        return null;
+    try {
+        return dom(selector)[0] || null;
+    }
+    catch (e) {
+        log.info('Invalid popover selector', { contexts: ['error', 'guide', 'render'] });
+        return null;
+    }
+}
+function findHost(step) {
+    const host = queryConfiguredSelector(step) ||
+        closestModalDialog(step.targetElement) ||
+        _.last(queryModalDialogs());
+    // a host inside a shadow root would change the guide's root node
+    return host && host.getRootNode() === document ? host : null;
+}
+function promoteToPopover(element) {
+    element.setAttribute('popover', 'manual');
+    try {
+        element.showPopover();
+    }
+    catch (e) {
+        element.removeAttribute('popover');
+        log.info('Failed to render guide as popover', { contexts: ['error', 'guide', 'render'] });
+    }
+}
+// Registered ahead of backdrop-visibility-step and autofocus-step, which mark the siblings of the
+// guide's ancestors: the guide must already be inside the dialog or the dialog ends up hidden.
+function popoverRuntimeScript(step, guide, pendo) {
+    if (pendo.designer || !step.guideElement)
+        return;
+    if (!_.get(step, 'attributes.popover.enabled') || !sniffer.supportsPopover())
+        return;
+    if (_.get(guide, 'attributes.resourceCenter') || _.get(guide, 'attributes.embedConfig'))
+        return;
+    const guideContainer = step.guideElement.find(`#${step.containerId}`);
+    if (!guideContainer.length)
+        return;
+    // positioned in document coordinates, which a fixed root in the top layer breaks
+    if (guideContainer.attr('data-vertical-alignment') === 'Relative to Element')
+        return;
+    const host = findHost(step);
+    if (!host)
+        return;
+    host.appendChild(step.guideElement[0]);
+    promoteToPopover(step.guideElement[0]);
+}
+var popoverStep = {
+    script: popoverRuntimeScript
+};
+
 function isTooltip({ _ }, step) {
     const tooltip = 'tooltip';
     return _.get(step, 'attributes.calculatedType') === tooltip ||
@@ -23993,6 +24092,7 @@ function registerPostrenderScripts(runtime) {
     _.each([
         advanceOnElement,
         announcementMarkSeen,
+        popoverStep,
         autofocusStep,
         backdropVisibilityStep,
         repositionOnScroll,
@@ -25948,8 +26048,14 @@ var MESSAGE_ENDED = 'pendo-live-preview::ended';
 var MESSAGE_END_ACK = 'pendo-live-preview::end-ack';
 var RELAY_END_MESSAGE_TIMEOUT = 2000;
 var activeRelay = null;
+// event.source alone is not enough: an ancestor page can navigate the relay frame to its own
+// document and keep the same window object, so the sender's origin has to be the relay's too.
+// An unknown relay origin ('*') cannot be matched, so it never authenticates a message.
 function isRelayMessage(event, relay) {
-    return event.source === relay.frame.contentWindow && !!event.data;
+    return relay.origin !== '*' &&
+        event.origin === relay.origin &&
+        event.source === relay.frame.contentWindow &&
+        !!event.data;
 }
 function sendConfig(relay) {
     if (!relay.frame.contentWindow)
@@ -28484,7 +28590,8 @@ class NetworkRequestIntercept {
                         return MAX_RESPONSE_SIZE_MESSAGE;
                     }
                 }
-                const text = yield config.text();
+                const canStream = config.body && _.isFunction(config.body.getReader) && typeof TextDecoder !== 'undefined';
+                const text = canStream ? yield this.readBodyStream(config.body) : yield config.text();
                 if (text.length > MAX_RESPONSE_SIZE) {
                     return MAX_RESPONSE_SIZE_MESSAGE;
                 }
@@ -28495,6 +28602,26 @@ class NetworkRequestIntercept {
             }
         });
     }
+    // Reads chunk by chunk so a long or never-ending stream stops buffering once it passes the cap
+    readBodyStream(body) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const reader = body.getReader();
+            const decoder = new TextDecoder();
+            let text = '';
+            let bytesRead = 0;
+            let chunk = yield reader.read();
+            while (!chunk.done) {
+                bytesRead += chunk.value.byteLength;
+                if (bytesRead > MAX_RESPONSE_SIZE) {
+                    reader.cancel().catch(_.noop);
+                    return MAX_RESPONSE_SIZE_MESSAGE;
+                }
+                text += decoder.decode(chunk.value, { stream: true });
+                chunk = yield reader.read();
+            }
+            return text + decoder.decode();
+        });
+    }
     extractConfigHeaders(config) {
         let headers = {};
         if (config.headers) {
@@ -28567,33 +28694,7 @@ class NetworkRequestIntercept {
                 // Make the actual fetch call and capture response
                 try {
                     const res = yield networkInterceptor._originalFetch.apply(this, args);
-                    // Clone the response to avoid consuming the body
-                    const responseClone = res.clone();
-                    try {
-                        // Capture response data
-                        const responseBody = yield networkInterceptor.safelyReadBody(responseClone, 'response');
-                        const { status, statusText } = res;
-                        const headers = networkInterceptor.extractConfigHeaders(res);
-                        _.each(networkInterceptor.callbackFns, ({ response }) => {
-                            if (_.isFunction(response)) {
-                                response({
-                                    requestId,
-                                    status,
-                                    statusText,
-                                    body: responseBody,
-                                    headers,
-                                    url: transformedUrl,
-                                    method
-                                });
-                            }
-                        });
-                    }
-                    catch (e) {
-                        _.each(networkInterceptor.callbackFns, ({ error }) => {
-                            if (_.isFunction(error))
-                                error({ context: 'fetchResponse', error: e });
-                        });
-                    }
+                    networkInterceptor.captureResponse(res, { requestId, url: transformedUrl, method });
                     return res;
                 }
                 catch (error) {
@@ -28617,6 +28718,29 @@ class NetworkRequestIntercept {
             });
         };
     }
+    // Not awaited by the fetch wrapper: the app gets its response before the body is read
+    captureResponse(res, { requestId, url, method }) {
+        return __awaiter(this, void 0, void 0, function* () {
+            try {
+                // Clone synchronously, before the app can consume the body
+                const responseClone = res.clone();
+                const body = yield this.safelyReadBody(responseClone, 'response');
+                const { status, statusText } = res;
+                const headers = this.extractConfigHeaders(res);
+                _.each(this.callbackFns, ({ response }) => {
+                    if (_.isFunction(response)) {
+                        response({ requestId, status, statusText, body, headers, url, method });
+                    }
+                });
+            }
+            catch (e) {
+                _.each(this.callbackFns, ({ error }) => {
+                    if (_.isFunction(error))
+                        error({ context: 'fetchResponse', error: e });
+                });
+            }
+        });
+    }
     patchXHR() {
         const networkInterceptor = this;
         networkInterceptor._originalSetRequestHeader = XMLHttpRequest.prototype.setRequestHeader;
@@ -36357,6 +36481,12 @@ const DebuggerModule = (() => {
         identity: { type: SYNC_TYPES.BOTTOM_UP, defaultValue: {} },
         location: { type: SYNC_TYPES.BOTTOM_UP, defaultValue: {} }
     };
+    // frameId comes off the cross-frame channel and keys state.frames, so a key like
+    // __proto__ would resolve to Object.prototype and the sync would write onto it
+    const UNSAFE_FRAME_IDS = ['__proto__', 'constructor', 'prototype'];
+    function isSafeFrameId(frameId) {
+        return _.isString(frameId) && !_.contains(UNSAFE_FRAME_IDS, frameId);
+    }
     const actions = {
         init: (context, buffer) => {
             context.commit('setFrameId', EventTracer.getFrameId());
@@ -36720,6 +36850,8 @@ const DebuggerModule = (() => {
             });
             setter = mutations[`_sync_${fieldName}`] || setter;
             mutations[`_sync_${fieldName}`] = (state, { value, frameId }) => {
+                if (!isSafeFrameId(frameId))
+                    return;
                 if (!state.frames[frameId]) {
                     state.frames[frameId] = {};
                 }
@@ -41982,11 +42114,20 @@ class DOMPrompt {
         }
         return tmp;
     }
+    isPasswordInput(elem) {
+        return !!elem && !!elem.tagName && elem.tagName.toLowerCase() === 'input' && elem.type === 'password';
+    }
+    getInputText(inputEl) {
+        if (this.isPasswordInput(inputEl.get())) {
+            return '';
+        }
+        return inputEl.getText();
+    }
     getPromptValue() {
         const elementWithValue = this._.find(this.inputEls, (el) => {
             if (el) {
                 try {
-                    const value = el.getText();
+                    const value = this.getInputText(el);
                     return value && value.trim();
                 }
                 catch (err) {
@@ -41997,7 +42138,7 @@ class DOMPrompt {
         });
         if (elementWithValue) {
             try {
-                const value = elementWithValue.getText();
+                const value = this.getInputText(elementWithValue);
                 return value.trim();
             }
             catch (err) { }
@@ -42132,7 +42273,7 @@ class PromptPlugin {
         });
         const currentlyActiveIds = this._.map(this._.filter(this.prompts, prompt => prompt.isActive), prompt => prompt.id);
         this._.each(allAgents, aiAgent => {
-            if (this.isConversationAgent(aiAgent)) {
+            if (this.isConversationAgent(aiAgent) || this.isNetworkAgent(aiAgent)) {
                 return;
             }
             const isCurrentlyActive = this._.contains(currentlyActiveIds, aiAgent.id);
@@ -42157,30 +42298,21 @@ class PromptPlugin {
     isConversationAgent(agent) {
         return agent.preset && agent.preset != 'chatgpt';
     }
+    // network tracking is not supported; these agents are ignored rather than falling back to DOM.
+    isNetworkAgent(agent) {
+        return agent.trackingMethod === 'network';
+    }
     onConfigLoaded(aiAgents = []) {
         if (!aiAgents || !this._.isArray(aiAgents) || aiAgents.length === 0) {
             return;
         }
-        const networkAgents = [];
         const domAgents = [];
         for (const agent of aiAgents) {
-            if (this.isConversationAgent(agent)) {
+            if (this.isConversationAgent(agent) || this.isNetworkAgent(agent)) {
                 continue;
             }
-            if (agent.trackingMethod === 'network') {
-                networkAgents.push(agent);
-            }
-            else if (agent.trackingMethod === 'dom') {
-                domAgents.push(agent);
-            }
-            else {
-                // Default to DOM if no trackingMethod specified
-                domAgents.push(agent);
-            }
-        }
-        if (networkAgents.length > 0) {
-            this.networkAgents = networkAgents;
-            this.api.NetworkRequest.on({ request: this.handleRequest, error: this.handleError });
+            // Default to DOM if no trackingMethod specified
+            domAgents.push(agent);
         }
         // Cache agents for fast lookup
         if (!this.agentsCache) {
@@ -42201,29 +42333,6 @@ class PromptPlugin {
             }
         });
     }
-    handleRequest({ method, url, body }) {
-        const currentUrl = getNormalizedUrl();
-        this._.each(this.networkAgents, aiAgent => {
-            if (!this.testPageRule(aiAgent.pageRule, currentUrl, aiAgent.id)) {
-                return;
-            }
-            const originalBody = body || '';
-            this.api.analytics.collectEvent('prompt', {
-                prompt: originalBody,
-                agentId: aiAgent.id,
-                promptType: method,
-                url
-            }, undefined, 'agentic');
-        });
-    }
-    handleError({ error, context }) {
-        if (context == 'fetch') {
-            this.api.log.debug('[PromptPlugin] Fetch tracking failed:', error);
-        }
-        if (context == 'xhr') {
-            this.api.log.debug('[PromptPlugin] XHR tracking failed:', error);
-        }
-    }
     observePrompt(config) {
         const { id, cssSelectors } = config;
         // Check if agent already exists
@@ -42262,7 +42371,6 @@ class PromptPlugin {
         if (this.agentsCache) {
             this.agentsCache.clear();
         }
-        this.api.NetworkRequest.off({ request: this.handleRequest, error: this.handleError });
     }
 }
 var PromptAnalytics = new PromptPlugin();
@@ -43077,11 +43185,28 @@ function lookupGuideButtons(domJson, buttons = []) {
     }
     return buttons;
 }
+function replaceFirstInTextNodes(node, textToReplace, replacementText) {
+    for (let i = 0; i < node.childNodes.length; i++) {
+        const child = node.childNodes[i];
+        if (child.nodeType === 3) {
+            const replaced = child.nodeValue.replace(textToReplace, replacementText);
+            if (replaced !== child.nodeValue) {
+                child.nodeValue = replaced;
+                return true;
+            }
+        }
+        else if (replaceFirstInTextNodes(child, textToReplace, replacementText)) {
+            return true;
+        }
+    }
+    return false;
+}
 function removeMarkdownSyntax(element, textToReplace, replacementText, pendo) {
-    var _a;
     if (pendo.dom(element).hasClass('_pendo-nps-open-text-poll-question')) {
-        // This prevents us from removing the message for the conditionally rendered elements
-        element.innerHTML = (_a = element.innerHTML) === null || _a === void 0 ? void 0 : _a.replace(textToReplace, replacementText);
+        // Edit text nodes in place rather than round-tripping innerHTML: re-parsing serialized
+        // guide markup can mutate it into live elements (mXSS). This also keeps child elements intact.
+        element.normalize();
+        replaceFirstInTextNodes(element, textToReplace, replacementText);
     }
     if (element.localName === 'button' ||
         element.localName === 'label' ||
@@ -43598,6 +43723,13 @@ function encodeMetadataForUrl(value, urlBeforePlaceholder = '') {
     }
     return window.encodeURI(str);
 }
+// Resolve through the browser's own URL parser: it strips tabs/newlines inside the scheme
+// (e.g. "java\tscript:"), which a regex over the raw string would miss.
+function hasDangerousUrlScheme(url) {
+    const anchor = document.createElement('a');
+    anchor.href = url;
+    return DANGEROUS_URL_SCHEME.test(anchor.protocol);
+}
 
 const MetadataSubstitution = {
     name: 'MetadataSubstitution',
@@ -43684,27 +43816,37 @@ function processPlaceholder(placeholder, pendo) {
     let match;
     const { data, target } = placeholder;
     const subRegex = new RegExp(guideMarkdownUtil.substitutionRegex);
+    const isUrlTarget = target === 'href' || target === 'value';
+    const startedWithDangerousScheme = isUrlTarget && hasDangerousUrlScheme(getRawTargetValue(data, target));
     while ((match = matchPlaceholder(placeholder, subRegex))) {
         const usedArrayPath = Array.isArray(match) && match.length >= 2;
         const currentStr = target === 'textContent'
             ? data[target]
-            : decodeURI((data.getAttribute && (target === 'href' || target === 'value') ? (data.getAttribute(target) || '') : data[target]));
+            : decodeURI(getRawTargetValue(data, target));
         const matched = usedArrayPath ? match : subRegex.exec(currentStr);
         if (!matched)
             continue;
         const mdValue = getSubstituteValue(matched, pendo);
         substituteMetadataByTarget(data, target, mdValue, matched);
+        // Substituted values can carry new placeholders into the next pass, so a dangerous
+        // scheme can be assembled across passes. Check the whole URL, not each fragment.
+        if (isUrlTarget && !startedWithDangerousScheme && hasDangerousUrlScheme(getRawTargetValue(data, target))) {
+            data[target] = '';
+            return;
+        }
     }
 }
+function getRawTargetValue(data, target) {
+    return data.getAttribute && (target === 'href' || target === 'value')
+        ? (data.getAttribute(target) || '')
+        : data[target];
+}
 function matchPlaceholder(placeholder, regex) {
     if (placeholder.target === 'textContent') {
         return placeholder.data[placeholder.target].match(regex);
     }
     else {
-        const raw = placeholder.data.getAttribute && (placeholder.target === 'href' || placeholder.target === 'value')
-            ? (placeholder.data.getAttribute(placeholder.target) || '')
-            : placeholder.data[placeholder.target];
-        return decodeURI(raw).match(regex);
+        return decodeURI(getRawTargetValue(placeholder.data, placeholder.target)).match(regex);
     }
 }
 function getMetadataValueCaseInsensitive(metadata, type, property) {
@@ -46408,10 +46550,72 @@ function record() { var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 var _a;
-var __defProp$1 = Object.defineProperty;
-var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField$1 = (obj, key, value) => __defNormalProp$1(obj, typeof key !== "symbol" ? key + "" : key, value);
-var NodeType$3 = /* @__PURE__ */ ((NodeType2) => {
+var EventType = /* @__PURE__ */ ((EventType2) => {
+  EventType2[EventType2["DomContentLoaded"] = 0] = "DomContentLoaded";
+  EventType2[EventType2["Load"] = 1] = "Load";
+  EventType2[EventType2["FullSnapshot"] = 2] = "FullSnapshot";
+  EventType2[EventType2["IncrementalSnapshot"] = 3] = "IncrementalSnapshot";
+  EventType2[EventType2["Meta"] = 4] = "Meta";
+  EventType2[EventType2["Custom"] = 5] = "Custom";
+  EventType2[EventType2["Plugin"] = 6] = "Plugin";
+  EventType2[EventType2["Asset"] = 7] = "Asset";
+  return EventType2;
+})(EventType || {});
+var IncrementalSource = /* @__PURE__ */ ((IncrementalSource2) => {
+  IncrementalSource2[IncrementalSource2["Mutation"] = 0] = "Mutation";
+  IncrementalSource2[IncrementalSource2["MouseMove"] = 1] = "MouseMove";
+  IncrementalSource2[IncrementalSource2["MouseInteraction"] = 2] = "MouseInteraction";
+  IncrementalSource2[IncrementalSource2["Scroll"] = 3] = "Scroll";
+  IncrementalSource2[IncrementalSource2["ViewportResize"] = 4] = "ViewportResize";
+  IncrementalSource2[IncrementalSource2["Input"] = 5] = "Input";
+  IncrementalSource2[IncrementalSource2["TouchMove"] = 6] = "TouchMove";
+  IncrementalSource2[IncrementalSource2["MediaInteraction"] = 7] = "MediaInteraction";
+  IncrementalSource2[IncrementalSource2["StyleSheetRule"] = 8] = "StyleSheetRule";
+  IncrementalSource2[IncrementalSource2["CanvasMutation"] = 9] = "CanvasMutation";
+  IncrementalSource2[IncrementalSource2["Font"] = 10] = "Font";
+  IncrementalSource2[IncrementalSource2["Log"] = 11] = "Log";
+  IncrementalSource2[IncrementalSource2["Drag"] = 12] = "Drag";
+  IncrementalSource2[IncrementalSource2["StyleDeclaration"] = 13] = "StyleDeclaration";
+  IncrementalSource2[IncrementalSource2["Selection"] = 14] = "Selection";
+  IncrementalSource2[IncrementalSource2["AdoptedStyleSheet"] = 15] = "AdoptedStyleSheet";
+  IncrementalSource2[IncrementalSource2["CustomElement"] = 16] = "CustomElement";
+  return IncrementalSource2;
+})(IncrementalSource || {});
+var MouseInteractions = /* @__PURE__ */ ((MouseInteractions2) => {
+  MouseInteractions2[MouseInteractions2["MouseUp"] = 0] = "MouseUp";
+  MouseInteractions2[MouseInteractions2["MouseDown"] = 1] = "MouseDown";
+  MouseInteractions2[MouseInteractions2["Click"] = 2] = "Click";
+  MouseInteractions2[MouseInteractions2["ContextMenu"] = 3] = "ContextMenu";
+  MouseInteractions2[MouseInteractions2["DblClick"] = 4] = "DblClick";
+  MouseInteractions2[MouseInteractions2["Focus"] = 5] = "Focus";
+  MouseInteractions2[MouseInteractions2["Blur"] = 6] = "Blur";
+  MouseInteractions2[MouseInteractions2["TouchStart"] = 7] = "TouchStart";
+  MouseInteractions2[MouseInteractions2["TouchMove_Departed"] = 8] = "TouchMove_Departed";
+  MouseInteractions2[MouseInteractions2["TouchEnd"] = 9] = "TouchEnd";
+  MouseInteractions2[MouseInteractions2["TouchCancel"] = 10] = "TouchCancel";
+  return MouseInteractions2;
+})(MouseInteractions || {});
+var PointerTypes = /* @__PURE__ */ ((PointerTypes2) => {
+  PointerTypes2[PointerTypes2["Mouse"] = 0] = "Mouse";
+  PointerTypes2[PointerTypes2["Pen"] = 1] = "Pen";
+  PointerTypes2[PointerTypes2["Touch"] = 2] = "Touch";
+  return PointerTypes2;
+})(PointerTypes || {});
+var CanvasContext = /* @__PURE__ */ ((CanvasContext2) => {
+  CanvasContext2[CanvasContext2["2D"] = 0] = "2D";
+  CanvasContext2[CanvasContext2["WebGL"] = 1] = "WebGL";
+  CanvasContext2[CanvasContext2["WebGL2"] = 2] = "WebGL2";
+  return CanvasContext2;
+})(CanvasContext || {});
+var MediaInteractions = /* @__PURE__ */ ((MediaInteractions2) => {
+  MediaInteractions2[MediaInteractions2["Play"] = 0] = "Play";
+  MediaInteractions2[MediaInteractions2["Pause"] = 1] = "Pause";
+  MediaInteractions2[MediaInteractions2["Seeked"] = 2] = "Seeked";
+  MediaInteractions2[MediaInteractions2["VolumeChange"] = 3] = "VolumeChange";
+  MediaInteractions2[MediaInteractions2["RateChange"] = 4] = "RateChange";
+  return MediaInteractions2;
+})(MediaInteractions || {});
+var NodeType = /* @__PURE__ */ ((NodeType2) => {
   NodeType2[NodeType2["Document"] = 0] = "Document";
   NodeType2[NodeType2["DocumentType"] = 1] = "DocumentType";
   NodeType2[NodeType2["Element"] = 2] = "Element";
@@ -46419,23 +46623,34 @@ var NodeType$3 = /* @__PURE__ */ ((NodeType2) => {
   NodeType2[NodeType2["CDATA"] = 4] = "CDATA";
   NodeType2[NodeType2["Comment"] = 5] = "Comment";
   return NodeType2;
-})(NodeType$3 || {});
-const testableAccessors$1 = {
-  Node: ["childNodes", "parentNode", "parentElement", "textContent"],
+})(NodeType || {});
+const testableAccessors = {
+  Node: [
+    "childNodes",
+    "parentNode",
+    "parentElement",
+    "textContent",
+    "ownerDocument",
+    "firstChild",
+    "lastChild",
+    "nextSibling",
+    "previousSibling"
+  ],
   ShadowRoot: ["host", "styleSheets"],
   Element: ["shadowRoot"],
   MutationObserver: [],
   EventTarget: []
 };
-const testableMethods$1 = {
+const testableMethods = {
   Node: ["contains", "getRootNode"],
   ShadowRoot: ["getSelection"],
   Element: ["querySelector", "querySelectorAll"],
   MutationObserver: ["constructor"],
   EventTarget: ["addEventListener", "removeEventListener"]
 };
-const untaintedBasePrototype$1 = {};
-function angularZoneUnpatchedAlternative$1(key) {
+const untaintedBasePrototype = {};
+const untaintedBaseIframeCleanup = {};
+function angularZoneUnpatchedAlternative(key) {
   var _a2, _b;
   const angularUnpatchedVersionSymbol = (_b = (_a2 = globalThis == null ? void 0 : globalThis.Zone) == null ? void 0 : _a2.__symbol__) == null ? void 0 : _b.call(_a2, key);
   if (angularUnpatchedVersionSymbol && globalThis[angularUnpatchedVersionSymbol]) {
@@ -46444,12 +46659,12 @@ function angularZoneUnpatchedAlternative$1(key) {
     return void 0;
   }
 }
-function getUntaintedPrototype$1(key) {
-  if (untaintedBasePrototype$1[key])
-    return untaintedBasePrototype$1[key];
-  const candidate = angularZoneUnpatchedAlternative$1(key) || globalThis[key];
+function getUntaintedPrototype(key) {
+  if (untaintedBasePrototype[key])
+    return untaintedBasePrototype[key];
+  const candidate = angularZoneUnpatchedAlternative(key) || globalThis[key];
   const defaultPrototype = candidate.prototype;
-  const accessorNames = key in testableAccessors$1 ? testableAccessors$1[key] : void 0;
+  const accessorNames = key in testableAccessors ? testableAccessors[key] : void 0;
   const isUntaintedAccessors = Boolean(
     accessorNames && // @ts-expect-error 2345
     accessorNames.every(
@@ -46461,7 +46676,7 @@ function getUntaintedPrototype$1(key) {
       }
     )
   );
-  const methodNames = key in testableMethods$1 ? testableMethods$1[key] : void 0;
+  const methodNames = key in testableMethods ? testableMethods[key] : void 0;
   const isUntaintedMethods = Boolean(
     methodNames && methodNames.every(
       // @ts-expect-error 2345
@@ -46472,45 +46687,53 @@ function getUntaintedPrototype$1(key) {
     )
   );
   if (isUntaintedAccessors && isUntaintedMethods) {
-    untaintedBasePrototype$1[key] = candidate.prototype;
+    untaintedBasePrototype[key] = candidate.prototype;
     return candidate.prototype;
   }
   try {
     const iframeEl = document.createElement("iframe");
+    iframeEl.style.display = "none";
     document.body.appendChild(iframeEl);
     const win = iframeEl.contentWindow;
     if (!win) return candidate.prototype;
     const untaintedObject = win[key].prototype;
-    document.body.removeChild(iframeEl);
-    if (!untaintedObject) return defaultPrototype;
-    return untaintedBasePrototype$1[key] = untaintedObject;
+    if (!untaintedObject) {
+      iframeEl.remove();
+      return defaultPrototype;
+    }
+    const ua = navigator.userAgent;
+    if (ua.includes("Safari") && !ua.includes("Chrome")) {
+      iframeEl.classList.add("rr-block");
+      iframeEl.setAttribute("__rrwebUntaintedMutationObserver", "");
+      untaintedBaseIframeCleanup[key] = () => iframeEl.remove();
+    } else {
+      iframeEl.remove();
+    }
+    return untaintedBasePrototype[key] = untaintedObject;
   } catch {
     return defaultPrototype;
   }
 }
-const untaintedAccessorCache$1 = {};
-function getUntaintedAccessor$1(key, instance, accessor) {
-  var _a2;
-  const cacheKey = `${key}.${String(accessor)}`;
-  if (untaintedAccessorCache$1[cacheKey])
-    return untaintedAccessorCache$1[cacheKey].call(
-      instance
-    );
-  const untaintedPrototype = getUntaintedPrototype$1(key);
-  const untaintedAccessor = (_a2 = Object.getOwnPropertyDescriptor(
+const untaintedAccessorCache = {};
+function getUntaintedAccessor(key, instance, accessor) {
+  var _a2, _b;
+  const cached = (_a2 = untaintedAccessorCache[key]) == null ? void 0 : _a2[accessor];
+  if (cached) return cached.call(instance);
+  const untaintedPrototype = getUntaintedPrototype(key);
+  const untaintedAccessor = (_b = Object.getOwnPropertyDescriptor(
     untaintedPrototype,
     accessor
-  )) == null ? void 0 : _a2.get;
+  )) == null ? void 0 : _b.get;
   if (!untaintedAccessor) return instance[accessor];
-  untaintedAccessorCache$1[cacheKey] = untaintedAccessor;
+  (untaintedAccessorCache[key] || (untaintedAccessorCache[key] = {}))[accessor] = untaintedAccessor;
   return untaintedAccessor.call(instance);
 }
-const untaintedMethodCache$1 = {};
-function getUntaintedMethod$1(key, instance, method) {
+const untaintedMethodCache = {};
+function getUntaintedMethod(key, instance, method) {
   var _a2, _b, _c;
   const cacheKey = `${key}.${String(method)}`;
-  if (untaintedMethodCache$1[cacheKey])
-    return untaintedMethodCache$1[cacheKey].bind(
+  if (untaintedMethodCache[cacheKey])
+    return untaintedMethodCache[cacheKey].bind(
       instance
     );
   const zoneSymbol = (_b = (_a2 = globalThis == null ? void 0 : globalThis.Zone) == null ? void 0 : _a2.__symbol__) == null ? void 0 : _b.call(
@@ -46521,67 +46744,106 @@ function getUntaintedMethod$1(key, instance, method) {
     const classProto = (_c = globalThis[key]) == null ? void 0 : _c.prototype;
     const nativeFromZone = globalThis[zoneSymbol] ?? (classProto == null ? void 0 : classProto[zoneSymbol]);
     if (typeof nativeFromZone === "function") {
-      untaintedMethodCache$1[cacheKey] = nativeFromZone;
+      untaintedMethodCache[cacheKey] = nativeFromZone;
       return nativeFromZone.bind(
         instance
       );
     }
   }
-  const untaintedPrototype = getUntaintedPrototype$1(key);
+  const untaintedPrototype = getUntaintedPrototype(key);
   const untaintedMethod = untaintedPrototype[method];
   if (typeof untaintedMethod !== "function") return instance[method];
-  untaintedMethodCache$1[cacheKey] = untaintedMethod;
+  untaintedMethodCache[cacheKey] = untaintedMethod;
   return untaintedMethod.bind(instance);
 }
-function childNodes$1(n2) {
-  return getUntaintedAccessor$1("Node", n2, "childNodes");
+function ownerDocument(n) {
+  return getUntaintedAccessor("Node", n, "ownerDocument");
+}
+function childNodes(n) {
+  return getUntaintedAccessor("Node", n, "childNodes");
+}
+function parentNode(n) {
+  return getUntaintedAccessor("Node", n, "parentNode");
+}
+function parentElement(n) {
+  return getUntaintedAccessor("Node", n, "parentElement");
+}
+function textContent(n) {
+  return getUntaintedAccessor("Node", n, "textContent");
 }
-function parentNode$1(n2) {
-  return getUntaintedAccessor$1("Node", n2, "parentNode");
+function firstChild(n) {
+  return getUntaintedAccessor("Node", n, "firstChild");
 }
-function parentElement$1(n2) {
-  return getUntaintedAccessor$1("Node", n2, "parentElement");
+function lastChild(n) {
+  return getUntaintedAccessor("Node", n, "lastChild");
 }
-function textContent$1(n2) {
-  return getUntaintedAccessor$1("Node", n2, "textContent");
+function nextSibling(n) {
+  return getUntaintedAccessor("Node", n, "nextSibling");
 }
-function contains$1(n2, other) {
-  return getUntaintedMethod$1("Node", n2, "contains")(other);
+function previousSibling(n) {
+  return getUntaintedAccessor("Node", n, "previousSibling");
 }
-function getRootNode$1(n2) {
-  return getUntaintedMethod$1("Node", n2, "getRootNode")();
+function contains(n, other) {
+  return getUntaintedMethod("Node", n, "contains")(other);
 }
-function host$1(n2) {
-  if (!n2 || !("host" in n2)) return null;
-  return getUntaintedAccessor$1("ShadowRoot", n2, "host");
+function getRootNode(n) {
+  return getUntaintedMethod("Node", n, "getRootNode")();
 }
-function styleSheets$1(n2) {
-  return n2.styleSheets;
+function host(n) {
+  if (!n || !("host" in n)) return null;
+  return getUntaintedAccessor("ShadowRoot", n, "host");
 }
-function shadowRoot$1(n2) {
-  if (!n2 || !("shadowRoot" in n2)) return null;
-  return getUntaintedAccessor$1("Element", n2, "shadowRoot");
+function styleSheets(n) {
+  return n.styleSheets;
 }
-function querySelector$1(n2, selectors) {
-  return getUntaintedMethod$1("Element", n2, "querySelector")(selectors);
+function shadowRoot(n) {
+  if (!n || !("shadowRoot" in n)) return null;
+  return getUntaintedAccessor("Element", n, "shadowRoot");
 }
-function querySelectorAll$1(n2, selectors) {
-  return getUntaintedMethod$1("Element", n2, "querySelectorAll")(selectors);
+function querySelector(n, selectors) {
+  return getUntaintedMethod("Element", n, "querySelector")(selectors);
 }
-function addEventListener$1(n2, type, listener, options) {
-  getUntaintedMethod$1("EventTarget", n2, "addEventListener")(type, listener, options);
+function querySelectorAll(n, selectors) {
+  return getUntaintedMethod("Element", n, "querySelectorAll")(selectors);
 }
-function removeEventListener$1(n2, type, listener, options) {
-  getUntaintedMethod$1("EventTarget", n2, "removeEventListener")(
+function addEventListener(n, type, listener, options) {
+  getUntaintedMethod("EventTarget", n, "addEventListener")(type, listener, options);
+}
+function removeEventListener(n, type, listener, options) {
+  getUntaintedMethod("EventTarget", n, "removeEventListener")(
     type,
     listener,
     options
   );
 }
-function mutationObserverCtor$1() {
-  return getUntaintedPrototype$1("MutationObserver").constructor;
+function mutationObserverCtor() {
+  return [
+    getUntaintedPrototype("MutationObserver").constructor,
+    untaintedBaseIframeCleanup["MutationObserver"] ?? (() => {
+    })
+  ];
 }
-function patch$1(source, name, replacement) {
+function getUntaintedProxy() {
+  var _a2, _b;
+  let Proxy3 = window.Proxy;
+  try {
+    if (typeof window.Proxy !== "function" || !((_a2 = window.Proxy) == null ? void 0 : _a2.toString().includes("[native code]"))) {
+      const cleanFrame = document.createElement("iframe");
+      cleanFrame.style.display = "none";
+      document.documentElement.appendChild(cleanFrame);
+      Proxy3 = ((_b = cleanFrame.contentWindow) == null ? void 0 : _b.Proxy) || window.Proxy;
+      document.documentElement.removeChild(cleanFrame);
+    }
+  } catch (err) {
+    console.debug("Unable to get untainted Proxy from iframe", err);
+  }
+  return Proxy3;
+}
+let nowTimestamp = Date.now;
+if (!/* @__PURE__ */ /[1-9][0-9]{12}/.test(Date.now().toString())) {
+  nowTimestamp = () => (/* @__PURE__ */ new Date()).getTime();
+}
+function patch(source, name, replacement) {
   try {
     if (!(name in source)) {
       return () => {
@@ -46607,40 +46869,46 @@ function patch$1(source, name, replacement) {
     };
   }
 }
-const index$1 = {
-  childNodes: childNodes$1,
-  parentNode: parentNode$1,
-  parentElement: parentElement$1,
-  textContent: textContent$1,
-  contains: contains$1,
-  getRootNode: getRootNode$1,
-  host: host$1,
-  styleSheets: styleSheets$1,
-  shadowRoot: shadowRoot$1,
-  querySelector: querySelector$1,
-  querySelectorAll: querySelectorAll$1,
-  addEventListener: addEventListener$1,
-  removeEventListener: removeEventListener$1,
-  mutationObserver: mutationObserverCtor$1,
-  patch: patch$1
-};
-function isElement(n2) {
-  return n2.nodeType === n2.ELEMENT_NODE;
-}
-function isShadowRoot(n2) {
+const index = {
+  ownerDocument,
+  childNodes,
+  parentNode,
+  parentElement,
+  textContent,
+  firstChild,
+  lastChild,
+  nextSibling,
+  previousSibling,
+  contains,
+  getRootNode,
+  host,
+  styleSheets,
+  shadowRoot,
+  querySelector,
+  querySelectorAll,
+  addEventListener,
+  removeEventListener,
+  nowTimestamp,
+  mutationObserverCtor,
+  patch
+};
+function isElement(n) {
+  return n.nodeType === n.ELEMENT_NODE;
+}
+function isShadowRoot(n) {
   const hostEl = (
     // anchor and textarea elements also have a `host` property
     // but only shadow roots have a `mode` property
-    n2 && "host" in n2 && "mode" in n2 && index$1.host(n2) || null
+    n && "host" in n && "mode" in n && index.host(n) || null
   );
   return Boolean(
-    hostEl && "shadowRoot" in hostEl && index$1.shadowRoot(hostEl) === n2
+    hostEl && "shadowRoot" in hostEl && index.shadowRoot(hostEl) === n
   );
 }
 function isNativeShadowDom(shadowRoot2) {
   return Object.prototype.toString.call(shadowRoot2) === "[object ShadowRoot]";
 }
-function getNative$1(symbolName, windowObj = window) {
+function getNative(symbolName, windowObj = window) {
   var _a2, _b;
   const windowWithZone = windowObj;
   const angularZoneSymbol = (_b = (_a2 = windowWithZone == null ? void 0 : windowWithZone.Zone) == null ? void 0 : _a2.__symbol__) == null ? void 0 : _b.call(_a2, symbolName);
@@ -46652,7 +46920,7 @@ function getNative$1(symbolName, windowObj = window) {
   }
   return windowWithZone[symbolName];
 }
-const nativeSetTimeout = typeof window !== "undefined" ? getNative$1("setTimeout").bind(window) : global.setTimeout;
+const nativeSetTimeout = typeof window !== "undefined" ? getNative("setTimeout").bind(window) : global.setTimeout;
 function fixBrowserCompatibilityIssuesInCSS(cssText) {
   if (cssText.includes(" background-clip: text;") && !cssText.includes(" -webkit-background-clip: text;")) {
     cssText = cssText.replace(
@@ -46679,18 +46947,18 @@ function escapeImportStatement(rule) {
   }
   return statement.join(" ") + ";";
 }
-function stringifyStylesheet(s2) {
+function stringifyStylesheet(s) {
   try {
-    const rules2 = s2.rules || s2.cssRules;
-    if (!rules2) {
+    const rules = s.rules || s.cssRules;
+    if (!rules) {
       return null;
     }
-    let sheetHref = s2.href;
-    if (!sheetHref && s2.ownerNode) {
-      sheetHref = s2.ownerNode.baseURI;
+    let sheetHref = s.href;
+    if (!sheetHref && s.ownerNode) {
+      sheetHref = s.ownerNode.baseURI;
     }
     const stringifiedRules = Array.from(
-      rules2,
+      rules,
       (rule) => stringifyRule(rule, sheetHref)
     ).join("");
     return fixBrowserCompatibilityIssuesInCSS(stringifiedRules);
@@ -46736,8 +47004,8 @@ function replaceChromeGridTemplateAreas(rule) {
   );
   if (hasGridTemplateInCSSText && hasGridTemplateAreaInStyleRules && !hasGridTemplateAreaInCSSText) {
     const styleDeclarations = [];
-    for (let i2 = 0; i2 < rule.style.length; i2++) {
-      const styleName = rule.style[i2];
+    for (let i = 0; i < rule.style.length; i++) {
+      const styleName = rule.style[i];
       const styleValue = rule.style.getPropertyValue(styleName);
       styleDeclarations.push(`${styleName}: ${styleValue}`);
     }
@@ -46757,13 +47025,13 @@ function isCSSStyleRule(rule) {
 }
 class Mirror {
   constructor() {
-    __publicField$1(this, "idNodeMap", /* @__PURE__ */ new Map());
-    __publicField$1(this, "nodeMetaMap", /* @__PURE__ */ new WeakMap());
+    __publicField(this, "idNodeMap", /* @__PURE__ */ new Map());
+    __publicField(this, "nodeMetaMap", /* @__PURE__ */ new WeakMap());
   }
-  getId(n2) {
+  getId(n) {
     var _a2;
-    if (!n2) return -1;
-    const id = (_a2 = this.getMeta(n2)) == null ? void 0 : _a2.id;
+    if (!n) return -1;
+    const id = (_a2 = this.getMeta(n)) == null ? void 0 : _a2.id;
     return id ?? -1;
   }
   getNode(id) {
@@ -46772,16 +47040,16 @@ class Mirror {
   getIds() {
     return Array.from(this.idNodeMap.keys());
   }
-  getMeta(n2) {
-    return this.nodeMetaMap.get(n2) || null;
+  getMeta(n) {
+    return this.nodeMetaMap.get(n) || null;
   }
   // removes the node from idNodeMap
   // doesn't remove the node from nodeMetaMap
-  removeNodeFromMap(n2) {
-    const id = this.getId(n2);
+  removeNodeFromMap(n) {
+    const id = this.getId(n);
     this.idNodeMap.delete(id);
-    if (n2.childNodes) {
-      n2.childNodes.forEach(
+    if (n.childNodes) {
+      n.childNodes.forEach(
         (childNode) => this.removeNodeFromMap(childNode)
       );
     }
@@ -46792,25 +47060,25 @@ class Mirror {
   hasNode(node) {
     return this.nodeMetaMap.has(node);
   }
-  add(n2, meta) {
+  add(n, meta) {
     const id = meta.id;
-    this.idNodeMap.set(id, n2);
-    this.nodeMetaMap.set(n2, meta);
+    this.idNodeMap.set(id, n);
+    this.nodeMetaMap.set(n, meta);
   }
-  replace(id, n2) {
+  replace(id, n) {
     const oldNode = this.getNode(id);
     if (oldNode) {
       const meta = this.nodeMetaMap.get(oldNode);
-      if (meta) this.nodeMetaMap.set(n2, meta);
+      if (meta) this.nodeMetaMap.set(n, meta);
     }
-    this.idNodeMap.set(id, n2);
+    this.idNodeMap.set(id, n);
   }
   reset() {
     this.idNodeMap = /* @__PURE__ */ new Map();
     this.nodeMetaMap = /* @__PURE__ */ new WeakMap();
   }
 }
-function createMirror$2() {
+function createMirror() {
   return new Mirror();
 }
 function maskInputValue({
@@ -46910,8 +47178,10 @@ function absolutifyURLs(cssText, href) {
       if (filePath[0] === "/") {
         return `url(${maybeQuote}${extractOrigin(href) + filePath}${maybeQuote})`;
       }
-      const stack = href.split("/");
-      const parts = filePath.split("/");
+      const filePathNoHash = filePath.split("#")[0];
+      const maybeHash = filePath.substring(filePathNoHash.length);
+      const stack = href.split("#")[0].split("/");
+      const parts = filePathNoHash.split("/");
       stack.pop();
       for (const part of parts) {
         if (part === ".") {
@@ -46922,7 +47192,7 @@ function absolutifyURLs(cssText, href) {
           stack.push(part);
         }
       }
-      return `url(${maybeQuote}${stack.join("/")}${maybeQuote})`;
+      return `url(${maybeQuote}${stack.join("/")}${maybeHash}${maybeQuote})`;
     }
   );
 }
@@ -46940,10 +47210,10 @@ function splitCssText(cssText, style, _testNoPxNorm = false) {
   if (childNodes2.length > 1 && cssText && typeof cssText === "string") {
     let cssTextNorm = normalizeCssString(cssText, _testNoPxNorm);
     const normFactor = cssTextNorm.length / cssText.length;
-    for (let i2 = 1; i2 < childNodes2.length; i2++) {
-      if (childNodes2[i2].textContent && typeof childNodes2[i2].textContent === "string") {
+    for (let i = 1; i < childNodes2.length; i++) {
+      if (childNodes2[i].textContent && typeof childNodes2[i].textContent === "string") {
         const textContentNorm = normalizeCssString(
-          childNodes2[i2].textContent,
+          childNodes2[i].textContent,
           _testNoPxNorm
         );
         const jLimit = 100;
@@ -46964,7 +47234,7 @@ function splitCssText(cssText, style, _testNoPxNorm = false) {
           let splitNorm = -1;
           if (cssNormSplits.length === 2) {
             splitNorm = cssNormSplits[0].length;
-          } else if (cssNormSplits.length > 2 && cssNormSplits[0] === "" && childNodes2[i2 - 1].textContent !== "") {
+          } else if (cssNormSplits.length > 2 && cssNormSplits[0] === "" && childNodes2[i - 1].textContent !== "") {
             splitNorm = cssTextNorm.indexOf(startSubstring, 1);
           } else if (cssNormSplits.length === 1) {
             startSubstring = startSubstring.substring(
@@ -46981,7 +47251,7 @@ function splitCssText(cssText, style, _testNoPxNorm = false) {
             splitNorm = cssTextNorm.indexOf(startSubstring);
           }
           if (cssNormSplits.length >= 2 && j > jLimit) {
-            const prevTextContent = childNodes2[i2 - 1].textContent;
+            const prevTextContent = childNodes2[i - 1].textContent;
             if (prevTextContent && typeof prevTextContent === "string") {
               const prevMinLength = normalizeCssString(prevTextContent).length;
               splitNorm = cssTextNorm.indexOf(startSubstring, prevMinLength);
@@ -47037,7 +47307,7 @@ const IGNORED_NODE = -2;
 function genId() {
   return _id++;
 }
-function getValidTagName$1(element) {
+function getValidTagName(element) {
   if (element instanceof HTMLFormElement) {
     return "form";
   }
@@ -47081,24 +47351,24 @@ function getAbsoluteSrcsetString(doc, attributeValue) {
       url = absoluteToDoc(doc, url);
       let inParens = false;
       while (true) {
-        const c2 = attributeValue.charAt(pos);
-        if (c2 === "") {
+        const c = attributeValue.charAt(pos);
+        if (c === "") {
           output.push((url + descriptorsStr).trim());
           break;
         } else if (!inParens) {
-          if (c2 === ",") {
+          if (c === ",") {
             pos += 1;
             output.push((url + descriptorsStr).trim());
             break;
-          } else if (c2 === "(") {
+          } else if (c === "(") {
             inParens = true;
           }
         } else {
-          if (c2 === ")") {
+          if (c === ")") {
             inParens = false;
           }
         }
-        descriptorsStr += c2;
+        descriptorsStr += c;
         pos += 1;
       }
     }
@@ -47116,18 +47386,18 @@ function isSVGElement(el) {
   return Boolean(el.tagName === "svg" || el.ownerSVGElement);
 }
 function getHref(doc, customHref) {
-  let a2 = cachedDocument.get(doc);
-  if (!a2) {
-    a2 = doc.createElement("a");
-    cachedDocument.set(doc, a2);
+  let a = cachedDocument.get(doc);
+  if (!a) {
+    a = doc.createElement("a");
+    cachedDocument.set(doc, a);
   }
   if (!customHref) {
     customHref = "";
   } else if (customHref.startsWith("blob:") || customHref.startsWith("data:")) {
     return customHref;
   }
-  a2.setAttribute("href", customHref);
-  return a2.href;
+  a.setAttribute("href", customHref);
+  return a.href;
 }
 function transformAttribute(doc, tagName, name, value) {
   if (!value) {
@@ -47137,7 +47407,7 @@ function transformAttribute(doc, tagName, name, value) {
     return absoluteToDoc(doc, value);
   } else if (name === "xlink:href" && value[0] !== "#") {
     return absoluteToDoc(doc, value);
-  } else if (name === "background" && (tagName === "table" || tagName === "td" || tagName === "th")) {
+  } else if (name === "background" && ["table", "td", "th"].includes(tagName)) {
     return absoluteToDoc(doc, value);
   } else if (name === "srcset") {
     return getAbsoluteSrcsetString(doc, value);
@@ -47149,7 +47419,7 @@ function transformAttribute(doc, tagName, name, value) {
   return value;
 }
 function ignoreAttribute(tagName, name, _value) {
-  return (tagName === "video" || tagName === "audio") && name === "autoplay";
+  return ["video", "audio"].includes(tagName) && toLowerCase(name) === "autoplay";
 }
 function _isBlockedElement(element, blockClass, blockSelector) {
   try {
@@ -47168,7 +47438,7 @@ function _isBlockedElement(element, blockClass, blockSelector) {
     if (blockSelector) {
       return element.matches(blockSelector);
     }
-  } catch (e2) {
+  } catch (e) {
   }
   return false;
 }
@@ -47177,7 +47447,7 @@ function classMatchesRegex(node, regex, checkAncestors) {
   if (!regex) return false;
   if (node.nodeType !== node.ELEMENT_NODE) {
     if (!checkAncestors) return false;
-    return classMatchesRegex(index$1.parentNode(node), regex, checkAncestors);
+    return classMatchesRegex(index.parentNode(node), regex, checkAncestors);
   }
   for (let eIndex = node.classList.length; eIndex--; ) {
     const className = node.classList[eIndex];
@@ -47186,20 +47456,20 @@ function classMatchesRegex(node, regex, checkAncestors) {
     }
   }
   if (!checkAncestors) return false;
-  return classMatchesRegex(index$1.parentNode(node), regex, checkAncestors);
+  return classMatchesRegex(index.parentNode(node), regex, checkAncestors);
 }
 function needMaskingText(node, maskTextClass, maskTextSelector, checkAncestors) {
   let el;
   if (isElement(node)) {
     el = node;
     if (maskTextSelector === "*") return true;
-    if (!index$1.childNodes(el).length) {
+    if (!index.childNodes(el).length) {
       return false;
     }
-  } else if (index$1.parentElement(node) === null) {
+  } else if (index.parentElement(node) === null) {
     return false;
   } else {
-    el = index$1.parentElement(node);
+    el = index.parentElement(node);
   }
   try {
     if (typeof maskTextClass === "string") {
@@ -47218,7 +47488,7 @@ function needMaskingText(node, maskTextClass, maskTextSelector, checkAncestors)
         if (el.matches(maskTextSelector)) return true;
       }
     }
-  } catch (e2) {
+  } catch (e) {
   }
   return false;
 }
@@ -47276,7 +47546,7 @@ function onceStylesheetLoaded(link, listener, styleSheetLoadTimeout) {
     listener();
   });
 }
-function serializeNode(n2, options) {
+function serializeNode(n, options) {
   const {
     doc,
     mirror: mirror2,
@@ -47296,31 +47566,31 @@ function serializeNode(n2, options) {
     cssCaptured = false
   } = options;
   const rootId = getRootId(doc, mirror2);
-  switch (n2.nodeType) {
-    case n2.DOCUMENT_NODE:
-      if (n2.compatMode !== "CSS1Compat") {
+  switch (n.nodeType) {
+    case n.DOCUMENT_NODE:
+      if (n.compatMode !== "CSS1Compat") {
         return {
-          type: NodeType$3.Document,
+          type: NodeType.Document,
           childNodes: [],
-          compatMode: n2.compatMode
+          compatMode: n.compatMode
           // probably "BackCompat"
         };
       } else {
         return {
-          type: NodeType$3.Document,
+          type: NodeType.Document,
           childNodes: []
         };
       }
-    case n2.DOCUMENT_TYPE_NODE:
+    case n.DOCUMENT_TYPE_NODE:
       return {
-        type: NodeType$3.DocumentType,
-        name: n2.name,
-        publicId: n2.publicId,
-        systemId: n2.systemId,
+        type: NodeType.DocumentType,
+        name: n.name,
+        publicId: n.publicId,
+        systemId: n.systemId,
         rootId
       };
-    case n2.ELEMENT_NODE:
-      return serializeElementNode(n2, {
+    case n.ELEMENT_NODE:
+      return serializeElementNode(n, {
         doc,
         blockClass,
         blockSelector,
@@ -47336,8 +47606,8 @@ function serializeNode(n2, options) {
         rootId,
         needsMask
       });
-    case n2.TEXT_NODE:
-      return serializeTextNode(n2, {
+    case n.TEXT_NODE:
+      return serializeTextNode(n, {
         doc,
         needsMask,
         maskTextFn,
@@ -47346,16 +47616,16 @@ function serializeNode(n2, options) {
         rootId,
         cssCaptured
       });
-    case n2.CDATA_SECTION_NODE:
+    case n.CDATA_SECTION_NODE:
       return {
-        type: NodeType$3.CDATA,
+        type: NodeType.CDATA,
         textContent: "",
         rootId
       };
-    case n2.COMMENT_NODE:
+    case n.COMMENT_NODE:
       return {
-        type: NodeType$3.Comment,
-        textContent: index$1.textContent(n2) || "",
+        type: NodeType.Comment,
+        textContent: index.textContent(n) || "",
         rootId
       };
     default:
@@ -47367,7 +47637,7 @@ function getRootId(doc, mirror2) {
   const docId = mirror2.getId(doc);
   return docId === 1 ? void 0 : docId;
 }
-function serializeTextNode(n2, options) {
+function serializeTextNode(n, options) {
   var _a2;
   const {
     needsMask,
@@ -47377,23 +47647,23 @@ function serializeTextNode(n2, options) {
     rootId,
     cssCaptured
   } = options;
-  const parentTagName = n2.parentNode && n2.parentNode.tagName;
+  const parentTagName = n.parentNode && n.parentNode.tagName;
   let textContent2 = "";
   const isStyle = parentTagName === "STYLE" ? true : void 0;
   const isScript = parentTagName === "SCRIPT" ? true : void 0;
   const isTextarea = parentTagName === "TEXTAREA" ? true : void 0;
   if (isStyle && textContent2) {
     try {
-      if (n2.nextSibling || n2.previousSibling) {
-      } else if ((_a2 = n2.parentNode.sheet) == null ? void 0 : _a2.cssRules) {
+      if (n.nextSibling || n.previousSibling) {
+      } else if ((_a2 = n.parentNode.sheet) == null ? void 0 : _a2.cssRules) {
         textContent2 = stringifyStylesheet(
-          n2.parentNode.sheet
+          n.parentNode.sheet
         );
       }
     } catch (err) {
       console.warn(
         `Cannot get CSS styles from text's parentNode. Error: ${err}`,
-        n2
+        n
       );
     }
     textContent2 = absolutifyURLs(textContent2, getHref(options.doc));
@@ -47401,24 +47671,24 @@ function serializeTextNode(n2, options) {
   if (isScript) {
     textContent2 = "SCRIPT_PLACEHOLDER";
   } else if (!cssCaptured) {
-    textContent2 = index$1.textContent(n2);
+    textContent2 = index.textContent(n);
     if (isStyle && textContent2) {
       textContent2 = absolutifyURLs(textContent2, getHref(options.doc));
     }
   }
   if (!isStyle && !isScript && textContent2 && needsMask) {
-    textContent2 = maskTextFn ? maskTextFn(textContent2, index$1.parentElement(n2)) : textContent2.replace(/[\S]/g, "*");
+    textContent2 = maskTextFn ? maskTextFn(textContent2, index.parentElement(n)) : textContent2.replace(/[\S]/g, "*");
   }
   if (isTextarea && textContent2 && maskInputOptions.textarea) {
-    textContent2 = maskInputFn ? maskInputFn(textContent2, n2.parentNode) : textContent2.replace(/[\S]/g, "*");
+    textContent2 = maskInputFn ? maskInputFn(textContent2, n.parentNode) : textContent2.replace(/[\S]/g, "*");
   }
   return {
-    type: NodeType$3.Text,
+    type: NodeType.Text,
     textContent: textContent2 || "",
     rootId
   };
 }
-function serializeElementNode(n2, options) {
+function serializeElementNode(n, options) {
   const {
     doc,
     blockClass,
@@ -47435,13 +47705,13 @@ function serializeElementNode(n2, options) {
     rootId,
     needsMask
   } = options;
-  const needBlock = _isBlockedElement(n2, blockClass, blockSelector);
-  const needHide = needBlock && hideSelector ? _isBlockedElement(n2, "", hideSelector) : false;
-  const tagName = getValidTagName$1(n2);
+  const needBlock = _isBlockedElement(n, blockClass, blockSelector);
+  const needHide = needBlock && hideSelector ? _isBlockedElement(n, "", hideSelector) : false;
+  const tagName = getValidTagName(n);
   let attributes = {};
-  const len = n2.attributes.length;
-  for (let i2 = 0; i2 < len; i2++) {
-    const attr = n2.attributes[i2];
+  const len = n.attributes.length;
+  for (let i = 0; i < len; i++) {
+    const attr = n.attributes[i];
     if (!ignoreAttribute(tagName, attr.name, attr.value)) {
       attributes[attr.name] = transformAttribute(
         doc,
@@ -47452,8 +47722,8 @@ function serializeElementNode(n2, options) {
     }
   }
   if (tagName === "link" && inlineStylesheet) {
-    const stylesheet = Array.from(doc.styleSheets).find((s2) => {
-      return s2.href === n2.href;
+    const stylesheet = Array.from(doc.styleSheets).find((s) => {
+      return s.href === n.href;
     });
     let cssText = null;
     if (stylesheet) {
@@ -47465,24 +47735,24 @@ function serializeElementNode(n2, options) {
       attributes._cssText = cssText;
     }
   }
-  if (tagName === "style" && n2.sheet) {
+  if (tagName === "style" && n.sheet) {
     let cssText = stringifyStylesheet(
-      n2.sheet
+      n.sheet
     );
     if (cssText) {
-      if (n2.childNodes.length > 1) {
-        cssText = markCssSplits(cssText, n2);
+      if (n.childNodes.length > 1) {
+        cssText = markCssSplits(cssText, n);
       }
       attributes._cssText = cssText;
     }
   }
-  if (tagName === "input" || tagName === "textarea" || tagName === "select") {
-    const value = n2.value;
-    const checked = n2.checked;
+  if (["input", "textarea", "select"].includes(tagName)) {
+    const value = n.value;
+    const checked = n.checked;
     if (attributes.type !== "radio" && attributes.type !== "checkbox" && attributes.type !== "submit" && attributes.type !== "button" && value) {
       attributes.value = maskInputValue({
-        element: n2,
-        type: getInputType(n2),
+        element: n,
+        type: getInputType(n),
         tagName,
         value,
         maskInputOptions,
@@ -47494,31 +47764,31 @@ function serializeElementNode(n2, options) {
     }
   }
   if (tagName === "option") {
-    if (n2.selected && !maskInputOptions["select"]) {
+    if (n.selected && !maskInputOptions["select"]) {
       attributes.selected = true;
     } else {
       delete attributes.selected;
     }
   }
-  if (tagName === "dialog" && n2.open) {
-    attributes.rr_open_mode = n2.matches("dialog:modal") ? "modal" : "non-modal";
+  if (tagName === "dialog" && n.open) {
+    attributes.rr_open_mode = n.matches("dialog:modal") ? "modal" : "non-modal";
   }
   if (tagName === "canvas" && recordCanvas) {
-    if (n2.__context === "2d") {
-      if (!is2DCanvasBlank(n2)) {
-        attributes.rr_dataURL = n2.toDataURL(
+    if (n.__context === "2d") {
+      if (!is2DCanvasBlank(n)) {
+        attributes.rr_dataURL = n.toDataURL(
           dataURLOptions.type,
           dataURLOptions.quality
         );
       }
-    } else if (!("__context" in n2)) {
-      const canvasDataURL = n2.toDataURL(
+    } else if (!("__context" in n)) {
+      const canvasDataURL = n.toDataURL(
         dataURLOptions.type,
         dataURLOptions.quality
       );
       const blankCanvas = doc.createElement("canvas");
-      blankCanvas.width = n2.width;
-      blankCanvas.height = n2.height;
+      blankCanvas.width = n.width;
+      blankCanvas.height = n.height;
       const blankCanvasDataURL = blankCanvas.toDataURL(
         dataURLOptions.type,
         dataURLOptions.quality
@@ -47533,7 +47803,7 @@ function serializeElementNode(n2, options) {
       canvasService = doc.createElement("canvas");
       canvasCtx = canvasService.getContext("2d");
     }
-    const image = n2;
+    const image = n;
     const imageSrc = image.currentSrc || image.getAttribute("src") || "<unknown-src>";
     const priorCrossOrigin = image.crossOrigin;
     const recordInlineImage = () => {
@@ -47566,21 +47836,21 @@ function serializeElementNode(n2, options) {
     if (image.complete && image.naturalWidth !== 0) recordInlineImage();
     else image.addEventListener("load", recordInlineImage);
   }
-  if (tagName === "audio" || tagName === "video") {
+  if (["audio", "video"].includes(tagName)) {
     const mediaAttributes = attributes;
-    mediaAttributes.rr_mediaState = n2.paused ? "paused" : "played";
-    mediaAttributes.rr_mediaCurrentTime = n2.currentTime;
-    mediaAttributes.rr_mediaPlaybackRate = n2.playbackRate;
-    mediaAttributes.rr_mediaMuted = n2.muted;
-    mediaAttributes.rr_mediaLoop = n2.loop;
-    mediaAttributes.rr_mediaVolume = n2.volume;
+    mediaAttributes.rr_mediaState = n.paused ? "paused" : "played";
+    mediaAttributes.rr_mediaCurrentTime = n.currentTime;
+    mediaAttributes.rr_mediaPlaybackRate = n.playbackRate;
+    mediaAttributes.rr_mediaMuted = n.muted;
+    mediaAttributes.rr_mediaLoop = n.loop;
+    mediaAttributes.rr_mediaVolume = n.volume;
   }
   if (!newlyAddedElement) {
-    if (n2.scrollLeft) {
-      attributes.rr_scrollLeft = n2.scrollLeft;
+    if (n.scrollLeft) {
+      attributes.rr_scrollLeft = n.scrollLeft;
     }
-    if (n2.scrollTop) {
-      attributes.rr_scrollTop = n2.scrollTop;
+    if (n.scrollTop) {
+      attributes.rr_scrollTop = n.scrollTop;
     }
   }
   if (needHide) {
@@ -47589,7 +47859,7 @@ function serializeElementNode(n2, options) {
       rr_display: "none"
     };
   } else if (needBlock) {
-    const { width, height } = n2.getBoundingClientRect();
+    const { width, height } = n.getBoundingClientRect();
     attributes = {
       class: attributes.class,
       rr_width: `${width}px`,
@@ -47597,7 +47867,7 @@ function serializeElementNode(n2, options) {
     };
   }
   if (tagName === "iframe" && !keepIframeSrcFn(attributes.src)) {
-    if (!n2.contentDocument) {
+    if (!n.contentDocument) {
       attributes.rr_src = attributes.src;
     }
     delete attributes.src;
@@ -47605,14 +47875,14 @@ function serializeElementNode(n2, options) {
   let isCustomElement;
   try {
     if (customElements.get(tagName)) isCustomElement = true;
-  } catch (e2) {
+  } catch (e) {
   }
   return {
-    type: NodeType$3.Element,
+    type: NodeType.Element,
     tagName,
     attributes,
     childNodes: [],
-    isSVG: isSVGElement(n2) || void 0,
+    isSVG: isSVGElement(n) || void 0,
     needBlock,
     rootId,
     isCustom: isCustomElement
@@ -47625,10 +47895,32 @@ function lowerIfExists(maybeAttr) {
     return maybeAttr.toLowerCase();
   }
 }
+function slimDOMDefaults(_slimDOMOptions) {
+  if (_slimDOMOptions === true || _slimDOMOptions === "all") {
+    return {
+      script: true,
+      comment: true,
+      headFavicon: true,
+      headWhitespace: true,
+      headMetaSocial: true,
+      headMetaRobots: true,
+      headMetaHttpEquiv: true,
+      headMetaVerification: true,
+      // the following are off for slimDOMOptions === true,
+      // as they destroy some (hidden) info:
+      headMetaAuthorship: _slimDOMOptions === "all",
+      headMetaDescKeywords: _slimDOMOptions === "all",
+      headTitleMutations: _slimDOMOptions === "all"
+    };
+  } else if (_slimDOMOptions) {
+    return _slimDOMOptions;
+  }
+  return {};
+}
 function slimDOMExcluded(sn, slimDOMOptions) {
-  if (slimDOMOptions.comment && sn.type === NodeType$3.Comment) {
+  if (slimDOMOptions.comment && sn.type === NodeType.Comment) {
     return true;
-  } else if (sn.type === NodeType$3.Element) {
+  } else if (sn.type === NodeType.Element) {
     if (slimDOMOptions.script && // script tag
     (sn.tagName === "script" || // (module)preload link
     sn.tagName === "link" && (sn.attributes.rel === "preload" && sn.attributes.as === "script" || sn.attributes.rel === "modulepreload") || // prefetch link
@@ -47657,7 +47949,7 @@ function slimDOMExcluded(sn, slimDOMOptions) {
   }
   return false;
 }
-function serializeNodeWithId(n2, options) {
+function serializeNodeWithId(n, options) {
   const {
     doc,
     mirror: mirror2,
@@ -47689,13 +47981,13 @@ function serializeNodeWithId(n2, options) {
   if (!needsMask) {
     const checkAncestors = needsMask === void 0;
     needsMask = needMaskingText(
-      n2,
+      n,
       maskTextClass,
       maskTextSelector,
       checkAncestors
     );
   }
-  const _serializedNode = serializeNode(n2, {
+  const _serializedNode = serializeNode(n, {
     doc,
     mirror: mirror2,
     blockClass,
@@ -47714,35 +48006,35 @@ function serializeNodeWithId(n2, options) {
     cssCaptured
   });
   if (!_serializedNode) {
-    console.warn(n2, "not serialized");
+    console.warn(n, "not serialized");
     return null;
   }
   let id;
-  if (mirror2.hasNode(n2)) {
-    id = mirror2.getId(n2);
-  } else if (slimDOMExcluded(_serializedNode, slimDOMOptions) || !preserveWhiteSpace && _serializedNode.type === NodeType$3.Text && !_serializedNode.textContent.replace(/^\s+|\s+$/gm, "").length) {
+  if (mirror2.hasNode(n)) {
+    id = mirror2.getId(n);
+  } else if (slimDOMExcluded(_serializedNode, slimDOMOptions) || !preserveWhiteSpace && _serializedNode.type === NodeType.Text && !_serializedNode.textContent.replace(/^\s+|\s+$/gm, "").length) {
     id = IGNORED_NODE;
   } else {
     id = genId();
   }
   const serializedNode = Object.assign(_serializedNode, { id });
-  mirror2.add(n2, serializedNode);
+  mirror2.add(n, serializedNode);
   if (id === IGNORED_NODE) {
     return null;
   }
   if (onSerialize) {
-    onSerialize(n2);
+    onSerialize(n);
   }
   let recordChild = !skipChild;
-  if (serializedNode.type === NodeType$3.Element) {
+  if (serializedNode.type === NodeType.Element) {
     recordChild = recordChild && !serializedNode.needBlock;
     delete serializedNode.needBlock;
-    const shadowRootEl = index$1.shadowRoot(n2);
+    const shadowRootEl = index.shadowRoot(n);
     if (shadowRootEl && isNativeShadowDom(shadowRootEl))
       serializedNode.isShadowHost = true;
   }
-  if ((serializedNode.type === NodeType$3.Document || serializedNode.type === NodeType$3.Element) && recordChild) {
-    if (slimDOMOptions.headWhitespace && serializedNode.type === NodeType$3.Element && serializedNode.tagName === "head") {
+  if ((serializedNode.type === NodeType.Document || serializedNode.type === NodeType.Element) && recordChild) {
+    if (slimDOMOptions.headWhitespace && serializedNode.type === NodeType.Element && serializedNode.tagName === "head") {
       preserveWhiteSpace = false;
     }
     const bypassOptions = {
@@ -47772,12 +48064,12 @@ function serializeNodeWithId(n2, options) {
       keepIframeSrcFn,
       cssCaptured: false
     };
-    if (serializedNode.type === NodeType$3.Element && serializedNode.tagName === "textarea" && serializedNode.attributes.value !== void 0) ;
+    if (serializedNode.type === NodeType.Element && serializedNode.tagName === "textarea" && serializedNode.attributes.value !== void 0) ;
     else {
-      if (serializedNode.type === NodeType$3.Element && serializedNode.attributes._cssText !== void 0 && typeof serializedNode.attributes._cssText === "string") {
+      if (serializedNode.type === NodeType.Element && serializedNode.attributes._cssText !== void 0 && typeof serializedNode.attributes._cssText === "string") {
         bypassOptions.cssCaptured = true;
       }
-      for (const childN of Array.from(index$1.childNodes(n2))) {
+      for (const childN of Array.from(index.childNodes(n))) {
         const serializedChildNode = serializeNodeWithId(childN, bypassOptions);
         if (serializedChildNode) {
           serializedNode.childNodes.push(serializedChildNode);
@@ -47785,8 +48077,8 @@ function serializeNodeWithId(n2, options) {
       }
     }
     let shadowRootEl = null;
-    if (isElement(n2) && (shadowRootEl = index$1.shadowRoot(n2))) {
-      for (const childN of Array.from(index$1.childNodes(shadowRootEl))) {
+    if (isElement(n) && (shadowRootEl = index.shadowRoot(n))) {
+      for (const childN of Array.from(index.childNodes(shadowRootEl))) {
         const serializedChildNode = serializeNodeWithId(childN, bypassOptions);
         if (serializedChildNode) {
           isNativeShadowDom(shadowRootEl) && (serializedChildNode.isShadow = true);
@@ -47795,15 +48087,15 @@ function serializeNodeWithId(n2, options) {
       }
     }
   }
-  const parent = index$1.parentNode(n2);
+  const parent = index.parentNode(n);
   if (parent && isShadowRoot(parent) && isNativeShadowDom(parent)) {
     serializedNode.isShadow = true;
   }
-  if (serializedNode.type === NodeType$3.Element && serializedNode.tagName === "iframe") {
+  if (serializedNode.type === NodeType.Element && serializedNode.tagName === "iframe") {
     onceIframeLoaded(
-      n2,
+      n,
       () => {
-        const iframeDoc = n2.contentDocument;
+        const iframeDoc = n.contentDocument;
         if (iframeDoc && onIframeLoad) {
           const serializedIframeNode = serializeNodeWithId(iframeDoc, {
             doc: iframeDoc,
@@ -47833,7 +48125,7 @@ function serializeNodeWithId(n2, options) {
           });
           if (serializedIframeNode) {
             onIframeLoad(
-              n2,
+              n,
               serializedIframeNode
             );
           }
@@ -47842,12 +48134,12 @@ function serializeNodeWithId(n2, options) {
       iframeLoadTimeout
     );
   }
-  if (serializedNode.type === NodeType$3.Element && serializedNode.tagName === "link" && typeof serializedNode.attributes.rel === "string" && (serializedNode.attributes.rel === "stylesheet" || serializedNode.attributes.rel === "preload" && typeof serializedNode.attributes.href === "string" && extractFileExtension(serializedNode.attributes.href) === "css")) {
+  if (serializedNode.type === NodeType.Element && serializedNode.tagName === "link" && typeof serializedNode.attributes.rel === "string" && (serializedNode.attributes.rel === "stylesheet" || serializedNode.attributes.rel === "preload" && typeof serializedNode.attributes.href === "string" && extractFileExtension(serializedNode.attributes.href) === "css")) {
     onceStylesheetLoaded(
-      n2,
+      n,
       () => {
         if (onStylesheetLoad) {
-          const serializedLinkNode = serializeNodeWithId(n2, {
+          const serializedLinkNode = serializeNodeWithId(n, {
             doc,
             mirror: mirror2,
             blockClass,
@@ -47875,7 +48167,7 @@ function serializeNodeWithId(n2, options) {
           });
           if (serializedLinkNode) {
             onStylesheetLoad(
-              n2,
+              n,
               serializedLinkNode
             );
           }
@@ -47886,7 +48178,7 @@ function serializeNodeWithId(n2, options) {
   }
   return serializedNode;
 }
-function snapshot(n2, options) {
+function snapshot(n, options) {
   const {
     mirror: mirror2 = new Mirror(),
     blockClass = "rr-block",
@@ -47909,7 +48201,7 @@ function snapshot(n2, options) {
     onStylesheetLoad,
     stylesheetLoadTimeout,
     keepIframeSrcFn = () => false
-  } = options || {};
+  } = options;
   const maskInputOptions = maskAllInputs === true ? {
     color: true,
     date: true,
@@ -47930,24 +48222,9 @@ function snapshot(n2, options) {
   } : maskAllInputs === false ? {
     password: true
   } : maskAllInputs;
-  const slimDOMOptions = slimDOM === true || slimDOM === "all" ? (
-    // if true: set of sensible options that should not throw away any information
-    {
-      script: true,
-      comment: true,
-      headFavicon: true,
-      headWhitespace: true,
-      headMetaDescKeywords: slimDOM === "all",
-      // destructive
-      headMetaSocial: true,
-      headMetaRobots: true,
-      headMetaHttpEquiv: true,
-      headMetaAuthorship: true,
-      headMetaVerification: true
-    }
-  ) : slimDOM === false ? {} : slimDOM;
-  return serializeNodeWithId(n2, {
-    doc: n2,
+  const slimDOMOptions = slimDOMDefaults(slimDOM);
+  return serializeNodeWithId(n, {
+    doc: n,
     mirror: mirror2,
     blockClass,
     blockSelector,
@@ -47973,37 +48250,22 @@ function snapshot(n2, options) {
     newlyAddedElement: false
   });
 }
-var __defProp2 = Object.defineProperty;
-var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField2 = (obj, key, value) => __defNormalProp2(obj, typeof key !== "symbol" ? key + "" : key, value);
-function getNative(symbolName, windowObj = window) {
-  var _a2, _b;
-  const windowWithZone = windowObj;
-  const angularZoneSymbol = (_b = (_a2 = windowWithZone == null ? void 0 : windowWithZone.Zone) == null ? void 0 : _a2.__symbol__) == null ? void 0 : _b.call(_a2, symbolName);
-  if (angularZoneSymbol) {
-    const zonelessImpl = windowWithZone[angularZoneSymbol];
-    if (zonelessImpl) {
-      return zonelessImpl;
-    }
-  }
-  return windowWithZone[symbolName];
-}
-typeof window !== "undefined" ? getNative("setTimeout").bind(window) : global.setTimeout;
 class BaseRRNode {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars, @typescript-eslint/no-explicit-any
   constructor(..._args) {
-    __publicField2(this, "parentElement", null);
-    __publicField2(this, "parentNode", null);
-    __publicField2(this, "ownerDocument");
-    __publicField2(this, "firstChild", null);
-    __publicField2(this, "lastChild", null);
-    __publicField2(this, "previousSibling", null);
-    __publicField2(this, "nextSibling", null);
-    __publicField2(this, "ELEMENT_NODE", 1);
-    __publicField2(this, "TEXT_NODE", 3);
-    __publicField2(this, "nodeType");
-    __publicField2(this, "nodeName");
-    __publicField2(this, "RRNodeType");
+    __publicField(this, "parentElement", null);
+    __publicField(this, "parentNode", null);
+    __publicField(this, "ownerDocument");
+    __publicField(this, "firstChild", null);
+    __publicField(this, "lastChild", null);
+    __publicField(this, "previousSibling", null);
+    __publicField(this, "nextSibling", null);
+    __publicField(this, "ELEMENT_NODE", 1);
+    __publicField(this, "TEXT_NODE", 3);
+    // corresponding nodeType value of standard HTML Node
+    __publicField(this, "nodeType");
+    __publicField(this, "nodeName");
+    __publicField(this, "RRNodeType");
   }
   get childNodes() {
     const childNodes2 = [];
@@ -48046,226 +48308,6 @@ class BaseRRNode {
     return "RRNode";
   }
 }
-const testableAccessors = {
-  Node: ["childNodes", "parentNode", "parentElement", "textContent"],
-  ShadowRoot: ["host", "styleSheets"],
-  Element: ["shadowRoot"],
-  MutationObserver: [],
-  EventTarget: []
-};
-const testableMethods = {
-  Node: ["contains", "getRootNode"],
-  ShadowRoot: ["getSelection"],
-  Element: ["querySelector", "querySelectorAll"],
-  MutationObserver: ["constructor"],
-  EventTarget: ["addEventListener", "removeEventListener"]
-};
-const untaintedBasePrototype = {};
-function angularZoneUnpatchedAlternative(key) {
-  var _a2, _b;
-  const angularUnpatchedVersionSymbol = (_b = (_a2 = globalThis == null ? void 0 : globalThis.Zone) == null ? void 0 : _a2.__symbol__) == null ? void 0 : _b.call(_a2, key);
-  if (angularUnpatchedVersionSymbol && globalThis[angularUnpatchedVersionSymbol]) {
-    return globalThis[angularUnpatchedVersionSymbol];
-  } else {
-    return void 0;
-  }
-}
-function getUntaintedPrototype(key) {
-  if (untaintedBasePrototype[key])
-    return untaintedBasePrototype[key];
-  const candidate = angularZoneUnpatchedAlternative(key) || globalThis[key];
-  const defaultPrototype = candidate.prototype;
-  const accessorNames = key in testableAccessors ? testableAccessors[key] : void 0;
-  const isUntaintedAccessors = Boolean(
-    accessorNames && // @ts-expect-error 2345
-    accessorNames.every(
-      (accessor) => {
-        var _a2, _b;
-        return Boolean(
-          (_b = (_a2 = Object.getOwnPropertyDescriptor(defaultPrototype, accessor)) == null ? void 0 : _a2.get) == null ? void 0 : _b.toString().includes("[native code]")
-        );
-      }
-    )
-  );
-  const methodNames = key in testableMethods ? testableMethods[key] : void 0;
-  const isUntaintedMethods = Boolean(
-    methodNames && methodNames.every(
-      // @ts-expect-error 2345
-      (method) => {
-        var _a2;
-        return typeof defaultPrototype[method] === "function" && ((_a2 = defaultPrototype[method]) == null ? void 0 : _a2.toString().includes("[native code]"));
-      }
-    )
-  );
-  if (isUntaintedAccessors && isUntaintedMethods) {
-    untaintedBasePrototype[key] = candidate.prototype;
-    return candidate.prototype;
-  }
-  try {
-    const iframeEl = document.createElement("iframe");
-    document.body.appendChild(iframeEl);
-    const win = iframeEl.contentWindow;
-    if (!win) return candidate.prototype;
-    const untaintedObject = win[key].prototype;
-    document.body.removeChild(iframeEl);
-    if (!untaintedObject) return defaultPrototype;
-    return untaintedBasePrototype[key] = untaintedObject;
-  } catch {
-    return defaultPrototype;
-  }
-}
-const untaintedAccessorCache = {};
-function getUntaintedAccessor(key, instance, accessor) {
-  var _a2;
-  const cacheKey = `${key}.${String(accessor)}`;
-  if (untaintedAccessorCache[cacheKey])
-    return untaintedAccessorCache[cacheKey].call(
-      instance
-    );
-  const untaintedPrototype = getUntaintedPrototype(key);
-  const untaintedAccessor = (_a2 = Object.getOwnPropertyDescriptor(
-    untaintedPrototype,
-    accessor
-  )) == null ? void 0 : _a2.get;
-  if (!untaintedAccessor) return instance[accessor];
-  untaintedAccessorCache[cacheKey] = untaintedAccessor;
-  return untaintedAccessor.call(instance);
-}
-const untaintedMethodCache = {};
-function getUntaintedMethod(key, instance, method) {
-  var _a2, _b, _c;
-  const cacheKey = `${key}.${String(method)}`;
-  if (untaintedMethodCache[cacheKey])
-    return untaintedMethodCache[cacheKey].bind(
-      instance
-    );
-  const zoneSymbol = (_b = (_a2 = globalThis == null ? void 0 : globalThis.Zone) == null ? void 0 : _a2.__symbol__) == null ? void 0 : _b.call(
-    _a2,
-    String(method)
-  );
-  if (zoneSymbol) {
-    const classProto = (_c = globalThis[key]) == null ? void 0 : _c.prototype;
-    const nativeFromZone = globalThis[zoneSymbol] ?? (classProto == null ? void 0 : classProto[zoneSymbol]);
-    if (typeof nativeFromZone === "function") {
-      untaintedMethodCache[cacheKey] = nativeFromZone;
-      return nativeFromZone.bind(
-        instance
-      );
-    }
-  }
-  const untaintedPrototype = getUntaintedPrototype(key);
-  const untaintedMethod = untaintedPrototype[method];
-  if (typeof untaintedMethod !== "function") return instance[method];
-  untaintedMethodCache[cacheKey] = untaintedMethod;
-  return untaintedMethod.bind(instance);
-}
-function childNodes(n2) {
-  return getUntaintedAccessor("Node", n2, "childNodes");
-}
-function parentNode(n2) {
-  return getUntaintedAccessor("Node", n2, "parentNode");
-}
-function parentElement(n2) {
-  return getUntaintedAccessor("Node", n2, "parentElement");
-}
-function textContent(n2) {
-  return getUntaintedAccessor("Node", n2, "textContent");
-}
-function contains(n2, other) {
-  return getUntaintedMethod("Node", n2, "contains")(other);
-}
-function getRootNode(n2) {
-  return getUntaintedMethod("Node", n2, "getRootNode")();
-}
-function host(n2) {
-  if (!n2 || !("host" in n2)) return null;
-  return getUntaintedAccessor("ShadowRoot", n2, "host");
-}
-function styleSheets(n2) {
-  return n2.styleSheets;
-}
-function shadowRoot(n2) {
-  if (!n2 || !("shadowRoot" in n2)) return null;
-  return getUntaintedAccessor("Element", n2, "shadowRoot");
-}
-function querySelector(n2, selectors) {
-  return getUntaintedMethod("Element", n2, "querySelector")(selectors);
-}
-function querySelectorAll(n2, selectors) {
-  return getUntaintedMethod("Element", n2, "querySelectorAll")(selectors);
-}
-function addEventListener(n2, type, listener, options) {
-  getUntaintedMethod("EventTarget", n2, "addEventListener")(type, listener, options);
-}
-function removeEventListener(n2, type, listener, options) {
-  getUntaintedMethod("EventTarget", n2, "removeEventListener")(
-    type,
-    listener,
-    options
-  );
-}
-function mutationObserverCtor() {
-  return getUntaintedPrototype("MutationObserver").constructor;
-}
-function getUntaintedProxy() {
-  var _a2, _b;
-  let Proxy3 = window.Proxy;
-  try {
-    if (typeof window.Proxy !== "function" || !((_a2 = window.Proxy) == null ? void 0 : _a2.toString().includes("[native code]"))) {
-      const cleanFrame = document.createElement("iframe");
-      cleanFrame.style.display = "none";
-      document.documentElement.appendChild(cleanFrame);
-      Proxy3 = ((_b = cleanFrame.contentWindow) == null ? void 0 : _b.Proxy) || window.Proxy;
-      document.documentElement.removeChild(cleanFrame);
-    }
-  } catch (err) {
-    console.debug("Unable to get untainted Proxy from iframe", err);
-  }
-  return Proxy3;
-}
-function patch(source, name, replacement) {
-  try {
-    if (!(name in source)) {
-      return () => {
-      };
-    }
-    const original = source[name];
-    const wrapped = replacement(original);
-    if (typeof wrapped === "function") {
-      wrapped.prototype = wrapped.prototype || {};
-      Object.defineProperties(wrapped, {
-        __rrweb_original__: {
-          enumerable: false,
-          value: original
-        }
-      });
-    }
-    source[name] = wrapped;
-    return () => {
-      source[name] = original;
-    };
-  } catch {
-    return () => {
-    };
-  }
-}
-const index = {
-  childNodes,
-  parentNode,
-  parentElement,
-  textContent,
-  contains,
-  getRootNode,
-  host,
-  styleSheets,
-  shadowRoot,
-  querySelector,
-  querySelectorAll,
-  addEventListener,
-  removeEventListener,
-  mutationObserver: mutationObserverCtor,
-  patch
-};
 function on(type, fn, target = document) {
   const options = { capture: true, passive: true };
   index.addEventListener(target, type, fn, options);
@@ -48348,10 +48390,6 @@ function hookSetter(target, key, d, isRevoked, win = window) {
   );
   return () => hookSetter(target, key, original || {}, true);
 }
-let nowTimestamp = Date.now;
-if (!/* @__PURE__ */ /[1-9][0-9]{12}/.test(Date.now().toString())) {
-  nowTimestamp = () => (/* @__PURE__ */ new Date()).getTime();
-}
 function getWindowScroll(win) {
   var _a2, _b, _c, _d;
   const doc = win.document;
@@ -48388,7 +48426,7 @@ function isBlocked(node, blockClass, blockSelector, checkAncestors) {
     } else {
       if (classMatchesRegex(el, blockClass, checkAncestors)) return true;
     }
-  } catch (e2) {
+  } catch (e) {
   }
   if (blockSelector) {
     if (el.matches(blockSelector)) return true;
@@ -48396,14 +48434,14 @@ function isBlocked(node, blockClass, blockSelector, checkAncestors) {
   }
   return false;
 }
-function isSerialized(n2, mirror2) {
-  return mirror2.getId(n2) !== -1;
+function isSerialized(n, mirror2) {
+  return mirror2.getId(n) !== -1;
 }
-function isIgnored(n2, mirror2, slimDOMOptions) {
-  if (n2.tagName === "TITLE" && slimDOMOptions.headTitleMutations) {
+function isIgnored(n, mirror2, slimDOMOptions) {
+  if (n.tagName === "TITLE" && slimDOMOptions.headTitleMutations) {
     return true;
   }
-  return mirror2.getId(n2) === IGNORED_NODE;
+  return mirror2.getId(n) === IGNORED_NODE;
 }
 function isAncestorRemoved(target, mirror2) {
   if (isShadowRoot(target)) {
@@ -48425,7 +48463,7 @@ function isAncestorRemoved(target, mirror2) {
 function legacy_isTouchEvent(event) {
   return Boolean(event.changedTouches);
 }
-function polyfill$1(win = window) {
+function polyfill(win = window) {
   if ("NodeList" in win && !win.NodeList.prototype.forEach) {
     win.NodeList.prototype.forEach = Array.prototype.forEach;
   }
@@ -48433,20 +48471,20 @@ function polyfill$1(win = window) {
     win.DOMTokenList.prototype.forEach = Array.prototype.forEach;
   }
 }
-function isSerializedIframe(n2, mirror2) {
-  return Boolean(n2.nodeName === "IFRAME" && mirror2.getMeta(n2));
+function isSerializedIframe(n, mirror2) {
+  return Boolean(n.nodeName === "IFRAME" && mirror2.getMeta(n));
 }
-function isSerializedStylesheet(n2, mirror2) {
+function isSerializedStylesheet(n, mirror2) {
   return Boolean(
-    n2.nodeName === "LINK" && n2.nodeType === n2.ELEMENT_NODE && n2.getAttribute && n2.getAttribute("rel") === "stylesheet" && mirror2.getMeta(n2)
+    n.nodeName === "LINK" && n.nodeType === n.ELEMENT_NODE && n.getAttribute && n.getAttribute("rel") === "stylesheet" && mirror2.getMeta(n)
   );
 }
-function hasShadowRoot(n2) {
-  if (!n2) return false;
-  if (n2 instanceof BaseRRNode && "shadowRoot" in n2) {
-    return Boolean(n2.shadowRoot);
+function hasShadowRoot(n) {
+  if (!n) return false;
+  if (n instanceof BaseRRNode && "shadowRoot" in n) {
+    return Boolean(n.shadowRoot);
   }
-  return Boolean(index.shadowRoot(n2));
+  return Boolean(index.shadowRoot(n));
 }
 class StyleSheetMirror {
   constructor() {
@@ -48485,206 +48523,30 @@ class StyleSheetMirror {
     return this.id++;
   }
 }
-function getShadowHost(n2) {
+function getShadowHost(n) {
   var _a2;
   let shadowHost = null;
-  if ("getRootNode" in n2 && ((_a2 = index.getRootNode(n2)) == null ? void 0 : _a2.nodeType) === Node.DOCUMENT_FRAGMENT_NODE && index.host(index.getRootNode(n2)))
-    shadowHost = index.host(index.getRootNode(n2));
+  if ("getRootNode" in n && ((_a2 = index.getRootNode(n)) == null ? void 0 : _a2.nodeType) === Node.DOCUMENT_FRAGMENT_NODE && index.host(index.getRootNode(n)))
+    shadowHost = index.host(index.getRootNode(n));
   return shadowHost;
 }
-function getRootShadowHost(n2) {
-  let rootShadowHost = n2;
+function getRootShadowHost(n) {
+  let rootShadowHost = n;
   let shadowHost;
   while (shadowHost = getShadowHost(rootShadowHost))
     rootShadowHost = shadowHost;
   return rootShadowHost;
 }
-function shadowHostInDom(n2) {
-  const doc = n2.ownerDocument;
+function shadowHostInDom(n) {
+  const doc = index.ownerDocument(n);
   if (!doc) return false;
-  const shadowHost = getRootShadowHost(n2);
+  const shadowHost = getRootShadowHost(n);
   return index.contains(doc, shadowHost);
 }
-function inDom(n2) {
-  const doc = n2.ownerDocument;
+function inDom(n) {
+  const doc = index.ownerDocument(n);
   if (!doc) return false;
-  return index.contains(doc, n2) || shadowHostInDom(n2);
-}
-var EventType = /* @__PURE__ */ ((EventType2) => {
-  EventType2[EventType2["DomContentLoaded"] = 0] = "DomContentLoaded";
-  EventType2[EventType2["Load"] = 1] = "Load";
-  EventType2[EventType2["FullSnapshot"] = 2] = "FullSnapshot";
-  EventType2[EventType2["IncrementalSnapshot"] = 3] = "IncrementalSnapshot";
-  EventType2[EventType2["Meta"] = 4] = "Meta";
-  EventType2[EventType2["Custom"] = 5] = "Custom";
-  EventType2[EventType2["Plugin"] = 6] = "Plugin";
-  return EventType2;
-})(EventType || {});
-var IncrementalSource = /* @__PURE__ */ ((IncrementalSource2) => {
-  IncrementalSource2[IncrementalSource2["Mutation"] = 0] = "Mutation";
-  IncrementalSource2[IncrementalSource2["MouseMove"] = 1] = "MouseMove";
-  IncrementalSource2[IncrementalSource2["MouseInteraction"] = 2] = "MouseInteraction";
-  IncrementalSource2[IncrementalSource2["Scroll"] = 3] = "Scroll";
-  IncrementalSource2[IncrementalSource2["ViewportResize"] = 4] = "ViewportResize";
-  IncrementalSource2[IncrementalSource2["Input"] = 5] = "Input";
-  IncrementalSource2[IncrementalSource2["TouchMove"] = 6] = "TouchMove";
-  IncrementalSource2[IncrementalSource2["MediaInteraction"] = 7] = "MediaInteraction";
-  IncrementalSource2[IncrementalSource2["StyleSheetRule"] = 8] = "StyleSheetRule";
-  IncrementalSource2[IncrementalSource2["CanvasMutation"] = 9] = "CanvasMutation";
-  IncrementalSource2[IncrementalSource2["Font"] = 10] = "Font";
-  IncrementalSource2[IncrementalSource2["Log"] = 11] = "Log";
-  IncrementalSource2[IncrementalSource2["Drag"] = 12] = "Drag";
-  IncrementalSource2[IncrementalSource2["StyleDeclaration"] = 13] = "StyleDeclaration";
-  IncrementalSource2[IncrementalSource2["Selection"] = 14] = "Selection";
-  IncrementalSource2[IncrementalSource2["AdoptedStyleSheet"] = 15] = "AdoptedStyleSheet";
-  IncrementalSource2[IncrementalSource2["CustomElement"] = 16] = "CustomElement";
-  return IncrementalSource2;
-})(IncrementalSource || {});
-var MouseInteractions = /* @__PURE__ */ ((MouseInteractions2) => {
-  MouseInteractions2[MouseInteractions2["MouseUp"] = 0] = "MouseUp";
-  MouseInteractions2[MouseInteractions2["MouseDown"] = 1] = "MouseDown";
-  MouseInteractions2[MouseInteractions2["Click"] = 2] = "Click";
-  MouseInteractions2[MouseInteractions2["ContextMenu"] = 3] = "ContextMenu";
-  MouseInteractions2[MouseInteractions2["DblClick"] = 4] = "DblClick";
-  MouseInteractions2[MouseInteractions2["Focus"] = 5] = "Focus";
-  MouseInteractions2[MouseInteractions2["Blur"] = 6] = "Blur";
-  MouseInteractions2[MouseInteractions2["TouchStart"] = 7] = "TouchStart";
-  MouseInteractions2[MouseInteractions2["TouchMove_Departed"] = 8] = "TouchMove_Departed";
-  MouseInteractions2[MouseInteractions2["TouchEnd"] = 9] = "TouchEnd";
-  MouseInteractions2[MouseInteractions2["TouchCancel"] = 10] = "TouchCancel";
-  return MouseInteractions2;
-})(MouseInteractions || {});
-var PointerTypes = /* @__PURE__ */ ((PointerTypes2) => {
-  PointerTypes2[PointerTypes2["Mouse"] = 0] = "Mouse";
-  PointerTypes2[PointerTypes2["Pen"] = 1] = "Pen";
-  PointerTypes2[PointerTypes2["Touch"] = 2] = "Touch";
-  return PointerTypes2;
-})(PointerTypes || {});
-var CanvasContext = /* @__PURE__ */ ((CanvasContext2) => {
-  CanvasContext2[CanvasContext2["2D"] = 0] = "2D";
-  CanvasContext2[CanvasContext2["WebGL"] = 1] = "WebGL";
-  CanvasContext2[CanvasContext2["WebGL2"] = 2] = "WebGL2";
-  return CanvasContext2;
-})(CanvasContext || {});
-var MediaInteractions = /* @__PURE__ */ ((MediaInteractions2) => {
-  MediaInteractions2[MediaInteractions2["Play"] = 0] = "Play";
-  MediaInteractions2[MediaInteractions2["Pause"] = 1] = "Pause";
-  MediaInteractions2[MediaInteractions2["Seeked"] = 2] = "Seeked";
-  MediaInteractions2[MediaInteractions2["VolumeChange"] = 3] = "VolumeChange";
-  MediaInteractions2[MediaInteractions2["RateChange"] = 4] = "RateChange";
-  return MediaInteractions2;
-})(MediaInteractions || {});
-var NodeType = /* @__PURE__ */ ((NodeType2) => {
-  NodeType2[NodeType2["Document"] = 0] = "Document";
-  NodeType2[NodeType2["DocumentType"] = 1] = "DocumentType";
-  NodeType2[NodeType2["Element"] = 2] = "Element";
-  NodeType2[NodeType2["Text"] = 3] = "Text";
-  NodeType2[NodeType2["CDATA"] = 4] = "CDATA";
-  NodeType2[NodeType2["Comment"] = 5] = "Comment";
-  return NodeType2;
-})(NodeType || {});
-function isNodeInLinkedList(n2) {
-  return "__ln" in n2;
-}
-class DoubleLinkedList {
-  constructor() {
-    __publicField(this, "length", 0);
-    __publicField(this, "head", null);
-    __publicField(this, "tail", null);
-    __publicField(this, "reordered", false);
-  }
-  get(position) {
-    if (position >= this.length) {
-      throw new Error("Position outside of list range");
-    }
-    let current = this.head;
-    for (let index2 = 0; index2 < position; index2++) {
-      current = (current == null ? void 0 : current.next) || null;
-    }
-    return current;
-  }
-  addNode(n2) {
-    const node = {
-      value: n2,
-      previous: null,
-      next: null
-    };
-    n2.__ln = node;
-    if (n2.previousSibling && isNodeInLinkedList(n2.previousSibling)) {
-      const current = n2.previousSibling.__ln.next;
-      node.next = current;
-      node.previous = n2.previousSibling.__ln;
-      n2.previousSibling.__ln.next = node;
-      if (current) {
-        current.previous = node;
-      }
-    } else if (n2.nextSibling && isNodeInLinkedList(n2.nextSibling) && n2.nextSibling.__ln.previous) {
-      const current = n2.nextSibling.__ln.previous;
-      node.previous = current;
-      node.next = n2.nextSibling.__ln;
-      n2.nextSibling.__ln.previous = node;
-      if (current) {
-        current.next = node;
-      }
-    } else {
-      if (this.head) {
-        this.head.previous = node;
-      }
-      node.next = this.head;
-      this.head = node;
-    }
-    if (node.next === null) {
-      this.tail = node;
-    }
-    this.length++;
-  }
-  removeNode(n2) {
-    const current = n2.__ln;
-    if (!this.head) {
-      return;
-    }
-    if (!current.previous) {
-      this.head = current.next;
-      if (this.head) {
-        this.head.previous = null;
-      } else {
-        this.tail = null;
-      }
-    } else {
-      current.previous.next = current.next;
-      if (current.next) {
-        current.next.previous = current.previous;
-      } else {
-        this.tail = current.previous;
-      }
-    }
-    if (n2.__ln) {
-      delete n2.__ln;
-    }
-    this.length--;
-  }
-  needsReorder(_node) {
-    if (!this.reordered && _node.value.previousSibling && isNodeInLinkedList(_node.value.previousSibling) && _node.previous && _node.previous.value !== _node.value.previousSibling) {
-      return true;
-    }
-    return false;
-  }
-  reorder() {
-    if (this.reordered) return false;
-    let current = this.tail;
-    const head = this.head;
-    while (current) {
-      const prev = current.previous;
-      this.removeNode(current.value);
-      this.addNode(current.value);
-      if (current === head) {
-        break;
-      }
-      current = prev;
-    }
-    this.reordered = true;
-    return true;
-  }
+  return index.contains(doc, n) || shadowHostInDom(n);
 }
 const moveKey = (id, parentId) => `${id}@${parentId}`;
 class MutationBuffer {
@@ -48697,6 +48559,23 @@ class MutationBuffer {
     __publicField(this, "removes", []);
     __publicField(this, "mapRemoves", []);
     __publicField(this, "movedMap", {});
+    /**
+     * the browser MutationObserver emits multiple mutations after
+     * a delay for performance reasons, making tracing added nodes hard
+     * in our `processMutations` callback function.
+     * For example, if we append an element el_1 into body, and then append
+     * another element el_2 into el_1, these two mutations may be passed to the
+     * callback function together when the two operations were done.
+     * Generally we need to trace child nodes of newly added nodes, but in this
+     * case if we count el_2 as el_1's child node in the first mutation record,
+     * then we will count el_2 again in the second mutation record which was
+     * duplicated.
+     * To avoid of duplicate counting added nodes, we use a Set to store
+     * added nodes and its child nodes during iterate mutation records. Then
+     * collect added nodes from the Set which have no duplicate copy. But
+     * this also causes newly added nodes will not be serialized with id ASAP,
+     * which means all the id related calculation should be lazy too.
+     */
     __publicField(this, "addedSet", /* @__PURE__ */ new Set());
     __publicField(this, "movedSet", /* @__PURE__ */ new Set());
     __publicField(this, "droppedSet", /* @__PURE__ */ new Set());
@@ -48734,36 +48613,103 @@ class MutationBuffer {
       }
       const adds = [];
       const addedIds = /* @__PURE__ */ new Set();
-      const addList = new DoubleLinkedList();
-      const getNextId = (n2) => {
-        let ns = n2;
-        let nextId = IGNORED_NODE;
-        while (nextId === IGNORED_NODE) {
-          ns = ns && ns.nextSibling;
-          nextId = ns && this.mirror.getId(ns);
+      while (this.mapRemoves.length) {
+        this.mirror.removeNodeFromMap(this.mapRemoves.shift());
+      }
+      for (const n2 of this.movedSet) {
+        const parentNode22 = index.parentNode(n2);
+        if (this.removesSubTreeCache.has(parentNode22) && !this.movedSet.has(parentNode22)) {
+          continue;
         }
-        return nextId;
-      };
-      const pushAdd = (n2) => {
-        const parent = index.parentNode(n2);
-        if (!parent || !inDom(n2)) {
-          return;
+        this.addedSet.add(n2);
+      }
+      let n = null;
+      let parentNode2 = null;
+      let parentId = -1;
+      let nextSibling2 = null;
+      let ancestorBad = false;
+      const missingParents = /* @__PURE__ */ new Set();
+      const iter = this.addedSet.values();
+      let curr = iter.next();
+      while (this.addedSet.size) {
+        if (n !== null && this.addedSet.has(index.previousSibling(n))) {
+          nextSibling2 = n;
+          n = index.previousSibling(n);
+        } else {
+          if (!this.addedSet.has(curr.value)) {
+            curr = iter.next();
+          }
+          n = curr.value;
+          while (true) {
+            parentNode2 = index.parentNode(n);
+            if (this.addedSet.has(parentNode2)) {
+              n = parentNode2;
+              continue;
+            }
+            break;
+          }
+          if (missingParents.has(parentNode2)) {
+            parentNode2 = null;
+          } else if (parentNode2) {
+            if (!inDom(parentNode2)) {
+              ancestorBad = true;
+            } else {
+              ancestorBad = isSelfOrAncestorInSet(this.droppedSet, parentNode2) || this.removesSubTreeCache.has(parentNode2);
+              if (ancestorBad && isSelfOrAncestorInSet(this.movedSet, n)) {
+                ancestorBad = false;
+              }
+            }
+            if (this.addedSet.has(index.lastChild(parentNode2))) {
+              n = index.lastChild(parentNode2);
+              nextSibling2 = null;
+            } else {
+              while (true) {
+                nextSibling2 = index.nextSibling(n);
+                if (this.addedSet.has(nextSibling2)) {
+                  n = nextSibling2;
+                  continue;
+                }
+                break;
+              }
+            }
+            parentId = isShadowRoot(parentNode2) ? this.mirror.getId(getShadowHost(n)) : this.mirror.getId(parentNode2);
+            if (parentId === -1 && parentNode2.nodeType === Node.DOCUMENT_FRAGMENT_NODE) {
+              const shadowHost = index.host(parentNode2);
+              parentId = this.mirror.getId(shadowHost);
+            }
+          }
+        }
+        this.addedSet.delete(n);
+        if (!parentNode2 || parentId === -1) {
+          missingParents.add(n);
+          continue;
+        } else if (ancestorBad) {
+          this.droppedSet.add(n);
+          continue;
         }
         let cssCaptured = false;
-        if (n2.nodeType === Node.TEXT_NODE) {
-          const parentTag = parent.tagName;
+        if (n.nodeType === Node.TEXT_NODE) {
+          const parentTag = parentNode2.tagName;
           if (parentTag === "TEXTAREA") {
-            return;
-          } else if (parentTag === "STYLE" && this.addedSet.has(parent)) {
+            continue;
+          } else if (parentTag === "STYLE" && addedIds.has(parentId)) {
             cssCaptured = true;
           }
         }
-        const parentId = isShadowRoot(parent) ? this.mirror.getId(getShadowHost(n2)) : this.mirror.getId(parent);
-        const nextId = getNextId(n2);
-        if (parentId === -1 || nextId === -1) {
-          return addList.addNode(n2);
+        let nextId = nextSibling2 ? this.mirror.getId(nextSibling2) : null;
+        while (nextId === IGNORED_NODE) {
+          nextSibling2 = nextSibling2 && index.nextSibling(nextSibling2);
+          nextId = nextSibling2 && this.mirror.getId(nextSibling2);
         }
-        const sn = serializeNodeWithId(n2, {
+        if (nextId === -1) {
+          console.warn(
+            "Couldn't record new node. Couldn't find mirror id for nextSibling:",
+            nextSibling2
+          );
+          n = null;
+          continue;
+        }
+        const sn = serializeNodeWithId(n, {
           doc: this.doc,
           mirror: this.mirror,
           blockClass: this.blockClass,
@@ -48790,8 +48736,11 @@ class MutationBuffer {
                 currentN
               );
             }
-            if (hasShadowRoot(n2)) {
-              this.shadowDomManager.addShadowRoot(index.shadowRoot(n2), this.doc);
+            if (hasShadowRoot(n)) {
+              this.shadowDomManager.addShadowRoot(
+                index.shadowRoot(n),
+                this.doc
+              );
             }
           },
           onIframeLoad: (iframe, childSn) => {
@@ -48811,76 +48760,6 @@ class MutationBuffer {
           });
           addedIds.add(sn.id);
         }
-      };
-      while (this.mapRemoves.length) {
-        this.mirror.removeNodeFromMap(this.mapRemoves.shift());
-      }
-      for (const n2 of this.movedSet) {
-        const parentNode2 = index.parentNode(n2);
-        if (isParentRemoved(this.removesSubTreeCache, n2, this.mirror) && !this.movedSet.has(parentNode2) && !this.addedSet.has(parentNode2)) {
-          continue;
-        }
-        pushAdd(n2);
-      }
-      for (const n2 of this.addedSet) {
-        if (!isAncestorInSet(this.droppedSet, n2) && !isParentRemoved(this.removesSubTreeCache, n2, this.mirror)) {
-          pushAdd(n2);
-        } else if (isAncestorInSet(this.movedSet, n2)) {
-          pushAdd(n2);
-        } else {
-          this.droppedSet.add(n2);
-        }
-      }
-      let candidate = null;
-      while (addList.length) {
-        let node = null;
-        if (candidate) {
-          const parentId = this.mirror.getId(index.parentNode(candidate.value));
-          const nextId = getNextId(candidate.value);
-          if (parentId !== -1 && nextId !== -1) {
-            node = candidate;
-          }
-        }
-        if (!node) {
-          let tailNode = addList.tail;
-          while (tailNode) {
-            const _node = tailNode;
-            tailNode = tailNode.previous;
-            if (_node) {
-              const parentId = this.mirror.getId(index.parentNode(_node.value));
-              const nextId = getNextId(_node.value);
-              if (nextId === -1) {
-                if (addList.needsReorder(_node) && addList.reorder()) {
-                  tailNode = addList.tail;
-                }
-                continue;
-              } else if (parentId !== -1) {
-                node = _node;
-                break;
-              } else {
-                const unhandledNode = _node.value;
-                const parent = index.parentNode(unhandledNode);
-                if (parent && parent.nodeType === Node.DOCUMENT_FRAGMENT_NODE) {
-                  const shadowHost = index.host(parent);
-                  const parentId2 = this.mirror.getId(shadowHost);
-                  if (parentId2 !== -1) {
-                    node = _node;
-                    break;
-                  }
-                }
-              }
-            }
-          }
-        }
-        if (!node) {
-          while (addList.head) {
-            addList.removeNode(addList.head.value);
-          }
-          break;
-        }
-        candidate = node.previous;
-        addList.removeNode(node.value);
-        pushAdd(node.value);
       }
       const payload = {
         texts: this.texts.map((text) => {
@@ -48985,6 +48864,7 @@ class MutationBuffer {
         }
         case "attributes": {
           const target = m.target;
+          const tagNameLower = toLowerCase(target.tagName);
           let attributeName = m.attributeName;
           let value = m.target.getAttribute(attributeName);
           if (attributeName === "value") {
@@ -49009,7 +48889,7 @@ class MutationBuffer {
             return;
           }
           let item = this.attributeMap.get(m.target);
-          if (target.tagName === "IFRAME" && attributeName === "src" && !this.keepIframeSrcFn(value)) {
+          if (tagNameLower === "iframe" && attributeName === "src" && !this.keepIframeSrcFn(value)) {
             if (!target.contentDocument) {
               attributeName = "rr_src";
             } else {
@@ -49026,13 +48906,13 @@ class MutationBuffer {
             this.attributes.push(item);
             this.attributeMap.set(m.target, item);
           }
-          if (attributeName === "type" && target.tagName === "INPUT" && (m.oldValue || "").toLowerCase() === "password") {
+          if (attributeName === "type" && tagNameLower === "input" && (m.oldValue || "").toLowerCase() === "password") {
             target.setAttribute("data-rr-is-password", "true");
           }
-          if (!ignoreAttribute(target.tagName, attributeName)) {
+          if (!ignoreAttribute(tagNameLower, attributeName)) {
             item.attributes[attributeName] = transformAttribute(
               this.doc,
-              toLowerCase(target.tagName),
+              tagNameLower,
               toLowerCase(attributeName),
               value
             );
@@ -49040,7 +48920,7 @@ class MutationBuffer {
               if (!this.unattachedDoc) {
                 try {
                   this.unattachedDoc = document.implementation.createHTMLDocument();
-                } catch (e2) {
+                } catch (e) {
                   this.unattachedDoc = this.doc;
                 }
               }
@@ -49083,59 +48963,62 @@ class MutationBuffer {
             this.genTextAreaValueMutation(m.target);
             return;
           }
-          m.addedNodes.forEach((n2) => this.genAdds(n2, m.target));
-          m.removedNodes.forEach((n2) => {
-            const nodeId = this.mirror.getId(n2);
+          m.addedNodes.forEach((n) => this.genAdds(n, m.target));
+          m.removedNodes.forEach((n) => {
+            const nodeId = this.mirror.getId(n);
             const parentId = isShadowRoot(m.target) ? this.mirror.getId(index.host(m.target)) : this.mirror.getId(m.target);
-            if (isBlocked(m.target, this.blockClass, this.blockSelector, false) || isIgnored(n2, this.mirror, this.slimDOMOptions) || !isSerialized(n2, this.mirror)) {
+            if (isBlocked(m.target, this.blockClass, this.blockSelector, false) || isIgnored(n, this.mirror, this.slimDOMOptions) || !isSerialized(n, this.mirror)) {
               return;
             }
-            if (this.addedSet.has(n2)) {
-              deepDelete(this.addedSet, n2);
-              this.droppedSet.add(n2);
+            if (this.addedSet.has(n)) {
+              deepDelete(this.addedSet, n);
+              this.droppedSet.add(n);
             } else if (this.addedSet.has(m.target) && nodeId === -1) ;
             else if (isAncestorRemoved(m.target, this.mirror)) ;
-            else if (this.movedSet.has(n2) && this.movedMap[moveKey(nodeId, parentId)]) {
-              deepDelete(this.movedSet, n2);
+            else if (this.movedSet.has(n) && this.movedMap[moveKey(nodeId, parentId)]) {
+              deepDelete(this.movedSet, n);
             } else {
               this.removes.push({
                 parentId,
                 id: nodeId,
                 isShadow: isShadowRoot(m.target) && isNativeShadowDom(m.target) ? true : void 0
               });
-              processRemoves(n2, this.removesSubTreeCache);
+              processRemoves(n, this.removesSubTreeCache);
             }
-            this.mapRemoves.push(n2);
+            this.mapRemoves.push(n);
           });
           break;
         }
       }
     });
-    __publicField(this, "genAdds", (n2, target) => {
-      if (this.processedNodeManager.inOtherBuffer(n2, this)) return;
-      if (this.addedSet.has(n2) || this.movedSet.has(n2)) return;
-      if (this.mirror.hasNode(n2)) {
-        if (isIgnored(n2, this.mirror, this.slimDOMOptions)) {
+    /**
+     * Make sure you check if `n`'s parent is blocked before calling this function
+     * */
+    __publicField(this, "genAdds", (n, target) => {
+      if (this.processedNodeManager.inOtherBuffer(n, this)) return;
+      if (this.addedSet.has(n) || this.movedSet.has(n)) return;
+      if (this.mirror.hasNode(n)) {
+        if (isIgnored(n, this.mirror, this.slimDOMOptions)) {
           return;
         }
-        this.movedSet.add(n2);
+        this.movedSet.add(n);
         let targetId = null;
         if (target && this.mirror.hasNode(target)) {
           targetId = this.mirror.getId(target);
         }
         if (targetId && targetId !== -1) {
-          this.movedMap[moveKey(this.mirror.getId(n2), targetId)] = true;
+          this.movedMap[moveKey(this.mirror.getId(n), targetId)] = true;
         }
       } else {
-        this.addedSet.add(n2);
-        this.droppedSet.delete(n2);
+        this.addedSet.add(n);
+        this.droppedSet.delete(n);
       }
-      if (!isBlocked(n2, this.blockClass, this.blockSelector, false)) {
-        index.childNodes(n2).forEach((childN) => this.genAdds(childN));
-        if (hasShadowRoot(n2)) {
-          index.childNodes(index.shadowRoot(n2)).forEach((childN) => {
+      if (!isBlocked(n, this.blockClass, this.blockSelector, false)) {
+        index.childNodes(n).forEach((childN) => this.genAdds(childN));
+        if (hasShadowRoot(n)) {
+          index.childNodes(index.shadowRoot(n)).forEach((childN) => {
             this.processedNodeManager.add(childN, this);
-            this.genAdds(childN, n2);
+            this.genAdds(childN, n);
           });
         }
       }
@@ -49195,42 +49078,33 @@ class MutationBuffer {
     this.canvasManager.reset();
   }
 }
-function deepDelete(addsSet, n2) {
-  addsSet.delete(n2);
-  index.childNodes(n2).forEach((childN) => deepDelete(addsSet, childN));
+function deepDelete(addsSet, n) {
+  addsSet.delete(n);
+  index.childNodes(n).forEach((childN) => deepDelete(addsSet, childN));
 }
-function processRemoves(n2, cache) {
-  const queue = [n2];
+function processRemoves(n, cache) {
+  const queue = [n];
   while (queue.length) {
     const next = queue.pop();
     if (cache.has(next)) continue;
     cache.add(next);
-    index.childNodes(next).forEach((n22) => queue.push(n22));
+    index.childNodes(next).forEach((n2) => queue.push(n2));
   }
   return;
 }
-function isParentRemoved(removes, n2, mirror2) {
-  if (removes.size === 0) return false;
-  return _isParentRemoved(removes, n2);
-}
-function _isParentRemoved(removes, n2, _mirror2) {
-  const node = index.parentNode(n2);
-  if (!node) return false;
-  return removes.has(node);
-}
-function isAncestorInSet(set, n2) {
+function isSelfOrAncestorInSet(set, n) {
   if (set.size === 0) return false;
-  return _isAncestorInSet(set, n2);
+  return _isSelfOrAncestorInSet(set, n);
 }
-function _isAncestorInSet(set, n2) {
-  const parent = index.parentNode(n2);
+function _isSelfOrAncestorInSet(set, n) {
+  if (set.has(n)) {
+    return true;
+  }
+  const parent = index.parentNode(n);
   if (!parent) {
     return false;
   }
-  if (set.has(parent)) {
-    return true;
-  }
-  return _isAncestorInSet(set, parent);
+  return _isSelfOrAncestorInSet(set, parent);
 }
 let errorHandler;
 function registerErrorHandler(handler) {
@@ -49275,7 +49149,8 @@ function initMutationObserver(options, rootEl) {
   const mutationBuffer = new MutationBuffer();
   mutationBuffers.push(mutationBuffer);
   mutationBuffer.init(options);
-  const observer = new (mutationObserverCtor())(
+  const [ObserverCtor, iframeCleanup] = mutationObserverCtor();
+  const observer = new ObserverCtor(
     callbackWrapper(mutationBuffer.processMutations.bind(mutationBuffer))
   );
   observer.observe(rootEl, {
@@ -49286,7 +49161,7 @@ function initMutationObserver(options, rootEl) {
     childList: true,
     subtree: true
   });
-  return observer;
+  return [observer, iframeCleanup];
 }
 function initMoveObserver({
   mousemoveCb,
@@ -49406,12 +49281,12 @@ function initMouseInteractionObserver({
         pointerType = currentPointerType;
         currentPointerType = null;
       }
-      const e2 = legacy_isTouchEvent(event) ? event.changedTouches[0] : event;
-      if (!e2) {
+      const e = legacy_isTouchEvent(event) ? event.changedTouches[0] : event;
+      if (!e) {
         return;
       }
       const id = mirror2.getId(target);
-      const { clientX, clientY } = e2;
+      const { clientX, clientY } = e;
       callbackWrapper(mouseInteractionCb)({
         type: MouseInteractions[thisEventKey],
         id,
@@ -49505,11 +49380,11 @@ function initViewportResizeObserver({ viewportResizeCb }, { win }) {
   return on("resize", updateDimension, win);
 }
 function findAndRemoveIframeBuffer(iframeEl) {
-  for (let i2 = mutationBuffers.length - 1; i2 >= 0; i2--) {
-    const buf = mutationBuffers[i2];
+  for (let i = mutationBuffers.length - 1; i >= 0; i--) {
+    const buf = mutationBuffers[i];
     if (buf.bufferBelongsToIframe(iframeEl)) {
       buf.reset();
-      mutationBuffers.splice(i2, 1);
+      mutationBuffers.splice(i, 1);
     }
   }
 }
@@ -49582,13 +49457,13 @@ function initInputObserver({
       });
     }
   }
-  function cbWithDedup(target, v2) {
+  function cbWithDedup(target, v) {
     const lastInputValue = lastInputValueMap.get(target);
-    if (!lastInputValue || lastInputValue.text !== v2.text || lastInputValue.isChecked !== v2.isChecked) {
-      lastInputValueMap.set(target, v2);
+    if (!lastInputValue || lastInputValue.text !== v.text || lastInputValue.isChecked !== v.isChecked) {
+      lastInputValueMap.set(target, v);
       const id = mirror2.getId(target);
       callbackWrapper(inputCb)({
-        ...v2,
+        ...v,
         id
       });
     }
@@ -49645,15 +49520,15 @@ function getNestedCSSRulePositions(rule) {
   const positions = [];
   function recurse(childRule, pos) {
     if (hasNestedCSSRule("CSSGroupingRule") && childRule.parentRule instanceof CSSGroupingRule || hasNestedCSSRule("CSSMediaRule") && childRule.parentRule instanceof CSSMediaRule || hasNestedCSSRule("CSSSupportsRule") && childRule.parentRule instanceof CSSSupportsRule || hasNestedCSSRule("CSSConditionRule") && childRule.parentRule instanceof CSSConditionRule) {
-      const rules2 = Array.from(
+      const rules = Array.from(
         childRule.parentRule.cssRules
       );
-      const index2 = rules2.indexOf(childRule);
+      const index2 = rules.indexOf(childRule);
       pos.unshift(index2);
       return recurse(childRule.parentRule, pos);
     } else if (childRule.parentStyleSheet) {
-      const rules2 = Array.from(childRule.parentStyleSheet.cssRules);
-      const index2 = rules2.indexOf(childRule);
+      const rules = Array.from(childRule.parentStyleSheet.cssRules);
+      const index2 = rules.indexOf(childRule);
       pos.unshift(index2);
     }
     return pos;
@@ -49892,7 +49767,7 @@ function initAdoptedStyleSheetObserver({
       if (hostId !== null && hostId !== -1) {
         try {
           stylesheetManager.adoptStyleSheets(sheets, hostId);
-        } catch (e2) {
+        } catch (e) {
         }
       }
       return result;
@@ -50029,7 +49904,7 @@ function initFontObserver({ fontCb, doc }) {
   const handlers = [];
   const fontMap = /* @__PURE__ */ new WeakMap();
   const originalFontFace = win.FontFace;
-  win.FontFace = function FontFace2(family, source, descriptors) {
+  win.FontFace = function FontFace(family, source, descriptors) {
     const fontFace = new originalFontFace(family, source, descriptors);
     fontMap.set(fontFace, {
       family,
@@ -50075,8 +49950,8 @@ function initSelectionObserver(param) {
     collapsed = selection.isCollapsed || false;
     const ranges = [];
     const count = selection.rangeCount || 0;
-    for (let i2 = 0; i2 < count; i2++) {
-      const range = selection.getRangeAt(i2);
+    for (let i = 0; i < count; i++) {
+      const range = selection.getRangeAt(i);
       const { startContainer, startOffset, endContainer, endOffset } = range;
       const blocked = isBlocked(startContainer, blockClass, blockSelector, true) || isBlocked(endContainer, blockClass, blockSelector, true);
       if (blocked) continue;
@@ -50110,7 +49985,7 @@ function initCustomElementObserver({
               name
             }
           });
-        } catch (e2) {
+        } catch (e) {
           console.warn(`Custom element callback failed for ${name}`);
         }
         return original.apply(this, [name, constructor, options]);
@@ -50119,7 +49994,7 @@ function initCustomElementObserver({
   );
   return restoreHandler;
 }
-function mergeHooks(o2, hooks) {
+function mergeHooks(o, hooks) {
   const {
     mutationCb,
     mousemoveCb,
@@ -50134,105 +50009,107 @@ function mergeHooks(o2, hooks) {
     fontCb,
     selectionCb,
     customElementCb
-  } = o2;
-  o2.mutationCb = (...p) => {
+  } = o;
+  o.mutationCb = (...p) => {
     if (hooks.mutation) {
       hooks.mutation(...p);
     }
     mutationCb(...p);
   };
-  o2.mousemoveCb = (...p) => {
+  o.mousemoveCb = (...p) => {
     if (hooks.mousemove) {
       hooks.mousemove(...p);
     }
     mousemoveCb(...p);
   };
-  o2.mouseInteractionCb = (...p) => {
+  o.mouseInteractionCb = (...p) => {
     if (hooks.mouseInteraction) {
       hooks.mouseInteraction(...p);
     }
     mouseInteractionCb(...p);
   };
-  o2.scrollCb = (...p) => {
+  o.scrollCb = (...p) => {
     if (hooks.scroll) {
       hooks.scroll(...p);
     }
     scrollCb(...p);
   };
-  o2.viewportResizeCb = (...p) => {
+  o.viewportResizeCb = (...p) => {
     if (hooks.viewportResize) {
       hooks.viewportResize(...p);
     }
     viewportResizeCb(...p);
   };
-  o2.inputCb = (...p) => {
+  o.inputCb = (...p) => {
     if (hooks.input) {
       hooks.input(...p);
     }
     inputCb(...p);
   };
-  o2.mediaInteractionCb = (...p) => {
+  o.mediaInteractionCb = (...p) => {
     if (hooks.mediaInteaction) {
       hooks.mediaInteaction(...p);
     }
     mediaInteractionCb(...p);
   };
-  o2.styleSheetRuleCb = (...p) => {
+  o.styleSheetRuleCb = (...p) => {
     if (hooks.styleSheetRule) {
       hooks.styleSheetRule(...p);
     }
     styleSheetRuleCb(...p);
   };
-  o2.styleDeclarationCb = (...p) => {
+  o.styleDeclarationCb = (...p) => {
     if (hooks.styleDeclaration) {
       hooks.styleDeclaration(...p);
     }
     styleDeclarationCb(...p);
   };
-  o2.canvasMutationCb = (...p) => {
+  o.canvasMutationCb = (...p) => {
     if (hooks.canvasMutation) {
       hooks.canvasMutation(...p);
     }
     canvasMutationCb(...p);
   };
-  o2.fontCb = (...p) => {
+  o.fontCb = (...p) => {
     if (hooks.font) {
       hooks.font(...p);
     }
     fontCb(...p);
   };
-  o2.selectionCb = (...p) => {
+  o.selectionCb = (...p) => {
     if (hooks.selection) {
       hooks.selection(...p);
     }
     selectionCb(...p);
   };
-  o2.customElementCb = (...c2) => {
+  o.customElementCb = (...c) => {
     if (hooks.customElement) {
-      hooks.customElement(...c2);
+      hooks.customElement(...c);
     }
-    customElementCb(...c2);
+    customElementCb(...c);
   };
 }
-function initObservers(o2, hooks = {}) {
-  const currentWindow = o2.doc.defaultView;
+function initObservers(o, hooks = {}) {
+  const currentWindow = o.doc.defaultView;
   if (!currentWindow) {
     return () => {
     };
   }
-  mergeHooks(o2, hooks);
+  mergeHooks(o, hooks);
   let mutationObserver;
-  if (o2.recordDOM) {
-    mutationObserver = initMutationObserver(o2, o2.doc);
+  let cleanupMutationIframe = () => {
+  };
+  if (o.recordDOM) {
+    [mutationObserver, cleanupMutationIframe] = initMutationObserver(o, o.doc);
   }
-  const mousemoveHandler = initMoveObserver(o2);
-  const mouseInteractionHandler = initMouseInteractionObserver(o2);
-  const scrollHandler = initScrollObserver(o2);
-  const viewportResizeHandler = initViewportResizeObserver(o2, {
+  const mousemoveHandler = initMoveObserver(o);
+  const mouseInteractionHandler = initMouseInteractionObserver(o);
+  const scrollHandler = initScrollObserver(o);
+  const viewportResizeHandler = initViewportResizeObserver(o, {
     win: currentWindow
   });
-  const inputHandler = initInputObserver(o2);
-  const mediaInteractionHandler = initMediaInteractionObserver(o2);
+  const inputHandler = initInputObserver(o);
+  const mediaInteractionHandler = initMediaInteractionObserver(o);
   let styleSheetObserver = () => {
   };
   let adoptedStyleSheetObserver = () => {
@@ -50241,20 +50118,20 @@ function initObservers(o2, hooks = {}) {
   };
   let fontObserver = () => {
   };
-  if (o2.recordDOM) {
-    styleSheetObserver = initStyleSheetObserver(o2, { win: currentWindow });
-    adoptedStyleSheetObserver = initAdoptedStyleSheetObserver(o2, o2.doc);
-    styleDeclarationObserver = initStyleDeclarationObserver(o2, {
+  if (o.recordDOM) {
+    styleSheetObserver = initStyleSheetObserver(o, { win: currentWindow });
+    adoptedStyleSheetObserver = initAdoptedStyleSheetObserver(o, o.doc);
+    styleDeclarationObserver = initStyleDeclarationObserver(o, {
       win: currentWindow
     });
-    if (o2.collectFonts) {
-      fontObserver = initFontObserver(o2);
+    if (o.collectFonts) {
+      fontObserver = initFontObserver(o);
     }
   }
-  const selectionObserver = initSelectionObserver(o2);
-  const customElementObserver = initCustomElementObserver(o2);
+  const selectionObserver = initSelectionObserver(o);
+  const customElementObserver = initCustomElementObserver(o);
   const pluginHandlers = [];
-  for (const plugin of o2.plugins) {
+  for (const plugin of o.plugins) {
     pluginHandlers.push(
       plugin.observer(plugin.callback, currentWindow, plugin.options)
     );
@@ -50262,6 +50139,7 @@ function initObservers(o2, hooks = {}) {
   return callbackWrapper(() => {
     mutationBuffers.forEach((b) => b.reset());
     mutationObserver == null ? void 0 : mutationObserver.disconnect();
+    cleanupMutationIframe();
     mousemoveHandler();
     mouseInteractionHandler();
     scrollHandler();
@@ -50385,7 +50263,7 @@ class IframeManager {
     this.iframes.set(iframeEl, true);
     if (iframeEl.contentWindow)
       this.crossOriginIframeMap.set(iframeEl.contentWindow, iframeEl);
-    if (!iframeEl.contentDocument && iframeEl.contentWindow)
+    if (this.recordCrossOriginIframes && !iframeEl.contentDocument && iframeEl.contentWindow)
       iframeEl.contentWindow.postMessage(
         {
           type: "rrweb",
@@ -50458,18 +50336,18 @@ class IframeManager {
         crossOriginMessageEvent.data.isCheckout
       );
   }
-  transformCrossOriginEvent(iframeEl, e2) {
+  transformCrossOriginEvent(iframeEl, e) {
     var _a2;
-    switch (e2.type) {
+    switch (e.type) {
       case EventType.FullSnapshot: {
         this.crossOriginIframeMirror.reset(iframeEl);
         this.crossOriginIframeStyleMirror.reset(iframeEl);
-        this.replaceIdOnNode(e2.data.node, iframeEl);
-        const rootId = e2.data.node.id;
+        this.replaceIdOnNode(e.data.node, iframeEl);
+        const rootId = e.data.node.id;
         this.crossOriginIframeRootIdMap.set(iframeEl, rootId);
-        this.patchRootIdOnNode(e2.data.node, rootId);
+        this.patchRootIdOnNode(e.data.node, rootId);
         return {
-          timestamp: e2.timestamp,
+          timestamp: e.timestamp,
           type: EventType.IncrementalSnapshot,
           data: {
             source: IncrementalSource.Mutation,
@@ -50477,7 +50355,7 @@ class IframeManager {
               {
                 parentId: this.mirror.getId(iframeEl),
                 nextId: null,
-                node: e2.data.node
+                node: e.data.node
               }
             ],
             removes: [],
@@ -50493,47 +50371,47 @@ class IframeManager {
         return false;
       }
       case EventType.Plugin: {
-        return e2;
+        return e;
       }
       case EventType.Custom: {
         this.replaceIds(
-          e2.data.payload,
+          e.data.payload,
           iframeEl,
           ["id", "parentId", "previousId", "nextId"]
         );
-        return e2;
+        return e;
       }
       case EventType.IncrementalSnapshot: {
-        switch (e2.data.source) {
+        switch (e.data.source) {
           case IncrementalSource.Mutation: {
-            e2.data.adds.forEach((n2) => {
-              this.replaceIds(n2, iframeEl, [
+            e.data.adds.forEach((n) => {
+              this.replaceIds(n, iframeEl, [
                 "parentId",
                 "nextId",
                 "previousId"
               ]);
-              this.replaceIdOnNode(n2.node, iframeEl);
+              this.replaceIdOnNode(n.node, iframeEl);
               const rootId = this.crossOriginIframeRootIdMap.get(iframeEl);
-              rootId && this.patchRootIdOnNode(n2.node, rootId);
+              rootId && this.patchRootIdOnNode(n.node, rootId);
             });
-            e2.data.removes.forEach((n2) => {
-              this.replaceIds(n2, iframeEl, ["parentId", "id"]);
+            e.data.removes.forEach((n) => {
+              this.replaceIds(n, iframeEl, ["parentId", "id"]);
             });
-            e2.data.attributes.forEach((n2) => {
-              this.replaceIds(n2, iframeEl, ["id"]);
+            e.data.attributes.forEach((n) => {
+              this.replaceIds(n, iframeEl, ["id"]);
             });
-            e2.data.texts.forEach((n2) => {
-              this.replaceIds(n2, iframeEl, ["id"]);
+            e.data.texts.forEach((n) => {
+              this.replaceIds(n, iframeEl, ["id"]);
             });
-            return e2;
+            return e;
           }
           case IncrementalSource.Drag:
           case IncrementalSource.TouchMove:
           case IncrementalSource.MouseMove: {
-            e2.data.positions.forEach((p) => {
+            e.data.positions.forEach((p) => {
               this.replaceIds(p, iframeEl, ["id"]);
             });
-            return e2;
+            return e;
           }
           case IncrementalSource.ViewportResize: {
             return false;
@@ -50543,31 +50421,31 @@ class IframeManager {
           case IncrementalSource.Scroll:
           case IncrementalSource.CanvasMutation:
           case IncrementalSource.Input: {
-            this.replaceIds(e2.data, iframeEl, ["id"]);
-            return e2;
+            this.replaceIds(e.data, iframeEl, ["id"]);
+            return e;
           }
           case IncrementalSource.StyleSheetRule:
           case IncrementalSource.StyleDeclaration: {
-            this.replaceIds(e2.data, iframeEl, ["id"]);
-            this.replaceStyleIds(e2.data, iframeEl, ["styleId"]);
-            return e2;
+            this.replaceIds(e.data, iframeEl, ["id"]);
+            this.replaceStyleIds(e.data, iframeEl, ["styleId"]);
+            return e;
           }
           case IncrementalSource.Font: {
-            return e2;
+            return e;
           }
           case IncrementalSource.Selection: {
-            e2.data.ranges.forEach((range) => {
+            e.data.ranges.forEach((range) => {
               this.replaceIds(range, iframeEl, ["start", "end"]);
             });
-            return e2;
+            return e;
           }
           case IncrementalSource.AdoptedStyleSheet: {
-            this.replaceIds(e2.data, iframeEl, ["id"]);
-            this.replaceStyleIds(e2.data, iframeEl, ["styleIds"]);
-            (_a2 = e2.data.styles) == null ? void 0 : _a2.forEach((style) => {
+            this.replaceIds(e.data, iframeEl, ["id"]);
+            this.replaceStyleIds(e.data, iframeEl, ["styleIds"]);
+            (_a2 = e.data.styles) == null ? void 0 : _a2.forEach((style) => {
               this.replaceStyleIds(style, iframeEl, ["styleId"]);
             });
-            return e2;
+            return e;
           }
         }
       }
@@ -50633,7 +50511,7 @@ class ShadowDomManager {
     if (!isNativeShadowDom(shadowRoot2)) return;
     if (this.shadowDoms.has(shadowRoot2)) return;
     this.shadowDoms.add(shadowRoot2);
-    const observer = initMutationObserver(
+    const [observer] = initMutationObserver(
       {
         ...this.bypassOptions,
         doc,
@@ -50706,7 +50584,7 @@ class ShadowDomManager {
     this.restoreHandlers.forEach((handler) => {
       try {
         handler();
-      } catch (e2) {
+      } catch (e) {
       }
     });
     this.restoreHandlers = [];
@@ -50715,16 +50593,16 @@ class ShadowDomManager {
 }
 var chars = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";
 var lookup = typeof Uint8Array === "undefined" ? [] : new Uint8Array(256);
-for (var i$1 = 0; i$1 < chars.length; i$1++) {
-  lookup[chars.charCodeAt(i$1)] = i$1;
+for (var i = 0; i < chars.length; i++) {
+  lookup[chars.charCodeAt(i)] = i;
 }
 var encode = function(arraybuffer) {
-  var bytes = new Uint8Array(arraybuffer), i2, len = bytes.length, base64 = "";
-  for (i2 = 0; i2 < len; i2 += 3) {
-    base64 += chars[bytes[i2] >> 2];
-    base64 += chars[(bytes[i2] & 3) << 4 | bytes[i2 + 1] >> 4];
-    base64 += chars[(bytes[i2 + 1] & 15) << 2 | bytes[i2 + 2] >> 6];
-    base64 += chars[bytes[i2 + 2] & 63];
+  var bytes = new Uint8Array(arraybuffer), i, len = bytes.length, base64 = "";
+  for (i = 0; i < len; i += 3) {
+    base64 += chars[bytes[i] >> 2];
+    base64 += chars[(bytes[i] & 3) << 4 | bytes[i + 1] >> 4];
+    base64 += chars[(bytes[i + 1] & 15) << 2 | bytes[i + 2] >> 6];
+    base64 += chars[bytes[i + 2] & 63];
   }
   if (len % 3 === 2) {
     base64 = base64.substring(0, base64.length - 1) + "=";
@@ -50734,7 +50612,7 @@ var encode = function(arraybuffer) {
   return base64;
 };
 const canvasVarMap = /* @__PURE__ */ new Map();
-function variableListFor$1(ctx, ctor) {
+function variableListFor(ctx, ctor) {
   let contextMap = canvasVarMap.get(ctx);
   if (!contextMap) {
     contextMap = /* @__PURE__ */ new Map();
@@ -50749,7 +50627,7 @@ const saveWebGLVar = (value, win, ctx) => {
   if (!value || !(isInstanceOfWebGLObject(value, win) || typeof value === "object"))
     return;
   const name = value.constructor.name;
-  const list = variableListFor$1(ctx, name);
+  const list = variableListFor(ctx, name);
   let index2 = list.indexOf(value);
   if (index2 === -1) {
     index2 = list.length;
@@ -50882,11 +50760,11 @@ function initCanvas2DMutationObserver(cb, win, blockClass, blockSelector) {
         win.CanvasRenderingContext2D.prototype,
         prop,
         {
-          set(v2) {
+          set(v) {
             cb(this.canvas, {
               type: CanvasContext["2D"],
               property: prop,
-              args: [v2],
+              args: [v],
               setter: true
             });
           }
@@ -50980,11 +50858,11 @@ function patchGLPrototype(prototype, type, cb, blockClass, blockSelector, win) {
       handlers.push(restoreHandler);
     } catch {
       const hookHandler = hookSetter(prototype, prop, {
-        set(v2) {
+        set(v) {
           cb(this.canvas, {
             type,
             property: prop,
-            args: [v2],
+            args: [v],
             setter: true
           });
         }
@@ -50996,16 +50874,18 @@ function patchGLPrototype(prototype, type, cb, blockClass, blockSelector, win) {
 }
 function initCanvasWebGLMutationObserver(cb, win, blockClass, blockSelector) {
   const handlers = [];
-  handlers.push(
-    ...patchGLPrototype(
-      win.WebGLRenderingContext.prototype,
-      CanvasContext.WebGL,
-      cb,
-      blockClass,
-      blockSelector,
-      win
-    )
-  );
+  if (typeof win.WebGLRenderingContext !== "undefined") {
+    handlers.push(
+      ...patchGLPrototype(
+        win.WebGLRenderingContext.prototype,
+        CanvasContext.WebGL,
+        cb,
+        blockClass,
+        blockSelector,
+        win
+      )
+    );
+  }
   if (typeof win.WebGL2RenderingContext !== "undefined") {
     handlers.push(
       ...patchGLPrototype(
@@ -51087,11 +50967,11 @@ class CanvasManager {
     );
     const snapshotInProgressMap = /* @__PURE__ */ new Map();
     const worker = new WorkerWrapper();
-    worker.onmessage = (e2) => {
-      const { id } = e2.data;
+    worker.onmessage = (e) => {
+      const { id } = e.data;
       snapshotInProgressMap.set(id, false);
-      if (!("base64" in e2.data)) return;
-      const { base64, type, width, height } = e2.data;
+      if (!("base64" in e.data)) return;
+      const { base64, type, width, height } = e.data;
       this.mutationCb({
         id,
         type: CanvasContext["2D"],
@@ -51273,17 +51153,17 @@ class StylesheetManager {
       let styleId;
       if (!this.styleMirror.has(sheet)) {
         styleId = this.styleMirror.add(sheet);
-        const rules2 = [];
-        for (let i2 = 0; i2 < sheet.rules.length; ++i2) {
-          rules2.push({
-            rule: stringifyRule(sheet.rules[i2], sheet.href),
-            index: i2
+        const rules = [];
+        for (let i = 0; i < sheet.rules.length; ++i) {
+          rules.push({
+            rule: stringifyRule(sheet.rules[i], sheet.href),
+            index: i
           });
         }
         styles.push({
           styleId,
-          rules: Array.from(sheet.rules || CSSRule, (r2, index2) => ({
-            rule: stringifyRule(r2, sheet.href),
+          rules: Array.from(sheet.rules || CSSRule, (r, index2) => ({
+            rule: stringifyRule(r, sheet.href),
             index: index2
           }))
         });
@@ -51324,7 +51204,7 @@ class ProcessedNodeManager {
   }
 }
 let wrappedEmit;
-let takeFullSnapshot$1 = () => {
+let takeFullSnapshot = () => {
 };
 let canvasManager;
 let recording = false;
@@ -51338,7 +51218,7 @@ try {
 } catch (err) {
   console.debug("Unable to override Array.from", err);
 }
-const mirror = createMirror$2();
+const mirror = createMirror();
 function record(options = {}) {
   const {
     emit,
@@ -51383,7 +51263,7 @@ function record(options = {}) {
       if (window.parent.document) {
         passEmitsToParent = false;
       }
-    } catch (e2) {
+    } catch (e) {
       passEmitsToParent = true;
     }
   }
@@ -51416,66 +51296,52 @@ function record(options = {}) {
     select: true,
     password: true
   } : _maskInputOptions !== void 0 ? _maskInputOptions : { password: true };
-  const slimDOMOptions = _slimDOMOptions === true || _slimDOMOptions === "all" ? {
-    script: true,
-    comment: true,
-    headFavicon: true,
-    headWhitespace: true,
-    headMetaSocial: true,
-    headMetaRobots: true,
-    headMetaHttpEquiv: true,
-    headMetaVerification: true,
-    // the following are off for slimDOMOptions === true,
-    // as they destroy some (hidden) info:
-    headMetaAuthorship: _slimDOMOptions === "all",
-    headMetaDescKeywords: _slimDOMOptions === "all",
-    headTitleMutations: _slimDOMOptions === "all"
-  } : _slimDOMOptions ? _slimDOMOptions : {};
-  polyfill$1();
+  const slimDOMOptions = slimDOMDefaults(_slimDOMOptions);
+  polyfill();
   let lastFullSnapshotEvent;
   let incrementalSnapshotCount = 0;
-  const eventProcessor = (e2) => {
+  const eventProcessor = (e) => {
     for (const plugin of plugins || []) {
       if (plugin.eventProcessor) {
-        e2 = plugin.eventProcessor(e2);
+        e = plugin.eventProcessor(e);
       }
     }
     if (packFn && // Disable packing events which will be emitted to parent frames.
     !passEmitsToParent) {
-      e2 = packFn(e2);
+      e = packFn(e);
     }
-    return e2;
+    return e;
   };
-  wrappedEmit = (r2, isCheckout) => {
+  wrappedEmit = (r, isCheckout) => {
     var _a2;
-    const e2 = r2;
-    e2.timestamp = nowTimestamp();
-    if (((_a2 = mutationBuffers[0]) == null ? void 0 : _a2.isFrozen()) && e2.type !== EventType.FullSnapshot && !(e2.type === EventType.IncrementalSnapshot && e2.data.source === IncrementalSource.Mutation)) {
+    const e = r;
+    e.timestamp = nowTimestamp();
+    if (((_a2 = mutationBuffers[0]) == null ? void 0 : _a2.isFrozen()) && e.type !== EventType.FullSnapshot && !(e.type === EventType.IncrementalSnapshot && e.data.source === IncrementalSource.Mutation)) {
       mutationBuffers.forEach((buf) => buf.unfreeze());
     }
     if (inEmittingFrame) {
-      emit == null ? void 0 : emit(eventProcessor(e2), isCheckout);
+      emit == null ? void 0 : emit(eventProcessor(e), isCheckout);
     } else if (passEmitsToParent) {
       const message = {
         type: "rrweb",
-        event: eventProcessor(e2),
+        event: eventProcessor(e),
         origin: window.location.origin,
         isCheckout
       };
       window.parent.postMessage(message, "*");
     }
-    if (e2.type === EventType.FullSnapshot) {
-      lastFullSnapshotEvent = e2;
+    if (e.type === EventType.FullSnapshot) {
+      lastFullSnapshotEvent = e;
       incrementalSnapshotCount = 0;
-    } else if (e2.type === EventType.IncrementalSnapshot) {
-      if (e2.data.source === IncrementalSource.Mutation && e2.data.isAttachIframe) {
+    } else if (e.type === EventType.IncrementalSnapshot) {
+      if (e.data.source === IncrementalSource.Mutation && e.data.isAttachIframe) {
         return;
       }
       incrementalSnapshotCount++;
       const exceedCount = checkoutEveryNth && incrementalSnapshotCount >= checkoutEveryNth;
-      const exceedTime = checkoutEveryNms && e2.timestamp - lastFullSnapshotEvent.timestamp > checkoutEveryNms;
+      const exceedTime = checkoutEveryNms && e.timestamp - lastFullSnapshotEvent.timestamp > checkoutEveryNms;
       if (exceedCount || exceedTime) {
-        takeFullSnapshot$1(true);
+        takeFullSnapshot(true);
       }
     }
   };
@@ -51502,11 +51368,11 @@ function record(options = {}) {
       ...p
     }
   });
-  const wrappedAdoptedStyleSheetEmit = (a2) => wrappedEmit({
+  const wrappedAdoptedStyleSheetEmit = (a) => wrappedEmit({
     type: EventType.IncrementalSnapshot,
     data: {
       source: IncrementalSource.AdoptedStyleSheet,
-      ...a2
+      ...a
     }
   });
   const stylesheetManager = new StylesheetManager({
@@ -51519,7 +51385,7 @@ function record(options = {}) {
     stylesheetManager,
     recordCrossOriginIframes,
     wrappedEmit,
-    takeFullSnapshot: takeFullSnapshot$1
+    takeFullSnapshot
   });
   for (const plugin of plugins || []) {
     if (plugin.getMirror)
@@ -51566,7 +51432,7 @@ function record(options = {}) {
     },
     mirror
   });
-  takeFullSnapshot$1 = (isCheckout = false) => {
+  takeFullSnapshot = (isCheckout = false) => {
     if (!recordDOM) {
       return;
     }
@@ -51599,15 +51465,15 @@ function record(options = {}) {
       dataURLOptions,
       recordCanvas,
       inlineImages,
-      onSerialize: (n2) => {
-        if (isSerializedIframe(n2, mirror)) {
-          iframeManager.addIframe(n2);
+      onSerialize: (n) => {
+        if (isSerializedIframe(n, mirror)) {
+          iframeManager.addIframe(n);
         }
-        if (isSerializedStylesheet(n2, mirror)) {
-          stylesheetManager.trackLinkElement(n2);
+        if (isSerializedStylesheet(n, mirror)) {
+          stylesheetManager.trackLinkElement(n);
         }
-        if (hasShadowRoot(n2)) {
-          shadowDomManager.addShadowRoot(index.shadowRoot(n2), document);
+        if (hasShadowRoot(n)) {
+          shadowDomManager.addShadowRoot(index.shadowRoot(n), document);
         }
       },
       onIframeLoad: (iframe, childSn) => {
@@ -51639,7 +51505,7 @@ function record(options = {}) {
         mirror.getId(document)
       );
   };
-  iframeManager.setTakeFullSnapshot(takeFullSnapshot$1);
+  iframeManager.setTakeFullSnapshot(takeFullSnapshot);
   try {
     const handlers = [];
     const iframeHandlersMap = /* @__PURE__ */ new Map();
@@ -51670,11 +51536,11 @@ function record(options = {}) {
               ...d
             }
           }),
-          inputCb: (v2) => wrappedEmit({
+          inputCb: (v) => wrappedEmit({
             type: EventType.IncrementalSnapshot,
             data: {
               source: IncrementalSource.Input,
-              ...v2
+              ...v
             }
           }),
           mediaInteractionCb: (p) => wrappedEmit({
@@ -51684,18 +51550,18 @@ function record(options = {}) {
               ...p
             }
           }),
-          styleSheetRuleCb: (r2) => wrappedEmit({
+          styleSheetRuleCb: (r) => wrappedEmit({
             type: EventType.IncrementalSnapshot,
             data: {
               source: IncrementalSource.StyleSheetRule,
-              ...r2
+              ...r
             }
           }),
-          styleDeclarationCb: (r2) => wrappedEmit({
+          styleDeclarationCb: (r) => wrappedEmit({
             type: EventType.IncrementalSnapshot,
             data: {
               source: IncrementalSource.StyleDeclaration,
-              ...r2
+              ...r
             }
           }),
           canvasMutationCb: wrappedCanvasMutationEmit,
@@ -51715,12 +51581,12 @@ function record(options = {}) {
               }
             });
           },
-          customElementCb: (c2) => {
+          customElementCb: (c) => {
             wrappedEmit({
               type: EventType.IncrementalSnapshot,
               data: {
                 source: IncrementalSource.CustomElement,
-                ...c2
+                ...c
               }
             });
           },
@@ -51783,11 +51649,11 @@ function record(options = {}) {
       findAndRemoveIframeBuffer(iframeEl);
     });
     const init = () => {
-      takeFullSnapshot$1();
+      takeFullSnapshot();
       handlers.push(observe(document));
       recording = true;
     };
-    if (document.readyState === "interactive" || document.readyState === "complete") {
+    if (["interactive", "complete"].includes(document.readyState)) {
       init();
     } else {
       handlers.push(
@@ -51814,7 +51680,16 @@ function record(options = {}) {
       );
     }
     return () => {
-      handlers.forEach((h) => h());
+      handlers.forEach((handler) => {
+        try {
+          handler();
+        } catch (error) {
+          const msg = String(error).toLowerCase();
+          if (!msg.includes("cross-origin")) {
+            console.warn(error);
+          }
+        }
+      });
       iframeHandlersMap.forEach((h) => h());
       processedNodeManager.destroy();
       recording = false;
@@ -51843,13 +51718,9 @@ record.takeFullSnapshot = (isCheckout) => {
   if (!recording) {
     throw new Error("please take full snapshot after start recording");
   }
-  takeFullSnapshot$1(isCheckout);
+  takeFullSnapshot(isCheckout);
 };
 record.mirror = mirror;
-var n;
-!function(t2) {
-  t2[t2.NotStarted = 0] = "NotStarted", t2[t2.Running = 1] = "Running", t2[t2.Stopped = 2] = "Stopped";
-}(n || (n = {}));
   return record; }
 
 class SessionRecorderBuffer {
@@ -52617,7 +52488,7 @@ class SessionRecorder {
                 this.stop();
             }
             if (visitorConfig && visitorConfig.enable && this.isRecording()) {
-                this.liveReplayClient.onLiveFlag(visitorConfig.live, this.visitorId, () => this.snapshot());
+                this.liveReplayClient.onLiveFlag(visitorConfig.live, this.visitorId, () => this._snapshotForLiveReplay());
                 if (continuationCallback) {
                     continuationCallback.call(this);
                 }
@@ -52639,6 +52510,11 @@ class SessionRecorder {
         this.send();
         this.record.takeFullSnapshot();
     }
+    _snapshotForLiveReplay() {
+        if (!this._recordsInThisFrame())
+            return;
+        this.snapshot();
+    }
     isRecording() {
         return this.interval != null;
     }
@@ -52675,7 +52551,7 @@ class SessionRecorder {
             blockSelector: blockedSelectors.concat(hiddenSelectors).join(','),
             hideSelector: hiddenSelectors.join(','),
             recordCrossOriginIframes: recordCrossOriginIframes != null ? recordCrossOriginIframes : true,
-            emitFromIframe: !!this.api.ConfigReader.get(RECORDING_CONFIG_TREAT_IFRAME_AS_ROOT)
+            emitFromIframe: this._treatIframeAsRoot()
         };
         return config;
     }
@@ -52779,7 +52655,7 @@ class SessionRecorder {
                 errorHandler: this.errorHandler
             }, config));
             this._refreshIds();
-            this.liveReplayClient.onLiveFlag(visitorConfig.live, this.visitorId, () => this.snapshot());
+            this.liveReplayClient.onLiveFlag(visitorConfig.live, this.visitorId, () => this._snapshotForLiveReplay());
             this.onRecordingStart();
         }
         catch (e) {
@@ -52797,6 +52673,21 @@ class SessionRecorder {
             topId: this.api.store.state.frames.topId
         });
     }
+    _recordsInThisFrame() {
+        if (window == window.top || this._treatIframeAsRoot())
+            return true;
+        if (!this.recordingConfig(this.visitorConfig).recordCrossOriginIframes)
+            return true;
+        try {
+            return !window.parent.document;
+        }
+        catch (e) {
+            return true;
+        }
+    }
+    _treatIframeAsRoot() {
+        return !!this.api.ConfigReader.get(RECORDING_CONFIG_TREAT_IFRAME_AS_ROOT);
+    }
     _refreshIds() {
         if (window == window.top)
             return;
@@ -53049,7 +52940,7 @@ class SessionRecorder {
                 // ignore stale responses from a since-changed identity
                 if (messageData.visitorId !== this.visitorId)
                     break;
-                this.liveReplayClient.onLiveFlag(messageData.live, this.visitorId, () => this.snapshot());
+                this.liveReplayClient.onLiveFlag(messageData.live, this.visitorId, () => this._snapshotForLiveReplay());
                 break;
             }
         }
@@ -53612,6 +53503,7 @@ function createReplayPlugin() {
 /**
  * limit of number of keys in an object
  * if an object contains more keys than this limit, we would call its toString function directly
+ * arrays longer than this limit are cut down to their first NUM_OF_KEYS_LIMIT elements
  */
 const NUM_OF_KEYS_LIMIT = 50;
 /**
@@ -53683,8 +53575,9 @@ function shouldIgnore(_obj) {
 /**
  * stringify any argument
  * @param arg - the arg to stringify
+ * @param maxLength - stop serializing once this many characters have been visited
  */
-function stringify(arg) {
+function stringify(arg, maxLength = Infinity) {
     if (arg === undefined)
         return 'undefined';
     // Handle primitives
@@ -53695,11 +53588,19 @@ function stringify(arg) {
             return arg.toString();
         return String(arg);
     }
+    let charsVisited = 0;
     return JSON.stringify(arg, function (key, value) {
+        if (charsVisited > maxLength)
+            return '';
+        const valueLength = typeof value === 'string' ? value.length : 0;
+        charsVisited += key.length + valueLength;
         if (value === null)
             return value;
         if (value === undefined)
             return 'undefined';
+        if (Array.isArray(value) && value.length > NUM_OF_KEYS_LIMIT) {
+            return value.slice(0, NUM_OF_KEYS_LIMIT);
+        }
         // Handle objects
         if (shouldIgnore(value)) {
             return value.toString ? value.toString() : '[object Object]';
@@ -54326,8 +54227,11 @@ function ConsoleCapture() {
     let isRecordingActive = false;
     const CAPTURE_CONSOLE_CONFIG = 'captureConsoleLogs';
     const ALWAYS_CAPTURE_ERRORS_CONFIG = 'alwaysCaptureDevLogErrors';
+    const CONSOLE_LOG_LEVELS_CONFIG = 'consoleLogLevels';
     const CONSOLE_METHODS = ['log', 'warn', 'error', 'info'];
     const DEV_LOG_SUB_TYPE = 'console';
+    const DEFAULT_CONSOLE_LOG_LEVELS = ['error', 'warn', 'info'];
+    let consoleLogLevels = DEFAULT_CONSOLE_LOG_LEVELS;
     // deduplicate logs
     let lastLogKey = '';
     return {
@@ -54346,6 +54250,8 @@ function ConsoleCapture() {
         onPtmPaused,
         onPtmUnpaused,
         securityPolicyViolationFn,
+        uncaughtErrorFn,
+        unhandledRejectionFn,
         get isCapturingConsoleLogs() {
             return isCapturingConsoleLogs;
         },
@@ -54365,10 +54271,12 @@ function ConsoleCapture() {
         const { ConfigReader } = pluginAPI;
         ConfigReader.addOption(CAPTURE_CONSOLE_CONFIG, [ConfigReader.sources.PENDO_CONFIG_SRC], false);
         ConfigReader.addOption(ALWAYS_CAPTURE_ERRORS_CONFIG, [ConfigReader.sources.PENDO_CONFIG_SRC], false);
+        ConfigReader.addOption(CONSOLE_LOG_LEVELS_CONFIG, [ConfigReader.sources.PENDO_CONFIG_SRC], DEFAULT_CONSOLE_LOG_LEVELS);
         const captureConsoleEnabled = ConfigReader.get(CAPTURE_CONSOLE_CONFIG);
         if (!captureConsoleEnabled)
             return;
         alwaysCaptureErrors = !!ConfigReader.get(ALWAYS_CAPTURE_ERRORS_CONFIG);
+        consoleLogLevels = ConfigReader.get(CONSOLE_LOG_LEVELS_CONFIG);
         globalPendo = pendo;
         buffer = new DevlogBuffer(pendo, pluginAPI);
         transport = new DevlogTransport(pendo, pluginAPI);
@@ -54429,6 +54337,8 @@ function ConsoleCapture() {
         try {
             addIntercepts();
             pluginAPI.attachEventInternal(window, 'securitypolicyviolation', securityPolicyViolationFn);
+            pluginAPI.attachEventInternal(window, 'error', uncaughtErrorFn);
+            pluginAPI.attachEventInternal(window, 'unhandledrejection', unhandledRejectionFn);
         }
         catch (error) {
             pluginAPI.log.error('Error setting up console capture intercepts: ', error);
@@ -54469,16 +54379,36 @@ function ConsoleCapture() {
             createConsoleEvent([message], 'error', { skipStackTrace: true, skipScrubPII: true });
         }
     }
+    function uncaughtErrorFn(evt) {
+        if (!evt || typeof evt !== 'object')
+            return;
+        const rawMessage = evt.message || (evt.error && String(evt.error));
+        if (!rawMessage)
+            return;
+        const message = rawMessage.indexOf('Uncaught') === 0 ? rawMessage : `Uncaught ${rawMessage}`;
+        const stackTrace = evt.error && evt.error.stack;
+        createConsoleEvent([stackTrace ? `${message}\n${stackTrace}` : message], 'error', { skipStackTrace: true });
+    }
+    function unhandledRejectionFn(evt) {
+        if (!evt || typeof evt !== 'object')
+            return;
+        const { reason } = evt;
+        const detail = reason && reason.stack ? reason.stack : reason;
+        createConsoleEvent(['Uncaught (in promise)', detail], 'error', { skipStackTrace: true });
+    }
     function createConsoleEvent(args, methodName, { skipStackTrace = false, skipScrubPII = false } = {}) {
         if (!isCapturingConsoleLogs || !args || args.length === 0 || !_.contains(CONSOLE_METHODS, methodName))
             return;
         if (isErrorOnlyCapture() && methodName !== 'error')
             return;
+        const devLogLevel = methodName === 'log' ? 'info' : methodName;
+        if (!_.contains(consoleLogLevels, devLogLevel))
+            return;
         // stringify args
         let message = _.compact(_.map(args, arg => {
             let stringifiedArg;
             try {
-                stringifiedArg = stringify(arg);
+                stringifiedArg = stringify(arg, MAX_LENGTH);
             }
             catch (error) {
                 pluginAPI.log.error('Error stringifying arg: ', error);
@@ -54502,10 +54432,10 @@ function ConsoleCapture() {
             buffer.lastEvent.devLogCount++;
             return;
         }
-        const devLogEnvelope = createDevLogEnvelope(pluginAPI, globalPendo);
-        const consoleEvent = Object.assign(Object.assign({}, devLogEnvelope), { subType: DEV_LOG_SUB_TYPE, devLogLevel: methodName === 'log' ? 'info' : methodName, devLogMessage: skipScrubPII ? message : scrubPII({ string: message, _ }), devLogTrace: stackTrace, devLogCount: 1 });
         if (!buffer.hasTokenAvailable())
-            return consoleEvent;
+            return;
+        const devLogEnvelope = createDevLogEnvelope(pluginAPI, globalPendo);
+        const consoleEvent = Object.assign(Object.assign({}, devLogEnvelope), { subType: DEV_LOG_SUB_TYPE, devLogLevel, devLogMessage: skipScrubPII ? message : scrubPII({ string: message, _ }), devLogTrace: stackTrace, devLogCount: 1 });
         if (!isPtmPaused) {
             pluginAPI.Events.eventCaptured.trigger(consoleEvent);
         }
@@ -54563,6 +54493,8 @@ function ConsoleCapture() {
         pluginAPI.Events['recording:unpaused'].off(recordingStarted);
         pluginAPI.Events['recording:paused'].off(recordingStopped);
         pluginAPI.detachEventInternal(window, 'securitypolicyviolation', securityPolicyViolationFn);
+        pluginAPI.detachEventInternal(window, 'error', uncaughtErrorFn);
+        pluginAPI.detachEventInternal(window, 'unhandledrejection', unhandledRejectionFn);
         _.each(CONSOLE_METHODS, function (methodName) {
             if (!console[methodName])
                 return _.noop;