@everymatrix/general-footer-template 1.56.0 → 1.56.3

package/dist/esm/custom-content-section.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-732f640c.js';
+import { r as registerInstance, h } from './index-e6e68604.js';
 import { c as commonjsGlobal, g as getAugmentedNamespace } from './_commonjsHelpers-57e89916.js';
 
 var decode = {};
@@ -3327,7 +3327,7 @@ function filter$1(test, node, recurse = true, limit = Infinity) {
 function find(test, nodes, recurse, limit) {
     const result = [];
     /** Stack of the arrays we are looking at. */
-    const nodeStack = [Array.isArray(nodes) ? nodes : [nodes]];
+    const nodeStack = [nodes];
     /** Stack of the indices within the arrays. */
     const indexStack = [0];
     for (;;) {
@@ -3381,19 +3381,20 @@ function findOneChild(test, nodes) {
  * @returns The first node that passes `test`.
  */
 function findOne(test, nodes, recurse = true) {
-    const searchedNodes = Array.isArray(nodes) ? nodes : [nodes];
-    for (let i = 0; i < searchedNodes.length; i++) {
-        const node = searchedNodes[i];
-        if (isTag(node) && test(node)) {
-            return node;
+    let elem = null;
+    for (let i = 0; i < nodes.length && !elem; i++) {
+        const node = nodes[i];
+        if (!isTag(node)) {
+            continue;
+        }
+        else if (test(node)) {
+            elem = node;
         }
-        if (recurse && hasChildren(node) && node.children.length > 0) {
-            const found = findOne(test, node.children, true);
-            if (found)
-                return found;
+        else if (recurse && node.children.length > 0) {
+            elem = findOne(test, node.children, true);
         }
     }
-    return null;
+    return elem;
 }
 /**
  * Checks if a tree of nodes contains at least one node passing a test.
@@ -3404,8 +3405,8 @@ function findOne(test, nodes, recurse = true) {
  * @returns Whether a tree of nodes contains at least one node passing the test.
  */
 function existsOne(test, nodes) {
-    return (Array.isArray(nodes) ? nodes : [nodes]).some((node) => (isTag(node) && test(node)) ||
-        (hasChildren(node) && existsOne(test, node.children)));
+    return nodes.some((checked) => isTag(checked) &&
+        (test(checked) || existsOne(test, checked.children)));
 }
 /**
  * Search an array of nodes and their children for elements passing a test function.
@@ -3419,7 +3420,7 @@ function existsOne(test, nodes) {
  */
 function findAll(test, nodes) {
     const result = [];
-    const nodeStack = [Array.isArray(nodes) ? nodes : [nodes]];
+    const nodeStack = [nodes];
     const indexStack = [0];
     for (;;) {
         if (indexStack[0] >= nodeStack[0].length) {
@@ -3433,9 +3434,11 @@ function findAll(test, nodes) {
             continue;
         }
         const elem = nodeStack[0][indexStack[0]++];
-        if (isTag(elem) && test(elem))
+        if (!isTag(elem))
+            continue;
+        if (test(elem))
             result.push(elem);
-        if (hasChildren(elem) && elem.children.length > 0) {
+        if (elem.children.length > 0) {
             indexStack.unshift(0);
             nodeStack.unshift(elem.children);
         }
@@ -3565,19 +3568,6 @@ function getElementById(id, nodes, recurse = true) {
 function getElementsByTagName(tagName, nodes, recurse = true, limit = Infinity) {
     return filter$1(Checks["tag_name"](tagName), nodes, recurse, limit);
 }
-/**
- * Returns all nodes with the supplied `className`.
- *
- * @category Legacy Query Functions
- * @param className Class name to search for.
- * @param nodes Nodes to search through.
- * @param recurse Also consider child nodes.
- * @param limit Maximum number of nodes to return.
- * @returns All nodes with the supplied `className`.
- */
-function getElementsByClassName(className, nodes, recurse = true, limit = Infinity) {
-    return filter$1(getAttribCheck("class", className), nodes, recurse, limit);
-}
 /**
  * Returns all nodes with the supplied `type`.
  *
@@ -3945,7 +3935,6 @@ const index = /*#__PURE__*/Object.freeze({
     getElements: getElements,
     getElementById: getElementById,
     getElementsByTagName: getElementsByTagName,
-    getElementsByClassName: getElementsByClassName,
     getElementsByTagType: getElementsByTagType,
     removeSubsets: removeSubsets,
     get DocumentPosition () { return DocumentPosition; },
@@ -4016,7 +4005,7 @@ const esm = /*#__PURE__*/Object.freeze({
     DomUtils: index
 });
 
-const require$$0$1 = /*@__PURE__*/getAugmentedNamespace(esm);
+const require$$0 = /*@__PURE__*/getAugmentedNamespace(esm);
 
 var escapeStringRegexp$1 = string => {
 	if (typeof string !== 'string') {
@@ -4599,70 +4588,37 @@ class CssSyntaxError$3 extends Error {
 
     let css = this.source;
     if (color == null) color = pico.isColorSupported;
-
-    let aside = text => text;
-    let mark = text => text;
-    let highlight = text => text;
-    if (color) {
-      let { bold, gray, red } = pico.createColors(true);
-      mark = text => bold(red(text));
-      aside = text => gray(text);
-      if (terminalHighlight$1) {
-        highlight = text => terminalHighlight$1(text);
-      }
+    if (terminalHighlight$1) {
+      if (color) css = terminalHighlight$1(css);
     }
 
     let lines = css.split(/\r?\n/);
     let start = Math.max(this.line - 3, 0);
     let end = Math.min(this.line + 2, lines.length);
+
     let maxWidth = String(end).length;
 
+    let mark, aside;
+    if (color) {
+      let { bold, gray, red } = pico.createColors(true);
+      mark = text => bold(red(text));
+      aside = text => gray(text);
+    } else {
+      mark = aside = str => str;
+    }
+
     return lines
       .slice(start, end)
       .map((line, index) => {
         let number = start + 1 + index;
         let gutter = ' ' + (' ' + number).slice(-maxWidth) + ' | ';
         if (number === this.line) {
-          if (line.length > 160) {
-            let padding = 20;
-            let subLineStart = Math.max(0, this.column - padding);
-            let subLineEnd = Math.max(
-              this.column + padding,
-              this.endColumn + padding
-            );
-            let subLine = line.slice(subLineStart, subLineEnd);
-
-            let spacing =
-              aside(gutter.replace(/\d/g, ' ')) +
-              line
-                .slice(0, Math.min(this.column - 1, padding - 1))
-                .replace(/[^\t]/g, ' ');
-
-            return (
-              mark('>') +
-              aside(gutter) +
-              highlight(subLine) +
-              '\n ' +
-              spacing +
-              mark('^')
-            )
-          }
-
           let spacing =
             aside(gutter.replace(/\d/g, ' ')) +
             line.slice(0, this.column - 1).replace(/[^\t]/g, ' ');
-
-          return (
-            mark('>') +
-            aside(gutter) +
-            highlight(line) +
-            '\n ' +
-            spacing +
-            mark('^')
-          )
+          return mark('>') + aside(gutter) + line + '\n ' + spacing + mark('^')
         }
-
-        return ' ' + aside(gutter) + highlight(line)
+        return ' ' + aside(gutter) + line
       })
       .join('\n')
   }
@@ -4679,6 +4635,12 @@ class CssSyntaxError$3 extends Error {
 var cssSyntaxError = CssSyntaxError$3;
 CssSyntaxError$3.default = CssSyntaxError$3;
 
+var symbols = {};
+
+symbols.isClean = Symbol('isClean');
+
+symbols.my = Symbol('my');
+
 const DEFAULT_RAW = {
   after: '\n',
   beforeClose: '\n',
@@ -5041,16 +5003,10 @@ function stringify$4(node, builder) {
 var stringify_1 = stringify$4;
 stringify$4.default = stringify$4;
 
-var symbols = {};
-
-symbols.isClean = Symbol('isClean');
-
-symbols.my = Symbol('my');
-
+let { isClean: isClean$2, my: my$2 } = symbols;
 let CssSyntaxError$2 = cssSyntaxError;
 let Stringifier = stringifier;
 let stringify$3 = stringify_1;
-let { isClean: isClean$2, my: my$2 } = symbols;
 
 function cloneNode(obj, parent) {
   let cloned = new obj.constructor();
@@ -5079,41 +5035,7 @@ function cloneNode(obj, parent) {
   return cloned
 }
 
-function sourceOffset(inputCSS, position) {
-  // Not all custom syntaxes support `offset` in `source.start` and `source.end`
-  if (
-    position &&
-    typeof position.offset !== 'undefined'
-  ) {
-    return position.offset;
-  }
-
-  let column = 1;
-  let line = 1;
-  let offset = 0;
-
-  for (let i = 0; i < inputCSS.length; i++) {
-    if (line === position.line && column === position.column) {
-      offset = i;
-      break
-    }
-
-    if (inputCSS[i] === '\n') {
-      column = 1;
-      line += 1;
-    } else {
-      column += 1;
-    }
-  }
-
-  return offset
-}
-
 class Node$4 {
-  get proxyOf() {
-    return this
-  }
-
   constructor(defaults = {}) {
     this.raws = {};
     this[isClean$2] = false;
@@ -5234,11 +5156,6 @@ class Node$4 {
     }
   }
 
-  /* c8 ignore next 3 */
-  markClean() {
-    this[isClean$2] = true;
-  }
-
   markDirty() {
     if (this[isClean$2]) {
       this[isClean$2] = false;
@@ -5255,35 +5172,25 @@ class Node$4 {
     return this.parent.nodes[index + 1]
   }
 
-  positionBy(opts) {
+  positionBy(opts, stringRepresentation) {
     let pos = this.source.start;
     if (opts.index) {
-      pos = this.positionInside(opts.index);
+      pos = this.positionInside(opts.index, stringRepresentation);
     } else 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)
-      );
+      stringRepresentation = this.toString();
       let index = stringRepresentation.indexOf(opts.word);
-      if (index !== -1) pos = this.positionInside(index);
+      if (index !== -1) pos = this.positionInside(index, stringRepresentation);
     }
     return pos
   }
 
-  positionInside(index) {
+  positionInside(index, stringRepresentation) {
+    let string = stringRepresentation || this.toString();
     let column = this.source.start.column;
     let line = this.source.start.line;
-    let inputString = ('document' in this.source.input)
-      ? this.source.input.document
-      : this.source.input.css;
-    let offset = sourceOffset(inputString, this.source.start);
-    let end = offset + index;
-
-    for (let i = offset; i < end; i++) {
-      if (inputString[i] === '\n') {
+
+    for (let i = 0; i < index; i++) {
+      if (string[i] === '\n') {
         column = 1;
         line += 1;
       } else {
@@ -5307,28 +5214,20 @@ class Node$4 {
     };
     let end = this.source.end
       ? {
-          column: this.source.end.column + 1,
-          line: this.source.end.line
-        }
+        column: this.source.end.column + 1,
+        line: this.source.end.line
+      }
       : {
-          column: start.column + 1,
-          line: start.line
-        };
+        column: start.column + 1,
+        line: start.line
+      };
 
     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)
-      );
+      let stringRepresentation = this.toString();
       let index = stringRepresentation.indexOf(opts.word);
       if (index !== -1) {
-        start = this.positionInside(index);
-        end = this.positionInside(
-          index + opts.word.length,
-        );
+        start = this.positionInside(index, stringRepresentation);
+        end = this.positionInside(index + opts.word.length, stringRepresentation);
       }
     } else {
       if (opts.start) {
@@ -5345,7 +5244,7 @@ class Node$4 {
           column: opts.end.column,
           line: opts.end.line
         };
-      } else if (typeof opts.endIndex === 'number') {
+      } else if (opts.endIndex) {
         end = this.positionInside(opts.endIndex);
       } else if (opts.index) {
         end = this.positionInside(opts.index + 1);
@@ -5475,6 +5374,10 @@ class Node$4 {
     for (let i in opts) data[i] = opts[i];
     return result.warn(text, data)
   }
+
+  get proxyOf() {
+    return this
+  }
 }
 
 var node_1 = Node$4;
@@ -5482,23 +5385,7 @@ Node$4.default = Node$4;
 
 let Node$3 = node_1;
 
-class Comment$4 extends Node$3 {
-  constructor(defaults) {
-    super(defaults);
-    this.type = 'comment';
-  }
-}
-
-var comment = Comment$4;
-Comment$4.default = Comment$4;
-
-let Node$2 = node_1;
-
-class Declaration$4 extends Node$2 {
-  get variable() {
-    return this.prop.startsWith('--') || this.prop[0] === '$'
-  }
-
+class Declaration$4 extends Node$3 {
   constructor(defaults) {
     if (
       defaults &&
@@ -5510,1508 +5397,1362 @@ class Declaration$4 extends Node$2 {
     super(defaults);
     this.type = 'decl';
   }
+
+  get variable() {
+    return this.prop.startsWith('--') || this.prop[0] === '$'
+  }
 }
 
 var declaration = Declaration$4;
 Declaration$4.default = Declaration$4;
 
-let Comment$3 = comment;
-let Declaration$3 = declaration;
-let Node$1 = node_1;
-let { isClean: isClean$1, my: my$1 } = symbols;
-
-let AtRule$4, parse$4, Root$6, Rule$4;
-
-function cleanSource(nodes) {
-  return nodes.map(i => {
-    if (i.nodes) i.nodes = cleanSource(i.nodes);
-    delete i.source;
-    return i
-  })
-}
+// This alphabet uses `A-Za-z0-9_-` symbols.
+// The order of characters is optimized for better gzip and brotli compression.
+// References to the same file (works both for gzip and brotli):
+// `'use`, `andom`, and `rict'`
+// References to the brotli default dictionary:
+// `-26T`, `1983`, `40px`, `75px`, `bush`, `jack`, `mind`, `very`, and `wolf`
+let urlAlphabet =
+  'useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict';
 
-function markTreeDirty(node) {
-  node[isClean$1] = false;
-  if (node.proxyOf.nodes) {
-    for (let i of node.proxyOf.nodes) {
-      markTreeDirty(i);
+let customAlphabet = (alphabet, defaultSize = 21) => {
+  return (size = defaultSize) => {
+    let id = '';
+    // A compact alternative for `for (var i = 0; i < step; i++)`.
+    let i = size | 0;
+    while (i--) {
+      // `| 0` is more compact and faster than `Math.floor()`.
+      id += alphabet[(Math.random() * alphabet.length) | 0];
     }
+    return id
   }
-}
+};
 
-class Container$7 extends Node$1 {
-  get first() {
-    if (!this.proxyOf.nodes) return undefined
-    return this.proxyOf.nodes[0]
+let nanoid$1 = (size = 21) => {
+  let id = '';
+  // A compact alternative for `for (var i = 0; i < step; i++)`.
+  let i = size | 0;
+  while (i--) {
+    // `| 0` is more compact and faster than `Math.floor()`.
+    id += urlAlphabet[(Math.random() * 64) | 0];
   }
+  return id
+};
 
-  get last() {
-    if (!this.proxyOf.nodes) return undefined
-    return this.proxyOf.nodes[this.proxyOf.nodes.length - 1]
-  }
+const nonSecure = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    nanoid: nanoid$1,
+    customAlphabet: customAlphabet
+});
 
-  append(...children) {
-    for (let child of children) {
-      let nodes = this.normalize(child, this.last);
-      for (let node of nodes) this.proxyOf.nodes.push(node);
-    }
+const require$$3 = /*@__PURE__*/getAugmentedNamespace(nonSecure);
 
-    this.markDirty();
+let { SourceMapConsumer: SourceMapConsumer$2, SourceMapGenerator: SourceMapGenerator$2 } = require$$2;
+let { existsSync, readFileSync } = require$$2;
+let { dirname: dirname$1, join } = require$$2;
 
-    return this
+function fromBase64(str) {
+  if (Buffer) {
+    return Buffer.from(str, 'base64').toString()
+  } else {
+    /* c8 ignore next 2 */
+    return window.atob(str)
   }
+}
 
-  cleanRaws(keepBetween) {
-    super.cleanRaws(keepBetween);
-    if (this.nodes) {
-      for (let node of this.nodes) node.cleanRaws(keepBetween);
+class PreviousMap$2 {
+  constructor(css, opts) {
+    if (opts.map === false) return
+    this.loadAnnotation(css);
+    this.inline = this.startWith(this.annotation, 'data:');
+
+    let prev = opts.map ? opts.map.prev : undefined;
+    let text = this.loadMap(opts.from, prev);
+    if (!this.mapFile && opts.from) {
+      this.mapFile = opts.from;
     }
+    if (this.mapFile) this.root = dirname$1(this.mapFile);
+    if (text) this.text = text;
   }
 
-  each(callback) {
-    if (!this.proxyOf.nodes) return undefined
-    let iterator = this.getIterator();
+  consumer() {
+    if (!this.consumerCache) {
+      this.consumerCache = new SourceMapConsumer$2(this.text);
+    }
+    return this.consumerCache
+  }
 
-    let index, result;
-    while (this.indexes[iterator] < this.proxyOf.nodes.length) {
-      index = this.indexes[iterator];
-      result = callback(this.proxyOf.nodes[index], index);
-      if (result === false) break
+  decodeInline(text) {
+    let baseCharsetUri = /^data:application\/json;charset=utf-?8;base64,/;
+    let baseUri = /^data:application\/json;base64,/;
+    let charsetUri = /^data:application\/json;charset=utf-?8,/;
+    let uri = /^data:application\/json,/;
 
-      this.indexes[iterator] += 1;
+    if (charsetUri.test(text) || uri.test(text)) {
+      return decodeURIComponent(text.substr(RegExp.lastMatch.length))
     }
 
-    delete this.indexes[iterator];
-    return result
+    if (baseCharsetUri.test(text) || baseUri.test(text)) {
+      return fromBase64(text.substr(RegExp.lastMatch.length))
+    }
+
+    let encoding = text.match(/data:application\/json;([^,]+),/)[1];
+    throw new Error('Unsupported source map encoding ' + encoding)
   }
 
-  every(condition) {
-    return this.nodes.every(condition)
+  getAnnotationURL(sourceMapString) {
+    return sourceMapString.replace(/^\/\*\s*# sourceMappingURL=/, '').trim()
   }
 
-  getIterator() {
-    if (!this.lastEach) this.lastEach = 0;
-    if (!this.indexes) this.indexes = {};
+  isMap(map) {
+    if (typeof map !== 'object') return false
+    return (
+      typeof map.mappings === 'string' ||
+      typeof map._mappings === 'string' ||
+      Array.isArray(map.sections)
+    )
+  }
 
-    this.lastEach += 1;
-    let iterator = this.lastEach;
-    this.indexes[iterator] = 0;
+  loadAnnotation(css) {
+    let comments = css.match(/\/\*\s*# sourceMappingURL=/gm);
+    if (!comments) return
 
-    return iterator
+    // sourceMappingURLs from comments, strings, etc.
+    let start = css.lastIndexOf(comments.pop());
+    let end = css.indexOf('*/', start);
+
+    if (start > -1 && end > -1) {
+      // Locate the last sourceMappingURL to avoid pickin
+      this.annotation = this.getAnnotationURL(css.substring(start, end));
+    }
   }
 
-  getProxyProcessor() {
-    return {
-      get(node, prop) {
-        if (prop === 'proxyOf') {
-          return node
-        } else if (!node[prop]) {
-          return node[prop]
-        } else if (
-          prop === 'each' ||
-          (typeof prop === 'string' && prop.startsWith('walk'))
-        ) {
-          return (...args) => {
-            return node[prop](
-              ...args.map(i => {
-                if (typeof i === 'function') {
-                  return (child, index) => i(child.toProxy(), index)
-                } else {
-                  return i
-                }
-              })
-            )
-          }
-        } else if (prop === 'every' || prop === 'some') {
-          return cb => {
-            return node[prop]((child, ...other) =>
-              cb(child.toProxy(), ...other)
+  loadFile(path) {
+    this.root = dirname$1(path);
+    if (existsSync(path)) {
+      this.mapFile = path;
+      return readFileSync(path, 'utf-8').toString().trim()
+    }
+  }
+
+  loadMap(file, prev) {
+    if (prev === false) return false
+
+    if (prev) {
+      if (typeof prev === 'string') {
+        return prev
+      } else if (typeof prev === 'function') {
+        let prevPath = prev(file);
+        if (prevPath) {
+          let map = this.loadFile(prevPath);
+          if (!map) {
+            throw new Error(
+              'Unable to load previous source map: ' + prevPath.toString()
             )
           }
-        } else if (prop === 'root') {
-          return () => node.root().toProxy()
-        } else if (prop === 'nodes') {
-          return node.nodes.map(i => i.toProxy())
-        } else if (prop === 'first' || prop === 'last') {
-          return node[prop].toProxy()
-        } else {
-          return node[prop]
-        }
-      },
-
-      set(node, prop, value) {
-        if (node[prop] === value) return true
-        node[prop] = value;
-        if (prop === 'name' || prop === 'params' || prop === 'selector') {
-          node.markDirty();
+          return map
         }
-        return true
+      } else if (prev instanceof SourceMapConsumer$2) {
+        return SourceMapGenerator$2.fromSourceMap(prev).toString()
+      } else if (prev instanceof SourceMapGenerator$2) {
+        return prev.toString()
+      } else if (this.isMap(prev)) {
+        return JSON.stringify(prev)
+      } else {
+        throw new Error(
+          'Unsupported previous source map format: ' + prev.toString()
+        )
       }
+    } else if (this.inline) {
+      return this.decodeInline(this.annotation)
+    } else if (this.annotation) {
+      let map = this.annotation;
+      if (file) map = join(dirname$1(file), map);
+      return this.loadFile(map)
     }
   }
 
-  index(child) {
-    if (typeof child === 'number') return child
-    if (child.proxyOf) child = child.proxyOf;
-    return this.proxyOf.nodes.indexOf(child)
+  startWith(string, start) {
+    if (!string) return false
+    return string.substr(0, start.length) === start
   }
 
-  insertAfter(exist, add) {
-    let existIndex = this.index(exist);
-    let nodes = this.normalize(add, this.proxyOf.nodes[existIndex]).reverse();
-    existIndex = this.index(exist);
-    for (let node of nodes) this.proxyOf.nodes.splice(existIndex + 1, 0, node);
+  withContent() {
+    return !!(
+      this.consumer().sourcesContent &&
+      this.consumer().sourcesContent.length > 0
+    )
+  }
+}
 
-    let index;
-    for (let id in this.indexes) {
-      index = this.indexes[id];
-      if (existIndex < index) {
-        this.indexes[id] = index + nodes.length;
-      }
-    }
+var previousMap = PreviousMap$2;
+PreviousMap$2.default = PreviousMap$2;
 
-    this.markDirty();
+let { SourceMapConsumer: SourceMapConsumer$1, SourceMapGenerator: SourceMapGenerator$1 } = require$$2;
+let { fileURLToPath, pathToFileURL: pathToFileURL$1 } = require$$2;
+let { isAbsolute, resolve: resolve$1 } = require$$2;
+let { nanoid } = require$$3;
 
-    return this
-  }
+let terminalHighlight = require$$2;
+let CssSyntaxError$1 = cssSyntaxError;
+let PreviousMap$1 = previousMap;
 
-  insertBefore(exist, add) {
-    let existIndex = this.index(exist);
-    let type = existIndex === 0 ? 'prepend' : false;
-    let nodes = this.normalize(
-      add,
-      this.proxyOf.nodes[existIndex],
-      type
-    ).reverse();
-    existIndex = this.index(exist);
-    for (let node of nodes) this.proxyOf.nodes.splice(existIndex, 0, node);
+let fromOffsetCache = Symbol('fromOffsetCache');
 
-    let index;
-    for (let id in this.indexes) {
-      index = this.indexes[id];
-      if (existIndex <= index) {
-        this.indexes[id] = index + nodes.length;
-      }
-    }
+let sourceMapAvailable$1 = Boolean(SourceMapConsumer$1 && SourceMapGenerator$1);
+let pathAvailable$1 = Boolean(resolve$1 && isAbsolute);
 
-    this.markDirty();
+class Input$4 {
+  constructor(css, opts = {}) {
+    if (
+      css === null ||
+      typeof css === 'undefined' ||
+      (typeof css === 'object' && !css.toString)
+    ) {
+      throw new Error(`PostCSS received ${css} instead of CSS string`)
+    }
 
-    return this
-  }
+    this.css = css.toString();
 
-  normalize(nodes, sample) {
-    if (typeof nodes === 'string') {
-      nodes = cleanSource(parse$4(nodes).nodes);
-    } else if (typeof nodes === 'undefined') {
-      nodes = [];
-    } else if (Array.isArray(nodes)) {
-      nodes = nodes.slice(0);
-      for (let i of nodes) {
-        if (i.parent) i.parent.removeChild(i, 'ignore');
-      }
-    } else if (nodes.type === 'root' && this.type !== 'document') {
-      nodes = nodes.nodes.slice(0);
-      for (let i of nodes) {
-        if (i.parent) i.parent.removeChild(i, 'ignore');
-      }
-    } else if (nodes.type) {
-      nodes = [nodes];
-    } else if (nodes.prop) {
-      if (typeof nodes.value === 'undefined') {
-        throw new Error('Value field is missed in node creation')
-      } else if (typeof nodes.value !== 'string') {
-        nodes.value = String(nodes.value);
-      }
-      nodes = [new Declaration$3(nodes)];
-    } else if (nodes.selector || nodes.selectors) {
-      nodes = [new Rule$4(nodes)];
-    } else if (nodes.name) {
-      nodes = [new AtRule$4(nodes)];
-    } else if (nodes.text) {
-      nodes = [new Comment$3(nodes)];
+    if (this.css[0] === '\uFEFF' || this.css[0] === '\uFFFE') {
+      this.hasBOM = true;
+      this.css = this.css.slice(1);
     } else {
-      throw new Error('Unknown node type in node creation')
+      this.hasBOM = false;
     }
 
-    let processed = nodes.map(i => {
-      /* c8 ignore next */
-      if (!i[my$1]) Container$7.rebuild(i);
-      i = i.proxyOf;
-      if (i.parent) i.parent.removeChild(i);
-      if (i[isClean$1]) markTreeDirty(i);
-
-      if (!i.raws) i.raws = {};
-      if (typeof i.raws.before === 'undefined') {
-        if (sample && typeof sample.raws.before !== 'undefined') {
-          i.raws.before = sample.raws.before.replace(/\S/g, '');
-        }
+    if (opts.from) {
+      if (
+        !pathAvailable$1 ||
+        /^\w+:\/\//.test(opts.from) ||
+        isAbsolute(opts.from)
+      ) {
+        this.file = opts.from;
+      } else {
+        this.file = resolve$1(opts.from);
       }
-      i.parent = this.proxyOf;
-      return i
-    });
-
-    return processed
-  }
+    }
 
-  prepend(...children) {
-    children = children.reverse();
-    for (let child of children) {
-      let nodes = this.normalize(child, this.first, 'prepend').reverse();
-      for (let node of nodes) this.proxyOf.nodes.unshift(node);
-      for (let id in this.indexes) {
-        this.indexes[id] = this.indexes[id] + nodes.length;
+    if (pathAvailable$1 && sourceMapAvailable$1) {
+      let map = new PreviousMap$1(this.css, opts);
+      if (map.text) {
+        this.map = map;
+        let file = map.consumer().file;
+        if (!this.file && file) this.file = this.mapResolve(file);
       }
     }
 
-    this.markDirty();
-
-    return this
-  }
-
-  push(child) {
-    child.parent = this;
-    this.proxyOf.nodes.push(child);
-    return this
-  }
-
-  removeAll() {
-    for (let node of this.proxyOf.nodes) node.parent = undefined;
-    this.proxyOf.nodes = [];
-
-    this.markDirty();
-
-    return this
+    if (!this.file) {
+      this.id = '<input css ' + nanoid(6) + '>';
+    }
+    if (this.map) this.map.file = this.from;
   }
 
-  removeChild(child) {
-    child = this.index(child);
-    this.proxyOf.nodes[child].parent = undefined;
-    this.proxyOf.nodes.splice(child, 1);
+  error(message, line, column, opts = {}) {
+    let result, endLine, endColumn;
 
-    let index;
-    for (let id in this.indexes) {
-      index = this.indexes[id];
-      if (index >= child) {
-        this.indexes[id] = index - 1;
+    if (line && typeof line === 'object') {
+      let start = line;
+      let end = column;
+      if (typeof start.offset === 'number') {
+        let pos = this.fromOffset(start.offset);
+        line = pos.line;
+        column = pos.col;
+      } else {
+        line = start.line;
+        column = start.column;
+      }
+      if (typeof end.offset === 'number') {
+        let pos = this.fromOffset(end.offset);
+        endLine = pos.line;
+        endColumn = pos.col;
+      } else {
+        endLine = end.line;
+        endColumn = end.column;
       }
+    } else if (!column) {
+      let pos = this.fromOffset(line);
+      line = pos.line;
+      column = pos.col;
     }
 
-    this.markDirty();
-
-    return this
-  }
-
-  replaceValues(pattern, opts, callback) {
-    if (!callback) {
-      callback = opts;
-      opts = {};
+    let origin = this.origin(line, column, endLine, endColumn);
+    if (origin) {
+      result = new CssSyntaxError$1(
+        message,
+        origin.endLine === undefined
+          ? origin.line
+          : { column: origin.column, line: origin.line },
+        origin.endLine === undefined
+          ? origin.column
+          : { column: origin.endColumn, line: origin.endLine },
+        origin.source,
+        origin.file,
+        opts.plugin
+      );
+    } else {
+      result = new CssSyntaxError$1(
+        message,
+        endLine === undefined ? line : { column, line },
+        endLine === undefined ? column : { column: endColumn, line: endLine },
+        this.css,
+        this.file,
+        opts.plugin
+      );
     }
 
-    this.walkDecls(decl => {
-      if (opts.props && !opts.props.includes(decl.prop)) return
-      if (opts.fast && !decl.value.includes(opts.fast)) return
-
-      decl.value = decl.value.replace(pattern, callback);
-    });
-
-    this.markDirty();
+    result.input = { column, endColumn, endLine, line, source: this.css };
+    if (this.file) {
+      if (pathToFileURL$1) {
+        result.input.url = pathToFileURL$1(this.file).toString();
+      }
+      result.input.file = this.file;
+    }
 
-    return this
+    return result
   }
 
-  some(condition) {
-    return this.nodes.some(condition)
-  }
+  fromOffset(offset) {
+    let lastLine, lineToIndex;
+    if (!this[fromOffsetCache]) {
+      let lines = this.css.split('\n');
+      lineToIndex = new Array(lines.length);
+      let prevIndex = 0;
 
-  walk(callback) {
-    return this.each((child, i) => {
-      let result;
-      try {
-        result = callback(child, i);
-      } catch (e) {
-        throw child.addToError(e)
-      }
-      if (result !== false && child.walk) {
-        result = child.walk(callback);
+      for (let i = 0, l = lines.length; i < l; i++) {
+        lineToIndex[i] = prevIndex;
+        prevIndex += lines[i].length + 1;
       }
 
-      return result
-    })
-  }
+      this[fromOffsetCache] = lineToIndex;
+    } else {
+      lineToIndex = this[fromOffsetCache];
+    }
+    lastLine = lineToIndex[lineToIndex.length - 1];
 
-  walkAtRules(name, callback) {
-    if (!callback) {
-      callback = name;
-      return this.walk((child, i) => {
-        if (child.type === 'atrule') {
-          return callback(child, i)
+    let min = 0;
+    if (offset >= lastLine) {
+      min = lineToIndex.length - 1;
+    } else {
+      let max = lineToIndex.length - 2;
+      let mid;
+      while (min < max) {
+        mid = min + ((max - min) >> 1);
+        if (offset < lineToIndex[mid]) {
+          max = mid - 1;
+        } else if (offset >= lineToIndex[mid + 1]) {
+          min = mid + 1;
+        } else {
+          min = mid;
+          break
         }
-      })
+      }
     }
-    if (name instanceof RegExp) {
-      return this.walk((child, i) => {
-        if (child.type === 'atrule' && name.test(child.name)) {
-          return callback(child, i)
-        }
-      })
+    return {
+      col: offset - lineToIndex[min] + 1,
+      line: min + 1
     }
-    return this.walk((child, i) => {
-      if (child.type === 'atrule' && child.name === name) {
-        return callback(child, i)
-      }
-    })
   }
 
-  walkComments(callback) {
-    return this.walk((child, i) => {
-      if (child.type === 'comment') {
-        return callback(child, i)
-      }
-    })
+  mapResolve(file) {
+    if (/^\w+:\/\//.test(file)) {
+      return file
+    }
+    return resolve$1(this.map.consumer().sourceRoot || this.map.root || '.', file)
   }
 
-  walkDecls(prop, callback) {
-    if (!callback) {
-      callback = prop;
-      return this.walk((child, i) => {
-        if (child.type === 'decl') {
-          return callback(child, i)
-        }
-      })
+  origin(line, column, endLine, endColumn) {
+    if (!this.map) return false
+    let consumer = this.map.consumer();
+
+    let from = consumer.originalPositionFor({ column, line });
+    if (!from.source) return false
+
+    let to;
+    if (typeof endLine === 'number') {
+      to = consumer.originalPositionFor({ column: endColumn, line: endLine });
     }
-    if (prop instanceof RegExp) {
-      return this.walk((child, i) => {
-        if (child.type === 'decl' && prop.test(child.prop)) {
-          return callback(child, i)
-        }
-      })
+
+    let fromUrl;
+
+    if (isAbsolute(from.source)) {
+      fromUrl = pathToFileURL$1(from.source);
+    } else {
+      fromUrl = new URL(
+        from.source,
+        this.map.consumer().sourceRoot || pathToFileURL$1(this.map.mapFile)
+      );
     }
-    return this.walk((child, i) => {
-      if (child.type === 'decl' && child.prop === prop) {
-        return callback(child, i)
-      }
-    })
-  }
 
-  walkRules(selector, callback) {
-    if (!callback) {
-      callback = selector;
+    let result = {
+      column: from.column,
+      endColumn: to && to.column,
+      endLine: to && to.line,
+      line: from.line,
+      url: fromUrl.toString()
+    };
 
-      return this.walk((child, i) => {
-        if (child.type === 'rule') {
-          return callback(child, i)
-        }
-      })
+    if (fromUrl.protocol === 'file:') {
+      if (fileURLToPath) {
+        result.file = fileURLToPath(fromUrl);
+      } else {
+        /* c8 ignore next 2 */
+        throw new Error(`file: protocol is not available in this PostCSS build`)
+      }
     }
-    if (selector instanceof RegExp) {
-      return this.walk((child, i) => {
-        if (child.type === 'rule' && selector.test(child.selector)) {
-          return callback(child, i)
-        }
-      })
+
+    let source = consumer.sourceContentFor(from.source);
+    if (source) result.source = source;
+
+    return result
+  }
+
+  toJSON() {
+    let json = {};
+    for (let name of ['hasBOM', 'css', 'file', 'id']) {
+      if (this[name] != null) {
+        json[name] = this[name];
+      }
     }
-    return this.walk((child, i) => {
-      if (child.type === 'rule' && child.selector === selector) {
-        return callback(child, i)
+    if (this.map) {
+      json.map = { ...this.map };
+      if (json.map.consumerCache) {
+        json.map.consumerCache = undefined;
       }
-    })
+    }
+    return json
+  }
+
+  get from() {
+    return this.file || this.id
   }
 }
 
-Container$7.registerParse = dependant => {
-  parse$4 = dependant;
-};
+var input = Input$4;
+Input$4.default = Input$4;
 
-Container$7.registerRule = dependant => {
-  Rule$4 = dependant;
-};
+if (terminalHighlight && terminalHighlight.registerInput) {
+  terminalHighlight.registerInput(Input$4);
+}
 
-Container$7.registerAtRule = dependant => {
-  AtRule$4 = dependant;
-};
+let { SourceMapConsumer, SourceMapGenerator } = require$$2;
+let { dirname, relative, resolve, sep } = require$$2;
+let { pathToFileURL } = require$$2;
 
-Container$7.registerRoot = dependant => {
-  Root$6 = dependant;
-};
+let Input$3 = input;
 
-var container = Container$7;
-Container$7.default = Container$7;
+let sourceMapAvailable = Boolean(SourceMapConsumer && SourceMapGenerator);
+let pathAvailable = Boolean(dirname && resolve && relative && sep);
 
-/* c8 ignore start */
-Container$7.rebuild = node => {
-  if (node.type === 'atrule') {
-    Object.setPrototypeOf(node, AtRule$4.prototype);
-  } else if (node.type === 'rule') {
-    Object.setPrototypeOf(node, Rule$4.prototype);
-  } else if (node.type === 'decl') {
-    Object.setPrototypeOf(node, Declaration$3.prototype);
-  } else if (node.type === 'comment') {
-    Object.setPrototypeOf(node, Comment$3.prototype);
-  } else if (node.type === 'root') {
-    Object.setPrototypeOf(node, Root$6.prototype);
-  }
-
-  node[my$1] = true;
+class MapGenerator$2 {
+  constructor(stringify, root, opts, cssString) {
+    this.stringify = stringify;
+    this.mapOpts = opts.map || {};
+    this.root = root;
+    this.opts = opts;
+    this.css = cssString;
+    this.originalCSS = cssString;
+    this.usesFileUrls = !this.mapOpts.from && this.mapOpts.absolute;
 
-  if (node.nodes) {
-    node.nodes.forEach(child => {
-      Container$7.rebuild(child);
-    });
+    this.memoizedFileURLs = new Map();
+    this.memoizedPaths = new Map();
+    this.memoizedURLs = new Map();
   }
-};
-
-let Container$6 = container;
 
-class AtRule$3 extends Container$6 {
-  constructor(defaults) {
-    super(defaults);
-    this.type = 'atrule';
-  }
+  addAnnotation() {
+    let content;
 
-  append(...children) {
-    if (!this.proxyOf.nodes) this.nodes = [];
-    return super.append(...children)
-  }
+    if (this.isInline()) {
+      content =
+        'data:application/json;base64,' + this.toBase64(this.map.toString());
+    } else if (typeof this.mapOpts.annotation === 'string') {
+      content = this.mapOpts.annotation;
+    } else if (typeof this.mapOpts.annotation === 'function') {
+      content = this.mapOpts.annotation(this.opts.to, this.root);
+    } else {
+      content = this.outputFile() + '.map';
+    }
+    let eol = '\n';
+    if (this.css.includes('\r\n')) eol = '\r\n';
 
-  prepend(...children) {
-    if (!this.proxyOf.nodes) this.nodes = [];
-    return super.prepend(...children)
+    this.css += eol + '/*# sourceMappingURL=' + content + ' */';
   }
-}
-
-var atRule = AtRule$3;
-AtRule$3.default = AtRule$3;
-
-Container$6.registerAtRule(AtRule$3);
-
-let Container$5 = container;
 
-let LazyResult$4, Processor$3;
+  applyPrevMaps() {
+    for (let prev of this.previous()) {
+      let from = this.toUrl(this.path(prev.file));
+      let root = prev.root || dirname(prev.file);
+      let map;
 
-class Document$3 extends Container$5 {
-  constructor(defaults) {
-    // type needs to be passed to super, otherwise child roots won't be normalized correctly
-    super({ type: 'document', ...defaults });
+      if (this.mapOpts.sourcesContent === false) {
+        map = new SourceMapConsumer(prev.text);
+        if (map.sourcesContent) {
+          map.sourcesContent = null;
+        }
+      } else {
+        map = prev.consumer();
+      }
 
-    if (!this.nodes) {
-      this.nodes = [];
+      this.map.applySourceMap(map, from, this.toUrl(this.path(root)));
     }
   }
 
-  toResult(opts = {}) {
-    let lazy = new LazyResult$4(new Processor$3(), this, opts);
+  clearAnnotation() {
+    if (this.mapOpts.annotation === false) return
 
-    return lazy.stringify()
+    if (this.root) {
+      let node;
+      for (let i = this.root.nodes.length - 1; i >= 0; i--) {
+        node = this.root.nodes[i];
+        if (node.type !== 'comment') continue
+        if (node.text.indexOf('# sourceMappingURL=') === 0) {
+          this.root.removeChild(i);
+        }
+      }
+    } else if (this.css) {
+      this.css = this.css.replace(/\n*?\/\*#[\S\s]*?\*\/$/gm, '');
+    }
   }
-}
-
-Document$3.registerLazyResult = dependant => {
-  LazyResult$4 = dependant;
-};
 
-Document$3.registerProcessor = dependant => {
-  Processor$3 = dependant;
-};
+  generate() {
+    this.clearAnnotation();
+    if (pathAvailable && sourceMapAvailable && this.isMap()) {
+      return this.generateMap()
+    } else {
+      let result = '';
+      this.stringify(this.root, i => {
+        result += i;
+      });
+      return [result]
+    }
+  }
 
-var document = Document$3;
-Document$3.default = Document$3;
+  generateMap() {
+    if (this.root) {
+      this.generateString();
+    } else if (this.previous().length === 1) {
+      let prev = this.previous()[0].consumer();
+      prev.file = this.outputFile();
+      this.map = SourceMapGenerator.fromSourceMap(prev);
+    } else {
+      this.map = new SourceMapGenerator({ file: this.outputFile() });
+      this.map.addMapping({
+        generated: { column: 0, line: 1 },
+        original: { column: 0, line: 1 },
+        source: this.opts.from
+          ? this.toUrl(this.path(this.opts.from))
+          : '<no source>'
+      });
+    }
 
-// This alphabet uses `A-Za-z0-9_-` symbols.
-// The order of characters is optimized for better gzip and brotli compression.
-// References to the same file (works both for gzip and brotli):
-// `'use`, `andom`, and `rict'`
-// References to the brotli default dictionary:
-// `-26T`, `1983`, `40px`, `75px`, `bush`, `jack`, `mind`, `very`, and `wolf`
-let urlAlphabet =
-  'useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict';
+    if (this.isSourcesContent()) this.setSourcesContent();
+    if (this.root && this.previous().length > 0) this.applyPrevMaps();
+    if (this.isAnnotation()) this.addAnnotation();
 
-let customAlphabet = (alphabet, defaultSize = 21) => {
-  return (size = defaultSize) => {
-    let id = '';
-    // A compact alternative for `for (var i = 0; i < step; i++)`.
-    let i = size | 0;
-    while (i--) {
-      // `| 0` is more compact and faster than `Math.floor()`.
-      id += alphabet[(Math.random() * alphabet.length) | 0];
+    if (this.isInline()) {
+      return [this.css]
+    } else {
+      return [this.css, this.map]
     }
-    return id
   }
-};
 
-let nanoid$1 = (size = 21) => {
-  let id = '';
-  // A compact alternative for `for (var i = 0; i < step; i++)`.
-  let i = size | 0;
-  while (i--) {
-    // `| 0` is more compact and faster than `Math.floor()`.
-    id += urlAlphabet[(Math.random() * 64) | 0];
-  }
-  return id
-};
+  generateString() {
+    this.css = '';
+    this.map = new SourceMapGenerator({ file: this.outputFile() });
 
-const nonSecure = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    nanoid: nanoid$1,
-    customAlphabet: customAlphabet
-});
+    let line = 1;
+    let column = 1;
 
-const require$$0 = /*@__PURE__*/getAugmentedNamespace(nonSecure);
+    let noSource = '<no source>';
+    let mapping = {
+      generated: { column: 0, line: 0 },
+      original: { column: 0, line: 0 },
+      source: ''
+    };
 
-let { existsSync, readFileSync } = require$$2;
-let { dirname: dirname$1, join } = require$$2;
-let { SourceMapConsumer: SourceMapConsumer$2, SourceMapGenerator: SourceMapGenerator$2 } = require$$2;
+    let lines, last;
+    this.stringify(this.root, (str, node, type) => {
+      this.css += str;
 
-function fromBase64(str) {
-  if (Buffer) {
-    return Buffer.from(str, 'base64').toString()
-  } else {
-    /* c8 ignore next 2 */
-    return window.atob(str)
-  }
-}
+      if (node && type !== 'end') {
+        mapping.generated.line = line;
+        mapping.generated.column = column - 1;
+        if (node.source && node.source.start) {
+          mapping.source = this.sourcePath(node);
+          mapping.original.line = node.source.start.line;
+          mapping.original.column = node.source.start.column - 1;
+          this.map.addMapping(mapping);
+        } else {
+          mapping.source = noSource;
+          mapping.original.line = 1;
+          mapping.original.column = 0;
+          this.map.addMapping(mapping);
+        }
+      }
 
-class PreviousMap$2 {
-  constructor(css, opts) {
-    if (opts.map === false) return
-    this.loadAnnotation(css);
-    this.inline = this.startWith(this.annotation, 'data:');
+      lines = str.match(/\n/g);
+      if (lines) {
+        line += lines.length;
+        last = str.lastIndexOf('\n');
+        column = str.length - last;
+      } else {
+        column += str.length;
+      }
 
-    let prev = opts.map ? opts.map.prev : undefined;
-    let text = this.loadMap(opts.from, prev);
-    if (!this.mapFile && opts.from) {
-      this.mapFile = opts.from;
-    }
-    if (this.mapFile) this.root = dirname$1(this.mapFile);
-    if (text) this.text = text;
+      if (node && type !== 'start') {
+        let p = node.parent || { raws: {} };
+        let childless =
+          node.type === 'decl' || (node.type === 'atrule' && !node.nodes);
+        if (!childless || node !== p.last || p.raws.semicolon) {
+          if (node.source && node.source.end) {
+            mapping.source = this.sourcePath(node);
+            mapping.original.line = node.source.end.line;
+            mapping.original.column = node.source.end.column - 1;
+            mapping.generated.line = line;
+            mapping.generated.column = column - 2;
+            this.map.addMapping(mapping);
+          } else {
+            mapping.source = noSource;
+            mapping.original.line = 1;
+            mapping.original.column = 0;
+            mapping.generated.line = line;
+            mapping.generated.column = column - 1;
+            this.map.addMapping(mapping);
+          }
+        }
+      }
+    });
   }
 
-  consumer() {
-    if (!this.consumerCache) {
-      this.consumerCache = new SourceMapConsumer$2(this.text);
+  isAnnotation() {
+    if (this.isInline()) {
+      return true
     }
-    return this.consumerCache
+    if (typeof this.mapOpts.annotation !== 'undefined') {
+      return this.mapOpts.annotation
+    }
+    if (this.previous().length) {
+      return this.previous().some(i => i.annotation)
+    }
+    return true
   }
 
-  decodeInline(text) {
-    let baseCharsetUri = /^data:application\/json;charset=utf-?8;base64,/;
-    let baseUri = /^data:application\/json;base64,/;
-    let charsetUri = /^data:application\/json;charset=utf-?8,/;
-    let uri = /^data:application\/json,/;
+  isInline() {
+    if (typeof this.mapOpts.inline !== 'undefined') {
+      return this.mapOpts.inline
+    }
 
-    let uriMatch = text.match(charsetUri) || text.match(uri);
-    if (uriMatch) {
-      return decodeURIComponent(text.substr(uriMatch[0].length))
+    let annotation = this.mapOpts.annotation;
+    if (typeof annotation !== 'undefined' && annotation !== true) {
+      return false
     }
 
-    let baseUriMatch = text.match(baseCharsetUri) || text.match(baseUri);
-    if (baseUriMatch) {
-      return fromBase64(text.substr(baseUriMatch[0].length))
+    if (this.previous().length) {
+      return this.previous().some(i => i.inline)
     }
+    return true
+  }
 
-    let encoding = text.match(/data:application\/json;([^,]+),/)[1];
-    throw new Error('Unsupported source map encoding ' + encoding)
+  isMap() {
+    if (typeof this.opts.map !== 'undefined') {
+      return !!this.opts.map
+    }
+    return this.previous().length > 0
   }
 
-  getAnnotationURL(sourceMapString) {
-    return sourceMapString.replace(/^\/\*\s*# sourceMappingURL=/, '').trim()
+  isSourcesContent() {
+    if (typeof this.mapOpts.sourcesContent !== 'undefined') {
+      return this.mapOpts.sourcesContent
+    }
+    if (this.previous().length) {
+      return this.previous().some(i => i.withContent())
+    }
+    return true
   }
 
-  isMap(map) {
-    if (typeof map !== 'object') return false
-    return (
-      typeof map.mappings === 'string' ||
-      typeof map._mappings === 'string' ||
-      Array.isArray(map.sections)
-    )
+  outputFile() {
+    if (this.opts.to) {
+      return this.path(this.opts.to)
+    } else if (this.opts.from) {
+      return this.path(this.opts.from)
+    } else {
+      return 'to.css'
+    }
   }
 
-  loadAnnotation(css) {
-    let comments = css.match(/\/\*\s*# sourceMappingURL=/g);
-    if (!comments) return
+  path(file) {
+    if (this.mapOpts.absolute) return file
+    if (file.charCodeAt(0) === 60 /* `<` */) return file
+    if (/^\w+:\/\//.test(file)) return file
+    let cached = this.memoizedPaths.get(file);
+    if (cached) return cached
 
-    // sourceMappingURLs from comments, strings, etc.
-    let start = css.lastIndexOf(comments.pop());
-    let end = css.indexOf('*/', start);
+    let from = this.opts.to ? dirname(this.opts.to) : '.';
 
-    if (start > -1 && end > -1) {
-      // Locate the last sourceMappingURL to avoid pickin
-      this.annotation = this.getAnnotationURL(css.substring(start, end));
+    if (typeof this.mapOpts.annotation === 'string') {
+      from = dirname(resolve(from, this.mapOpts.annotation));
     }
-  }
 
-  loadFile(path) {
-    this.root = dirname$1(path);
-    if (existsSync(path)) {
-      this.mapFile = path;
-      return readFileSync(path, 'utf-8').toString().trim()
-    }
-  }
+    let path = relative(from, file);
+    this.memoizedPaths.set(file, path);
 
-  loadMap(file, prev) {
-    if (prev === false) return false
+    return path
+  }
 
-    if (prev) {
-      if (typeof prev === 'string') {
-        return prev
-      } else if (typeof prev === 'function') {
-        let prevPath = prev(file);
-        if (prevPath) {
-          let map = this.loadFile(prevPath);
-          if (!map) {
-            throw new Error(
-              'Unable to load previous source map: ' + prevPath.toString()
-            )
+  previous() {
+    if (!this.previousMaps) {
+      this.previousMaps = [];
+      if (this.root) {
+        this.root.walk(node => {
+          if (node.source && node.source.input.map) {
+            let map = node.source.input.map;
+            if (!this.previousMaps.includes(map)) {
+              this.previousMaps.push(map);
+            }
           }
-          return map
-        }
-      } else if (prev instanceof SourceMapConsumer$2) {
-        return SourceMapGenerator$2.fromSourceMap(prev).toString()
-      } else if (prev instanceof SourceMapGenerator$2) {
-        return prev.toString()
-      } else if (this.isMap(prev)) {
-        return JSON.stringify(prev)
+        });
       } else {
-        throw new Error(
-          'Unsupported previous source map format: ' + prev.toString()
-        )
+        let input = new Input$3(this.originalCSS, this.opts);
+        if (input.map) this.previousMaps.push(input.map);
       }
-    } else if (this.inline) {
-      return this.decodeInline(this.annotation)
-    } else if (this.annotation) {
-      let map = this.annotation;
-      if (file) map = join(dirname$1(file), map);
-      return this.loadFile(map)
     }
-  }
 
-  startWith(string, start) {
-    if (!string) return false
-    return string.substr(0, start.length) === start
+    return this.previousMaps
   }
 
-  withContent() {
-    return !!(
-      this.consumer().sourcesContent &&
-      this.consumer().sourcesContent.length > 0
-    )
+  setSourcesContent() {
+    let already = {};
+    if (this.root) {
+      this.root.walk(node => {
+        if (node.source) {
+          let from = node.source.input.from;
+          if (from && !already[from]) {
+            already[from] = true;
+            let fromUrl = this.usesFileUrls
+              ? this.toFileUrl(from)
+              : this.toUrl(this.path(from));
+            this.map.setSourceContent(fromUrl, node.source.input.css);
+          }
+        }
+      });
+    } else if (this.css) {
+      let from = this.opts.from
+        ? this.toUrl(this.path(this.opts.from))
+        : '<no source>';
+      this.map.setSourceContent(from, this.css);
+    }
   }
-}
-
-var previousMap = PreviousMap$2;
-PreviousMap$2.default = PreviousMap$2;
-
-let { nanoid } = require$$0;
-let { isAbsolute, resolve: resolve$1 } = require$$2;
-let { SourceMapConsumer: SourceMapConsumer$1, SourceMapGenerator: SourceMapGenerator$1 } = require$$2;
-let { fileURLToPath, pathToFileURL: pathToFileURL$1 } = require$$2;
-
-let CssSyntaxError$1 = cssSyntaxError;
-let PreviousMap$1 = previousMap;
-let terminalHighlight = require$$2;
-
-let fromOffsetCache = Symbol('fromOffsetCache');
-
-let sourceMapAvailable$1 = Boolean(SourceMapConsumer$1 && SourceMapGenerator$1);
-let pathAvailable$1 = Boolean(resolve$1 && isAbsolute);
 
-class Input$4 {
-  get from() {
-    return this.file || this.id
+  sourcePath(node) {
+    if (this.mapOpts.from) {
+      return this.toUrl(this.mapOpts.from)
+    } else if (this.usesFileUrls) {
+      return this.toFileUrl(node.source.input.from)
+    } else {
+      return this.toUrl(this.path(node.source.input.from))
+    }
   }
 
-  constructor(css, opts = {}) {
-    if (
-      css === null ||
-      typeof css === 'undefined' ||
-      (typeof css === 'object' && !css.toString)
-    ) {
-      throw new Error(`PostCSS received ${css} instead of CSS string`)
+  toBase64(str) {
+    if (Buffer) {
+      return Buffer.from(str).toString('base64')
+    } else {
+      return window.btoa(unescape(encodeURIComponent(str)))
     }
+  }
 
-    this.css = css.toString();
+  toFileUrl(path) {
+    let cached = this.memoizedFileURLs.get(path);
+    if (cached) return cached
 
-    if (this.css[0] === '\uFEFF' || this.css[0] === '\uFFFE') {
-      this.hasBOM = true;
-      this.css = this.css.slice(1);
+    if (pathToFileURL) {
+      let fileURL = pathToFileURL(path).toString();
+      this.memoizedFileURLs.set(path, fileURL);
+
+      return fileURL
     } else {
-      this.hasBOM = false;
+      throw new Error(
+        '`map.absolute` option is not available in this PostCSS build'
+      )
     }
+  }
 
-    this.document = this.css;
-    if (opts.document) this.document = opts.document.toString();
+  toUrl(path) {
+    let cached = this.memoizedURLs.get(path);
+    if (cached) return cached
 
-    if (opts.from) {
-      if (
-        !pathAvailable$1 ||
-        /^\w+:\/\//.test(opts.from) ||
-        isAbsolute(opts.from)
-      ) {
-        this.file = opts.from;
-      } else {
-        this.file = resolve$1(opts.from);
-      }
+    if (sep === '\\') {
+      path = path.replace(/\\/g, '/');
     }
 
-    if (pathAvailable$1 && sourceMapAvailable$1) {
-      let map = new PreviousMap$1(this.css, opts);
-      if (map.text) {
-        this.map = map;
-        let file = map.consumer().file;
-        if (!this.file && file) this.file = this.mapResolve(file);
-      }
-    }
+    let url = encodeURI(path).replace(/[#?]/g, encodeURIComponent);
+    this.memoizedURLs.set(path, url);
 
-    if (!this.file) {
-      this.id = '<input css ' + nanoid(6) + '>';
-    }
-    if (this.map) this.map.file = this.from;
+    return url
   }
+}
 
-  error(message, line, column, opts = {}) {
-    let endColumn, endLine, result;
+var mapGenerator = MapGenerator$2;
 
-    if (line && typeof line === 'object') {
-      let start = line;
-      let end = column;
-      if (typeof start.offset === 'number') {
-        let pos = this.fromOffset(start.offset);
-        line = pos.line;
-        column = pos.col;
-      } else {
-        line = start.line;
-        column = start.column;
-      }
-      if (typeof end.offset === 'number') {
-        let pos = this.fromOffset(end.offset);
-        endLine = pos.line;
-        endColumn = pos.col;
-      } else {
-        endLine = end.line;
-        endColumn = end.column;
-      }
-    } else if (!column) {
-      let pos = this.fromOffset(line);
-      line = pos.line;
-      column = pos.col;
-    }
-
-    let origin = this.origin(line, column, endLine, endColumn);
-    if (origin) {
-      result = new CssSyntaxError$1(
-        message,
-        origin.endLine === undefined
-          ? origin.line
-          : { column: origin.column, line: origin.line },
-        origin.endLine === undefined
-          ? origin.column
-          : { column: origin.endColumn, line: origin.endLine },
-        origin.source,
-        origin.file,
-        opts.plugin
-      );
-    } else {
-      result = new CssSyntaxError$1(
-        message,
-        endLine === undefined ? line : { column, line },
-        endLine === undefined ? column : { column: endColumn, line: endLine },
-        this.css,
-        this.file,
-        opts.plugin
-      );
-    }
-
-    result.input = { column, endColumn, endLine, line, source: this.css };
-    if (this.file) {
-      if (pathToFileURL$1) {
-        result.input.url = pathToFileURL$1(this.file).toString();
-      }
-      result.input.file = this.file;
-    }
+let Node$2 = node_1;
 
-    return result
+class Comment$4 extends Node$2 {
+  constructor(defaults) {
+    super(defaults);
+    this.type = 'comment';
   }
+}
 
-  fromOffset(offset) {
-    let lastLine, lineToIndex;
-    if (!this[fromOffsetCache]) {
-      let lines = this.css.split('\n');
-      lineToIndex = new Array(lines.length);
-      let prevIndex = 0;
+var comment = Comment$4;
+Comment$4.default = Comment$4;
 
-      for (let i = 0, l = lines.length; i < l; i++) {
-        lineToIndex[i] = prevIndex;
-        prevIndex += lines[i].length + 1;
-      }
+let { isClean: isClean$1, my: my$1 } = symbols;
+let Declaration$3 = declaration;
+let Comment$3 = comment;
+let Node$1 = node_1;
 
-      this[fromOffsetCache] = lineToIndex;
-    } else {
-      lineToIndex = this[fromOffsetCache];
-    }
-    lastLine = lineToIndex[lineToIndex.length - 1];
+let parse$4, Rule$4, AtRule$4, Root$6;
 
-    let min = 0;
-    if (offset >= lastLine) {
-      min = lineToIndex.length - 1;
-    } else {
-      let max = lineToIndex.length - 2;
-      let mid;
-      while (min < max) {
-        mid = min + ((max - min) >> 1);
-        if (offset < lineToIndex[mid]) {
-          max = mid - 1;
-        } else if (offset >= lineToIndex[mid + 1]) {
-          min = mid + 1;
-        } else {
-          min = mid;
-          break
-        }
-      }
-    }
-    return {
-      col: offset - lineToIndex[min] + 1,
-      line: min + 1
+function cleanSource(nodes) {
+  return nodes.map(i => {
+    if (i.nodes) i.nodes = cleanSource(i.nodes);
+    delete i.source;
+    return i
+  })
+}
+
+function markDirtyUp(node) {
+  node[isClean$1] = false;
+  if (node.proxyOf.nodes) {
+    for (let i of node.proxyOf.nodes) {
+      markDirtyUp(i);
     }
   }
+}
 
-  mapResolve(file) {
-    if (/^\w+:\/\//.test(file)) {
-      return file
+class Container$7 extends Node$1 {
+  append(...children) {
+    for (let child of children) {
+      let nodes = this.normalize(child, this.last);
+      for (let node of nodes) this.proxyOf.nodes.push(node);
     }
-    return resolve$1(this.map.consumer().sourceRoot || this.map.root || '.', file)
-  }
 
-  origin(line, column, endLine, endColumn) {
-    if (!this.map) return false
-    let consumer = this.map.consumer();
+    this.markDirty();
 
-    let from = consumer.originalPositionFor({ column, line });
-    if (!from.source) return false
+    return this
+  }
 
-    let to;
-    if (typeof endLine === 'number') {
-      to = consumer.originalPositionFor({ column: endColumn, line: endLine });
+  cleanRaws(keepBetween) {
+    super.cleanRaws(keepBetween);
+    if (this.nodes) {
+      for (let node of this.nodes) node.cleanRaws(keepBetween);
     }
+  }
 
-    let fromUrl;
-
-    if (isAbsolute(from.source)) {
-      fromUrl = pathToFileURL$1(from.source);
-    } else {
-      fromUrl = new URL(
-        from.source,
-        this.map.consumer().sourceRoot || pathToFileURL$1(this.map.mapFile)
-      );
-    }
+  each(callback) {
+    if (!this.proxyOf.nodes) return undefined
+    let iterator = this.getIterator();
 
-    let result = {
-      column: from.column,
-      endColumn: to && to.column,
-      endLine: to && to.line,
-      line: from.line,
-      url: fromUrl.toString()
-    };
+    let index, result;
+    while (this.indexes[iterator] < this.proxyOf.nodes.length) {
+      index = this.indexes[iterator];
+      result = callback(this.proxyOf.nodes[index], index);
+      if (result === false) break
 
-    if (fromUrl.protocol === 'file:') {
-      if (fileURLToPath) {
-        result.file = fileURLToPath(fromUrl);
-      } else {
-        /* c8 ignore next 2 */
-        throw new Error(`file: protocol is not available in this PostCSS build`)
-      }
+      this.indexes[iterator] += 1;
     }
 
-    let source = consumer.sourceContentFor(from.source);
-    if (source) result.source = source;
-
+    delete this.indexes[iterator];
     return result
   }
 
-  toJSON() {
-    let json = {};
-    for (let name of ['hasBOM', 'css', 'file', 'id']) {
-      if (this[name] != null) {
-        json[name] = this[name];
-      }
-    }
-    if (this.map) {
-      json.map = { ...this.map };
-      if (json.map.consumerCache) {
-        json.map.consumerCache = undefined;
-      }
-    }
-    return json
+  every(condition) {
+    return this.nodes.every(condition)
   }
-}
-
-var input = Input$4;
-Input$4.default = Input$4;
 
-if (terminalHighlight && terminalHighlight.registerInput) {
-  terminalHighlight.registerInput(Input$4);
-}
-
-let Container$4 = container;
+  getIterator() {
+    if (!this.lastEach) this.lastEach = 0;
+    if (!this.indexes) this.indexes = {};
 
-let LazyResult$3, Processor$2;
+    this.lastEach += 1;
+    let iterator = this.lastEach;
+    this.indexes[iterator] = 0;
 
-class Root$5 extends Container$4 {
-  constructor(defaults) {
-    super(defaults);
-    this.type = 'root';
-    if (!this.nodes) this.nodes = [];
+    return iterator
   }
 
-  normalize(child, sample, type) {
-    let nodes = super.normalize(child);
-
-    if (sample) {
-      if (type === 'prepend') {
-        if (this.nodes.length > 1) {
-          sample.raws.before = this.nodes[1].raws.before;
+  getProxyProcessor() {
+    return {
+      get(node, prop) {
+        if (prop === 'proxyOf') {
+          return node
+        } else if (!node[prop]) {
+          return node[prop]
+        } else if (
+          prop === 'each' ||
+          (typeof prop === 'string' && prop.startsWith('walk'))
+        ) {
+          return (...args) => {
+            return node[prop](
+              ...args.map(i => {
+                if (typeof i === 'function') {
+                  return (child, index) => i(child.toProxy(), index)
+                } else {
+                  return i
+                }
+              })
+            )
+          }
+        } else if (prop === 'every' || prop === 'some') {
+          return cb => {
+            return node[prop]((child, ...other) =>
+              cb(child.toProxy(), ...other)
+            )
+          }
+        } else if (prop === 'root') {
+          return () => node.root().toProxy()
+        } else if (prop === 'nodes') {
+          return node.nodes.map(i => i.toProxy())
+        } else if (prop === 'first' || prop === 'last') {
+          return node[prop].toProxy()
         } else {
-          delete sample.raws.before;
+          return node[prop]
         }
-      } else if (this.first !== sample) {
-        for (let node of nodes) {
-          node.raws.before = sample.raws.before;
+      },
+
+      set(node, prop, value) {
+        if (node[prop] === value) return true
+        node[prop] = value;
+        if (prop === 'name' || prop === 'params' || prop === 'selector') {
+          node.markDirty();
         }
+        return true
       }
     }
+  }
 
-    return nodes
+  index(child) {
+    if (typeof child === 'number') return child
+    if (child.proxyOf) child = child.proxyOf;
+    return this.proxyOf.nodes.indexOf(child)
   }
 
-  removeChild(child, ignore) {
-    let index = this.index(child);
+  insertAfter(exist, add) {
+    let existIndex = this.index(exist);
+    let nodes = this.normalize(add, this.proxyOf.nodes[existIndex]).reverse();
+    existIndex = this.index(exist);
+    for (let node of nodes) this.proxyOf.nodes.splice(existIndex + 1, 0, node);
 
-    if (!ignore && index === 0 && this.nodes.length > 1) {
-      this.nodes[1].raws.before = this.nodes[index].raws.before;
+    let index;
+    for (let id in this.indexes) {
+      index = this.indexes[id];
+      if (existIndex < index) {
+        this.indexes[id] = index + nodes.length;
+      }
     }
 
-    return super.removeChild(child)
-  }
+    this.markDirty();
 
-  toResult(opts = {}) {
-    let lazy = new LazyResult$3(new Processor$2(), this, opts);
-    return lazy.stringify()
+    return this
   }
-}
-
-Root$5.registerLazyResult = dependant => {
-  LazyResult$3 = dependant;
-};
-
-Root$5.registerProcessor = dependant => {
-  Processor$2 = dependant;
-};
-
-var root = Root$5;
-Root$5.default = Root$5;
-
-Container$4.registerRoot(Root$5);
 
-let list$2 = {
-  comma(string) {
-    return list$2.split(string, [','], true)
-  },
+  insertBefore(exist, add) {
+    let existIndex = this.index(exist);
+    let type = existIndex === 0 ? 'prepend' : false;
+    let nodes = this.normalize(add, this.proxyOf.nodes[existIndex], type).reverse();
+    existIndex = this.index(exist);
+    for (let node of nodes) this.proxyOf.nodes.splice(existIndex, 0, node);
 
-  space(string) {
-    let spaces = [' ', '\n', '\t'];
-    return list$2.split(string, spaces)
-  },
+    let index;
+    for (let id in this.indexes) {
+      index = this.indexes[id];
+      if (existIndex <= index) {
+        this.indexes[id] = index + nodes.length;
+      }
+    }
 
-  split(string, separators, last) {
-    let array = [];
-    let current = '';
-    let split = false;
+    this.markDirty();
 
-    let func = 0;
-    let inQuote = false;
-    let prevQuote = '';
-    let escape = false;
+    return this
+  }
 
-    for (let letter of string) {
-      if (escape) {
-        escape = false;
-      } else if (letter === '\\') {
-        escape = true;
-      } else if (inQuote) {
-        if (letter === prevQuote) {
-          inQuote = false;
-        }
-      } else if (letter === '"' || letter === "'") {
-        inQuote = true;
-        prevQuote = letter;
-      } else if (letter === '(') {
-        func += 1;
-      } else if (letter === ')') {
-        if (func > 0) func -= 1;
-      } else if (func === 0) {
-        if (separators.includes(letter)) split = true;
+  normalize(nodes, sample) {
+    if (typeof nodes === 'string') {
+      nodes = cleanSource(parse$4(nodes).nodes);
+    } else if (typeof nodes === 'undefined') {
+      nodes = [];
+    } else if (Array.isArray(nodes)) {
+      nodes = nodes.slice(0);
+      for (let i of nodes) {
+        if (i.parent) i.parent.removeChild(i, 'ignore');
       }
-
-      if (split) {
-        if (current !== '') array.push(current.trim());
-        current = '';
-        split = false;
-      } else {
-        current += letter;
+    } else if (nodes.type === 'root' && this.type !== 'document') {
+      nodes = nodes.nodes.slice(0);
+      for (let i of nodes) {
+        if (i.parent) i.parent.removeChild(i, 'ignore');
+      }
+    } else if (nodes.type) {
+      nodes = [nodes];
+    } else if (nodes.prop) {
+      if (typeof nodes.value === 'undefined') {
+        throw new Error('Value field is missed in node creation')
+      } else if (typeof nodes.value !== 'string') {
+        nodes.value = String(nodes.value);
       }
+      nodes = [new Declaration$3(nodes)];
+    } else if (nodes.selector) {
+      nodes = [new Rule$4(nodes)];
+    } else if (nodes.name) {
+      nodes = [new AtRule$4(nodes)];
+    } else if (nodes.text) {
+      nodes = [new Comment$3(nodes)];
+    } else {
+      throw new Error('Unknown node type in node creation')
     }
 
-    if (last || current !== '') array.push(current.trim());
-    return array
-  }
-};
+    let processed = nodes.map(i => {
+      /* c8 ignore next */
+      if (!i[my$1]) Container$7.rebuild(i);
+      i = i.proxyOf;
+      if (i.parent) i.parent.removeChild(i);
+      if (i[isClean$1]) markDirtyUp(i);
+      if (typeof i.raws.before === 'undefined') {
+        if (sample && typeof sample.raws.before !== 'undefined') {
+          i.raws.before = sample.raws.before.replace(/\S/g, '');
+        }
+      }
+      i.parent = this.proxyOf;
+      return i
+    });
 
-var list_1 = list$2;
-list$2.default = list$2;
+    return processed
+  }
 
-let Container$3 = container;
-let list$1 = list_1;
+  prepend(...children) {
+    children = children.reverse();
+    for (let child of children) {
+      let nodes = this.normalize(child, this.first, 'prepend').reverse();
+      for (let node of nodes) this.proxyOf.nodes.unshift(node);
+      for (let id in this.indexes) {
+        this.indexes[id] = this.indexes[id] + nodes.length;
+      }
+    }
 
-class Rule$3 extends Container$3 {
-  get selectors() {
-    return list$1.comma(this.selector)
-  }
+    this.markDirty();
 
-  set selectors(values) {
-    let match = this.selector ? this.selector.match(/,\s*/) : null;
-    let sep = match ? match[0] : ',' + this.raw('between', 'beforeOpen');
-    this.selector = values.join(sep);
+    return this
   }
 
-  constructor(defaults) {
-    super(defaults);
-    this.type = 'rule';
-    if (!this.nodes) this.nodes = [];
+  push(child) {
+    child.parent = this;
+    this.proxyOf.nodes.push(child);
+    return this
   }
-}
 
-var rule = Rule$3;
-Rule$3.default = Rule$3;
+  removeAll() {
+    for (let node of this.proxyOf.nodes) node.parent = undefined;
+    this.proxyOf.nodes = [];
 
-Container$3.registerRule(Rule$3);
+    this.markDirty();
 
-let AtRule$2 = atRule;
-let Comment$2 = comment;
-let Declaration$2 = declaration;
-let Input$3 = input;
-let PreviousMap = previousMap;
-let Root$4 = root;
-let Rule$2 = rule;
+    return this
+  }
 
-function fromJSON$1(json, inputs) {
-  if (Array.isArray(json)) return json.map(n => fromJSON$1(n))
+  removeChild(child) {
+    child = this.index(child);
+    this.proxyOf.nodes[child].parent = undefined;
+    this.proxyOf.nodes.splice(child, 1);
 
-  let { inputs: ownInputs, ...defaults } = json;
-  if (ownInputs) {
-    inputs = [];
-    for (let input of ownInputs) {
-      let inputHydrated = { ...input, __proto__: Input$3.prototype };
-      if (inputHydrated.map) {
-        inputHydrated.map = {
-          ...inputHydrated.map,
-          __proto__: PreviousMap.prototype
-        };
+    let index;
+    for (let id in this.indexes) {
+      index = this.indexes[id];
+      if (index >= child) {
+        this.indexes[id] = index - 1;
       }
-      inputs.push(inputHydrated);
-    }
-  }
-  if (defaults.nodes) {
-    defaults.nodes = json.nodes.map(n => fromJSON$1(n, inputs));
-  }
-  if (defaults.source) {
-    let { inputId, ...source } = defaults.source;
-    defaults.source = source;
-    if (inputId != null) {
-      defaults.source.input = inputs[inputId];
     }
-  }
-  if (defaults.type === 'root') {
-    return new Root$4(defaults)
-  } else if (defaults.type === 'decl') {
-    return new Declaration$2(defaults)
-  } else if (defaults.type === 'rule') {
-    return new Rule$2(defaults)
-  } else if (defaults.type === 'comment') {
-    return new Comment$2(defaults)
-  } else if (defaults.type === 'atrule') {
-    return new AtRule$2(defaults)
-  } else {
-    throw new Error('Unknown node type: ' + json.type)
-  }
-}
-
-var fromJSON_1 = fromJSON$1;
-fromJSON$1.default = fromJSON$1;
-
-let { dirname, relative, resolve, sep } = require$$2;
-let { SourceMapConsumer, SourceMapGenerator } = require$$2;
-let { pathToFileURL } = require$$2;
 
-let Input$2 = input;
+    this.markDirty();
 
-let sourceMapAvailable = Boolean(SourceMapConsumer && SourceMapGenerator);
-let pathAvailable = Boolean(dirname && resolve && relative && sep);
+    return this
+  }
 
-class MapGenerator$2 {
-  constructor(stringify, root, opts, cssString) {
-    this.stringify = stringify;
-    this.mapOpts = opts.map || {};
-    this.root = root;
-    this.opts = opts;
-    this.css = cssString;
-    this.originalCSS = cssString;
-    this.usesFileUrls = !this.mapOpts.from && this.mapOpts.absolute;
+  replaceValues(pattern, opts, callback) {
+    if (!callback) {
+      callback = opts;
+      opts = {};
+    }
 
-    this.memoizedFileURLs = new Map();
-    this.memoizedPaths = new Map();
-    this.memoizedURLs = new Map();
-  }
+    this.walkDecls(decl => {
+      if (opts.props && !opts.props.includes(decl.prop)) return
+      if (opts.fast && !decl.value.includes(opts.fast)) return
 
-  addAnnotation() {
-    let content;
+      decl.value = decl.value.replace(pattern, callback);
+    });
 
-    if (this.isInline()) {
-      content =
-        'data:application/json;base64,' + this.toBase64(this.map.toString());
-    } else if (typeof this.mapOpts.annotation === 'string') {
-      content = this.mapOpts.annotation;
-    } else if (typeof this.mapOpts.annotation === 'function') {
-      content = this.mapOpts.annotation(this.opts.to, this.root);
-    } else {
-      content = this.outputFile() + '.map';
-    }
-    let eol = '\n';
-    if (this.css.includes('\r\n')) eol = '\r\n';
+    this.markDirty();
 
-    this.css += eol + '/*# sourceMappingURL=' + content + ' */';
+    return this
   }
 
-  applyPrevMaps() {
-    for (let prev of this.previous()) {
-      let from = this.toUrl(this.path(prev.file));
-      let root = prev.root || dirname(prev.file);
-      let map;
+  some(condition) {
+    return this.nodes.some(condition)
+  }
 
-      if (this.mapOpts.sourcesContent === false) {
-        map = new SourceMapConsumer(prev.text);
-        if (map.sourcesContent) {
-          map.sourcesContent = null;
-        }
-      } else {
-        map = prev.consumer();
+  walk(callback) {
+    return this.each((child, i) => {
+      let result;
+      try {
+        result = callback(child, i);
+      } catch (e) {
+        throw child.addToError(e)
+      }
+      if (result !== false && child.walk) {
+        result = child.walk(callback);
       }
 
-      this.map.applySourceMap(map, from, this.toUrl(this.path(root)));
-    }
+      return result
+    })
   }
 
-  clearAnnotation() {
-    if (this.mapOpts.annotation === false) return
-
-    if (this.root) {
-      let node;
-      for (let i = this.root.nodes.length - 1; i >= 0; i--) {
-        node = this.root.nodes[i];
-        if (node.type !== 'comment') continue
-        if (node.text.startsWith('# sourceMappingURL=')) {
-          this.root.removeChild(i);
+  walkAtRules(name, callback) {
+    if (!callback) {
+      callback = name;
+      return this.walk((child, i) => {
+        if (child.type === 'atrule') {
+          return callback(child, i)
         }
-      }
-    } else if (this.css) {
-      this.css = this.css.replace(/\n*\/\*#[\S\s]*?\*\/$/gm, '');
+      })
     }
+    if (name instanceof RegExp) {
+      return this.walk((child, i) => {
+        if (child.type === 'atrule' && name.test(child.name)) {
+          return callback(child, i)
+        }
+      })
+    }
+    return this.walk((child, i) => {
+      if (child.type === 'atrule' && child.name === name) {
+        return callback(child, i)
+      }
+    })
   }
 
-  generate() {
-    this.clearAnnotation();
-    if (pathAvailable && sourceMapAvailable && this.isMap()) {
-      return this.generateMap()
-    } else {
-      let result = '';
-      this.stringify(this.root, i => {
-        result += i;
-      });
-      return [result]
-    }
+  walkComments(callback) {
+    return this.walk((child, i) => {
+      if (child.type === 'comment') {
+        return callback(child, i)
+      }
+    })
   }
 
-  generateMap() {
-    if (this.root) {
-      this.generateString();
-    } else if (this.previous().length === 1) {
-      let prev = this.previous()[0].consumer();
-      prev.file = this.outputFile();
-      this.map = SourceMapGenerator.fromSourceMap(prev, {
-        ignoreInvalidMapping: true
-      });
-    } else {
-      this.map = new SourceMapGenerator({
-        file: this.outputFile(),
-        ignoreInvalidMapping: true
-      });
-      this.map.addMapping({
-        generated: { column: 0, line: 1 },
-        original: { column: 0, line: 1 },
-        source: this.opts.from
-          ? this.toUrl(this.path(this.opts.from))
-          : '<no source>'
-      });
+  walkDecls(prop, callback) {
+    if (!callback) {
+      callback = prop;
+      return this.walk((child, i) => {
+        if (child.type === 'decl') {
+          return callback(child, i)
+        }
+      })
     }
-
-    if (this.isSourcesContent()) this.setSourcesContent();
-    if (this.root && this.previous().length > 0) this.applyPrevMaps();
-    if (this.isAnnotation()) this.addAnnotation();
-
-    if (this.isInline()) {
-      return [this.css]
-    } else {
-      return [this.css, this.map]
+    if (prop instanceof RegExp) {
+      return this.walk((child, i) => {
+        if (child.type === 'decl' && prop.test(child.prop)) {
+          return callback(child, i)
+        }
+      })
     }
+    return this.walk((child, i) => {
+      if (child.type === 'decl' && child.prop === prop) {
+        return callback(child, i)
+      }
+    })
   }
 
-  generateString() {
-    this.css = '';
-    this.map = new SourceMapGenerator({
-      file: this.outputFile(),
-      ignoreInvalidMapping: true
-    });
-
-    let line = 1;
-    let column = 1;
-
-    let noSource = '<no source>';
-    let mapping = {
-      generated: { column: 0, line: 0 },
-      original: { column: 0, line: 0 },
-      source: ''
-    };
-
-    let last, lines;
-    this.stringify(this.root, (str, node, type) => {
-      this.css += str;
+  walkRules(selector, callback) {
+    if (!callback) {
+      callback = selector;
 
-      if (node && type !== 'end') {
-        mapping.generated.line = line;
-        mapping.generated.column = column - 1;
-        if (node.source && node.source.start) {
-          mapping.source = this.sourcePath(node);
-          mapping.original.line = node.source.start.line;
-          mapping.original.column = node.source.start.column - 1;
-          this.map.addMapping(mapping);
-        } else {
-          mapping.source = noSource;
-          mapping.original.line = 1;
-          mapping.original.column = 0;
-          this.map.addMapping(mapping);
+      return this.walk((child, i) => {
+        if (child.type === 'rule') {
+          return callback(child, i)
         }
-      }
-
-      lines = str.match(/\n/g);
-      if (lines) {
-        line += lines.length;
-        last = str.lastIndexOf('\n');
-        column = str.length - last;
-      } else {
-        column += str.length;
-      }
-
-      if (node && type !== 'start') {
-        let p = node.parent || { raws: {} };
-        let childless =
-          node.type === 'decl' || (node.type === 'atrule' && !node.nodes);
-        if (!childless || node !== p.last || p.raws.semicolon) {
-          if (node.source && node.source.end) {
-            mapping.source = this.sourcePath(node);
-            mapping.original.line = node.source.end.line;
-            mapping.original.column = node.source.end.column - 1;
-            mapping.generated.line = line;
-            mapping.generated.column = column - 2;
-            this.map.addMapping(mapping);
-          } else {
-            mapping.source = noSource;
-            mapping.original.line = 1;
-            mapping.original.column = 0;
-            mapping.generated.line = line;
-            mapping.generated.column = column - 1;
-            this.map.addMapping(mapping);
-          }
+      })
+    }
+    if (selector instanceof RegExp) {
+      return this.walk((child, i) => {
+        if (child.type === 'rule' && selector.test(child.selector)) {
+          return callback(child, i)
         }
+      })
+    }
+    return this.walk((child, i) => {
+      if (child.type === 'rule' && child.selector === selector) {
+        return callback(child, i)
       }
-    });
+    })
   }
 
-  isAnnotation() {
-    if (this.isInline()) {
-      return true
-    }
-    if (typeof this.mapOpts.annotation !== 'undefined') {
-      return this.mapOpts.annotation
-    }
-    if (this.previous().length) {
-      return this.previous().some(i => i.annotation)
-    }
-    return true
+  get first() {
+    if (!this.proxyOf.nodes) return undefined
+    return this.proxyOf.nodes[0]
   }
 
-  isInline() {
-    if (typeof this.mapOpts.inline !== 'undefined') {
-      return this.mapOpts.inline
-    }
+  get last() {
+    if (!this.proxyOf.nodes) return undefined
+    return this.proxyOf.nodes[this.proxyOf.nodes.length - 1]
+  }
+}
 
-    let annotation = this.mapOpts.annotation;
-    if (typeof annotation !== 'undefined' && annotation !== true) {
-      return false
-    }
+Container$7.registerParse = dependant => {
+  parse$4 = dependant;
+};
 
-    if (this.previous().length) {
-      return this.previous().some(i => i.inline)
-    }
-    return true
-  }
+Container$7.registerRule = dependant => {
+  Rule$4 = dependant;
+};
 
-  isMap() {
-    if (typeof this.opts.map !== 'undefined') {
-      return !!this.opts.map
-    }
-    return this.previous().length > 0
-  }
+Container$7.registerAtRule = dependant => {
+  AtRule$4 = dependant;
+};
 
-  isSourcesContent() {
-    if (typeof this.mapOpts.sourcesContent !== 'undefined') {
-      return this.mapOpts.sourcesContent
-    }
-    if (this.previous().length) {
-      return this.previous().some(i => i.withContent())
-    }
-    return true
+Container$7.registerRoot = dependant => {
+  Root$6 = dependant;
+};
+
+var container = Container$7;
+Container$7.default = Container$7;
+
+/* c8 ignore start */
+Container$7.rebuild = node => {
+  if (node.type === 'atrule') {
+    Object.setPrototypeOf(node, AtRule$4.prototype);
+  } else if (node.type === 'rule') {
+    Object.setPrototypeOf(node, Rule$4.prototype);
+  } else if (node.type === 'decl') {
+    Object.setPrototypeOf(node, Declaration$3.prototype);
+  } else if (node.type === 'comment') {
+    Object.setPrototypeOf(node, Comment$3.prototype);
+  } else if (node.type === 'root') {
+    Object.setPrototypeOf(node, Root$6.prototype);
   }
 
-  outputFile() {
-    if (this.opts.to) {
-      return this.path(this.opts.to)
-    } else if (this.opts.from) {
-      return this.path(this.opts.from)
-    } else {
-      return 'to.css'
-    }
+  node[my$1] = true;
+
+  if (node.nodes) {
+    node.nodes.forEach(child => {
+      Container$7.rebuild(child);
+    });
   }
+};
 
-  path(file) {
-    if (this.mapOpts.absolute) return file
-    if (file.charCodeAt(0) === 60 /* `<` */) return file
-    if (/^\w+:\/\//.test(file)) return file
-    let cached = this.memoizedPaths.get(file);
-    if (cached) return cached
+let Container$6 = container;
 
-    let from = this.opts.to ? dirname(this.opts.to) : '.';
+let LazyResult$4, Processor$3;
 
-    if (typeof this.mapOpts.annotation === 'string') {
-      from = dirname(resolve(from, this.mapOpts.annotation));
+class Document$3 extends Container$6 {
+  constructor(defaults) {
+    // type needs to be passed to super, otherwise child roots won't be normalized correctly
+    super({ type: 'document', ...defaults });
+
+    if (!this.nodes) {
+      this.nodes = [];
     }
+  }
 
-    let path = relative(from, file);
-    this.memoizedPaths.set(file, path);
+  toResult(opts = {}) {
+    let lazy = new LazyResult$4(new Processor$3(), this, opts);
 
-    return path
+    return lazy.stringify()
   }
+}
 
-  previous() {
-    if (!this.previousMaps) {
-      this.previousMaps = [];
-      if (this.root) {
-        this.root.walk(node => {
-          if (node.source && node.source.input.map) {
-            let map = node.source.input.map;
-            if (!this.previousMaps.includes(map)) {
-              this.previousMaps.push(map);
-            }
-          }
-        });
-      } else {
-        let input = new Input$2(this.originalCSS, this.opts);
-        if (input.map) this.previousMaps.push(input.map);
-      }
-    }
+Document$3.registerLazyResult = dependant => {
+  LazyResult$4 = dependant;
+};
 
-    return this.previousMaps
-  }
+Document$3.registerProcessor = dependant => {
+  Processor$3 = dependant;
+};
 
-  setSourcesContent() {
-    let already = {};
-    if (this.root) {
-      this.root.walk(node => {
-        if (node.source) {
-          let from = node.source.input.from;
-          if (from && !already[from]) {
-            already[from] = true;
-            let fromUrl = this.usesFileUrls
-              ? this.toFileUrl(from)
-              : this.toUrl(this.path(from));
-            this.map.setSourceContent(fromUrl, node.source.input.css);
-          }
-        }
-      });
-    } else if (this.css) {
-      let from = this.opts.from
-        ? this.toUrl(this.path(this.opts.from))
-        : '<no source>';
-      this.map.setSourceContent(from, this.css);
+var document = Document$3;
+Document$3.default = Document$3;
+
+class Warning$2 {
+  constructor(text, opts = {}) {
+    this.type = 'warning';
+    this.text = text;
+
+    if (opts.node && opts.node.source) {
+      let range = opts.node.rangeBy(opts);
+      this.line = range.start.line;
+      this.column = range.start.column;
+      this.endLine = range.end.line;
+      this.endColumn = range.end.column;
     }
+
+    for (let opt in opts) this[opt] = opts[opt];
   }
 
-  sourcePath(node) {
-    if (this.mapOpts.from) {
-      return this.toUrl(this.mapOpts.from)
-    } else if (this.usesFileUrls) {
-      return this.toFileUrl(node.source.input.from)
-    } else {
-      return this.toUrl(this.path(node.source.input.from))
+  toString() {
+    if (this.node) {
+      return this.node.error(this.text, {
+        index: this.index,
+        plugin: this.plugin,
+        word: this.word
+      }).message
     }
-  }
 
-  toBase64(str) {
-    if (Buffer) {
-      return Buffer.from(str).toString('base64')
-    } else {
-      return window.btoa(unescape(encodeURIComponent(str)))
+    if (this.plugin) {
+      return this.plugin + ': ' + this.text
     }
+
+    return this.text
   }
+}
 
-  toFileUrl(path) {
-    let cached = this.memoizedFileURLs.get(path);
-    if (cached) return cached
+var warning = Warning$2;
+Warning$2.default = Warning$2;
 
-    if (pathToFileURL) {
-      let fileURL = pathToFileURL(path).toString();
-      this.memoizedFileURLs.set(path, fileURL);
+let Warning$1 = warning;
 
-      return fileURL
-    } else {
-      throw new Error(
-        '`map.absolute` option is not available in this PostCSS build'
-      )
-    }
+class Result$3 {
+  constructor(processor, root, opts) {
+    this.processor = processor;
+    this.messages = [];
+    this.root = root;
+    this.opts = opts;
+    this.css = undefined;
+    this.map = undefined;
   }
 
-  toUrl(path) {
-    let cached = this.memoizedURLs.get(path);
-    if (cached) return cached
+  toString() {
+    return this.css
+  }
 
-    if (sep === '\\') {
-      path = path.replace(/\\/g, '/');
+  warn(text, opts = {}) {
+    if (!opts.plugin) {
+      if (this.lastPlugin && this.lastPlugin.postcssPlugin) {
+        opts.plugin = this.lastPlugin.postcssPlugin;
+      }
     }
 
-    let url = encodeURI(path).replace(/[#?]/g, encodeURIComponent);
-    this.memoizedURLs.set(path, url);
+    let warning = new Warning$1(text, opts);
+    this.messages.push(warning);
 
-    return url
+    return warning
+  }
+
+  warnings() {
+    return this.messages.filter(i => i.type === 'warning')
+  }
+
+  get content() {
+    return this.css
   }
 }
 
-var mapGenerator = MapGenerator$2;
+var result = Result$3;
+Result$3.default = Result$3;
 
 const SINGLE_QUOTE = "'".charCodeAt(0);
 const DOUBLE_QUOTE = '"'.charCodeAt(0);
@@ -7042,8 +6783,8 @@ var tokenize = function tokenizer(input, options = {}) {
   let css = input.css.valueOf();
   let ignore = options.ignoreErrors;
 
-  let code, content, escape, next, quote;
-  let currentToken, escaped, escapePos, n, prev;
+  let code, next, quote, content, escape;
+  let escaped, escapePos, prev, n, currentToken;
 
   let length = css.length;
   let pos = 0;
@@ -7278,12 +7019,179 @@ var tokenize = function tokenizer(input, options = {}) {
   }
 };
 
-let AtRule$1 = atRule;
-let Comment$1 = comment;
-let Declaration$1 = declaration;
-let Root$3 = root;
-let Rule$1 = rule;
+let Container$5 = container;
+
+class AtRule$3 extends Container$5 {
+  constructor(defaults) {
+    super(defaults);
+    this.type = 'atrule';
+  }
+
+  append(...children) {
+    if (!this.proxyOf.nodes) this.nodes = [];
+    return super.append(...children)
+  }
+
+  prepend(...children) {
+    if (!this.proxyOf.nodes) this.nodes = [];
+    return super.prepend(...children)
+  }
+}
+
+var atRule = AtRule$3;
+AtRule$3.default = AtRule$3;
+
+Container$5.registerAtRule(AtRule$3);
+
+let Container$4 = container;
+
+let LazyResult$3, Processor$2;
+
+class Root$5 extends Container$4 {
+  constructor(defaults) {
+    super(defaults);
+    this.type = 'root';
+    if (!this.nodes) this.nodes = [];
+  }
+
+  normalize(child, sample, type) {
+    let nodes = super.normalize(child);
+
+    if (sample) {
+      if (type === 'prepend') {
+        if (this.nodes.length > 1) {
+          sample.raws.before = this.nodes[1].raws.before;
+        } else {
+          delete sample.raws.before;
+        }
+      } else if (this.first !== sample) {
+        for (let node of nodes) {
+          node.raws.before = sample.raws.before;
+        }
+      }
+    }
+
+    return nodes
+  }
+
+  removeChild(child, ignore) {
+    let index = this.index(child);
+
+    if (!ignore && index === 0 && this.nodes.length > 1) {
+      this.nodes[1].raws.before = this.nodes[index].raws.before;
+    }
+
+    return super.removeChild(child)
+  }
+
+  toResult(opts = {}) {
+    let lazy = new LazyResult$3(new Processor$2(), this, opts);
+    return lazy.stringify()
+  }
+}
+
+Root$5.registerLazyResult = dependant => {
+  LazyResult$3 = dependant;
+};
+
+Root$5.registerProcessor = dependant => {
+  Processor$2 = dependant;
+};
+
+var root = Root$5;
+Root$5.default = Root$5;
+
+Container$4.registerRoot(Root$5);
+
+let list$2 = {
+  comma(string) {
+    return list$2.split(string, [','], true)
+  },
+
+  space(string) {
+    let spaces = [' ', '\n', '\t'];
+    return list$2.split(string, spaces)
+  },
+
+  split(string, separators, last) {
+    let array = [];
+    let current = '';
+    let split = false;
+
+    let func = 0;
+    let inQuote = false;
+    let prevQuote = '';
+    let escape = false;
+
+    for (let letter of string) {
+      if (escape) {
+        escape = false;
+      } else if (letter === '\\') {
+        escape = true;
+      } else if (inQuote) {
+        if (letter === prevQuote) {
+          inQuote = false;
+        }
+      } else if (letter === '"' || letter === "'") {
+        inQuote = true;
+        prevQuote = letter;
+      } else if (letter === '(') {
+        func += 1;
+      } else if (letter === ')') {
+        if (func > 0) func -= 1;
+      } else if (func === 0) {
+        if (separators.includes(letter)) split = true;
+      }
+
+      if (split) {
+        if (current !== '') array.push(current.trim());
+        current = '';
+        split = false;
+      } else {
+        current += letter;
+      }
+    }
+
+    if (last || current !== '') array.push(current.trim());
+    return array
+  }
+};
+
+var list_1 = list$2;
+list$2.default = list$2;
+
+let Container$3 = container;
+let list$1 = list_1;
+
+class Rule$3 extends Container$3 {
+  constructor(defaults) {
+    super(defaults);
+    this.type = 'rule';
+    if (!this.nodes) this.nodes = [];
+  }
+
+  get selectors() {
+    return list$1.comma(this.selector)
+  }
+
+  set selectors(values) {
+    let match = this.selector ? this.selector.match(/,\s*/) : null;
+    let sep = match ? match[0] : ',' + this.raw('between', 'beforeOpen');
+    this.selector = values.join(sep);
+  }
+}
+
+var rule = Rule$3;
+Rule$3.default = Rule$3;
+
+Container$3.registerRule(Rule$3);
+
+let Declaration$2 = declaration;
 let tokenizer = tokenize;
+let Comment$2 = comment;
+let AtRule$2 = atRule;
+let Root$4 = root;
+let Rule$2 = rule;
 
 const SAFE_COMMENT_NEIGHBOR = {
   empty: true,
@@ -7302,7 +7210,7 @@ class Parser$1 {
   constructor(input) {
     this.input = input;
 
-    this.root = new Root$3();
+    this.root = new Root$4();
     this.current = this.root;
     this.spaces = '';
     this.semicolon = false;
@@ -7312,7 +7220,7 @@ class Parser$1 {
   }
 
   atrule(token) {
-    let node = new AtRule$1();
+    let node = new AtRule$2();
     node.name = token[1].slice(1);
     if (node.name === '') {
       this.unnamedAtrule(node, token);
@@ -7421,7 +7329,7 @@ class Parser$1 {
 
   colon(tokens) {
     let brackets = 0;
-    let prev, token, type;
+    let token, type, prev;
     for (let [i, element] of tokens.entries()) {
       token = element;
       type = token[0];
@@ -7448,7 +7356,7 @@ class Parser$1 {
   }
 
   comment(token) {
-    let node = new Comment$1();
+    let node = new Comment$2();
     this.init(node, token[2]);
     node.source.end = this.getPosition(token[3] || token[2]);
     node.source.end.offset++;
@@ -7471,7 +7379,7 @@ class Parser$1 {
   }
 
   decl(tokens, customProperty) {
-    let node = new Declaration$1();
+    let node = new Declaration$2();
     this.init(node, tokens[0][2]);
 
     let last = tokens[tokens.length - 1];
@@ -7545,12 +7453,12 @@ class Parser$1 {
         let str = '';
         for (let j = i; j > 0; j--) {
           let type = cache[j][0];
-          if (str.trim().startsWith('!') && type !== 'space') {
+          if (str.trim().indexOf('!') === 0 && type !== 'space') {
             break
           }
           str = cache.pop()[1] + str;
         }
-        if (str.trim().startsWith('!')) {
+        if (str.trim().indexOf('!') === 0) {
           node.important = true;
           node.raws.important = str;
           tokens = cache;
@@ -7584,7 +7492,7 @@ class Parser$1 {
   }
 
   emptyRule(token) {
-    let node = new Rule$1();
+    let node = new Rule$2();
     this.init(node, token[2]);
     node.selector = '';
     node.raws.between = '';
@@ -7625,8 +7533,6 @@ class Parser$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;
       }
     }
   }
@@ -7796,7 +7702,7 @@ class Parser$1 {
   rule(tokens) {
     tokens.pop();
 
-    let node = new Rule$1();
+    let node = new Rule$2();
     this.init(node, tokens[0][2]);
 
     node.raws.between = this.spacesAndCommentsFromEnd(tokens);
@@ -7871,7 +7777,7 @@ class Parser$1 {
 
   unknownWord(tokens) {
     throw this.input.error(
-      'Unknown word ' + tokens[0][1],
+      'Unknown word',
       { offset: tokens[0][2] },
       { offset: tokens[0][2] + tokens[0][1].length }
     )
@@ -7889,11 +7795,11 @@ class Parser$1 {
 var parser = Parser$1;
 
 let Container$2 = container;
-let Input$1 = input;
 let Parser = parser;
+let Input$2 = input;
 
 function parse$3(css, opts) {
-  let input = new Input$1(css, opts);
+  let input = new Input$2(css, opts);
   let parser = new Parser(input);
   try {
     parser.parse();
@@ -7907,93 +7813,16 @@ function parse$3(css, opts) {
 var parse_1 = parse$3;
 parse$3.default = parse$3;
 
-Container$2.registerParse(parse$3);
-
-class Warning$2 {
-  constructor(text, opts = {}) {
-    this.type = 'warning';
-    this.text = text;
-
-    if (opts.node && opts.node.source) {
-      let range = opts.node.rangeBy(opts);
-      this.line = range.start.line;
-      this.column = range.start.column;
-      this.endLine = range.end.line;
-      this.endColumn = range.end.column;
-    }
-
-    for (let opt in opts) this[opt] = opts[opt];
-  }
-
-  toString() {
-    if (this.node) {
-      return this.node.error(this.text, {
-        index: this.index,
-        plugin: this.plugin,
-        word: this.word
-      }).message
-    }
-
-    if (this.plugin) {
-      return this.plugin + ': ' + this.text
-    }
-
-    return this.text
-  }
-}
-
-var warning = Warning$2;
-Warning$2.default = Warning$2;
-
-let Warning$1 = warning;
-
-class Result$3 {
-  get content() {
-    return this.css
-  }
-
-  constructor(processor, root, opts) {
-    this.processor = processor;
-    this.messages = [];
-    this.root = root;
-    this.opts = opts;
-    this.css = undefined;
-    this.map = undefined;
-  }
-
-  toString() {
-    return this.css
-  }
-
-  warn(text, opts = {}) {
-    if (!opts.plugin) {
-      if (this.lastPlugin && this.lastPlugin.postcssPlugin) {
-        opts.plugin = this.lastPlugin.postcssPlugin;
-      }
-    }
-
-    let warning = new Warning$1(text, opts);
-    this.messages.push(warning);
-
-    return warning
-  }
-
-  warnings() {
-    return this.messages.filter(i => i.type === 'warning')
-  }
-}
-
-var result = Result$3;
-Result$3.default = Result$3;
+Container$2.registerParse(parse$3);
 
+let { isClean, my } = symbols;
+let MapGenerator$1 = mapGenerator;
+let stringify$2 = stringify_1;
 let Container$1 = container;
 let Document$2 = document;
-let MapGenerator$1 = mapGenerator;
-let parse$2 = parse_1;
 let Result$2 = result;
-let Root$2 = root;
-let stringify$2 = stringify_1;
-let { isClean, my } = symbols;
+let parse$2 = parse_1;
+let Root$3 = root;
 
 const TYPE_TO_CLASS_NAME = {
   atrule: 'AtRule',
@@ -8090,38 +7919,6 @@ function cleanMarks(node) {
 let postcss$1 = {};
 
 class LazyResult$2 {
-  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(processor, css, opts) {
     this.stringified = false;
     this.processed = false;
@@ -8491,38 +8288,21 @@ class LazyResult$2 {
   warnings() {
     return this.sync().warnings()
   }
-}
-
-LazyResult$2.registerPostcss = dependant => {
-  postcss$1 = dependant;
-};
-
-var lazyResult = LazyResult$2;
-LazyResult$2.default = LazyResult$2;
-
-Root$2.registerLazyResult(LazyResult$2);
-Document$2.registerLazyResult(LazyResult$2);
-
-let MapGenerator = mapGenerator;
-let parse$1 = parse_1;
-const Result$1 = result;
-let stringify$1 = stringify_1;
 
-class NoWorkResult$1 {
   get content() {
-    return this.result.css
+    return this.stringify().content
   }
 
   get css() {
-    return this.result.css
+    return this.stringify().css
   }
 
   get map() {
-    return this.result.map
+    return this.stringify().map
   }
 
   get messages() {
-    return []
+    return this.sync().messages
   }
 
   get opts() {
@@ -8534,31 +8314,30 @@ class NoWorkResult$1 {
   }
 
   get root() {
-    if (this._root) {
-      return this._root
-    }
-
-    let root;
-    let parser = parse$1;
-
-    try {
-      root = parser(this._css, this._opts);
-    } catch (error) {
-      this.error = error;
-    }
-
-    if (this.error) {
-      throw this.error
-    } else {
-      this._root = root;
-      return root
-    }
+    return this.sync().root
   }
 
   get [Symbol.toStringTag]() {
-    return 'NoWorkResult'
+    return 'LazyResult'
   }
+}
+
+LazyResult$2.registerPostcss = dependant => {
+  postcss$1 = dependant;
+};
 
+var lazyResult = LazyResult$2;
+LazyResult$2.default = LazyResult$2;
+
+Root$3.registerLazyResult(LazyResult$2);
+Document$2.registerLazyResult(LazyResult$2);
+
+let MapGenerator = mapGenerator;
+let stringify$1 = stringify_1;
+let parse$1 = parse_1;
+const Result$1 = result;
+
+class NoWorkResult$1 {
   constructor(processor, css, opts) {
     css = css.toString();
     this.stringified = false;
@@ -8625,19 +8404,69 @@ class NoWorkResult$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 root;
+    let parser = parse$1;
+
+    try {
+      root = parser(this._css, this._opts);
+    } catch (error) {
+      this.error = error;
+    }
+
+    if (this.error) {
+      throw this.error
+    } else {
+      this._root = root;
+      return root
+    }
+  }
+
+  get [Symbol.toStringTag]() {
+    return 'NoWorkResult'
+  }
 }
 
 var noWorkResult = NoWorkResult$1;
 NoWorkResult$1.default = NoWorkResult$1;
 
-let Document$1 = document;
-let LazyResult$1 = lazyResult;
 let NoWorkResult = noWorkResult;
-let Root$1 = root;
+let LazyResult$1 = lazyResult;
+let Document$1 = document;
+let Root$2 = root;
 
 class Processor$1 {
   constructor(plugins = []) {
-    this.version = '8.5.3';
+    this.version = '8.4.35';
     this.plugins = this.normalize(plugins);
   }
 
@@ -8685,27 +8514,80 @@ class Processor$1 {
 var processor = Processor$1;
 Processor$1.default = Processor$1;
 
-Root$1.registerProcessor(Processor$1);
+Root$2.registerProcessor(Processor$1);
 Document$1.registerProcessor(Processor$1);
 
-let AtRule = atRule;
-let Comment = comment;
-let Container = container;
+let Declaration$1 = declaration;
+let PreviousMap = previousMap;
+let Comment$1 = comment;
+let AtRule$1 = atRule;
+let Input$1 = input;
+let Root$1 = root;
+let Rule$1 = rule;
+
+function fromJSON$1(json, inputs) {
+  if (Array.isArray(json)) return json.map(n => fromJSON$1(n))
+
+  let { inputs: ownInputs, ...defaults } = json;
+  if (ownInputs) {
+    inputs = [];
+    for (let input of ownInputs) {
+      let inputHydrated = { ...input, __proto__: Input$1.prototype };
+      if (inputHydrated.map) {
+        inputHydrated.map = {
+          ...inputHydrated.map,
+          __proto__: PreviousMap.prototype
+        };
+      }
+      inputs.push(inputHydrated);
+    }
+  }
+  if (defaults.nodes) {
+    defaults.nodes = json.nodes.map(n => fromJSON$1(n, inputs));
+  }
+  if (defaults.source) {
+    let { inputId, ...source } = defaults.source;
+    defaults.source = source;
+    if (inputId != null) {
+      defaults.source.input = inputs[inputId];
+    }
+  }
+  if (defaults.type === 'root') {
+    return new Root$1(defaults)
+  } else if (defaults.type === 'decl') {
+    return new Declaration$1(defaults)
+  } else if (defaults.type === 'rule') {
+    return new Rule$1(defaults)
+  } else if (defaults.type === 'comment') {
+    return new Comment$1(defaults)
+  } else if (defaults.type === 'atrule') {
+    return new AtRule$1(defaults)
+  } else {
+    throw new Error('Unknown node type: ' + json.type)
+  }
+}
+
+var fromJSON_1 = fromJSON$1;
+fromJSON$1.default = fromJSON$1;
+
 let CssSyntaxError = cssSyntaxError;
 let Declaration = declaration;
-let Document = document;
-let fromJSON = fromJSON_1;
-let Input = input;
 let LazyResult = lazyResult;
-let list = list_1;
-let Node = node_1;
-let parse = parse_1;
+let Container = container;
 let Processor = processor;
-let Result = result;
-let Root = root;
-let Rule = rule;
 let stringify = stringify_1;
+let fromJSON = fromJSON_1;
+let Document = document;
 let Warning = warning;
+let Comment = comment;
+let AtRule = atRule;
+let Result = result;
+let Input = input;
+let parse = parse_1;
+let list = list_1;
+let Rule = rule;
+let Root = root;
+let Node = node_1;
 
 function postcss(...plugins) {
   if (plugins.length === 1 && Array.isArray(plugins[0])) {
@@ -8788,7 +8670,7 @@ LazyResult.registerPostcss(postcss);
 var postcss_1 = postcss;
 postcss.default = postcss;
 
-const htmlparser = require$$0$1;
+const htmlparser = require$$0;
 const escapeStringRegexp = escapeStringRegexp$1;
 const { isPlainObject } = require$$2$1;
 const deepmerge = cjs;
@@ -8960,24 +8842,20 @@ function sanitizeHtml(html, options, _recursing) {
       allowedAttributesMap[tag].push('class');
     }
 
-    allowedClassesMap[tag] = classes;
-
-    if (Array.isArray(classes)) {
-      const globRegex = [];
-      allowedClassesMap[tag] = [];
-      allowedClassesRegexMap[tag] = [];
-      classes.forEach(function(obj) {
-        if (typeof obj === 'string' && obj.indexOf('*') >= 0) {
-          globRegex.push(escapeStringRegexp(obj).replace(/\\\*/g, '.*'));
-        } else if (obj instanceof RegExp) {
-          allowedClassesRegexMap[tag].push(obj);
-        } else {
-          allowedClassesMap[tag].push(obj);
-        }
-      });
-      if (globRegex.length) {
-        allowedClassesGlobMap[tag] = new RegExp('^(' + globRegex.join('|') + ')$');
+    allowedClassesMap[tag] = [];
+    allowedClassesRegexMap[tag] = [];
+    const globRegex = [];
+    classes.forEach(function(obj) {
+      if (typeof obj === 'string' && obj.indexOf('*') >= 0) {
+        globRegex.push(escapeStringRegexp(obj).replace(/\\\*/g, '.*'));
+      } else if (obj instanceof RegExp) {
+        allowedClassesRegexMap[tag].push(obj);
+      } else {
+        allowedClassesMap[tag].push(obj);
       }
+    });
+    if (globRegex.length) {
+      allowedClassesGlobMap[tag] = new RegExp('^(' + globRegex.join('|') + ')$');
     }
   });
 
@@ -9052,7 +8930,7 @@ function sanitizeHtml(html, options, _recursing) {
       if (!tagAllowed(name) || (options.disallowedTagsMode === 'recursiveEscape' && !isEmptyObject(skipMap)) || (options.nestingLimit != null && depth >= options.nestingLimit)) {
         skip = true;
         skipMap[depth] = true;
-        if (options.disallowedTagsMode === 'discard' || options.disallowedTagsMode === 'completelyDiscard') {
+        if (options.disallowedTagsMode === 'discard') {
           if (nonTextTagsArray.indexOf(name) !== -1) {
             skipText = true;
             skipTextDepth = 1;
@@ -9062,17 +8940,8 @@ function sanitizeHtml(html, options, _recursing) {
       }
       depth++;
       if (skip) {
-        if (options.disallowedTagsMode === 'discard' || options.disallowedTagsMode === 'completelyDiscard') {
+        if (options.disallowedTagsMode === 'discard') {
           // We want the contents but not this tag
-          if (frame.innerText && !hasText) {
-            const escaped = escapeHtml(frame.innerText);
-            if (options.textFilter) {
-              result += options.textFilter(escaped, name);
-            } else {
-              result += escapeHtml(frame.innerText);
-            }
-            addedText = true;
-          }
           return;
         }
         tempResult = result;
@@ -9094,14 +8963,6 @@ function sanitizeHtml(html, options, _recursing) {
             delete frame.attribs[a];
             return;
           }
-          // If the value is empty, check if the attribute is in the allowedEmptyAttributes array.
-          // If it is not in the allowedEmptyAttributes array, and it is a known non-boolean attribute, delete it
-          // List taken from https://html.spec.whatwg.org/multipage/indices.html#attributes-3
-          if (value === '' && (!options.allowedEmptyAttributes.includes(a)) &&
-            (options.nonBooleanAttributes.includes(a) || options.nonBooleanAttributes.includes('*'))) {
-            delete frame.attribs[a];
-            return;
-          }
           // check allowedAttributesMap for the element and attribute and modify the value
           // as necessary if there are specific values defined.
           let passedAllowedAttributesMapCheck = false;
@@ -9230,13 +9091,12 @@ function sanitizeHtml(html, options, _recursing) {
               const allowedWildcardClasses = allowedClassesMap['*'];
               const allowedSpecificClassesGlob = allowedClassesGlobMap[name];
               const allowedSpecificClassesRegex = allowedClassesRegexMap[name];
-              const allowedWildcardClassesRegex = allowedClassesRegexMap['*'];
               const allowedWildcardClassesGlob = allowedClassesGlobMap['*'];
               const allowedClassesGlobs = [
                 allowedSpecificClassesGlob,
                 allowedWildcardClassesGlob
               ]
-                .concat(allowedSpecificClassesRegex, allowedWildcardClassesRegex)
+                .concat(allowedSpecificClassesRegex)
                 .filter(function (t) {
                   return t;
                 });
@@ -9253,7 +9113,7 @@ function sanitizeHtml(html, options, _recursing) {
             if (a === 'style') {
               if (options.parseStyleAttributes) {
                 try {
-                  const abstractSyntaxTree = postcssParse(name + ' {' + value + '}', { map: false });
+                  const abstractSyntaxTree = postcssParse(name + ' {' + value + '}');
                   const filteredAST = filterCss(abstractSyntaxTree, options.allowedStyles);
 
                   value = stringifyStyleAttributes(filteredAST);
@@ -9263,9 +9123,7 @@ function sanitizeHtml(html, options, _recursing) {
                     return;
                   }
                 } catch (e) {
-                  if (typeof window !== 'undefined') {
-                    console.warn('Failed to parse "' + name + ' {' + value + '}' + '", If you\'re running this in a browser, we recommend to disable style parsing: options.parseStyleAttributes: false, since this only works in a node environment due to a postcss dependency, More info: https://github.com/apostrophecms/sanitize-html/issues/547');
-                  }
+                  console.warn('Failed to parse "' + name + ' {' + value + '}' + '", If you\'re running this in a browser, we recommend to disable style parsing: options.parseStyleAttributes: false, since this only works in a node environment due to a postcss dependency, More info: https://github.com/apostrophecms/sanitize-html/issues/547');
                   delete frame.attribs[a];
                   return;
                 }
@@ -9276,8 +9134,6 @@ function sanitizeHtml(html, options, _recursing) {
             result += ' ' + a;
             if (value && value.length) {
               result += '="' + escapeHtml(value, true) + '"';
-            } else if (options.allowedEmptyAttributes.includes(a)) {
-              result += '=""';
             }
           } else {
             delete frame.attribs[a];
@@ -9311,9 +9167,7 @@ function sanitizeHtml(html, options, _recursing) {
         text = lastFrame.innerText !== undefined ? lastFrame.innerText : text;
       }
 
-      if (options.disallowedTagsMode === 'completelyDiscard' && !tagAllowed(tag)) {
-        text = '';
-      } else if ((options.disallowedTagsMode === 'discard' || options.disallowedTagsMode === 'completelyDiscard') && ((tag === 'script') || (tag === 'style'))) {
+      if (options.disallowedTagsMode === 'discard' && ((tag === 'script') || (tag === 'style'))) {
         // htmlparser2 gives us these as-is. Escaping them ruins the content. Allowing
         // script tags is, by definition, game over for XSS protection, so if that's
         // your concern, don't allow them. The same is essentially true for style tags
@@ -9361,7 +9215,7 @@ function sanitizeHtml(html, options, _recursing) {
       const skip = skipMap[depth];
       if (skip) {
         delete skipMap[depth];
-        if (options.disallowedTagsMode === 'discard' || options.disallowedTagsMode === 'completelyDiscard') {
+        if (options.disallowedTagsMode === 'discard') {
           frame.updateParentNodeText();
           return;
         }
@@ -9632,49 +9486,6 @@ sanitizeHtml.defaults = {
     'caption', 'col', 'colgroup', 'table', 'tbody', 'td', 'tfoot', 'th',
     'thead', 'tr'
   ],
-  // Tags that cannot be boolean
-  nonBooleanAttributes: [
-    'abbr', 'accept', 'accept-charset', 'accesskey', 'action',
-    'allow', 'alt', 'as', 'autocapitalize', 'autocomplete',
-    'blocking', 'charset', 'cite', 'class', 'color', 'cols',
-    'colspan', 'content', 'contenteditable', 'coords', 'crossorigin',
-    'data', 'datetime', 'decoding', 'dir', 'dirname', 'download',
-    'draggable', 'enctype', 'enterkeyhint', 'fetchpriority', 'for',
-    'form', 'formaction', 'formenctype', 'formmethod', 'formtarget',
-    'headers', 'height', 'hidden', 'high', 'href', 'hreflang',
-    'http-equiv', 'id', 'imagesizes', 'imagesrcset', 'inputmode',
-    'integrity', 'is', 'itemid', 'itemprop', 'itemref', 'itemtype',
-    'kind', 'label', 'lang', 'list', 'loading', 'low', 'max',
-    'maxlength', 'media', 'method', 'min', 'minlength', 'name',
-    'nonce', 'optimum', 'pattern', 'ping', 'placeholder', 'popover',
-    'popovertarget', 'popovertargetaction', 'poster', 'preload',
-    'referrerpolicy', 'rel', 'rows', 'rowspan', 'sandbox', 'scope',
-    'shape', 'size', 'sizes', 'slot', 'span', 'spellcheck', 'src',
-    'srcdoc', 'srclang', 'srcset', 'start', 'step', 'style',
-    'tabindex', 'target', 'title', 'translate', 'type', 'usemap',
-    'value', 'width', 'wrap',
-    // Event handlers
-    'onauxclick', 'onafterprint', 'onbeforematch', 'onbeforeprint',
-    'onbeforeunload', 'onbeforetoggle', 'onblur', 'oncancel',
-    'oncanplay', 'oncanplaythrough', 'onchange', 'onclick', 'onclose',
-    'oncontextlost', 'oncontextmenu', 'oncontextrestored', 'oncopy',
-    'oncuechange', 'oncut', 'ondblclick', 'ondrag', 'ondragend',
-    'ondragenter', 'ondragleave', 'ondragover', 'ondragstart',
-    'ondrop', 'ondurationchange', 'onemptied', 'onended',
-    'onerror', 'onfocus', 'onformdata', 'onhashchange', 'oninput',
-    'oninvalid', 'onkeydown', 'onkeypress', 'onkeyup',
-    'onlanguagechange', 'onload', 'onloadeddata', 'onloadedmetadata',
-    'onloadstart', 'onmessage', 'onmessageerror', 'onmousedown',
-    'onmouseenter', 'onmouseleave', 'onmousemove', 'onmouseout',
-    'onmouseover', 'onmouseup', 'onoffline', 'ononline', 'onpagehide',
-    'onpageshow', 'onpaste', 'onpause', 'onplay', 'onplaying',
-    'onpopstate', 'onprogress', 'onratechange', 'onreset', 'onresize',
-    'onrejectionhandled', 'onscroll', 'onscrollend',
-    'onsecuritypolicyviolation', 'onseeked', 'onseeking', 'onselect',
-    'onslotchange', 'onstalled', 'onstorage', 'onsubmit', 'onsuspend',
-    'ontimeupdate', 'ontoggle', 'onunhandledrejection', 'onunload',
-    'onvolumechange', 'onwaiting', 'onwheel'
-  ],
   disallowedTagsMode: 'discard',
   allowedAttributes: {
     a: [ 'href', 'name', 'target' ],
@@ -9682,9 +9493,6 @@ sanitizeHtml.defaults = {
     // these attributes would make sense if we did.
     img: [ 'src', 'srcset', 'alt', 'title', 'width', 'height', 'loading' ]
   },
-  allowedEmptyAttributes: [
-    'alt'
-  ],
   // Lots of these won't come up by default because we don't allow them
   selfClosing: [ 'img', 'br', 'hr', 'area', 'base', 'basefont', 'input', 'link', 'meta' ],
   // URL schemes we permit
@@ -9725,13 +9533,9 @@ const CustomContentSectionStyle0 = customContentSectionCss;
 const CustomContentSection = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        /**
-         * If this is true it will emit an event at the moment the content with url its clicked
-         */
+        this.customContent = undefined;
+        this.repeaterContent = undefined;
         this.navigateViaEvent = false;
-        /**
-        * Post Message event to be sent on navigation via Event
-        */
         this.postMessageEvent = '';
     }
     render() {