@posthog/rrweb-record 0.0.33 → 0.0.35

package/dist/rrweb-record.umd.cjs

@@ -1,16 +1,4 @@
-(function (g, f) {
-    if ("object" == typeof exports && "object" == typeof module) {
-      module.exports = f();
-    } else if ("function" == typeof define && define.amd) {
-      define("rrweb", [], f);
-    } else if ("object" == typeof exports) {
-      exports["rrweb"] = f();
-    } else {
-      g["rrweb"] = f();
-    }
-  }(this, () => {
-var exports = {};
-var module = { exports };
+(function (g, f) {if ("object" == typeof exports && "object" == typeof module) {module.exports = f();} else if ("function" == typeof define && define.amd) {define("rrweb", [], f);} else if ("object" == typeof exports) {exports["rrweb"] = f();} else {g["rrweb"] = f();}}(typeof self !== 'undefined' ? self : typeof globalThis !== 'undefined' ? globalThis : this, () => {var exports = {};var module = { exports };
 "use strict";
 var __defProp = Object.defineProperty;
 var __defProps = Object.defineProperties;
@@ -926,6 +914,7 @@ function hrefFrom(n2) {
   return n2.href;
 }
 function serializeElementNode(n2, options) {
+  var _a2, _b;
   const {
     doc,
     blockClass,
@@ -1099,11 +1088,13 @@ function serializeElementNode(n2, options) {
     }
   }
   if (needBlock) {
-    const { width, height } = n2.getBoundingClientRect();
+    const { width, height, left, top } = n2.getBoundingClientRect();
     attributes = {
       class: attributes.class,
       rr_width: `${width}px`,
-      rr_height: `${height}px`
+      rr_height: `${height}px`,
+      rr_left: `${Math.floor(left + (((_a2 = doc.defaultView) == null ? void 0 : _a2.scrollX) || 0))}px`,
+      rr_top: `${Math.floor(top + (((_b = doc.defaultView) == null ? void 0 : _b.scrollY) || 0))}px`
     };
   }
   if (tagName === "iframe" && !keepIframeSrcFn(attributes.src)) {
@@ -1474,7 +1465,7 @@ function getDefaultExportFromCjs$1(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
 }
 function getAugmentedNamespace$1(n2) {
-  if (n2.__esModule) return n2;
+  if (Object.prototype.hasOwnProperty.call(n2, "__esModule")) return n2;
   var f2 = n2.default;
   if (typeof f2 == "function") {
     var a2 = function a3() {
@@ -1993,6 +1984,9 @@ function requireNode$1() {
     return offset;
   }
   class Node2 {
+    get proxyOf() {
+      return this;
+    }
     constructor(defaults = {}) {
       this.raws = {};
       this[isClean] = false;
@@ -2111,7 +2105,7 @@ function requireNode$1() {
       let index2 = this.parent.index(this);
       return this.parent.nodes[index2 + 1];
     }
-    positionBy(opts) {
+    positionBy(opts = {}) {
       let pos = this.source.start;
       if (opts.index) {
         pos = this.positionInside(opts.index);
@@ -2140,27 +2134,38 @@ function requireNode$1() {
           column += 1;
         }
       }
-      return { column, line };
+      return { column, line, offset: end };
     }
     prev() {
       if (!this.parent) return void 0;
       let index2 = this.parent.index(this);
       return this.parent.nodes[index2 - 1];
     }
-    rangeBy(opts) {
+    rangeBy(opts = {}) {
+      let inputString = "document" in this.source.input ? this.source.input.document : this.source.input.css;
       let start = {
         column: this.source.start.column,
-        line: this.source.start.line
+        line: this.source.start.line,
+        offset: sourceOffset(inputString, this.source.start)
       };
       let end = this.source.end ? {
         column: this.source.end.column + 1,
-        line: this.source.end.line
+        line: this.source.end.line,
+        offset: typeof this.source.end.offset === "number" ? (
+          // `source.end.offset` is exclusive, so we don't need to add 1
+          this.source.end.offset
+        ) : (
+          // Since line/column in this.source.end is inclusive,
+          // the `sourceOffset(... , this.source.end)` returns an inclusive offset.
+          // So, we add 1 to convert it to exclusive.
+          sourceOffset(inputString, this.source.end) + 1
+        )
       } : {
         column: start.column + 1,
-        line: start.line
+        line: start.line,
+        offset: start.offset + 1
       };
       if (opts.word) {
-        let inputString = "document" in this.source.input ? this.source.input.document : this.source.input.css;
         let stringRepresentation = inputString.slice(
           sourceOffset(inputString, this.source.start),
           sourceOffset(inputString, this.source.end)
@@ -2168,15 +2173,14 @@ function requireNode$1() {
         let index2 = stringRepresentation.indexOf(opts.word);
         if (index2 !== -1) {
           start = this.positionInside(index2);
-          end = this.positionInside(
-            index2 + opts.word.length
-          );
+          end = this.positionInside(index2 + opts.word.length);
         }
       } else {
         if (opts.start) {
           start = {
             column: opts.start.column,
-            line: opts.start.line
+            line: opts.start.line,
+            offset: sourceOffset(inputString, opts.start)
           };
         } else if (opts.index) {
           start = this.positionInside(opts.index);
@@ -2184,7 +2188,8 @@ function requireNode$1() {
         if (opts.end) {
           end = {
             column: opts.end.column,
-            line: opts.end.line
+            line: opts.end.line,
+            offset: sourceOffset(inputString, opts.end)
           };
         } else if (typeof opts.endIndex === "number") {
           end = this.positionInside(opts.endIndex);
@@ -2193,7 +2198,11 @@ function requireNode$1() {
         }
       }
       if (end.line < start.line || end.line === start.line && end.column <= start.column) {
-        end = { column: start.column + 1, line: start.line };
+        end = {
+          column: start.column + 1,
+          line: start.line,
+          offset: start.offset + 1
+        };
       }
       return { end, start };
     }
@@ -2257,6 +2266,7 @@ function requireNode$1() {
         } else if (typeof value === "object" && value.toJSON) {
           fixed[name] = value.toJSON(null, inputs);
         } else if (name === "source") {
+          if (value == null) continue;
           let inputId = inputs.get(value.input);
           if (inputId == null) {
             inputId = inputsNextIndex;
@@ -2291,14 +2301,11 @@ function requireNode$1() {
       });
       return result2;
     }
-    warn(result2, text, opts) {
+    warn(result2, text, opts = {}) {
       let data = { node: this };
       for (let i2 in opts) data[i2] = opts[i2];
       return result2.warn(text, data);
     }
-    get proxyOf() {
-      return this;
-    }
   }
   node$1 = Node2;
   Node2.default = Node2;
@@ -2327,6 +2334,9 @@ function requireDeclaration$1() {
   hasRequiredDeclaration$1 = 1;
   let Node2 = requireNode$1();
   class Declaration extends Node2 {
+    get variable() {
+      return this.prop.startsWith("--") || this.prop[0] === "$";
+    }
     constructor(defaults) {
       if (defaults && typeof defaults.value !== "undefined" && typeof defaults.value !== "string") {
         defaults = __spreadProps(__spreadValues({}, defaults), { value: String(defaults.value) });
@@ -2334,9 +2344,6 @@ function requireDeclaration$1() {
       super(defaults);
       this.type = "decl";
     }
-    get variable() {
-      return this.prop.startsWith("--") || this.prop[0] === "$";
-    }
   }
   declaration$1 = Declaration;
   Declaration.default = Declaration;
@@ -2368,6 +2375,14 @@ function requireContainer$1() {
     }
   }
   class Container extends Node2 {
+    get first() {
+      if (!this.proxyOf.nodes) return void 0;
+      return this.proxyOf.nodes[0];
+    }
+    get last() {
+      if (!this.proxyOf.nodes) return void 0;
+      return this.proxyOf.nodes[this.proxyOf.nodes.length - 1];
+    }
     append(...children) {
       for (let child of children) {
         let nodes = this.normalize(child, this.last);
@@ -2680,14 +2695,6 @@ function requireContainer$1() {
         }
       });
     }
-    get first() {
-      if (!this.proxyOf.nodes) return void 0;
-      return this.proxyOf.nodes[0];
-    }
-    get last() {
-      if (!this.proxyOf.nodes) return void 0;
-      return this.proxyOf.nodes[this.proxyOf.nodes.length - 1];
-    }
   }
   Container.registerParse = (dependant) => {
     parse = dependant;
@@ -2937,10 +2944,25 @@ function requireInput$1() {
   let CssSyntaxError = requireCssSyntaxError$1();
   let PreviousMap = requirePreviousMap$1();
   let terminalHighlight = require$$2$1;
-  let fromOffsetCache = Symbol("fromOffsetCache");
+  let lineToIndexCache = Symbol("lineToIndexCache");
   let sourceMapAvailable = Boolean(SourceMapConsumer && SourceMapGenerator);
   let pathAvailable = Boolean(resolve && isAbsolute);
+  function getLineToIndex(input2) {
+    if (input2[lineToIndexCache]) return input2[lineToIndexCache];
+    let lines = input2.css.split("\n");
+    let lineToIndex = new Array(lines.length);
+    let prevIndex = 0;
+    for (let i2 = 0, l2 = lines.length; i2 < l2; i2++) {
+      lineToIndex[i2] = prevIndex;
+      prevIndex += lines[i2].length + 1;
+    }
+    input2[lineToIndexCache] = lineToIndex;
+    return lineToIndex;
+  }
   class Input {
+    get from() {
+      return this.file || this.id;
+    }
     constructor(css, opts = {}) {
       if (css === null || typeof css === "undefined" || typeof css === "object" && !css.toString) {
         throw new Error(`PostCSS received ${css} instead of CSS string`);
@@ -2975,30 +2997,37 @@ function requireInput$1() {
       if (this.map) this.map.file = this.from;
     }
     error(message, line, column, opts = {}) {
-      let endColumn, endLine, result2;
+      let endColumn, endLine, endOffset, offset, result2;
       if (line && typeof line === "object") {
         let start = line;
         let end = column;
         if (typeof start.offset === "number") {
-          let pos = this.fromOffset(start.offset);
+          offset = start.offset;
+          let pos = this.fromOffset(offset);
           line = pos.line;
           column = pos.col;
         } else {
           line = start.line;
           column = start.column;
+          offset = this.fromLineAndColumn(line, column);
         }
         if (typeof end.offset === "number") {
-          let pos = this.fromOffset(end.offset);
+          endOffset = end.offset;
+          let pos = this.fromOffset(endOffset);
           endLine = pos.line;
           endColumn = pos.col;
         } else {
           endLine = end.line;
           endColumn = end.column;
+          endOffset = this.fromLineAndColumn(end.line, end.column);
         }
       } else if (!column) {
-        let pos = this.fromOffset(line);
+        offset = line;
+        let pos = this.fromOffset(offset);
         line = pos.line;
         column = pos.col;
+      } else {
+        offset = this.fromLineAndColumn(line, column);
       }
       let origin = this.origin(line, column, endLine, endColumn);
       if (origin) {
@@ -3020,7 +3049,7 @@ function requireInput$1() {
           opts.plugin
         );
       }
-      result2.input = { column, endColumn, endLine, line, source: this.css };
+      result2.input = { column, endColumn, endLine, endOffset, line, offset, source: this.css };
       if (this.file) {
         if (pathToFileURL) {
           result2.input.url = pathToFileURL(this.file).toString();
@@ -3029,21 +3058,14 @@ function requireInput$1() {
       }
       return result2;
     }
+    fromLineAndColumn(line, column) {
+      let lineToIndex = getLineToIndex(this);
+      let index2 = lineToIndex[line - 1];
+      return index2 + column - 1;
+    }
     fromOffset(offset) {
-      let lastLine, lineToIndex;
-      if (!this[fromOffsetCache]) {
-        let lines = this.css.split("\n");
-        lineToIndex = new Array(lines.length);
-        let prevIndex = 0;
-        for (let i2 = 0, l2 = lines.length; i2 < l2; i2++) {
-          lineToIndex[i2] = prevIndex;
-          prevIndex += lines[i2].length + 1;
-        }
-        this[fromOffsetCache] = lineToIndex;
-      } else {
-        lineToIndex = this[fromOffsetCache];
-      }
-      lastLine = lineToIndex[lineToIndex.length - 1];
+      let lineToIndex = getLineToIndex(this);
+      let lastLine = lineToIndex[lineToIndex.length - 1];
       let min = 0;
       if (offset >= lastLine) {
         min = lineToIndex.length - 1;
@@ -3124,9 +3146,6 @@ function requireInput$1() {
       }
       return json;
     }
-    get from() {
-      return this.file || this.id;
-    }
   }
   input$1 = Input;
   Input.default = Input;
@@ -3252,11 +3271,6 @@ function requireRule$1() {
   let Container = requireContainer$1();
   let list = requireList$1();
   class Rule extends Container {
-    constructor(defaults) {
-      super(defaults);
-      this.type = "rule";
-      if (!this.nodes) this.nodes = [];
-    }
     get selectors() {
       return list.comma(this.selector);
     }
@@ -3265,6 +3279,11 @@ function requireRule$1() {
       let sep = match ? match[0] : "," + this.raw("between", "beforeOpen");
       this.selector = values.join(sep);
     }
+    constructor(defaults) {
+      super(defaults);
+      this.type = "rule";
+      if (!this.nodes) this.nodes = [];
+    }
   }
   rule$1 = Rule;
   Rule.default = Rule;
@@ -4163,6 +4182,8 @@ function requireParser$1() {
         if (prev && prev.type === "rule" && !prev.raws.ownSemicolon) {
           prev.raws.ownSemicolon = this.spaces;
           this.spaces = "";
+          prev.source.end = this.getPosition(token[2]);
+          prev.source.end.offset += prev.raws.ownSemicolon.length;
         }
       }
     }
@@ -4374,7 +4395,7 @@ function requireParser$1() {
     }
     unknownWord(tokens) {
       throw this.input.error(
-        "Unknown word",
+        "Unknown word " + tokens[0][1],
         { offset: tokens[0][2] },
         { offset: tokens[0][2] + tokens[0][1].length }
       );
@@ -4467,12 +4488,15 @@ function requireResult$1() {
   hasRequiredResult$1 = 1;
   let Warning = requireWarning$1();
   class Result {
+    get content() {
+      return this.css;
+    }
     constructor(processor2, root2, opts) {
       this.processor = processor2;
       this.messages = [];
       this.root = root2;
       this.opts = opts;
-      this.css = void 0;
+      this.css = "";
       this.map = void 0;
     }
     toString() {
@@ -4491,9 +4515,6 @@ function requireResult$1() {
     warnings() {
       return this.messages.filter((i2) => i2.type === "warning");
     }
-    get content() {
-      return this.css;
-    }
   }
   result$1 = Result;
   Result.default = Result;
@@ -4612,6 +4633,30 @@ function requireLazyResult$1() {
   }
   let postcss2 = {};
   class LazyResult {
+    get content() {
+      return this.stringify().content;
+    }
+    get css() {
+      return this.stringify().css;
+    }
+    get map() {
+      return this.stringify().map;
+    }
+    get messages() {
+      return this.sync().messages;
+    }
+    get opts() {
+      return this.result.opts;
+    }
+    get processor() {
+      return this.result.processor;
+    }
+    get root() {
+      return this.sync().root;
+    }
+    get [Symbol.toStringTag]() {
+      return "LazyResult";
+    }
     constructor(processor2, css, opts) {
       this.stringified = false;
       this.processed = false;
@@ -4954,30 +4999,6 @@ function requireLazyResult$1() {
     warnings() {
       return this.sync().warnings();
     }
-    get content() {
-      return this.stringify().content;
-    }
-    get css() {
-      return this.stringify().css;
-    }
-    get map() {
-      return this.stringify().map;
-    }
-    get messages() {
-      return this.sync().messages;
-    }
-    get opts() {
-      return this.result.opts;
-    }
-    get processor() {
-      return this.result.processor;
-    }
-    get root() {
-      return this.sync().root;
-    }
-    get [Symbol.toStringTag]() {
-      return "LazyResult";
-    }
   }
   LazyResult.registerPostcss = (dependant) => {
     postcss2 = dependant;
@@ -4999,6 +5020,45 @@ function requireNoWorkResult$1() {
   let stringify = requireStringify$1();
   let warnOnce2 = requireWarnOnce$1();
   class NoWorkResult {
+    get content() {
+      return this.result.css;
+    }
+    get css() {
+      return this.result.css;
+    }
+    get map() {
+      return this.result.map;
+    }
+    get messages() {
+      return [];
+    }
+    get opts() {
+      return this.result.opts;
+    }
+    get processor() {
+      return this.result.processor;
+    }
+    get root() {
+      if (this._root) {
+        return this._root;
+      }
+      let root2;
+      let parser2 = parse;
+      try {
+        root2 = parser2(this._css, this._opts);
+      } catch (error) {
+        this.error = error;
+      }
+      if (this.error) {
+        throw this.error;
+      } else {
+        this._root = root2;
+        return root2;
+      }
+    }
+    get [Symbol.toStringTag]() {
+      return "NoWorkResult";
+    }
     constructor(processor2, css, opts) {
       css = css.toString();
       this.stringified = false;
@@ -5060,45 +5120,6 @@ function requireNoWorkResult$1() {
     warnings() {
       return [];
     }
-    get content() {
-      return this.result.css;
-    }
-    get css() {
-      return this.result.css;
-    }
-    get map() {
-      return this.result.map;
-    }
-    get messages() {
-      return [];
-    }
-    get opts() {
-      return this.result.opts;
-    }
-    get processor() {
-      return this.result.processor;
-    }
-    get root() {
-      if (this._root) {
-        return this._root;
-      }
-      let root2;
-      let parser2 = parse;
-      try {
-        root2 = parser2(this._css, this._opts);
-      } catch (error) {
-        this.error = error;
-      }
-      if (this.error) {
-        throw this.error;
-      } else {
-        this._root = root2;
-        return root2;
-      }
-    }
-    get [Symbol.toStringTag]() {
-      return "NoWorkResult";
-    }
   }
   noWorkResult$1 = NoWorkResult;
   NoWorkResult.default = NoWorkResult;
@@ -5115,7 +5136,7 @@ function requireProcessor$1() {
   let Root = requireRoot$1();
   class Processor {
     constructor(plugins = []) {
-      this.version = "8.5.1";
+      this.version = "8.5.6";
       this.plugins = this.normalize(plugins);
     }
     normalize(plugins) {
@@ -5388,7 +5409,7 @@ function getDefaultExportFromCjs(x) {
   return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
 }
 function getAugmentedNamespace(n2) {
-  if (n2.__esModule) return n2;
+  if (Object.prototype.hasOwnProperty.call(n2, "__esModule")) return n2;
   var f2 = n2.default;
   if (typeof f2 == "function") {
     var a2 = function a3() {
@@ -5907,6 +5928,9 @@ function requireNode() {
     return offset;
   }
   class Node2 {
+    get proxyOf() {
+      return this;
+    }
     constructor(defaults = {}) {
       this.raws = {};
       this[isClean] = false;
@@ -6025,7 +6049,7 @@ function requireNode() {
       let index2 = this.parent.index(this);
       return this.parent.nodes[index2 + 1];
     }
-    positionBy(opts) {
+    positionBy(opts = {}) {
       let pos = this.source.start;
       if (opts.index) {
         pos = this.positionInside(opts.index);
@@ -6054,27 +6078,38 @@ function requireNode() {
           column += 1;
         }
       }
-      return { column, line };
+      return { column, line, offset: end };
     }
     prev() {
       if (!this.parent) return void 0;
       let index2 = this.parent.index(this);
       return this.parent.nodes[index2 - 1];
     }
-    rangeBy(opts) {
+    rangeBy(opts = {}) {
+      let inputString = "document" in this.source.input ? this.source.input.document : this.source.input.css;
       let start = {
         column: this.source.start.column,
-        line: this.source.start.line
+        line: this.source.start.line,
+        offset: sourceOffset(inputString, this.source.start)
       };
       let end = this.source.end ? {
         column: this.source.end.column + 1,
-        line: this.source.end.line
+        line: this.source.end.line,
+        offset: typeof this.source.end.offset === "number" ? (
+          // `source.end.offset` is exclusive, so we don't need to add 1
+          this.source.end.offset
+        ) : (
+          // Since line/column in this.source.end is inclusive,
+          // the `sourceOffset(... , this.source.end)` returns an inclusive offset.
+          // So, we add 1 to convert it to exclusive.
+          sourceOffset(inputString, this.source.end) + 1
+        )
       } : {
         column: start.column + 1,
-        line: start.line
+        line: start.line,
+        offset: start.offset + 1
       };
       if (opts.word) {
-        let inputString = "document" in this.source.input ? this.source.input.document : this.source.input.css;
         let stringRepresentation = inputString.slice(
           sourceOffset(inputString, this.source.start),
           sourceOffset(inputString, this.source.end)
@@ -6082,15 +6117,14 @@ function requireNode() {
         let index2 = stringRepresentation.indexOf(opts.word);
         if (index2 !== -1) {
           start = this.positionInside(index2);
-          end = this.positionInside(
-            index2 + opts.word.length
-          );
+          end = this.positionInside(index2 + opts.word.length);
         }
       } else {
         if (opts.start) {
           start = {
             column: opts.start.column,
-            line: opts.start.line
+            line: opts.start.line,
+            offset: sourceOffset(inputString, opts.start)
           };
         } else if (opts.index) {
           start = this.positionInside(opts.index);
@@ -6098,7 +6132,8 @@ function requireNode() {
         if (opts.end) {
           end = {
             column: opts.end.column,
-            line: opts.end.line
+            line: opts.end.line,
+            offset: sourceOffset(inputString, opts.end)
           };
         } else if (typeof opts.endIndex === "number") {
           end = this.positionInside(opts.endIndex);
@@ -6107,7 +6142,11 @@ function requireNode() {
         }
       }
       if (end.line < start.line || end.line === start.line && end.column <= start.column) {
-        end = { column: start.column + 1, line: start.line };
+        end = {
+          column: start.column + 1,
+          line: start.line,
+          offset: start.offset + 1
+        };
       }
       return { end, start };
     }
@@ -6171,6 +6210,7 @@ function requireNode() {
         } else if (typeof value === "object" && value.toJSON) {
           fixed[name] = value.toJSON(null, inputs);
         } else if (name === "source") {
+          if (value == null) continue;
           let inputId = inputs.get(value.input);
           if (inputId == null) {
             inputId = inputsNextIndex;
@@ -6205,14 +6245,11 @@ function requireNode() {
       });
       return result2;
     }
-    warn(result2, text, opts) {
+    warn(result2, text, opts = {}) {
       let data = { node: this };
       for (let i2 in opts) data[i2] = opts[i2];
       return result2.warn(text, data);
     }
-    get proxyOf() {
-      return this;
-    }
   }
   node = Node2;
   Node2.default = Node2;
@@ -6241,6 +6278,9 @@ function requireDeclaration() {
   hasRequiredDeclaration = 1;
   let Node2 = requireNode();
   class Declaration extends Node2 {
+    get variable() {
+      return this.prop.startsWith("--") || this.prop[0] === "$";
+    }
     constructor(defaults) {
       if (defaults && typeof defaults.value !== "undefined" && typeof defaults.value !== "string") {
         defaults = __spreadProps(__spreadValues({}, defaults), { value: String(defaults.value) });
@@ -6248,9 +6288,6 @@ function requireDeclaration() {
       super(defaults);
       this.type = "decl";
     }
-    get variable() {
-      return this.prop.startsWith("--") || this.prop[0] === "$";
-    }
   }
   declaration = Declaration;
   Declaration.default = Declaration;
@@ -6282,6 +6319,14 @@ function requireContainer() {
     }
   }
   class Container extends Node2 {
+    get first() {
+      if (!this.proxyOf.nodes) return void 0;
+      return this.proxyOf.nodes[0];
+    }
+    get last() {
+      if (!this.proxyOf.nodes) return void 0;
+      return this.proxyOf.nodes[this.proxyOf.nodes.length - 1];
+    }
     append(...children) {
       for (let child of children) {
         let nodes = this.normalize(child, this.last);
@@ -6594,14 +6639,6 @@ function requireContainer() {
         }
       });
     }
-    get first() {
-      if (!this.proxyOf.nodes) return void 0;
-      return this.proxyOf.nodes[0];
-    }
-    get last() {
-      if (!this.proxyOf.nodes) return void 0;
-      return this.proxyOf.nodes[this.proxyOf.nodes.length - 1];
-    }
   }
   Container.registerParse = (dependant) => {
     parse = dependant;
@@ -6851,10 +6888,25 @@ function requireInput() {
   let CssSyntaxError = requireCssSyntaxError();
   let PreviousMap = requirePreviousMap();
   let terminalHighlight = require$$2;
-  let fromOffsetCache = Symbol("fromOffsetCache");
+  let lineToIndexCache = Symbol("lineToIndexCache");
   let sourceMapAvailable = Boolean(SourceMapConsumer && SourceMapGenerator);
   let pathAvailable = Boolean(resolve && isAbsolute);
+  function getLineToIndex(input2) {
+    if (input2[lineToIndexCache]) return input2[lineToIndexCache];
+    let lines = input2.css.split("\n");
+    let lineToIndex = new Array(lines.length);
+    let prevIndex = 0;
+    for (let i2 = 0, l2 = lines.length; i2 < l2; i2++) {
+      lineToIndex[i2] = prevIndex;
+      prevIndex += lines[i2].length + 1;
+    }
+    input2[lineToIndexCache] = lineToIndex;
+    return lineToIndex;
+  }
   class Input {
+    get from() {
+      return this.file || this.id;
+    }
     constructor(css, opts = {}) {
       if (css === null || typeof css === "undefined" || typeof css === "object" && !css.toString) {
         throw new Error(`PostCSS received ${css} instead of CSS string`);
@@ -6889,30 +6941,37 @@ function requireInput() {
       if (this.map) this.map.file = this.from;
     }
     error(message, line, column, opts = {}) {
-      let endColumn, endLine, result2;
+      let endColumn, endLine, endOffset, offset, result2;
       if (line && typeof line === "object") {
         let start = line;
         let end = column;
         if (typeof start.offset === "number") {
-          let pos = this.fromOffset(start.offset);
+          offset = start.offset;
+          let pos = this.fromOffset(offset);
           line = pos.line;
           column = pos.col;
         } else {
           line = start.line;
           column = start.column;
+          offset = this.fromLineAndColumn(line, column);
         }
         if (typeof end.offset === "number") {
-          let pos = this.fromOffset(end.offset);
+          endOffset = end.offset;
+          let pos = this.fromOffset(endOffset);
           endLine = pos.line;
           endColumn = pos.col;
         } else {
           endLine = end.line;
           endColumn = end.column;
+          endOffset = this.fromLineAndColumn(end.line, end.column);
         }
       } else if (!column) {
-        let pos = this.fromOffset(line);
+        offset = line;
+        let pos = this.fromOffset(offset);
         line = pos.line;
         column = pos.col;
+      } else {
+        offset = this.fromLineAndColumn(line, column);
       }
       let origin = this.origin(line, column, endLine, endColumn);
       if (origin) {
@@ -6934,7 +6993,7 @@ function requireInput() {
           opts.plugin
         );
       }
-      result2.input = { column, endColumn, endLine, line, source: this.css };
+      result2.input = { column, endColumn, endLine, endOffset, line, offset, source: this.css };
       if (this.file) {
         if (pathToFileURL) {
           result2.input.url = pathToFileURL(this.file).toString();
@@ -6943,21 +7002,14 @@ function requireInput() {
       }
       return result2;
     }
+    fromLineAndColumn(line, column) {
+      let lineToIndex = getLineToIndex(this);
+      let index2 = lineToIndex[line - 1];
+      return index2 + column - 1;
+    }
     fromOffset(offset) {
-      let lastLine, lineToIndex;
-      if (!this[fromOffsetCache]) {
-        let lines = this.css.split("\n");
-        lineToIndex = new Array(lines.length);
-        let prevIndex = 0;
-        for (let i2 = 0, l2 = lines.length; i2 < l2; i2++) {
-          lineToIndex[i2] = prevIndex;
-          prevIndex += lines[i2].length + 1;
-        }
-        this[fromOffsetCache] = lineToIndex;
-      } else {
-        lineToIndex = this[fromOffsetCache];
-      }
-      lastLine = lineToIndex[lineToIndex.length - 1];
+      let lineToIndex = getLineToIndex(this);
+      let lastLine = lineToIndex[lineToIndex.length - 1];
       let min = 0;
       if (offset >= lastLine) {
         min = lineToIndex.length - 1;
@@ -7038,9 +7090,6 @@ function requireInput() {
       }
       return json;
     }
-    get from() {
-      return this.file || this.id;
-    }
   }
   input = Input;
   Input.default = Input;
@@ -7166,11 +7215,6 @@ function requireRule() {
   let Container = requireContainer();
   let list = requireList();
   class Rule extends Container {
-    constructor(defaults) {
-      super(defaults);
-      this.type = "rule";
-      if (!this.nodes) this.nodes = [];
-    }
     get selectors() {
       return list.comma(this.selector);
     }
@@ -7179,6 +7223,11 @@ function requireRule() {
       let sep = match ? match[0] : "," + this.raw("between", "beforeOpen");
       this.selector = values.join(sep);
     }
+    constructor(defaults) {
+      super(defaults);
+      this.type = "rule";
+      if (!this.nodes) this.nodes = [];
+    }
   }
   rule = Rule;
   Rule.default = Rule;
@@ -8077,6 +8126,8 @@ function requireParser() {
         if (prev && prev.type === "rule" && !prev.raws.ownSemicolon) {
           prev.raws.ownSemicolon = this.spaces;
           this.spaces = "";
+          prev.source.end = this.getPosition(token[2]);
+          prev.source.end.offset += prev.raws.ownSemicolon.length;
         }
       }
     }
@@ -8288,7 +8339,7 @@ function requireParser() {
     }
     unknownWord(tokens) {
       throw this.input.error(
-        "Unknown word",
+        "Unknown word " + tokens[0][1],
         { offset: tokens[0][2] },
         { offset: tokens[0][2] + tokens[0][1].length }
       );
@@ -8381,12 +8432,15 @@ function requireResult() {
   hasRequiredResult = 1;
   let Warning = requireWarning();
   class Result {
+    get content() {
+      return this.css;
+    }
     constructor(processor2, root2, opts) {
       this.processor = processor2;
       this.messages = [];
       this.root = root2;
       this.opts = opts;
-      this.css = void 0;
+      this.css = "";
       this.map = void 0;
     }
     toString() {
@@ -8405,9 +8459,6 @@ function requireResult() {
     warnings() {
       return this.messages.filter((i2) => i2.type === "warning");
     }
-    get content() {
-      return this.css;
-    }
   }
   result = Result;
   Result.default = Result;
@@ -8526,6 +8577,30 @@ function requireLazyResult() {
   }
   let postcss2 = {};
   class LazyResult {
+    get content() {
+      return this.stringify().content;
+    }
+    get css() {
+      return this.stringify().css;
+    }
+    get map() {
+      return this.stringify().map;
+    }
+    get messages() {
+      return this.sync().messages;
+    }
+    get opts() {
+      return this.result.opts;
+    }
+    get processor() {
+      return this.result.processor;
+    }
+    get root() {
+      return this.sync().root;
+    }
+    get [Symbol.toStringTag]() {
+      return "LazyResult";
+    }
     constructor(processor2, css, opts) {
       this.stringified = false;
       this.processed = false;
@@ -8868,30 +8943,6 @@ function requireLazyResult() {
     warnings() {
       return this.sync().warnings();
     }
-    get content() {
-      return this.stringify().content;
-    }
-    get css() {
-      return this.stringify().css;
-    }
-    get map() {
-      return this.stringify().map;
-    }
-    get messages() {
-      return this.sync().messages;
-    }
-    get opts() {
-      return this.result.opts;
-    }
-    get processor() {
-      return this.result.processor;
-    }
-    get root() {
-      return this.sync().root;
-    }
-    get [Symbol.toStringTag]() {
-      return "LazyResult";
-    }
   }
   LazyResult.registerPostcss = (dependant) => {
     postcss2 = dependant;
@@ -8913,6 +8964,45 @@ function requireNoWorkResult() {
   let stringify = requireStringify();
   let warnOnce2 = requireWarnOnce();
   class NoWorkResult {
+    get content() {
+      return this.result.css;
+    }
+    get css() {
+      return this.result.css;
+    }
+    get map() {
+      return this.result.map;
+    }
+    get messages() {
+      return [];
+    }
+    get opts() {
+      return this.result.opts;
+    }
+    get processor() {
+      return this.result.processor;
+    }
+    get root() {
+      if (this._root) {
+        return this._root;
+      }
+      let root2;
+      let parser2 = parse;
+      try {
+        root2 = parser2(this._css, this._opts);
+      } catch (error) {
+        this.error = error;
+      }
+      if (this.error) {
+        throw this.error;
+      } else {
+        this._root = root2;
+        return root2;
+      }
+    }
+    get [Symbol.toStringTag]() {
+      return "NoWorkResult";
+    }
     constructor(processor2, css, opts) {
       css = css.toString();
       this.stringified = false;
@@ -8974,45 +9064,6 @@ function requireNoWorkResult() {
     warnings() {
       return [];
     }
-    get content() {
-      return this.result.css;
-    }
-    get css() {
-      return this.result.css;
-    }
-    get map() {
-      return this.result.map;
-    }
-    get messages() {
-      return [];
-    }
-    get opts() {
-      return this.result.opts;
-    }
-    get processor() {
-      return this.result.processor;
-    }
-    get root() {
-      if (this._root) {
-        return this._root;
-      }
-      let root2;
-      let parser2 = parse;
-      try {
-        root2 = parser2(this._css, this._opts);
-      } catch (error) {
-        this.error = error;
-      }
-      if (this.error) {
-        throw this.error;
-      } else {
-        this._root = root2;
-        return root2;
-      }
-    }
-    get [Symbol.toStringTag]() {
-      return "NoWorkResult";
-    }
   }
   noWorkResult = NoWorkResult;
   NoWorkResult.default = NoWorkResult;
@@ -9029,7 +9080,7 @@ function requireProcessor() {
   let Root = requireRoot();
   class Processor {
     constructor(plugins = []) {
-      this.version = "8.5.1";
+      this.version = "8.5.6";
       this.plugins = this.normalize(plugins);
     }
     normalize(plugins) {
@@ -11210,7 +11261,11 @@ function initFontObserver({ fontCb, doc }) {
   const fontMap = /* @__PURE__ */ new WeakMap();
   const originalFontFace = win.FontFace;
   win.FontFace = function FontFace2(family, source, descriptors) {
-    const fontFace = new originalFontFace(family, source, descriptors);
+    const fontFace = new originalFontFace(
+      family,
+      source,
+      descriptors
+    );
     fontMap.set(fontFace, {
       family,
       buffer: typeof source !== "string",
@@ -11572,13 +11627,18 @@ class IframeManager {
   removeLoadListener() {
     this.loadListener = void 0;
   }
+  trackIframeContent(iframeEl, content) {
+    const iframeId = this.mirror.getId(iframeEl);
+    this.attachedIframes.set(iframeId, { element: iframeEl, content });
+    return iframeId;
+  }
   attachIframe(iframeEl, childSn) {
     var _a2;
-    this.attachedIframes.set(iframeEl, childSn);
+    const iframeId = this.trackIframeContent(iframeEl, childSn);
     this.mutationCb({
       adds: [
         {
-          parentId: this.mirror.getId(iframeEl),
+          parentId: iframeId,
           nextId: null,
           node: childSn
         }
@@ -11630,7 +11690,7 @@ class IframeManager {
         const rootId = e2.data.node.id;
         this.crossOriginIframeRootIdMap.set(iframeEl, rootId);
         this.patchRootIdOnNode(e2.data.node, rootId);
-        this.attachedIframes.set(iframeEl, e2.data.node);
+        this.trackIframeContent(iframeEl, e2.data.node);
         return {
           timestamp: e2.timestamp,
           type: EventType.IncrementalSnapshot,
@@ -11773,21 +11833,27 @@ class IframeManager {
       });
     }
   }
+  removeIframeById(iframeId) {
+    const entry = this.attachedIframes.get(iframeId);
+    if (!entry) return;
+    const win = entry.element.contentWindow;
+    if (win && this.nestedIframeListeners.has(win)) {
+      const handler = this.nestedIframeListeners.get(win);
+      win.removeEventListener("message", handler);
+      this.nestedIframeListeners.delete(win);
+    }
+    this.attachedIframes.delete(iframeId);
+  }
   reattachIframes() {
-    this.attachedIframes.forEach((content, iframe) => {
-      if (!iframe.isConnected) {
-        this.attachedIframes.delete(iframe);
-        return;
-      }
-      const parentId = this.mirror.getId(iframe);
-      if (parentId === -1) {
-        this.attachedIframes.delete(iframe);
+    this.attachedIframes.forEach(({ content }, iframeId) => {
+      if (!this.mirror.has(iframeId)) {
+        this.attachedIframes.delete(iframeId);
         return;
       }
       this.mutationCb({
         adds: [
           {
-            parentId,
+            parentId: iframeId,
             nextId: null,
             node: content
           }
@@ -12739,6 +12805,11 @@ function record(options = {}) {
     }
   };
   const wrappedMutationEmit = (m) => {
+    if (recordCrossOriginIframes && m.removes) {
+      m.removes.forEach(({ id }) => {
+        iframeManager.removeIframeById(id);
+      });
+    }
     wrappedEmit({
       type: EventType.IncrementalSnapshot,
       data: __spreadValues({
@@ -13092,7 +13163,7 @@ const { addCustomEvent } = record;
 const { freezePage } = record;
 const { takeFullSnapshot } = record;
 exports.record = record;
-if (typeof module.exports == "object" && typeof exports == "object") {
+;if (typeof module.exports == "object" && typeof exports == "object") {
   var __cp = (to, from, except, desc) => {
     if ((from && typeof from === "object") || typeof from === "function") {
       for (let key of Object.getOwnPropertyNames(from)) {