@posthog/rrweb-player 0.0.33 → 0.0.35

package/dist/rrweb-player.js

@@ -537,7 +537,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() {
@@ -1056,6 +1056,9 @@ function requireNode$1() {
     return offset;
   }
   class Node2 {
+    get proxyOf() {
+      return this;
+    }
     constructor(defaults = {}) {
       this.raws = {};
       this[isClean] = false;
@@ -1174,7 +1177,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);
@@ -1203,27 +1206,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)
@@ -1231,15 +1245,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);
@@ -1247,7 +1260,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);
@@ -1256,7 +1270,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 };
     }
@@ -1320,6 +1338,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;
@@ -1354,14 +1373,11 @@ function requireNode$1() {
       });
       return result2;
     }
-    warn(result2, text2, opts) {
+    warn(result2, text2, opts = {}) {
       let data = { node: this };
       for (let i2 in opts) data[i2] = opts[i2];
       return result2.warn(text2, data);
     }
-    get proxyOf() {
-      return this;
-    }
   }
   node$1 = Node2;
   Node2.default = Node2;
@@ -1390,6 +1406,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) };
@@ -1397,9 +1416,6 @@ function requireDeclaration$1() {
       super(defaults);
       this.type = "decl";
     }
-    get variable() {
-      return this.prop.startsWith("--") || this.prop[0] === "$";
-    }
   }
   declaration$1 = Declaration;
   Declaration.default = Declaration;
@@ -1431,6 +1447,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(...children2) {
       for (let child of children2) {
         let nodes = this.normalize(child, this.last);
@@ -1743,14 +1767,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;
@@ -2000,10 +2016,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`);
@@ -2038,30 +2069,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) {
@@ -2083,7 +2121,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();
@@ -2092,21 +2130,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;
@@ -2187,9 +2218,6 @@ function requireInput$1() {
       }
       return json;
     }
-    get from() {
-      return this.file || this.id;
-    }
   }
   input$1 = Input;
   Input.default = Input;
@@ -2315,11 +2343,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);
     }
@@ -2328,6 +2351,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;
@@ -3227,6 +3255,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;
         }
       }
     }
@@ -3438,7 +3468,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 }
       );
@@ -3531,12 +3561,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() {
@@ -3555,9 +3588,6 @@ function requireResult$1() {
     warnings() {
       return this.messages.filter((i2) => i2.type === "warning");
     }
-    get content() {
-      return this.css;
-    }
   }
   result$1 = Result;
   Result.default = Result;
@@ -3676,6 +3706,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;
@@ -4018,30 +4072,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;
@@ -4063,6 +4093,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;
@@ -4124,45 +4193,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;
@@ -4179,7 +4209,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) {
@@ -4635,6 +4665,12 @@ function buildNode(n2, options) {
           node2.style.setProperty("width", value.toString());
         } else if (name === "rr_height") {
           node2.style.setProperty("height", value.toString());
+        } else if (name === "rr_left") {
+          node2.style.setProperty("left", value.toString());
+          node2.style.setProperty("position", "absolute");
+        } else if (name === "rr_top") {
+          node2.style.setProperty("top", value.toString());
+          node2.style.setProperty("position", "absolute");
         } else if (name === "rr_mediaCurrentTime" && typeof value === "number") {
           node2.currentTime = value;
         } else if (name === "rr_mediaState") {
@@ -4894,7 +4930,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() {
@@ -5413,6 +5449,9 @@ function requireNode() {
     return offset;
   }
   class Node2 {
+    get proxyOf() {
+      return this;
+    }
     constructor(defaults = {}) {
       this.raws = {};
       this[isClean] = false;
@@ -5531,7 +5570,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);
@@ -5560,27 +5599,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)
@@ -5588,15 +5638,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);
@@ -5604,7 +5653,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);
@@ -5613,7 +5663,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 };
     }
@@ -5677,6 +5731,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;
@@ -5711,14 +5766,11 @@ function requireNode() {
       });
       return result2;
     }
-    warn(result2, text2, opts) {
+    warn(result2, text2, opts = {}) {
       let data = { node: this };
       for (let i2 in opts) data[i2] = opts[i2];
       return result2.warn(text2, data);
     }
-    get proxyOf() {
-      return this;
-    }
   }
   node = Node2;
   Node2.default = Node2;
@@ -5747,6 +5799,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) };
@@ -5754,9 +5809,6 @@ function requireDeclaration() {
       super(defaults);
       this.type = "decl";
     }
-    get variable() {
-      return this.prop.startsWith("--") || this.prop[0] === "$";
-    }
   }
   declaration = Declaration;
   Declaration.default = Declaration;
@@ -5788,6 +5840,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(...children2) {
       for (let child of children2) {
         let nodes = this.normalize(child, this.last);
@@ -6100,14 +6160,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;
@@ -6357,10 +6409,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`);
@@ -6395,30 +6462,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) {
@@ -6440,7 +6514,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();
@@ -6449,21 +6523,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;
@@ -6544,9 +6611,6 @@ function requireInput() {
       }
       return json;
     }
-    get from() {
-      return this.file || this.id;
-    }
   }
   input = Input;
   Input.default = Input;
@@ -6672,11 +6736,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);
     }
@@ -6685,6 +6744,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;
@@ -7584,6 +7648,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;
         }
       }
     }
@@ -7795,7 +7861,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 }
       );
@@ -7888,12 +7954,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() {
@@ -7912,9 +7981,6 @@ function requireResult() {
     warnings() {
       return this.messages.filter((i2) => i2.type === "warning");
     }
-    get content() {
-      return this.css;
-    }
   }
   result = Result;
   Result.default = Result;
@@ -8033,6 +8099,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;
@@ -8375,30 +8465,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;
@@ -8420,6 +8486,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;
@@ -8481,45 +8586,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;
@@ -8536,7 +8602,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) {
@@ -13778,14 +13844,7 @@ function strToU8(str, latin1) {
       ar = n2;
     }
     var c2 = str.charCodeAt(i);
-    if (c2 < 128 || latin1)
-      w(c2);
-    else if (c2 < 2048)
-      w(192 | c2 >>> 6), w(128 | c2 & 63);
-    else if (c2 > 55295 && c2 < 57344)
-      c2 = 65536 + (c2 & 1023 << 10) | str.charCodeAt(++i) & 1023, w(240 | c2 >>> 18), w(128 | c2 >>> 12 & 63), w(128 | c2 >>> 6 & 63), w(128 | c2 & 63);
-    else
-      w(224 | c2 >>> 12), w(128 | c2 >>> 6 & 63), w(128 | c2 & 63);
+    w(c2);
   }
   return slc(ar, 0, ai);
 }