@posthog/rrweb 0.0.34 → 0.0.36

package/dist/rrweb.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;
@@ -1523,7 +1511,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() {
@@ -2042,6 +2030,9 @@ function requireNode$1() {
     return offset;
   }
   class Node2 {
+    get proxyOf() {
+      return this;
+    }
     constructor(defaults = {}) {
       this.raws = {};
       this[isClean] = false;
@@ -2160,7 +2151,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);
@@ -2189,27 +2180,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)
@@ -2217,15 +2219,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);
@@ -2233,7 +2234,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);
@@ -2242,7 +2244,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 };
     }
@@ -2306,6 +2312,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;
@@ -2340,14 +2347,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;
@@ -2376,6 +2380,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) });
@@ -2383,9 +2390,6 @@ function requireDeclaration$1() {
       super(defaults);
       this.type = "decl";
     }
-    get variable() {
-      return this.prop.startsWith("--") || this.prop[0] === "$";
-    }
   }
   declaration$1 = Declaration;
   Declaration.default = Declaration;
@@ -2417,6 +2421,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);
@@ -2729,14 +2741,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;
@@ -2986,10 +2990,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`);
@@ -3024,30 +3043,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) {
@@ -3069,7 +3095,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();
@@ -3078,21 +3104,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;
@@ -3173,9 +3192,6 @@ function requireInput$1() {
       }
       return json;
     }
-    get from() {
-      return this.file || this.id;
-    }
   }
   input$1 = Input;
   Input.default = Input;
@@ -3301,11 +3317,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);
     }
@@ -3314,6 +3325,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;
@@ -4212,6 +4228,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;
         }
       }
     }
@@ -4423,7 +4441,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 }
       );
@@ -4516,12 +4534,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() {
@@ -4540,9 +4561,6 @@ function requireResult$1() {
     warnings() {
       return this.messages.filter((i2) => i2.type === "warning");
     }
-    get content() {
-      return this.css;
-    }
   }
   result$1 = Result;
   Result.default = Result;
@@ -4661,6 +4679,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;
@@ -5003,30 +5045,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;
@@ -5048,6 +5066,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;
@@ -5109,45 +5166,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;
@@ -5164,7 +5182,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) {
@@ -5885,7 +5903,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() {
@@ -6404,6 +6422,9 @@ function requireNode() {
     return offset;
   }
   class Node2 {
+    get proxyOf() {
+      return this;
+    }
     constructor(defaults = {}) {
       this.raws = {};
       this[isClean] = false;
@@ -6522,7 +6543,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);
@@ -6551,27 +6572,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)
@@ -6579,15 +6611,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);
@@ -6595,7 +6626,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);
@@ -6604,7 +6636,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 };
     }
@@ -6668,6 +6704,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;
@@ -6702,14 +6739,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;
@@ -6738,6 +6772,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) });
@@ -6745,9 +6782,6 @@ function requireDeclaration() {
       super(defaults);
       this.type = "decl";
     }
-    get variable() {
-      return this.prop.startsWith("--") || this.prop[0] === "$";
-    }
   }
   declaration = Declaration;
   Declaration.default = Declaration;
@@ -6779,6 +6813,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);
@@ -7091,14 +7133,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;
@@ -7348,10 +7382,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`);
@@ -7386,30 +7435,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) {
@@ -7431,7 +7487,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();
@@ -7440,21 +7496,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;
@@ -7535,9 +7584,6 @@ function requireInput() {
       }
       return json;
     }
-    get from() {
-      return this.file || this.id;
-    }
   }
   input = Input;
   Input.default = Input;
@@ -7663,11 +7709,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);
     }
@@ -7676,6 +7717,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;
@@ -8574,6 +8620,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;
         }
       }
     }
@@ -8785,7 +8833,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 }
       );
@@ -8878,12 +8926,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() {
@@ -8902,9 +8953,6 @@ function requireResult() {
     warnings() {
       return this.messages.filter((i2) => i2.type === "warning");
     }
-    get content() {
-      return this.css;
-    }
   }
   result = Result;
   Result.default = Result;
@@ -9023,6 +9071,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;
@@ -9365,30 +9437,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;
@@ -9410,6 +9458,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;
@@ -9471,45 +9558,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;
@@ -9526,7 +9574,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) {
@@ -10495,7 +10543,6 @@ function diffAfterUpdatingChildren(oldTree, newTree, replayer) {
           );
           break;
         }
-        // Props of style elements have to be updated after all children are updated. Otherwise the props can be overwritten by textContent.
         case "STYLE": {
           const styleSheet = oldElement.sheet;
           styleSheet && newTree.rules.forEach(
@@ -10922,7 +10969,6 @@ function buildFromNode(node2, rrdom, domMirror, parentRRNode) {
     case NodeType$2.COMMENT_NODE:
       rrNode = rrdom.createComment(node2.textContent || "");
       break;
-    // if node is a shadow root
     case NodeType$2.DOCUMENT_FRAGMENT_NODE:
       rrNode = parentRRNode.attachShadow({ mode: "open" });
       break;
@@ -13074,7 +13120,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",
@@ -13436,13 +13486,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
         }
@@ -13494,7 +13549,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,
@@ -13637,21 +13692,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
           }
@@ -13674,6 +13735,9 @@ class IframeManager {
     this.crossOriginIframeMirror.reset();
     this.crossOriginIframeStyleMirror.reset();
     this.attachedIframes.clear();
+    this.crossOriginIframeMap = /* @__PURE__ */ new WeakMap();
+    this.iframes = /* @__PURE__ */ new WeakMap();
+    this.crossOriginIframeRootIdMap = /* @__PURE__ */ new WeakMap();
   }
 }
 class ShadowDomManager {
@@ -14623,6 +14687,11 @@ function record(options = {}) {
     }
   };
   const wrappedMutationEmit = (m) => {
+    if (recordCrossOriginIframes && m.removes) {
+      m.removes.forEach(({ id }) => {
+        iframeManager.removeIframeById(id);
+      });
+    }
     wrappedEmit({
       type: EventType.IncrementalSnapshot,
       data: __spreadValues({
@@ -17880,7 +17949,7 @@ exports.freezePage = freezePage;
 exports.record = record;
 exports.takeFullSnapshot = takeFullSnapshot;
 exports.utils = utils;
-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)) {