@posthog/rrweb-player 0.0.33 → 0.0.35

package/dist/rrweb-player.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("rrwebPlayer", [], f);
-    } else if ("object" == typeof exports) {
-      exports["rrwebPlayer"] = f();
-    } else {
-      g["rrwebPlayer"] = 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("rrwebPlayer", [], f);} else if ("object" == typeof exports) {exports["rrwebPlayer"] = f();} else {g["rrwebPlayer"] = 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;
@@ -570,7 +558,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() {
@@ -1089,6 +1077,9 @@ function requireNode$1() {
     return offset;
   }
   class Node2 {
+    get proxyOf() {
+      return this;
+    }
     constructor(defaults = {}) {
       this.raws = {};
       this[isClean] = false;
@@ -1207,7 +1198,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);
@@ -1236,27 +1227,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)
@@ -1264,15 +1266,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);
@@ -1280,7 +1281,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);
@@ -1289,7 +1291,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 };
     }
@@ -1353,6 +1359,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;
@@ -1387,14 +1394,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;
@@ -1423,6 +1427,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) });
@@ -1430,9 +1437,6 @@ function requireDeclaration$1() {
       super(defaults);
       this.type = "decl";
     }
-    get variable() {
-      return this.prop.startsWith("--") || this.prop[0] === "$";
-    }
   }
   declaration$1 = Declaration;
   Declaration.default = Declaration;
@@ -1464,6 +1468,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);
@@ -1776,14 +1788,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;
@@ -2033,10 +2037,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`);
@@ -2071,30 +2090,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) {
@@ -2116,7 +2142,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();
@@ -2125,21 +2151,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;
@@ -2220,9 +2239,6 @@ function requireInput$1() {
       }
       return json;
     }
-    get from() {
-      return this.file || this.id;
-    }
   }
   input$1 = Input;
   Input.default = Input;
@@ -2348,11 +2364,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);
     }
@@ -2361,6 +2372,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;
@@ -3259,6 +3275,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;
         }
       }
     }
@@ -3470,7 +3488,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 }
       );
@@ -3563,12 +3581,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() {
@@ -3587,9 +3608,6 @@ function requireResult$1() {
     warnings() {
       return this.messages.filter((i2) => i2.type === "warning");
     }
-    get content() {
-      return this.css;
-    }
   }
   result$1 = Result;
   Result.default = Result;
@@ -3708,6 +3726,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;
@@ -4050,30 +4092,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;
@@ -4095,6 +4113,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;
@@ -4156,45 +4213,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;
@@ -4211,7 +4229,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) {
@@ -4667,6 +4685,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") {
@@ -4926,7 +4950,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() {
@@ -5445,6 +5469,9 @@ function requireNode() {
     return offset;
   }
   class Node2 {
+    get proxyOf() {
+      return this;
+    }
     constructor(defaults = {}) {
       this.raws = {};
       this[isClean] = false;
@@ -5563,7 +5590,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);
@@ -5592,27 +5619,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)
@@ -5620,15 +5658,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);
@@ -5636,7 +5673,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);
@@ -5645,7 +5683,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 };
     }
@@ -5709,6 +5751,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;
@@ -5743,14 +5786,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;
@@ -5779,6 +5819,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) });
@@ -5786,9 +5829,6 @@ function requireDeclaration() {
       super(defaults);
       this.type = "decl";
     }
-    get variable() {
-      return this.prop.startsWith("--") || this.prop[0] === "$";
-    }
   }
   declaration = Declaration;
   Declaration.default = Declaration;
@@ -5820,6 +5860,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);
@@ -6132,14 +6180,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;
@@ -6389,10 +6429,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`);
@@ -6427,30 +6482,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) {
@@ -6472,7 +6534,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();
@@ -6481,21 +6543,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;
@@ -6576,9 +6631,6 @@ function requireInput() {
       }
       return json;
     }
-    get from() {
-      return this.file || this.id;
-    }
   }
   input = Input;
   Input.default = Input;
@@ -6704,11 +6756,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);
     }
@@ -6717,6 +6764,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;
@@ -7615,6 +7667,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;
         }
       }
     }
@@ -7826,7 +7880,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 }
       );
@@ -7919,12 +7973,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() {
@@ -7943,9 +8000,6 @@ function requireResult() {
     warnings() {
       return this.messages.filter((i2) => i2.type === "warning");
     }
-    get content() {
-      return this.css;
-    }
   }
   result = Result;
   Result.default = Result;
@@ -8064,6 +8118,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;
@@ -8406,30 +8484,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;
@@ -8451,6 +8505,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;
@@ -8512,45 +8605,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;
@@ -8567,7 +8621,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) {
@@ -13812,14 +13866,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);
 }
@@ -15760,7 +15807,7 @@ class Player2 extends Player$1 {
 }
 exports.Player = Player2;
 exports.default = Player2;
-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)) {