@posthog/rrweb-record 0.0.33 → 0.0.35

package/dist/rrweb-record.js

@@ -879,6 +879,7 @@ function hrefFrom(n2) {
   return n2.href;
 }
 function serializeElementNode(n2, options) {
+  var _a2, _b;
   const {
     doc,
     blockClass,
@@ -1052,11 +1053,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)) {
@@ -1427,7 +1430,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() {
@@ -1946,6 +1949,9 @@ function requireNode$1() {
     return offset;
   }
   class Node2 {
+    get proxyOf() {
+      return this;
+    }
     constructor(defaults = {}) {
       this.raws = {};
       this[isClean] = false;
@@ -2064,7 +2070,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);
@@ -2093,27 +2099,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)
@@ -2121,15 +2138,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);
@@ -2137,7 +2153,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);
@@ -2146,7 +2163,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 };
     }
@@ -2210,6 +2231,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;
@@ -2244,14 +2266,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;
@@ -2280,6 +2299,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 = { ...defaults, value: String(defaults.value) };
@@ -2287,9 +2309,6 @@ function requireDeclaration$1() {
       super(defaults);
       this.type = "decl";
     }
-    get variable() {
-      return this.prop.startsWith("--") || this.prop[0] === "$";
-    }
   }
   declaration$1 = Declaration;
   Declaration.default = Declaration;
@@ -2321,6 +2340,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);
@@ -2633,14 +2660,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;
@@ -2890,10 +2909,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`);
@@ -2928,30 +2962,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) {
@@ -2973,7 +3014,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();
@@ -2982,21 +3023,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;
@@ -3077,9 +3111,6 @@ function requireInput$1() {
       }
       return json;
     }
-    get from() {
-      return this.file || this.id;
-    }
   }
   input$1 = Input;
   Input.default = Input;
@@ -3205,11 +3236,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);
     }
@@ -3218,6 +3244,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;
@@ -4117,6 +4148,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;
         }
       }
     }
@@ -4328,7 +4361,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 }
       );
@@ -4421,12 +4454,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() {
@@ -4445,9 +4481,6 @@ function requireResult$1() {
     warnings() {
       return this.messages.filter((i2) => i2.type === "warning");
     }
-    get content() {
-      return this.css;
-    }
   }
   result$1 = Result;
   Result.default = Result;
@@ -4566,6 +4599,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;
@@ -4908,30 +4965,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;
@@ -4953,6 +4986,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;
@@ -5014,45 +5086,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;
@@ -5069,7 +5102,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) {
@@ -5342,7 +5375,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() {
@@ -5861,6 +5894,9 @@ function requireNode() {
     return offset;
   }
   class Node2 {
+    get proxyOf() {
+      return this;
+    }
     constructor(defaults = {}) {
       this.raws = {};
       this[isClean] = false;
@@ -5979,7 +6015,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);
@@ -6008,27 +6044,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)
@@ -6036,15 +6083,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);
@@ -6052,7 +6098,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);
@@ -6061,7 +6108,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 };
     }
@@ -6125,6 +6176,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;
@@ -6159,14 +6211,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;
@@ -6195,6 +6244,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 = { ...defaults, value: String(defaults.value) };
@@ -6202,9 +6254,6 @@ function requireDeclaration() {
       super(defaults);
       this.type = "decl";
     }
-    get variable() {
-      return this.prop.startsWith("--") || this.prop[0] === "$";
-    }
   }
   declaration = Declaration;
   Declaration.default = Declaration;
@@ -6236,6 +6285,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);
@@ -6548,14 +6605,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;
@@ -6805,10 +6854,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`);
@@ -6843,30 +6907,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) {
@@ -6888,7 +6959,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();
@@ -6897,21 +6968,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;
@@ -6992,9 +7056,6 @@ function requireInput() {
       }
       return json;
     }
-    get from() {
-      return this.file || this.id;
-    }
   }
   input = Input;
   Input.default = Input;
@@ -7120,11 +7181,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);
     }
@@ -7133,6 +7189,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;
@@ -8032,6 +8093,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;
         }
       }
     }
@@ -8243,7 +8306,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 }
       );
@@ -8336,12 +8399,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() {
@@ -8360,9 +8426,6 @@ function requireResult() {
     warnings() {
       return this.messages.filter((i2) => i2.type === "warning");
     }
-    get content() {
-      return this.css;
-    }
   }
   result = Result;
   Result.default = Result;
@@ -8481,6 +8544,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;
@@ -8823,30 +8910,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;
@@ -8868,6 +8931,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;
@@ -8929,45 +9031,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;
@@ -8984,7 +9047,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) {
@@ -10399,7 +10462,7 @@ const callbackWrapper = (cb) => {
   if (!errorHandler) {
     return cb;
   }
-  const rrwebWrapped = (...rest) => {
+  const rrwebWrapped = ((...rest) => {
     try {
       return cb(...rest);
     } catch (error) {
@@ -10408,7 +10471,7 @@ const callbackWrapper = (cb) => {
       }
       throw error;
     }
-  };
+  });
   return rrwebWrapped;
 };
 const mutationBuffers = [];
@@ -11166,7 +11229,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",
@@ -11528,13 +11595,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
         }
@@ -11586,7 +11658,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,
@@ -11729,21 +11801,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
           }
@@ -12698,6 +12776,11 @@ function record(options = {}) {
     }
   };
   const wrappedMutationEmit = (m) => {
+    if (recordCrossOriginIframes && m.removes) {
+      m.removes.forEach(({ id }) => {
+        iframeManager.removeIframeById(id);
+      });
+    }
     wrappedEmit({
       type: EventType.IncrementalSnapshot,
       data: {
@@ -13057,9 +13140,9 @@ record.takeFullSnapshot = (isCheckout) => {
 };
 record.mirror = mirror;
 var n;
-!function(t2) {
+!(function(t2) {
   t2[t2.NotStarted = 0] = "NotStarted", t2[t2.Running = 1] = "Running", t2[t2.Stopped = 2] = "Stopped";
-}(n || (n = {}));
+})(n || (n = {}));
 const { addCustomEvent } = record;
 const { freezePage } = record;
 const { takeFullSnapshot } = record;