@stencil/core 4.28.2-dev.1742303553.90ea840 → 4.28.2-dev.1742318817.ddf403c

package/internal/hydrate/runner.js

@@ -1,5 +1,5 @@
 /*
- Stencil Hydrate Runner v4.28.2-dev.1742303553.90ea840 | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Runner v4.28.2-dev.1742318817.ddf403c | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -14234,1808 +14234,1816 @@ import { BUILD as BUILD24 } from "@stencil/core/internal/app-data";
 // src/runtime/client-hydrate.ts
 import { BUILD as BUILD12 } from "@stencil/core/internal/app-data";
 
-// src/runtime/dom-extras.ts
-import { BUILD as BUILD9 } from "@stencil/core/internal/app-data";
-
-// src/runtime/slot-polyfill-utils.ts
-import { BUILD as BUILD8 } from "@stencil/core/internal/app-data";
-
-// src/runtime/profile.ts
-import { BUILD as BUILD10 } from "@stencil/core/internal/app-data";
-
-// src/runtime/vdom/h.ts
-import { BUILD as BUILD11 } from "@stencil/core/internal/app-data";
-
-// src/runtime/initialize-component.ts
-import { BUILD as BUILD23 } from "@stencil/core/internal/app-data";
-
-// src/utils/shadow-css.ts
-/**
- * @license
- * Copyright Google Inc. All Rights Reserved.
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://angular.io/license
- *
- * This file is a port of shadowCSS from `webcomponents.js` to TypeScript.
- * https://github.com/webcomponents/webcomponentsjs/blob/4efecd7e0e/src/ShadowCSS/ShadowCSS.js
- * https://github.com/angular/angular/blob/master/packages/compiler/src/shadow_css.ts
- */
-var _polyfillHost = "-shadowcsshost";
-var _polyfillSlotted = "-shadowcssslotted";
-var _polyfillHostContext = "-shadowcsscontext";
-var _parenSuffix = ")(?:\\(((?:\\([^)(]*\\)|[^)(]*)+?)\\))?([^,{]*)";
-var _cssColonHostRe = new RegExp("(" + _polyfillHost + _parenSuffix, "gim");
-var _cssColonHostContextRe = new RegExp("(" + _polyfillHostContext + _parenSuffix, "gim");
-var _cssColonSlottedRe = new RegExp("(" + _polyfillSlotted + _parenSuffix, "gim");
-var _polyfillHostNoCombinator = _polyfillHost + "-no-combinator";
-var createSupportsRuleRe = (selector) => new RegExp(`((?<!(^@supports(.*)))|(?<={.*))(${selector}\\b)`, "gim");
-var _colonSlottedRe = createSupportsRuleRe("::slotted");
-var _colonHostRe = createSupportsRuleRe(":host");
-var _colonHostContextRe = createSupportsRuleRe(":host-context");
-
-// src/runtime/mode.ts
-var setMode = (handler) => modeResolutionChain.push(handler);
-
-// src/runtime/proxy-component.ts
-import { BUILD as BUILD22 } from "@stencil/core/internal/app-data";
-
-// src/runtime/set-value.ts
-import { BUILD as BUILD21 } from "@stencil/core/internal/app-data";
-
-// src/runtime/parse-property-value.ts
-import { BUILD as BUILD13 } from "@stencil/core/internal/app-data";
-
-// src/runtime/update-component.ts
-import { BUILD as BUILD20, NAMESPACE } from "@stencil/core/internal/app-data";
-
-// src/runtime/event-emitter.ts
-import { BUILD as BUILD15 } from "@stencil/core/internal/app-data";
-
-// src/runtime/element.ts
-import { BUILD as BUILD14 } from "@stencil/core/internal/app-data";
-
-// src/runtime/styles.ts
-import { BUILD as BUILD16 } from "@stencil/core/internal/app-data";
-
-// src/runtime/vdom/vdom-render.ts
-import { BUILD as BUILD19 } from "@stencil/core/internal/app-data";
-
-// src/runtime/vdom/update-element.ts
-import { BUILD as BUILD18 } from "@stencil/core/internal/app-data";
-
-// src/runtime/vdom/set-accessor.ts
-import { BUILD as BUILD17 } from "@stencil/core/internal/app-data";
-var CAPTURE_EVENT_SUFFIX = "Capture";
-var CAPTURE_EVENT_REGEX = new RegExp(CAPTURE_EVENT_SUFFIX + "$");
-
-// src/runtime/disconnected-callback.ts
-import { BUILD as BUILD25 } from "@stencil/core/internal/app-data";
-
-// src/runtime/bootstrap-lazy.ts
-import { BUILD as BUILD27 } from "@stencil/core/internal/app-data";
-
-// src/runtime/host-listener.ts
-import { BUILD as BUILD28 } from "@stencil/core/internal/app-data";
-
-// src/compiler/html/canonical-link.ts
-var updateCanonicalLink = (doc, href) => {
-  var _a2;
-  let canonicalLinkElm = doc.head.querySelector('link[rel="canonical"]');
-  if (typeof href === "string") {
-    if (canonicalLinkElm == null) {
-      canonicalLinkElm = doc.createElement("link");
-      canonicalLinkElm.setAttribute("rel", "canonical");
-      doc.head.appendChild(canonicalLinkElm);
-    }
-    canonicalLinkElm.setAttribute("href", href);
-  } else {
-    if (canonicalLinkElm != null) {
-      const existingHref = canonicalLinkElm.getAttribute("href");
-      if (!existingHref) {
-        (_a2 = canonicalLinkElm.parentNode) == null ? void 0 : _a2.removeChild(canonicalLinkElm);
-      }
+// src/hydrate/runner/serialize.ts
+var PrimitiveType = /* @__PURE__ */ ((PrimitiveType2) => {
+  PrimitiveType2["Undefined"] = "undefined";
+  PrimitiveType2["Null"] = "null";
+  PrimitiveType2["String"] = "string";
+  PrimitiveType2["Number"] = "number";
+  PrimitiveType2["SpecialNumber"] = "number";
+  PrimitiveType2["Boolean"] = "boolean";
+  PrimitiveType2["BigInt"] = "bigint";
+  return PrimitiveType2;
+})(PrimitiveType || {});
+var NonPrimitiveType = /* @__PURE__ */ ((NonPrimitiveType2) => {
+  NonPrimitiveType2["Array"] = "array";
+  NonPrimitiveType2["Date"] = "date";
+  NonPrimitiveType2["Map"] = "map";
+  NonPrimitiveType2["Object"] = "object";
+  NonPrimitiveType2["RegularExpression"] = "regexp";
+  NonPrimitiveType2["Set"] = "set";
+  NonPrimitiveType2["Channel"] = "channel";
+  NonPrimitiveType2["Symbol"] = "symbol";
+  return NonPrimitiveType2;
+})(NonPrimitiveType || {});
+var TYPE_CONSTANT = "type";
+var VALUE_CONSTANT = "value";
+var SERIALIZED_PREFIX = "serialized:";
+var SERIALIZABLE_TYPES = ["string", "boolean", "undefined", "number"];
+function serializeProperty(value) {
+  if (SERIALIZABLE_TYPES.includes(typeof value) && value !== Infinity && value !== -Infinity && !isNaN(value)) {
+    return value;
+  }
+  const arg = LocalValue.getArgument(value);
+  return SERIALIZED_PREFIX + btoa(JSON.stringify(arg));
+}
+function deserializeProperty(value) {
+  if (typeof value !== "string" || !value.startsWith(SERIALIZED_PREFIX)) {
+    return value;
+  }
+  return RemoteValue.fromLocalValue(JSON.parse(atob(value.slice(SERIALIZED_PREFIX.length))));
+}
+var LocalValue = class _LocalValue {
+  constructor(type, value) {
+    if (type === "undefined" /* Undefined */ || type === "null" /* Null */) {
+      this.type = type;
+    } else {
+      this.type = type;
+      this.value = value;
     }
   }
-};
-
-// src/compiler/html/relocate-meta-charset.ts
-var relocateMetaCharset = (doc) => {
-  const head = doc.head;
-  let charsetElm = head.querySelector("meta[charset]");
-  if (charsetElm == null) {
-    charsetElm = doc.createElement("meta");
-    charsetElm.setAttribute("charset", "utf-8");
-  } else {
-    charsetElm.remove();
+  /**
+   * Creates a new LocalValue object with a string value.
+   *
+   * @param {string} value - The string value to be stored in the LocalValue object.
+   * @returns {LocalValue} - The created LocalValue object.
+   */
+  static createStringValue(value) {
+    return new _LocalValue("string" /* String */, value);
   }
-  head.insertBefore(charsetElm, head.firstChild);
-};
-
-// src/compiler/style/css-parser/parse-css.ts
-var parseCss = (css, filePath) => {
-  let lineno = 1;
-  let column = 1;
-  const diagnostics = [];
-  const updatePosition = (str) => {
-    const lines = str.match(/\n/g);
-    if (lines) lineno += lines.length;
-    const i = str.lastIndexOf("\n");
-    column = ~i ? str.length - i : column + str.length;
-  };
-  const position = () => {
-    const start = { line: lineno, column };
-    return (node) => {
-      node.position = new ParsePosition(start);
-      whitespace();
-      return node;
-    };
-  };
-  const error = (msg) => {
-    const srcLines = css.split("\n");
-    const d = {
-      level: "error",
-      type: "css",
-      language: "css",
-      header: "CSS Parse",
-      messageText: msg,
-      absFilePath: filePath,
-      lines: [
-        {
-          lineIndex: lineno - 1,
-          lineNumber: lineno,
-          errorCharStart: column,
-          text: css[lineno - 1]
-        }
-      ]
-    };
-    if (lineno > 1) {
-      const previousLine = {
-        lineIndex: lineno - 1,
-        lineNumber: lineno - 1,
-        text: css[lineno - 2],
-        errorCharStart: -1,
-        errorLength: -1
-      };
-      d.lines.unshift(previousLine);
+  /**
+   * Creates a new LocalValue object with a number value.
+   *
+   * @param {number} value - The number value.
+   * @returns {LocalValue} - The created LocalValue object.
+   */
+  static createNumberValue(value) {
+    return new _LocalValue("number" /* Number */, value);
+  }
+  /**
+   * Creates a new LocalValue object with a special number value.
+   *
+   * @param {number} value - The value of the special number.
+   * @returns {LocalValue} - The created LocalValue object.
+   */
+  static createSpecialNumberValue(value) {
+    if (Number.isNaN(value)) {
+      return new _LocalValue("number" /* SpecialNumber */, "NaN");
     }
-    if (lineno + 2 < srcLines.length) {
-      const nextLine = {
-        lineIndex: lineno,
-        lineNumber: lineno + 1,
-        text: srcLines[lineno],
-        errorCharStart: -1,
-        errorLength: -1
-      };
-      d.lines.push(nextLine);
+    if (Object.is(value, -0)) {
+      return new _LocalValue("number" /* SpecialNumber */, "-0");
     }
-    diagnostics.push(d);
-    return null;
-  };
-  const stylesheet = () => {
-    const rulesList = rules();
-    return {
-      type: 14 /* StyleSheet */,
-      stylesheet: {
-        source: filePath,
-        rules: rulesList
-      }
-    };
-  };
-  const open = () => match(/^{\s*/);
-  const close = () => match(/^}/);
-  const match = (re) => {
-    const m = re.exec(css);
-    if (!m) return;
-    const str = m[0];
-    updatePosition(str);
-    css = css.slice(str.length);
-    return m;
-  };
-  const rules = () => {
-    let node;
-    const rules2 = [];
-    whitespace();
-    comments(rules2);
-    while (css.length && css.charAt(0) !== "}" && (node = atrule() || rule())) {
-      rules2.push(node);
-      comments(rules2);
-    }
-    return rules2;
-  };
-  const whitespace = () => match(/^\s*/);
-  const comments = (rules2) => {
-    let c;
-    rules2 = rules2 || [];
-    while (c = comment()) {
-      rules2.push(c);
+    if (value === Infinity) {
+      return new _LocalValue("number" /* SpecialNumber */, "Infinity");
     }
-    return rules2;
-  };
-  const comment = () => {
-    const pos = position();
-    if ("/" !== css.charAt(0) || "*" !== css.charAt(1)) return null;
-    let i = 2;
-    while ("" !== css.charAt(i) && ("*" !== css.charAt(i) || "/" !== css.charAt(i + 1))) ++i;
-    i += 2;
-    if ("" === css.charAt(i - 1)) {
-      return error("End of comment missing");
+    if (value === -Infinity) {
+      return new _LocalValue("number" /* SpecialNumber */, "-Infinity");
     }
-    const comment2 = css.slice(2, i - 2);
-    column += 2;
-    updatePosition(comment2);
-    css = css.slice(i);
-    column += 2;
-    return pos({
-      type: 1 /* Comment */,
-      comment: comment2
-    });
-  };
-  const selector = () => {
-    const m = match(/^([^{]+)/);
-    if (!m) return null;
-    return trim(m[0]).replace(/\/\*([^*]|[\r\n]|(\*+([^*/]|[\r\n])))*\*\/+/g, "").replace(/"(?:\\"|[^"])*"|'(?:\\'|[^'])*'/g, function(m2) {
-      return m2.replace(/,/g, "\u200C");
-    }).split(/\s*(?![^(]*\)),\s*/).map(function(s) {
-      return s.replace(/\u200C/g, ",");
+    return new _LocalValue("number" /* SpecialNumber */, value);
+  }
+  /**
+   * Creates a new LocalValue object with an undefined value.
+   * @returns {LocalValue} - The created LocalValue object.
+   */
+  static createUndefinedValue() {
+    return new _LocalValue("undefined" /* Undefined */);
+  }
+  /**
+   * Creates a new LocalValue object with a null value.
+   * @returns {LocalValue} - The created LocalValue object.
+   */
+  static createNullValue() {
+    return new _LocalValue("null" /* Null */);
+  }
+  /**
+   * Creates a new LocalValue object with a boolean value.
+   *
+   * @param {boolean} value - The boolean value.
+   * @returns {LocalValue} - The created LocalValue object.
+   */
+  static createBooleanValue(value) {
+    return new _LocalValue("boolean" /* Boolean */, value);
+  }
+  /**
+   * Creates a new LocalValue object with a BigInt value.
+   *
+   * @param {BigInt} value - The BigInt value.
+   * @returns {LocalValue} - The created LocalValue object.
+   */
+  static createBigIntValue(value) {
+    return new _LocalValue("bigint" /* BigInt */, value.toString());
+  }
+  /**
+   * Creates a new LocalValue object with an array.
+   *
+   * @param {Array} value - The array.
+   * @returns {LocalValue} - The created LocalValue object.
+   */
+  static createArrayValue(value) {
+    return new _LocalValue("array" /* Array */, value);
+  }
+  /**
+   * Creates a new LocalValue object with date value.
+   *
+   * @param {string} value - The date.
+   * @returns {LocalValue} - The created LocalValue object.
+   */
+  static createDateValue(value) {
+    return new _LocalValue("date" /* Date */, value);
+  }
+  /**
+   * Creates a new LocalValue object of map value.
+   * @param {Map} map - The map.
+   * @returns {LocalValue} - The created LocalValue object.
+   */
+  static createMapValue(map2) {
+    const value = [];
+    Array.from(map2.entries()).forEach(([key, val]) => {
+      value.push([_LocalValue.getArgument(key), _LocalValue.getArgument(val)]);
     });
-  };
-  const declaration = () => {
-    const pos = position();
-    let prop = match(/^(\*?[-#\/\*\\\w]+(\[[0-9a-z_-]+\])?)\s*/);
-    if (!prop) return null;
-    prop = trim(prop[0]);
-    if (!match(/^:\s*/)) return error(`property missing ':'`);
-    const val = match(/^((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^\)]*?\)|[^};])+)/);
-    const ret = pos({
-      type: 4 /* Declaration */,
-      property: prop.replace(commentre, ""),
-      value: val ? trim(val[0]).replace(commentre, "") : ""
+    return new _LocalValue("map" /* Map */, value);
+  }
+  /**
+   * Creates a new LocalValue object from the passed object.
+   *
+   * @param object the object to create a LocalValue from
+   * @returns {LocalValue} - The created LocalValue object.
+   */
+  static createObjectValue(object) {
+    const value = [];
+    Object.entries(object).forEach(([key, val]) => {
+      value.push([key, _LocalValue.getArgument(val)]);
     });
-    match(/^[;\s]*/);
-    return ret;
-  };
-  const declarations = () => {
-    const decls = [];
-    if (!open()) return error(`missing '{'`);
-    comments(decls);
-    let decl;
-    while (decl = declaration()) {
-      decls.push(decl);
-      comments(decls);
-    }
-    if (!close()) return error(`missing '}'`);
-    return decls;
-  };
-  const keyframe = () => {
-    let m;
-    const values = [];
-    const pos = position();
-    while (m = match(/^((\d+\.\d+|\.\d+|\d+)%?|[a-z]+)\s*/)) {
-      values.push(m[1]);
-      match(/^,\s*/);
+    return new _LocalValue("object" /* Object */, value);
+  }
+  /**
+   * Creates a new LocalValue object of regular expression value.
+   *
+   * @param {string} value - The value of the regular expression.
+   * @returns {LocalValue} - The created LocalValue object.
+   */
+  static createRegularExpressionValue(value) {
+    return new _LocalValue("regexp" /* RegularExpression */, value);
+  }
+  /**
+   * Creates a new LocalValue object with the specified value.
+   * @param {Set} value - The value to be set.
+   * @returns {LocalValue} - The created LocalValue object.
+   */
+  static createSetValue(value) {
+    return new _LocalValue("set" /* Set */, value);
+  }
+  /**
+   * Creates a new LocalValue object with the given channel value
+   *
+   * @param {ChannelValue} value - The channel value.
+   * @returns {LocalValue} - The created LocalValue object.
+   */
+  static createChannelValue(value) {
+    return new _LocalValue("channel" /* Channel */, value);
+  }
+  /**
+   * Creates a new LocalValue object with a Symbol value.
+   *
+   * @param {Symbol} symbol - The Symbol value
+   * @returns {LocalValue} - The created LocalValue object
+   */
+  static createSymbolValue(symbol) {
+    const description = symbol.description || "Symbol()";
+    return new _LocalValue("symbol" /* Symbol */, description);
+  }
+  static getArgument(argument) {
+    const type = typeof argument;
+    switch (type) {
+      case "string" /* String */:
+        return _LocalValue.createStringValue(argument);
+      case "number" /* Number */:
+        if (Number.isNaN(argument) || Object.is(argument, -0) || !Number.isFinite(argument)) {
+          return _LocalValue.createSpecialNumberValue(argument);
+        }
+        return _LocalValue.createNumberValue(argument);
+      case "boolean" /* Boolean */:
+        return _LocalValue.createBooleanValue(argument);
+      case "bigint" /* BigInt */:
+        return _LocalValue.createBigIntValue(argument);
+      case "undefined" /* Undefined */:
+        return _LocalValue.createUndefinedValue();
+      case "symbol" /* Symbol */:
+        return _LocalValue.createSymbolValue(argument);
+      case "object" /* Object */:
+        if (argument === null) {
+          return _LocalValue.createNullValue();
+        }
+        if (argument instanceof Date) {
+          return _LocalValue.createDateValue(argument);
+        }
+        if (argument instanceof Map) {
+          const map2 = [];
+          argument.forEach((value, key) => {
+            const objectKey = typeof key === "string" ? key : _LocalValue.getArgument(key);
+            const objectValue = _LocalValue.getArgument(value);
+            map2.push([objectKey, objectValue]);
+          });
+          return _LocalValue.createMapValue(argument);
+        }
+        if (argument instanceof Set) {
+          const set = [];
+          argument.forEach((value) => {
+            set.push(_LocalValue.getArgument(value));
+          });
+          return _LocalValue.createSetValue(set);
+        }
+        if (argument instanceof Array) {
+          const arr = [];
+          argument.forEach((value) => {
+            arr.push(_LocalValue.getArgument(value));
+          });
+          return _LocalValue.createArrayValue(arr);
+        }
+        if (argument instanceof RegExp) {
+          return _LocalValue.createRegularExpressionValue({
+            pattern: argument.source,
+            flags: argument.flags
+          });
+        }
+        return _LocalValue.createObjectValue(argument);
     }
-    if (!values.length) return null;
-    return pos({
-      type: 9 /* KeyFrame */,
-      values,
-      declarations: declarations()
-    });
-  };
-  const atkeyframes = () => {
-    const pos = position();
-    let m = match(/^@([-\w]+)?keyframes\s*/);
-    if (!m) return null;
-    const vendor = m[1];
-    m = match(/^([-\w]+)\s*/);
-    if (!m) return error(`@keyframes missing name`);
-    const name = m[1];
-    if (!open()) return error(`@keyframes missing '{'`);
-    let frame;
-    let frames = comments();
-    while (frame = keyframe()) {
-      frames.push(frame);
-      frames = frames.concat(comments());
-    }
-    if (!close()) return error(`@keyframes missing '}'`);
-    return pos({
-      type: 8 /* KeyFrames */,
-      name,
-      vendor,
-      keyframes: frames
-    });
-  };
-  const atsupports = () => {
-    const pos = position();
-    const m = match(/^@supports *([^{]+)/);
-    if (!m) return null;
-    const supports = trim(m[1]);
-    if (!open()) return error(`@supports missing '{'`);
-    const style = comments().concat(rules());
-    if (!close()) return error(`@supports missing '}'`);
-    return pos({
-      type: 15 /* Supports */,
-      supports,
-      rules: style
-    });
-  };
-  const athost = () => {
-    const pos = position();
-    const m = match(/^@host\s*/);
-    if (!m) return null;
-    if (!open()) return error(`@host missing '{'`);
-    const style = comments().concat(rules());
-    if (!close()) return error(`@host missing '}'`);
-    return pos({
-      type: 6 /* Host */,
-      rules: style
-    });
-  };
-  const atmedia = () => {
-    const pos = position();
-    const m = match(/^@media *([^{]+)/);
-    if (!m) return null;
-    const media = trim(m[1]);
-    if (!open()) return error(`@media missing '{'`);
-    const style = comments().concat(rules());
-    if (!close()) return error(`@media missing '}'`);
-    return pos({
-      type: 10 /* Media */,
-      media,
-      rules: style
-    });
-  };
-  const atcustommedia = () => {
-    const pos = position();
-    const m = match(/^@custom-media\s+(--[^\s]+)\s*([^{;]+);/);
-    if (!m) return null;
-    return pos({
-      type: 2 /* CustomMedia */,
-      name: trim(m[1]),
-      media: trim(m[2])
-    });
-  };
-  const atpage = () => {
-    const pos = position();
-    const m = match(/^@page */);
-    if (!m) return null;
-    const sel = selector() || [];
-    if (!open()) return error(`@page missing '{'`);
-    let decls = comments();
-    let decl;
-    while (decl = declaration()) {
-      decls.push(decl);
-      decls = decls.concat(comments());
-    }
-    if (!close()) return error(`@page missing '}'`);
-    return pos({
-      type: 12 /* Page */,
-      selectors: sel,
-      declarations: decls
-    });
-  };
-  const atdocument = () => {
-    const pos = position();
-    const m = match(/^@([-\w]+)?document *([^{]+)/);
-    if (!m) return null;
-    const vendor = trim(m[1]);
-    const doc = trim(m[2]);
-    if (!open()) return error(`@document missing '{'`);
-    const style = comments().concat(rules());
-    if (!close()) return error(`@document missing '}'`);
-    return pos({
-      type: 3 /* Document */,
-      document: doc,
-      vendor,
-      rules: style
-    });
-  };
-  const atfontface = () => {
-    const pos = position();
-    const m = match(/^@font-face\s*/);
-    if (!m) return null;
-    if (!open()) return error(`@font-face missing '{'`);
-    let decls = comments();
-    let decl;
-    while (decl = declaration()) {
-      decls.push(decl);
-      decls = decls.concat(comments());
-    }
-    if (!close()) return error(`@font-face missing '}'`);
-    return pos({
-      type: 5 /* FontFace */,
-      declarations: decls
-    });
-  };
-  const compileAtrule = (nodeName, nodeType) => {
-    const re = new RegExp("^@" + nodeName + "\\s*([^;]+);");
-    return () => {
-      const pos = position();
-      const m = match(re);
-      if (!m) return null;
-      const node = {
-        type: nodeType
-      };
-      node[nodeName] = m[1].trim();
-      return pos(node);
+    throw new Error(`Unsupported type: ${type}`);
+  }
+  asMap() {
+    return {
+      [TYPE_CONSTANT]: this.type,
+      ...!(this.type === "null" /* Null */ || this.type === "undefined" /* Undefined */) ? { [VALUE_CONSTANT]: this.value } : {}
     };
-  };
-  const atimport = compileAtrule("import", 7 /* Import */);
-  const atcharset = compileAtrule("charset", 0 /* Charset */);
-  const atnamespace = compileAtrule("namespace", 11 /* Namespace */);
-  const atrule = () => {
-    if (css[0] !== "@") return null;
-    return atkeyframes() || atmedia() || atcustommedia() || atsupports() || atimport() || atcharset() || atnamespace() || atdocument() || atpage() || athost() || atfontface();
-  };
-  const rule = () => {
-    const pos = position();
-    const sel = selector();
-    if (!sel) return error("selector missing");
-    comments();
-    return pos({
-      type: 13 /* Rule */,
-      selectors: sel,
-      declarations: declarations()
-    });
-  };
-  class ParsePosition {
-    constructor(start) {
-      this.start = start;
-      this.end = { line: lineno, column };
-      this.source = filePath;
-    }
   }
-  ParsePosition.prototype.content = css;
-  return {
-    diagnostics,
-    ...addParent(stylesheet())
-  };
 };
-var trim = (str) => str ? str.trim() : "";
-var addParent = (obj, parent) => {
-  const isNode = obj && typeof obj.type === "string";
-  const childParent = isNode ? obj : parent;
-  for (const k in obj) {
-    const value = obj[k];
-    if (Array.isArray(value)) {
-      value.forEach(function(v) {
-        addParent(v, childParent);
-      });
-    } else if (value && typeof value === "object") {
-      addParent(value, childParent);
+var RemoteValue = class _RemoteValue {
+  /**
+   * Deserializes a LocalValue serialized object back to its original JavaScript representation
+   *
+   * @param serialized The serialized LocalValue object
+   * @returns The original JavaScript value/object
+   */
+  static fromLocalValue(serialized) {
+    const type = serialized[TYPE_CONSTANT];
+    const value = VALUE_CONSTANT in serialized ? serialized[VALUE_CONSTANT] : void 0;
+    switch (type) {
+      case "string" /* String */:
+        return value;
+      case "boolean" /* Boolean */:
+        return value;
+      case "bigint" /* BigInt */:
+        return BigInt(value);
+      case "undefined" /* Undefined */:
+        return void 0;
+      case "null" /* Null */:
+        return null;
+      case "number" /* Number */:
+        if (value === "NaN") return NaN;
+        if (value === "-0") return -0;
+        if (value === "Infinity") return Infinity;
+        if (value === "-Infinity") return -Infinity;
+        return value;
+      case "array" /* Array */:
+        return value.map((item) => _RemoteValue.fromLocalValue(item));
+      case "date" /* Date */:
+        return new Date(value);
+      case "map" /* Map */:
+        const map2 = /* @__PURE__ */ new Map();
+        for (const [key, val] of value) {
+          const deserializedKey = typeof key === "object" && key !== null ? _RemoteValue.fromLocalValue(key) : key;
+          const deserializedValue = _RemoteValue.fromLocalValue(val);
+          map2.set(deserializedKey, deserializedValue);
+        }
+        return map2;
+      case "object" /* Object */:
+        const obj = {};
+        for (const [key, val] of value) {
+          obj[key] = _RemoteValue.fromLocalValue(val);
+        }
+        return obj;
+      case "regexp" /* RegularExpression */:
+        const { pattern, flags } = value;
+        return new RegExp(pattern, flags);
+      case "set" /* Set */:
+        const set = /* @__PURE__ */ new Set();
+        for (const item of value) {
+          set.add(_RemoteValue.fromLocalValue(item));
+        }
+        return set;
+      case "symbol" /* Symbol */:
+        return Symbol(value);
+      default:
+        throw new Error(`Unsupported type: ${type}`);
     }
   }
-  if (isNode) {
-    Object.defineProperty(obj, "parent", {
-      configurable: true,
-      writable: true,
-      enumerable: false,
-      value: parent || null
-    });
-  }
-  return obj;
-};
-var commentre = /\/\*[^*]*\*+([^/*][^*]*\*+)*\//g;
-
-// src/compiler/style/css-parser/get-css-selectors.ts
-var getCssSelectors = (sel) => {
-  SELECTORS.all.length = SELECTORS.tags.length = SELECTORS.classNames.length = SELECTORS.ids.length = SELECTORS.attrs.length = 0;
-  sel = sel.replace(/\./g, " .").replace(/\#/g, " #").replace(/\[/g, " [").replace(/\>/g, " > ").replace(/\+/g, " + ").replace(/\~/g, " ~ ").replace(/\*/g, " * ").replace(/\:not\((.*?)\)/g, " ");
-  const items = sel.split(" ");
-  for (let i = 0, l = items.length; i < l; i++) {
-    items[i] = items[i].split(":")[0];
-    if (items[i].length === 0) continue;
-    if (items[i].charAt(0) === ".") {
-      SELECTORS.classNames.push(items[i].slice(1));
-    } else if (items[i].charAt(0) === "#") {
-      SELECTORS.ids.push(items[i].slice(1));
-    } else if (items[i].charAt(0) === "[") {
-      items[i] = items[i].slice(1).split("=")[0].split("]")[0].trim();
-      SELECTORS.attrs.push(items[i].toLowerCase());
-    } else if (/[a-z]/g.test(items[i].charAt(0))) {
-      SELECTORS.tags.push(items[i].toLowerCase());
+  /**
+   * Utility method to deserialize multiple LocalValues at once
+   *
+   * @param serializedValues Array of serialized LocalValue objects
+   * @returns Array of deserialized JavaScript values
+   */
+  static fromLocalValueArray(serializedValues) {
+    return serializedValues.map((value) => _RemoteValue.fromLocalValue(value));
+  }
+  /**
+   * Verifies if the given object matches the structure of a serialized LocalValue
+   *
+   * @param obj Object to verify
+   * @returns boolean indicating if the object has LocalValue structure
+   */
+  static isLocalValueObject(obj) {
+    if (typeof obj !== "object" || obj === null) {
+      return false;
+    }
+    if (!obj.hasOwnProperty(TYPE_CONSTANT)) {
+      return false;
+    }
+    const type = obj[TYPE_CONSTANT];
+    const hasTypeProperty = Object.values({ ...PrimitiveType, ...NonPrimitiveType }).includes(type);
+    if (!hasTypeProperty) {
+      return false;
+    }
+    if (type !== "null" /* Null */ && type !== "undefined" /* Undefined */) {
+      return obj.hasOwnProperty(VALUE_CONSTANT);
     }
+    return true;
   }
-  SELECTORS.classNames = SELECTORS.classNames.sort((a, b) => {
-    if (a.length < b.length) return -1;
-    if (a.length > b.length) return 1;
-    return 0;
-  });
-  return SELECTORS;
-};
-var SELECTORS = {
-  all: [],
-  tags: [],
-  classNames: [],
-  ids: [],
-  attrs: []
 };
 
-// src/compiler/style/css-parser/serialize-css.ts
-var serializeCss = (stylesheet, serializeOpts) => {
-  const usedSelectors = serializeOpts.usedSelectors || null;
-  const opts = {
-    usedSelectors: usedSelectors || null,
-    hasUsedAttrs: !!usedSelectors && usedSelectors.attrs.size > 0,
-    hasUsedClassNames: !!usedSelectors && usedSelectors.classNames.size > 0,
-    hasUsedIds: !!usedSelectors && usedSelectors.ids.size > 0,
-    hasUsedTags: !!usedSelectors && usedSelectors.tags.size > 0
-  };
-  const rules = stylesheet.rules;
-  if (!rules) {
-    return "";
-  }
-  const rulesLen = rules.length;
-  const out = [];
-  for (let i = 0; i < rulesLen; i++) {
-    out.push(serializeCssVisitNode(opts, rules[i], i, rulesLen));
-  }
-  return out.join("");
-};
-var serializeCssVisitNode = (opts, node, index, len) => {
+// src/runtime/dom-extras.ts
+import { BUILD as BUILD9 } from "@stencil/core/internal/app-data";
+
+// src/runtime/slot-polyfill-utils.ts
+import { BUILD as BUILD8 } from "@stencil/core/internal/app-data";
+
+// src/runtime/profile.ts
+import { BUILD as BUILD10 } from "@stencil/core/internal/app-data";
+
+// src/runtime/vdom/h.ts
+import { BUILD as BUILD11 } from "@stencil/core/internal/app-data";
+
+// src/runtime/initialize-component.ts
+import { BUILD as BUILD23 } from "@stencil/core/internal/app-data";
+
+// src/utils/shadow-css.ts
+/**
+ * @license
+ * Copyright Google Inc. All Rights Reserved.
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://angular.io/license
+ *
+ * This file is a port of shadowCSS from `webcomponents.js` to TypeScript.
+ * https://github.com/webcomponents/webcomponentsjs/blob/4efecd7e0e/src/ShadowCSS/ShadowCSS.js
+ * https://github.com/angular/angular/blob/master/packages/compiler/src/shadow_css.ts
+ */
+var _polyfillHost = "-shadowcsshost";
+var _polyfillSlotted = "-shadowcssslotted";
+var _polyfillHostContext = "-shadowcsscontext";
+var _parenSuffix = ")(?:\\(((?:\\([^)(]*\\)|[^)(]*)+?)\\))?([^,{]*)";
+var _cssColonHostRe = new RegExp("(" + _polyfillHost + _parenSuffix, "gim");
+var _cssColonHostContextRe = new RegExp("(" + _polyfillHostContext + _parenSuffix, "gim");
+var _cssColonSlottedRe = new RegExp("(" + _polyfillSlotted + _parenSuffix, "gim");
+var _polyfillHostNoCombinator = _polyfillHost + "-no-combinator";
+var createSupportsRuleRe = (selector) => new RegExp(`((?<!(^@supports(.*)))|(?<={.*))(${selector}\\b)`, "gim");
+var _colonSlottedRe = createSupportsRuleRe("::slotted");
+var _colonHostRe = createSupportsRuleRe(":host");
+var _colonHostContextRe = createSupportsRuleRe(":host-context");
+
+// src/runtime/mode.ts
+var setMode = (handler) => modeResolutionChain.push(handler);
+
+// src/runtime/proxy-component.ts
+import { BUILD as BUILD22 } from "@stencil/core/internal/app-data";
+
+// src/runtime/set-value.ts
+import { BUILD as BUILD21 } from "@stencil/core/internal/app-data";
+
+// src/runtime/parse-property-value.ts
+import { BUILD as BUILD13 } from "@stencil/core/internal/app-data";
+
+// src/runtime/update-component.ts
+import { BUILD as BUILD20, NAMESPACE } from "@stencil/core/internal/app-data";
+
+// src/runtime/event-emitter.ts
+import { BUILD as BUILD15 } from "@stencil/core/internal/app-data";
+
+// src/runtime/element.ts
+import { BUILD as BUILD14 } from "@stencil/core/internal/app-data";
+
+// src/runtime/styles.ts
+import { BUILD as BUILD16 } from "@stencil/core/internal/app-data";
+
+// src/runtime/vdom/vdom-render.ts
+import { BUILD as BUILD19 } from "@stencil/core/internal/app-data";
+
+// src/runtime/vdom/update-element.ts
+import { BUILD as BUILD18 } from "@stencil/core/internal/app-data";
+
+// src/runtime/vdom/set-accessor.ts
+import { BUILD as BUILD17 } from "@stencil/core/internal/app-data";
+var CAPTURE_EVENT_SUFFIX = "Capture";
+var CAPTURE_EVENT_REGEX = new RegExp(CAPTURE_EVENT_SUFFIX + "$");
+
+// src/runtime/disconnected-callback.ts
+import { BUILD as BUILD25 } from "@stencil/core/internal/app-data";
+
+// src/runtime/bootstrap-lazy.ts
+import { BUILD as BUILD27 } from "@stencil/core/internal/app-data";
+
+// src/runtime/host-listener.ts
+import { BUILD as BUILD28 } from "@stencil/core/internal/app-data";
+
+// src/compiler/html/canonical-link.ts
+var updateCanonicalLink = (doc, href) => {
   var _a2;
-  const nodeType = node.type;
-  if (nodeType === 4 /* Declaration */) {
-    return serializeCssDeclaration(node, index, len);
-  }
-  if (nodeType === 13 /* Rule */) {
-    return serializeCssRule(opts, node);
-  }
-  if (nodeType === 1 /* Comment */) {
-    if (((_a2 = node.comment) == null ? void 0 : _a2[0]) === "!") {
-      return `/*${node.comment}*/`;
-    } else {
-      return "";
+  let canonicalLinkElm = doc.head.querySelector('link[rel="canonical"]');
+  if (typeof href === "string") {
+    if (canonicalLinkElm == null) {
+      canonicalLinkElm = doc.createElement("link");
+      canonicalLinkElm.setAttribute("rel", "canonical");
+      doc.head.appendChild(canonicalLinkElm);
+    }
+    canonicalLinkElm.setAttribute("href", href);
+  } else {
+    if (canonicalLinkElm != null) {
+      const existingHref = canonicalLinkElm.getAttribute("href");
+      if (!existingHref) {
+        (_a2 = canonicalLinkElm.parentNode) == null ? void 0 : _a2.removeChild(canonicalLinkElm);
+      }
     }
   }
-  if (nodeType === 10 /* Media */) {
-    return serializeCssMedia(opts, node);
-  }
-  if (nodeType === 8 /* KeyFrames */) {
-    return serializeCssKeyframes(opts, node);
-  }
-  if (nodeType === 9 /* KeyFrame */) {
-    return serializeCssKeyframe(opts, node);
-  }
-  if (nodeType === 5 /* FontFace */) {
-    return serializeCssFontFace(opts, node);
-  }
-  if (nodeType === 15 /* Supports */) {
-    return serializeCssSupports(opts, node);
-  }
-  if (nodeType === 7 /* Import */) {
-    return "@import " + node.import + ";";
-  }
-  if (nodeType === 0 /* Charset */) {
-    return "@charset " + node.charset + ";";
-  }
-  if (nodeType === 12 /* Page */) {
-    return serializeCssPage(opts, node);
-  }
-  if (nodeType === 6 /* Host */) {
-    return "@host{" + serializeCssMapVisit(opts, node.rules) + "}";
-  }
-  if (nodeType === 2 /* CustomMedia */) {
-    return "@custom-media " + node.name + " " + node.media + ";";
-  }
-  if (nodeType === 3 /* Document */) {
-    return serializeCssDocument(opts, node);
-  }
-  if (nodeType === 11 /* Namespace */) {
-    return "@namespace " + node.namespace + ";";
-  }
-  return "";
 };
-var serializeCssRule = (opts, node) => {
-  var _a2, _b;
-  const decls = node.declarations;
-  const usedSelectors = opts.usedSelectors;
-  const selectors = (_b = (_a2 = node.selectors) == null ? void 0 : _a2.slice()) != null ? _b : [];
-  if (decls == null || decls.length === 0) {
-    return "";
+
+// src/compiler/html/relocate-meta-charset.ts
+var relocateMetaCharset = (doc) => {
+  const head = doc.head;
+  let charsetElm = head.querySelector("meta[charset]");
+  if (charsetElm == null) {
+    charsetElm = doc.createElement("meta");
+    charsetElm.setAttribute("charset", "utf-8");
+  } else {
+    charsetElm.remove();
   }
-  if (usedSelectors) {
-    let i;
-    let j;
-    let include = true;
-    for (i = selectors.length - 1; i >= 0; i--) {
-      const sel = getCssSelectors(selectors[i]);
-      include = true;
-      let jlen = sel.classNames.length;
-      if (jlen > 0 && opts.hasUsedClassNames) {
-        for (j = 0; j < jlen; j++) {
-          if (!usedSelectors.classNames.has(sel.classNames[j])) {
-            include = false;
-            break;
-          }
-        }
-      }
-      if (include && opts.hasUsedTags) {
-        jlen = sel.tags.length;
-        if (jlen > 0) {
-          for (j = 0; j < jlen; j++) {
-            if (!usedSelectors.tags.has(sel.tags[j])) {
-              include = false;
-              break;
-            }
-          }
-        }
-      }
-      if (include && opts.hasUsedAttrs) {
-        jlen = sel.attrs.length;
-        if (jlen > 0) {
-          for (j = 0; j < jlen; j++) {
-            if (!usedSelectors.attrs.has(sel.attrs[j])) {
-              include = false;
-              break;
-            }
-          }
-        }
-      }
-      if (include && opts.hasUsedIds) {
-        jlen = sel.ids.length;
-        if (jlen > 0) {
-          for (j = 0; j < jlen; j++) {
-            if (!usedSelectors.ids.has(sel.ids[j])) {
-              include = false;
-              break;
-            }
-          }
+  head.insertBefore(charsetElm, head.firstChild);
+};
+
+// src/compiler/style/css-parser/parse-css.ts
+var parseCss = (css, filePath) => {
+  let lineno = 1;
+  let column = 1;
+  const diagnostics = [];
+  const updatePosition = (str) => {
+    const lines = str.match(/\n/g);
+    if (lines) lineno += lines.length;
+    const i = str.lastIndexOf("\n");
+    column = ~i ? str.length - i : column + str.length;
+  };
+  const position = () => {
+    const start = { line: lineno, column };
+    return (node) => {
+      node.position = new ParsePosition(start);
+      whitespace();
+      return node;
+    };
+  };
+  const error = (msg) => {
+    const srcLines = css.split("\n");
+    const d = {
+      level: "error",
+      type: "css",
+      language: "css",
+      header: "CSS Parse",
+      messageText: msg,
+      absFilePath: filePath,
+      lines: [
+        {
+          lineIndex: lineno - 1,
+          lineNumber: lineno,
+          errorCharStart: column,
+          text: css[lineno - 1]
         }
-      }
-      if (!include) {
-        selectors.splice(i, 1);
-      }
+      ]
+    };
+    if (lineno > 1) {
+      const previousLine = {
+        lineIndex: lineno - 1,
+        lineNumber: lineno - 1,
+        text: css[lineno - 2],
+        errorCharStart: -1,
+        errorLength: -1
+      };
+      d.lines.unshift(previousLine);
     }
-  }
-  if (selectors.length === 0) {
-    return "";
-  }
-  const cleanedSelectors = [];
-  let cleanedSelector = "";
-  if (node.selectors) {
-    for (const selector of node.selectors) {
-      cleanedSelector = removeSelectorWhitespace(selector);
-      if (!cleanedSelectors.includes(cleanedSelector)) {
-        cleanedSelectors.push(cleanedSelector);
+    if (lineno + 2 < srcLines.length) {
+      const nextLine = {
+        lineIndex: lineno,
+        lineNumber: lineno + 1,
+        text: srcLines[lineno],
+        errorCharStart: -1,
+        errorLength: -1
+      };
+      d.lines.push(nextLine);
+    }
+    diagnostics.push(d);
+    return null;
+  };
+  const stylesheet = () => {
+    const rulesList = rules();
+    return {
+      type: 14 /* StyleSheet */,
+      stylesheet: {
+        source: filePath,
+        rules: rulesList
       }
+    };
+  };
+  const open = () => match(/^{\s*/);
+  const close = () => match(/^}/);
+  const match = (re) => {
+    const m = re.exec(css);
+    if (!m) return;
+    const str = m[0];
+    updatePosition(str);
+    css = css.slice(str.length);
+    return m;
+  };
+  const rules = () => {
+    let node;
+    const rules2 = [];
+    whitespace();
+    comments(rules2);
+    while (css.length && css.charAt(0) !== "}" && (node = atrule() || rule())) {
+      rules2.push(node);
+      comments(rules2);
     }
-  }
-  return `${cleanedSelectors}{${serializeCssMapVisit(opts, decls)}}`;
-};
-var serializeCssDeclaration = (node, index, len) => {
-  if (node.value === "") {
-    return "";
-  }
-  if (len - 1 === index) {
-    return node.property + ":" + node.value;
-  }
-  return node.property + ":" + node.value + ";";
-};
-var serializeCssMedia = (opts, node) => {
-  const mediaCss = serializeCssMapVisit(opts, node.rules);
-  if (mediaCss === "") {
-    return "";
-  }
-  return "@media " + removeMediaWhitespace(node.media) + "{" + mediaCss + "}";
-};
-var serializeCssKeyframes = (opts, node) => {
-  const keyframesCss = serializeCssMapVisit(opts, node.keyframes);
-  if (keyframesCss === "") {
-    return "";
-  }
-  return "@" + (node.vendor || "") + "keyframes " + node.name + "{" + keyframesCss + "}";
-};
-var serializeCssKeyframe = (opts, node) => {
-  var _a2, _b;
-  return ((_b = (_a2 = node.values) == null ? void 0 : _a2.join(",")) != null ? _b : "") + "{" + serializeCssMapVisit(opts, node.declarations) + "}";
-};
-var serializeCssFontFace = (opts, node) => {
-  const fontCss = serializeCssMapVisit(opts, node.declarations);
-  if (fontCss === "") {
-    return "";
-  }
-  return "@font-face{" + fontCss + "}";
-};
-var serializeCssSupports = (opts, node) => {
-  const supportsCss = serializeCssMapVisit(opts, node.rules);
-  if (supportsCss === "") {
-    return "";
-  }
-  return "@supports " + node.supports + "{" + supportsCss + "}";
-};
-var serializeCssPage = (opts, node) => {
-  var _a2, _b;
-  const sel = (_b = (_a2 = node.selectors) == null ? void 0 : _a2.join(", ")) != null ? _b : "";
-  return "@page " + sel + "{" + serializeCssMapVisit(opts, node.declarations) + "}";
-};
-var serializeCssDocument = (opts, node) => {
-  const documentCss = serializeCssMapVisit(opts, node.rules);
-  const doc = "@" + (node.vendor || "") + "document " + node.document;
-  if (documentCss === "") {
-    return "";
-  }
-  return doc + "{" + documentCss + "}";
-};
-var serializeCssMapVisit = (opts, nodes) => {
-  let rtn = "";
-  if (nodes) {
-    for (let i = 0, len = nodes.length; i < len; i++) {
-      rtn += serializeCssVisitNode(opts, nodes[i], i, len);
+    return rules2;
+  };
+  const whitespace = () => match(/^\s*/);
+  const comments = (rules2) => {
+    let c;
+    rules2 = rules2 || [];
+    while (c = comment()) {
+      rules2.push(c);
     }
-  }
-  return rtn;
-};
-var removeSelectorWhitespace = (selector) => {
-  let rtn = "";
-  let char = "";
-  let inAttr = false;
-  selector = selector.trim();
-  for (let i = 0, l = selector.length; i < l; i++) {
-    char = selector[i];
-    if (char === "[" && rtn[rtn.length - 1] !== "\\") {
-      inAttr = true;
-    } else if (char === "]" && rtn[rtn.length - 1] !== "\\") {
-      inAttr = false;
+    return rules2;
+  };
+  const comment = () => {
+    const pos = position();
+    if ("/" !== css.charAt(0) || "*" !== css.charAt(1)) return null;
+    let i = 2;
+    while ("" !== css.charAt(i) && ("*" !== css.charAt(i) || "/" !== css.charAt(i + 1))) ++i;
+    i += 2;
+    if ("" === css.charAt(i - 1)) {
+      return error("End of comment missing");
     }
-    if (!inAttr && CSS_WS_REG.test(char)) {
-      if (CSS_NEXT_CHAR_REG.test(selector[i + 1])) {
-        continue;
-      }
-      if (CSS_PREV_CHAR_REG.test(rtn[rtn.length - 1])) {
-        continue;
-      }
-      rtn += " ";
-    } else {
-      rtn += char;
+    const comment2 = css.slice(2, i - 2);
+    column += 2;
+    updatePosition(comment2);
+    css = css.slice(i);
+    column += 2;
+    return pos({
+      type: 1 /* Comment */,
+      comment: comment2
+    });
+  };
+  const selector = () => {
+    const m = match(/^([^{]+)/);
+    if (!m) return null;
+    return trim(m[0]).replace(/\/\*([^*]|[\r\n]|(\*+([^*/]|[\r\n])))*\*\/+/g, "").replace(/"(?:\\"|[^"])*"|'(?:\\'|[^'])*'/g, function(m2) {
+      return m2.replace(/,/g, "\u200C");
+    }).split(/\s*(?![^(]*\)),\s*/).map(function(s) {
+      return s.replace(/\u200C/g, ",");
+    });
+  };
+  const declaration = () => {
+    const pos = position();
+    let prop = match(/^(\*?[-#\/\*\\\w]+(\[[0-9a-z_-]+\])?)\s*/);
+    if (!prop) return null;
+    prop = trim(prop[0]);
+    if (!match(/^:\s*/)) return error(`property missing ':'`);
+    const val = match(/^((?:'(?:\\'|.)*?'|"(?:\\"|.)*?"|\([^\)]*?\)|[^};])+)/);
+    const ret = pos({
+      type: 4 /* Declaration */,
+      property: prop.replace(commentre, ""),
+      value: val ? trim(val[0]).replace(commentre, "") : ""
+    });
+    match(/^[;\s]*/);
+    return ret;
+  };
+  const declarations = () => {
+    const decls = [];
+    if (!open()) return error(`missing '{'`);
+    comments(decls);
+    let decl;
+    while (decl = declaration()) {
+      decls.push(decl);
+      comments(decls);
     }
-  }
-  return rtn;
-};
-var removeMediaWhitespace = (media) => {
-  var _a2;
-  let rtn = "";
-  let char = "";
-  media = (_a2 = media == null ? void 0 : media.trim()) != null ? _a2 : "";
-  for (let i = 0, l = media.length; i < l; i++) {
-    char = media[i];
-    if (CSS_WS_REG.test(char)) {
-      if (CSS_WS_REG.test(rtn[rtn.length - 1])) {
-        continue;
-      }
-      rtn += " ";
-    } else {
-      rtn += char;
+    if (!close()) return error(`missing '}'`);
+    return decls;
+  };
+  const keyframe = () => {
+    let m;
+    const values = [];
+    const pos = position();
+    while (m = match(/^((\d+\.\d+|\.\d+|\d+)%?|[a-z]+)\s*/)) {
+      values.push(m[1]);
+      match(/^,\s*/);
     }
-  }
-  return rtn;
-};
-var CSS_WS_REG = /\s/;
-var CSS_NEXT_CHAR_REG = /[>\(\)\~\,\+\s]/;
-var CSS_PREV_CHAR_REG = /[>\(\~\,\+]/;
-
-// src/compiler/style/css-parser/used-selectors.ts
-var getUsedSelectors = (elm) => {
-  const usedSelectors = {
-    attrs: /* @__PURE__ */ new Set(),
-    classNames: /* @__PURE__ */ new Set(),
-    ids: /* @__PURE__ */ new Set(),
-    tags: /* @__PURE__ */ new Set()
+    if (!values.length) return null;
+    return pos({
+      type: 9 /* KeyFrame */,
+      values,
+      declarations: declarations()
+    });
+  };
+  const atkeyframes = () => {
+    const pos = position();
+    let m = match(/^@([-\w]+)?keyframes\s*/);
+    if (!m) return null;
+    const vendor = m[1];
+    m = match(/^([-\w]+)\s*/);
+    if (!m) return error(`@keyframes missing name`);
+    const name = m[1];
+    if (!open()) return error(`@keyframes missing '{'`);
+    let frame;
+    let frames = comments();
+    while (frame = keyframe()) {
+      frames.push(frame);
+      frames = frames.concat(comments());
+    }
+    if (!close()) return error(`@keyframes missing '}'`);
+    return pos({
+      type: 8 /* KeyFrames */,
+      name,
+      vendor,
+      keyframes: frames
+    });
+  };
+  const atsupports = () => {
+    const pos = position();
+    const m = match(/^@supports *([^{]+)/);
+    if (!m) return null;
+    const supports = trim(m[1]);
+    if (!open()) return error(`@supports missing '{'`);
+    const style = comments().concat(rules());
+    if (!close()) return error(`@supports missing '}'`);
+    return pos({
+      type: 15 /* Supports */,
+      supports,
+      rules: style
+    });
+  };
+  const athost = () => {
+    const pos = position();
+    const m = match(/^@host\s*/);
+    if (!m) return null;
+    if (!open()) return error(`@host missing '{'`);
+    const style = comments().concat(rules());
+    if (!close()) return error(`@host missing '}'`);
+    return pos({
+      type: 6 /* Host */,
+      rules: style
+    });
+  };
+  const atmedia = () => {
+    const pos = position();
+    const m = match(/^@media *([^{]+)/);
+    if (!m) return null;
+    const media = trim(m[1]);
+    if (!open()) return error(`@media missing '{'`);
+    const style = comments().concat(rules());
+    if (!close()) return error(`@media missing '}'`);
+    return pos({
+      type: 10 /* Media */,
+      media,
+      rules: style
+    });
+  };
+  const atcustommedia = () => {
+    const pos = position();
+    const m = match(/^@custom-media\s+(--[^\s]+)\s*([^{;]+);/);
+    if (!m) return null;
+    return pos({
+      type: 2 /* CustomMedia */,
+      name: trim(m[1]),
+      media: trim(m[2])
+    });
+  };
+  const atpage = () => {
+    const pos = position();
+    const m = match(/^@page */);
+    if (!m) return null;
+    const sel = selector() || [];
+    if (!open()) return error(`@page missing '{'`);
+    let decls = comments();
+    let decl;
+    while (decl = declaration()) {
+      decls.push(decl);
+      decls = decls.concat(comments());
+    }
+    if (!close()) return error(`@page missing '}'`);
+    return pos({
+      type: 12 /* Page */,
+      selectors: sel,
+      declarations: decls
+    });
+  };
+  const atdocument = () => {
+    const pos = position();
+    const m = match(/^@([-\w]+)?document *([^{]+)/);
+    if (!m) return null;
+    const vendor = trim(m[1]);
+    const doc = trim(m[2]);
+    if (!open()) return error(`@document missing '{'`);
+    const style = comments().concat(rules());
+    if (!close()) return error(`@document missing '}'`);
+    return pos({
+      type: 3 /* Document */,
+      document: doc,
+      vendor,
+      rules: style
+    });
+  };
+  const atfontface = () => {
+    const pos = position();
+    const m = match(/^@font-face\s*/);
+    if (!m) return null;
+    if (!open()) return error(`@font-face missing '{'`);
+    let decls = comments();
+    let decl;
+    while (decl = declaration()) {
+      decls.push(decl);
+      decls = decls.concat(comments());
+    }
+    if (!close()) return error(`@font-face missing '}'`);
+    return pos({
+      type: 5 /* FontFace */,
+      declarations: decls
+    });
+  };
+  const compileAtrule = (nodeName, nodeType) => {
+    const re = new RegExp("^@" + nodeName + "\\s*([^;]+);");
+    return () => {
+      const pos = position();
+      const m = match(re);
+      if (!m) return null;
+      const node = {
+        type: nodeType
+      };
+      node[nodeName] = m[1].trim();
+      return pos(node);
+    };
+  };
+  const atimport = compileAtrule("import", 7 /* Import */);
+  const atcharset = compileAtrule("charset", 0 /* Charset */);
+  const atnamespace = compileAtrule("namespace", 11 /* Namespace */);
+  const atrule = () => {
+    if (css[0] !== "@") return null;
+    return atkeyframes() || atmedia() || atcustommedia() || atsupports() || atimport() || atcharset() || atnamespace() || atdocument() || atpage() || athost() || atfontface();
+  };
+  const rule = () => {
+    const pos = position();
+    const sel = selector();
+    if (!sel) return error("selector missing");
+    comments();
+    return pos({
+      type: 13 /* Rule */,
+      selectors: sel,
+      declarations: declarations()
+    });
   };
-  collectUsedSelectors(usedSelectors, elm);
-  return usedSelectors;
-};
-var collectUsedSelectors = (usedSelectors, elm) => {
-  if (elm != null && elm.nodeType === 1) {
-    const children = elm.children;
-    const tagName = elm.nodeName.toLowerCase();
-    usedSelectors.tags.add(tagName);
-    const attributes = elm.attributes;
-    for (let i = 0, l = attributes.length; i < l; i++) {
-      const attr = attributes.item(i);
-      const attrName = attr.name.toLowerCase();
-      usedSelectors.attrs.add(attrName);
-      if (attrName === "class") {
-        const classList = elm.classList;
-        for (let i2 = 0, l2 = classList.length; i2 < l2; i2++) {
-          usedSelectors.classNames.add(classList.item(i2));
-        }
-      } else if (attrName === "id") {
-        usedSelectors.ids.add(attr.value);
-      }
-    }
-    if (children) {
-      for (let i = 0, l = children.length; i < l; i++) {
-        collectUsedSelectors(usedSelectors, children[i]);
-      }
-    }
-  }
-};
-
-// src/compiler/html/remove-unused-styles.ts
-var removeUnusedStyles = (doc, diagnostics) => {
-  try {
-    const styleElms = doc.head.querySelectorAll(`style[data-styles]`);
-    const styleLen = styleElms.length;
-    if (styleLen > 0) {
-      const usedSelectors = getUsedSelectors(doc.documentElement);
-      for (let i = 0; i < styleLen; i++) {
-        removeUnusedStyleText(usedSelectors, diagnostics, styleElms[i]);
-      }
+  class ParsePosition {
+    constructor(start) {
+      this.start = start;
+      this.end = { line: lineno, column };
+      this.source = filePath;
     }
-  } catch (e) {
-    catchError(diagnostics, e);
   }
+  ParsePosition.prototype.content = css;
+  return {
+    diagnostics,
+    ...addParent(stylesheet())
+  };
 };
-var removeUnusedStyleText = (usedSelectors, diagnostics, styleElm) => {
-  try {
-    const parseResults = parseCss(styleElm.innerHTML);
-    diagnostics.push(...parseResults.diagnostics);
-    if (hasError(diagnostics)) {
-      return;
-    }
-    try {
-      styleElm.innerHTML = serializeCss(parseResults.stylesheet, {
-        usedSelectors
-      });
-    } catch (e) {
-      diagnostics.push({
-        level: "warn",
-        type: "css",
-        header: "CSS Stringify",
-        messageText: e,
-        lines: []
+var trim = (str) => str ? str.trim() : "";
+var addParent = (obj, parent) => {
+  const isNode = obj && typeof obj.type === "string";
+  const childParent = isNode ? obj : parent;
+  for (const k in obj) {
+    const value = obj[k];
+    if (Array.isArray(value)) {
+      value.forEach(function(v) {
+        addParent(v, childParent);
       });
+    } else if (value && typeof value === "object") {
+      addParent(value, childParent);
     }
-  } catch (e) {
-    diagnostics.push({
-      level: "warn",
-      type: "css",
-      header: "CSS Parse",
-      messageText: e,
-      lines: []
+  }
+  if (isNode) {
+    Object.defineProperty(obj, "parent", {
+      configurable: true,
+      writable: true,
+      enumerable: false,
+      value: parent || null
     });
   }
+  return obj;
 };
+var commentre = /\/\*[^*]*\*+([^/*][^*]*\*+)*\//g;
 
-// src/hydrate/runner/inspect-element.ts
-function inspectElement(results, elm, depth) {
-  const children = [...Array.from(elm.children), ...Array.from(elm.shadowRoot ? elm.shadowRoot.children : [])];
-  for (let i = 0, ii = children.length; i < ii; i++) {
-    const childElm = children[i];
-    const tagName = childElm.nodeName.toLowerCase();
-    if (tagName.includes("-")) {
-      const cmp = results.components.find((c) => c.tag === tagName);
-      if (cmp != null) {
-        cmp.count++;
-        if (depth > cmp.depth) {
-          cmp.depth = depth;
-        }
-      }
-    } else {
-      switch (tagName) {
-        case "a":
-          const anchor = collectAttributes(childElm);
-          anchor.href = childElm.href;
-          if (typeof anchor.href === "string") {
-            if (!results.anchors.some((a) => a.href === anchor.href)) {
-              results.anchors.push(anchor);
-            }
-          }
-          break;
-        case "img":
-          const img = collectAttributes(childElm);
-          img.src = childElm.src;
-          if (typeof img.src === "string") {
-            if (!results.imgs.some((a) => a.src === img.src)) {
-              results.imgs.push(img);
-            }
-          }
-          break;
-        case "link":
-          const link = collectAttributes(childElm);
-          link.href = childElm.href;
-          if (typeof link.rel === "string" && link.rel.toLowerCase() === "stylesheet") {
-            if (typeof link.href === "string") {
-              if (!results.styles.some((s) => s.link === link.href)) {
-                delete link.rel;
-                delete link.type;
-                results.styles.push(link);
-              }
-            }
-          }
-          break;
-        case "script":
-          const script = collectAttributes(childElm);
-          if (childElm.hasAttribute("src")) {
-            script.src = childElm.src;
-            if (typeof script.src === "string") {
-              if (!results.scripts.some((s) => s.src === script.src)) {
-                results.scripts.push(script);
-              }
-            }
-          } else {
-            const staticDataKey = childElm.getAttribute("data-stencil-static");
-            if (staticDataKey) {
-              results.staticData.push({
-                id: staticDataKey,
-                type: childElm.getAttribute("type"),
-                content: childElm.textContent
-              });
-            }
-          }
-          break;
-      }
-    }
-    depth++;
-    inspectElement(results, childElm, depth);
-  }
-}
-function collectAttributes(node) {
-  const parsedElm = {};
-  const attrs = node.attributes;
-  for (let i = 0, ii = attrs.length; i < ii; i++) {
-    const attr = attrs.item(i);
-    const attrName = attr.nodeName.toLowerCase();
-    if (SKIP_ATTRS.has(attrName)) {
-      continue;
-    }
-    const attrValue = attr.nodeValue;
-    if (attrName === "class" && attrValue === "") {
-      continue;
+// src/compiler/style/css-parser/get-css-selectors.ts
+var getCssSelectors = (sel) => {
+  SELECTORS.all.length = SELECTORS.tags.length = SELECTORS.classNames.length = SELECTORS.ids.length = SELECTORS.attrs.length = 0;
+  sel = sel.replace(/\./g, " .").replace(/\#/g, " #").replace(/\[/g, " [").replace(/\>/g, " > ").replace(/\+/g, " + ").replace(/\~/g, " ~ ").replace(/\*/g, " * ").replace(/\:not\((.*?)\)/g, " ");
+  const items = sel.split(" ");
+  for (let i = 0, l = items.length; i < l; i++) {
+    items[i] = items[i].split(":")[0];
+    if (items[i].length === 0) continue;
+    if (items[i].charAt(0) === ".") {
+      SELECTORS.classNames.push(items[i].slice(1));
+    } else if (items[i].charAt(0) === "#") {
+      SELECTORS.ids.push(items[i].slice(1));
+    } else if (items[i].charAt(0) === "[") {
+      items[i] = items[i].slice(1).split("=")[0].split("]")[0].trim();
+      SELECTORS.attrs.push(items[i].toLowerCase());
+    } else if (/[a-z]/g.test(items[i].charAt(0))) {
+      SELECTORS.tags.push(items[i].toLowerCase());
     }
-    parsedElm[attrName] = attrValue;
   }
-  return parsedElm;
-}
-var SKIP_ATTRS = /* @__PURE__ */ new Set(["s-id", "c-id"]);
+  SELECTORS.classNames = SELECTORS.classNames.sort((a, b) => {
+    if (a.length < b.length) return -1;
+    if (a.length > b.length) return 1;
+    return 0;
+  });
+  return SELECTORS;
+};
+var SELECTORS = {
+  all: [],
+  tags: [],
+  classNames: [],
+  ids: [],
+  attrs: []
+};
 
-// src/hydrate/runner/patch-dom-implementation.ts
-function patchDomImplementation(doc, opts) {
-  let win2;
-  if (doc.defaultView != null) {
-    opts.destroyWindow = true;
-    patchWindow(doc.defaultView);
-    win2 = doc.defaultView;
-  } else {
-    opts.destroyWindow = true;
-    opts.destroyDocument = false;
-    win2 = new MockWindow(false);
-  }
-  if (win2.document !== doc) {
-    win2.document = doc;
-  }
-  if (doc.defaultView !== win2) {
-    doc.defaultView = win2;
+// src/compiler/style/css-parser/serialize-css.ts
+var serializeCss = (stylesheet, serializeOpts) => {
+  const usedSelectors = serializeOpts.usedSelectors || null;
+  const opts = {
+    usedSelectors: usedSelectors || null,
+    hasUsedAttrs: !!usedSelectors && usedSelectors.attrs.size > 0,
+    hasUsedClassNames: !!usedSelectors && usedSelectors.classNames.size > 0,
+    hasUsedIds: !!usedSelectors && usedSelectors.ids.size > 0,
+    hasUsedTags: !!usedSelectors && usedSelectors.tags.size > 0
+  };
+  const rules = stylesheet.rules;
+  if (!rules) {
+    return "";
   }
-  const HTMLElement2 = doc.documentElement.constructor.prototype;
-  if (typeof HTMLElement2.getRootNode !== "function") {
-    const elm = doc.createElement("unknown-element");
-    const HTMLUnknownElement = elm.constructor.prototype;
-    HTMLUnknownElement.getRootNode = getRootNode;
+  const rulesLen = rules.length;
+  const out = [];
+  for (let i = 0; i < rulesLen; i++) {
+    out.push(serializeCssVisitNode(opts, rules[i], i, rulesLen));
   }
-  if (typeof doc.createEvent === "function") {
-    const CustomEvent2 = doc.createEvent("CustomEvent").constructor;
-    if (win2.CustomEvent !== CustomEvent2) {
-      win2.CustomEvent = CustomEvent2;
-    }
+  return out.join("");
+};
+var serializeCssVisitNode = (opts, node, index, len) => {
+  var _a2;
+  const nodeType = node.type;
+  if (nodeType === 4 /* Declaration */) {
+    return serializeCssDeclaration(node, index, len);
   }
-  try {
-    win2.__stencil_baseURI = doc.baseURI;
-  } catch (e) {
-    Object.defineProperty(doc, "baseURI", {
-      get() {
-        const baseElm = doc.querySelector("base[href]");
-        if (baseElm) {
-          return new URL(baseElm.getAttribute("href"), win2.location.href).href;
-        }
-        return win2.location.href;
-      }
-    });
+  if (nodeType === 13 /* Rule */) {
+    return serializeCssRule(opts, node);
   }
-  return win2;
-}
-function getRootNode(opts) {
-  const isComposed = opts != null && opts.composed === true;
-  let node = this;
-  while (node.parentNode != null) {
-    node = node.parentNode;
-    if (isComposed === true && node.parentNode == null && node.host != null) {
-      node = node.host;
+  if (nodeType === 1 /* Comment */) {
+    if (((_a2 = node.comment) == null ? void 0 : _a2[0]) === "!") {
+      return `/*${node.comment}*/`;
+    } else {
+      return "";
     }
   }
-  return node;
-}
-
-// src/hydrate/runner/render-utils.ts
-function normalizeHydrateOptions(inputOpts) {
-  const outputOpts = Object.assign(
-    {
-      serializeToHtml: false,
-      destroyWindow: false,
-      destroyDocument: false
-    },
-    inputOpts || {}
-  );
-  if (typeof outputOpts.clientHydrateAnnotations !== "boolean") {
-    outputOpts.clientHydrateAnnotations = true;
+  if (nodeType === 10 /* Media */) {
+    return serializeCssMedia(opts, node);
   }
-  if (typeof outputOpts.constrainTimeouts !== "boolean") {
-    outputOpts.constrainTimeouts = true;
+  if (nodeType === 8 /* KeyFrames */) {
+    return serializeCssKeyframes(opts, node);
   }
-  if (typeof outputOpts.maxHydrateCount !== "number") {
-    outputOpts.maxHydrateCount = 300;
+  if (nodeType === 9 /* KeyFrame */) {
+    return serializeCssKeyframe(opts, node);
   }
-  if (typeof outputOpts.runtimeLogging !== "boolean") {
-    outputOpts.runtimeLogging = false;
+  if (nodeType === 5 /* FontFace */) {
+    return serializeCssFontFace(opts, node);
   }
-  if (typeof outputOpts.timeout !== "number") {
-    outputOpts.timeout = 15e3;
+  if (nodeType === 15 /* Supports */) {
+    return serializeCssSupports(opts, node);
   }
-  if (Array.isArray(outputOpts.excludeComponents)) {
-    outputOpts.excludeComponents = outputOpts.excludeComponents.filter(filterValidTags).map(mapValidTags);
-  } else {
-    outputOpts.excludeComponents = [];
+  if (nodeType === 7 /* Import */) {
+    return "@import " + node.import + ";";
   }
-  if (Array.isArray(outputOpts.staticComponents)) {
-    outputOpts.staticComponents = outputOpts.staticComponents.filter(filterValidTags).map(mapValidTags);
-  } else {
-    outputOpts.staticComponents = [];
+  if (nodeType === 0 /* Charset */) {
+    return "@charset " + node.charset + ";";
   }
-  return outputOpts;
-}
-function filterValidTags(tag) {
-  return typeof tag === "string" && tag.includes("-");
-}
-function mapValidTags(tag) {
-  return tag.trim().toLowerCase();
-}
-function generateHydrateResults(opts) {
-  if (typeof opts.url !== "string") {
-    opts.url = `https://hydrate.stenciljs.com/`;
+  if (nodeType === 12 /* Page */) {
+    return serializeCssPage(opts, node);
   }
-  if (typeof opts.buildId !== "string") {
-    opts.buildId = createHydrateBuildId();
+  if (nodeType === 6 /* Host */) {
+    return "@host{" + serializeCssMapVisit(opts, node.rules) + "}";
   }
-  const results = {
-    buildId: opts.buildId,
-    diagnostics: [],
-    url: opts.url,
-    host: null,
-    hostname: null,
-    href: null,
-    pathname: null,
-    port: null,
-    search: null,
-    hash: null,
-    html: null,
-    httpStatus: null,
-    hydratedCount: 0,
-    anchors: [],
-    components: [],
-    imgs: [],
-    scripts: [],
-    staticData: [],
-    styles: [],
-    title: null
-  };
-  try {
-    const url = new URL(opts.url, `https://hydrate.stenciljs.com/`);
-    results.url = url.href;
-    results.host = url.host;
-    results.hostname = url.hostname;
-    results.href = url.href;
-    results.port = url.port;
-    results.pathname = url.pathname;
-    results.search = url.search;
-    results.hash = url.hash;
-  } catch (e) {
-    renderCatchError(results, e);
+  if (nodeType === 2 /* CustomMedia */) {
+    return "@custom-media " + node.name + " " + node.media + ";";
   }
-  return results;
-}
-var createHydrateBuildId = () => {
-  let chars = "abcdefghijklmnopqrstuvwxyz";
-  let buildId = "";
-  while (buildId.length < 8) {
-    const char = chars[Math.floor(Math.random() * chars.length)];
-    buildId += char;
-    if (buildId.length === 1) {
-      chars += "0123456789";
-    }
+  if (nodeType === 3 /* Document */) {
+    return serializeCssDocument(opts, node);
   }
-  return buildId;
+  if (nodeType === 11 /* Namespace */) {
+    return "@namespace " + node.namespace + ";";
+  }
+  return "";
 };
-function renderBuildDiagnostic(results, level, header, msg) {
-  const diagnostic = {
-    level,
-    type: "build",
-    header,
-    messageText: msg,
-    relFilePath: void 0,
-    absFilePath: void 0,
-    lines: []
-  };
-  if (results.pathname) {
-    if (results.pathname !== "/") {
-      diagnostic.header += ": " + results.pathname;
-    }
-  } else if (results.url) {
-    diagnostic.header += ": " + results.url;
+var serializeCssRule = (opts, node) => {
+  var _a2, _b;
+  const decls = node.declarations;
+  const usedSelectors = opts.usedSelectors;
+  const selectors = (_b = (_a2 = node.selectors) == null ? void 0 : _a2.slice()) != null ? _b : [];
+  if (decls == null || decls.length === 0) {
+    return "";
   }
-  results.diagnostics.push(diagnostic);
-  return diagnostic;
-}
-function renderBuildError(results, msg) {
-  return renderBuildDiagnostic(results, "error", "Hydrate Error", msg || "");
-}
-function renderCatchError(results, err2) {
-  const diagnostic = renderBuildError(results);
-  if (err2 != null) {
-    if (err2.stack != null) {
-      diagnostic.messageText = err2.stack.toString();
-    } else {
-      if (err2.message != null) {
-        diagnostic.messageText = err2.message.toString();
-      } else {
-        diagnostic.messageText = err2.toString();
+  if (usedSelectors) {
+    let i;
+    let j;
+    let include = true;
+    for (i = selectors.length - 1; i >= 0; i--) {
+      const sel = getCssSelectors(selectors[i]);
+      include = true;
+      let jlen = sel.classNames.length;
+      if (jlen > 0 && opts.hasUsedClassNames) {
+        for (j = 0; j < jlen; j++) {
+          if (!usedSelectors.classNames.has(sel.classNames[j])) {
+            include = false;
+            break;
+          }
+        }
       }
-    }
-  }
-  return diagnostic;
-}
-
-// src/hydrate/runner/runtime-log.ts
-function runtimeLogging(win2, opts, results) {
-  try {
-    const pathname = win2.location.pathname;
-    win2.console.error = (...msgs) => {
-      const errMsg = msgs.reduce((errMsg2, m) => {
-        if (m) {
-          if (m.stack != null) {
-            return errMsg2 + " " + String(m.stack);
-          } else {
-            if (m.message != null) {
-              return errMsg2 + " " + String(m.message);
+      if (include && opts.hasUsedTags) {
+        jlen = sel.tags.length;
+        if (jlen > 0) {
+          for (j = 0; j < jlen; j++) {
+            if (!usedSelectors.tags.has(sel.tags[j])) {
+              include = false;
+              break;
+            }
+          }
+        }
+      }
+      if (include && opts.hasUsedAttrs) {
+        jlen = sel.attrs.length;
+        if (jlen > 0) {
+          for (j = 0; j < jlen; j++) {
+            if (!usedSelectors.attrs.has(sel.attrs[j])) {
+              include = false;
+              break;
+            }
+          }
+        }
+      }
+      if (include && opts.hasUsedIds) {
+        jlen = sel.ids.length;
+        if (jlen > 0) {
+          for (j = 0; j < jlen; j++) {
+            if (!usedSelectors.ids.has(sel.ids[j])) {
+              include = false;
+              break;
             }
           }
         }
-        return String(m);
-      }, "").trim();
-      if (errMsg !== "") {
-        renderCatchError(results, errMsg);
-        if (opts.runtimeLogging) {
-          runtimeLog(pathname, "error", [errMsg]);
-        }
       }
-    };
-    win2.console.debug = (...msgs) => {
-      renderBuildDiagnostic(results, "debug", "Hydrate Debug", [...msgs].join(", "));
-      if (opts.runtimeLogging) {
-        runtimeLog(pathname, "debug", msgs);
+      if (!include) {
+        selectors.splice(i, 1);
       }
-    };
-    if (opts.runtimeLogging) {
-      ["log", "warn", "assert", "info", "trace"].forEach((type) => {
-        win2.console[type] = (...msgs) => {
-          runtimeLog(pathname, type, msgs);
-        };
-      });
     }
-  } catch (e) {
-    renderCatchError(results, e);
   }
-}
-function runtimeLog(pathname, type, msgs) {
-  global.console[type].apply(global.console, [`[ ${pathname}  ${type} ] `, ...msgs]);
-}
-
-// src/hydrate/runner/window-initialize.ts
-var docData = {
-  hostIds: 0,
-  rootLevelIds: 0,
-  staticComponents: /* @__PURE__ */ new Set()
-};
-function initializeWindow(win2, doc, opts, results) {
-  if (typeof opts.url === "string") {
-    try {
-      win2.location.href = opts.url;
-    } catch (e) {
-    }
+  if (selectors.length === 0) {
+    return "";
   }
-  if (typeof opts.userAgent === "string") {
-    try {
-      win2.navigator.userAgent = opts.userAgent;
-    } catch (e) {
+  const cleanedSelectors = [];
+  let cleanedSelector = "";
+  if (node.selectors) {
+    for (const selector of node.selectors) {
+      cleanedSelector = removeSelectorWhitespace(selector);
+      if (!cleanedSelectors.includes(cleanedSelector)) {
+        cleanedSelectors.push(cleanedSelector);
+      }
     }
   }
-  if (typeof opts.cookie === "string") {
-    try {
-      doc.cookie = opts.cookie;
-    } catch (e) {
-    }
+  return `${cleanedSelectors}{${serializeCssMapVisit(opts, decls)}}`;
+};
+var serializeCssDeclaration = (node, index, len) => {
+  if (node.value === "") {
+    return "";
   }
-  if (typeof opts.referrer === "string") {
-    try {
-      doc.referrer = opts.referrer;
-    } catch (e) {
-    }
+  if (len - 1 === index) {
+    return node.property + ":" + node.value;
   }
-  if (typeof opts.direction === "string") {
-    try {
-      doc.documentElement.setAttribute("dir", opts.direction);
-    } catch (e) {
-    }
+  return node.property + ":" + node.value + ";";
+};
+var serializeCssMedia = (opts, node) => {
+  const mediaCss = serializeCssMapVisit(opts, node.rules);
+  if (mediaCss === "") {
+    return "";
   }
-  if (typeof opts.language === "string") {
-    try {
-      doc.documentElement.setAttribute("lang", opts.language);
-    } catch (e) {
-    }
+  return "@media " + removeMediaWhitespace(node.media) + "{" + mediaCss + "}";
+};
+var serializeCssKeyframes = (opts, node) => {
+  const keyframesCss = serializeCssMapVisit(opts, node.keyframes);
+  if (keyframesCss === "") {
+    return "";
   }
-  if (typeof opts.buildId === "string") {
-    try {
-      doc.documentElement.setAttribute("data-stencil-build", opts.buildId);
-    } catch (e) {
-    }
+  return "@" + (node.vendor || "") + "keyframes " + node.name + "{" + keyframesCss + "}";
+};
+var serializeCssKeyframe = (opts, node) => {
+  var _a2, _b;
+  return ((_b = (_a2 = node.values) == null ? void 0 : _a2.join(",")) != null ? _b : "") + "{" + serializeCssMapVisit(opts, node.declarations) + "}";
+};
+var serializeCssFontFace = (opts, node) => {
+  const fontCss = serializeCssMapVisit(opts, node.declarations);
+  if (fontCss === "") {
+    return "";
   }
-  try {
-    win2.customElements = null;
-  } catch (e) {
+  return "@font-face{" + fontCss + "}";
+};
+var serializeCssSupports = (opts, node) => {
+  const supportsCss = serializeCssMapVisit(opts, node.rules);
+  if (supportsCss === "") {
+    return "";
   }
-  if (opts.constrainTimeouts) {
-    constrainTimeouts(win2);
+  return "@supports " + node.supports + "{" + supportsCss + "}";
+};
+var serializeCssPage = (opts, node) => {
+  var _a2, _b;
+  const sel = (_b = (_a2 = node.selectors) == null ? void 0 : _a2.join(", ")) != null ? _b : "";
+  return "@page " + sel + "{" + serializeCssMapVisit(opts, node.declarations) + "}";
+};
+var serializeCssDocument = (opts, node) => {
+  const documentCss = serializeCssMapVisit(opts, node.rules);
+  const doc = "@" + (node.vendor || "") + "document " + node.document;
+  if (documentCss === "") {
+    return "";
   }
-  runtimeLogging(win2, opts, results);
-  doc[STENCIL_DOC_DATA] = docData;
-  return win2;
-}
-
-// src/hydrate/runner/render.ts
-var NOOP = () => {
+  return doc + "{" + documentCss + "}";
 };
-function streamToString(html, option) {
-  return renderToString(html, option, true);
-}
-function renderToString(html, options, asStream) {
-  const opts = normalizeHydrateOptions(options);
-  opts.serializeToHtml = true;
-  opts.fullDocument = typeof opts.fullDocument === "boolean" ? opts.fullDocument : true;
-  opts.serializeShadowRoot = typeof opts.serializeShadowRoot === "undefined" ? "declarative-shadow-dom" : opts.serializeShadowRoot;
-  opts.constrainTimeouts = false;
-  return hydrateDocument(html, opts, asStream);
-}
-function hydrateDocument(doc, options, asStream) {
-  const opts = normalizeHydrateOptions(options);
-  let win2 = null;
-  const results = generateHydrateResults(opts);
-  if (hasError(results.diagnostics)) {
-    return Promise.resolve(results);
+var serializeCssMapVisit = (opts, nodes) => {
+  let rtn = "";
+  if (nodes) {
+    for (let i = 0, len = nodes.length; i < len; i++) {
+      rtn += serializeCssVisitNode(opts, nodes[i], i, len);
+    }
   }
-  if (typeof doc === "string") {
-    try {
-      opts.destroyWindow = true;
-      opts.destroyDocument = true;
-      win2 = new MockWindow(doc);
-      if (!asStream) {
-        return render(win2, opts, results).then(() => results);
+  return rtn;
+};
+var removeSelectorWhitespace = (selector) => {
+  let rtn = "";
+  let char = "";
+  let inAttr = false;
+  selector = selector.trim();
+  for (let i = 0, l = selector.length; i < l; i++) {
+    char = selector[i];
+    if (char === "[" && rtn[rtn.length - 1] !== "\\") {
+      inAttr = true;
+    } else if (char === "]" && rtn[rtn.length - 1] !== "\\") {
+      inAttr = false;
+    }
+    if (!inAttr && CSS_WS_REG.test(char)) {
+      if (CSS_NEXT_CHAR_REG.test(selector[i + 1])) {
+        continue;
       }
-      return renderStream(win2, opts, results);
-    } catch (e) {
-      if (win2 && win2.close) {
-        win2.close();
+      if (CSS_PREV_CHAR_REG.test(rtn[rtn.length - 1])) {
+        continue;
       }
-      win2 = null;
-      renderCatchError(results, e);
-      return Promise.resolve(results);
+      rtn += " ";
+    } else {
+      rtn += char;
     }
   }
-  if (isValidDocument(doc)) {
-    try {
-      opts.destroyDocument = false;
-      win2 = patchDomImplementation(doc, opts);
-      if (!asStream) {
-        return render(win2, opts, results).then(() => results);
+  return rtn;
+};
+var removeMediaWhitespace = (media) => {
+  var _a2;
+  let rtn = "";
+  let char = "";
+  media = (_a2 = media == null ? void 0 : media.trim()) != null ? _a2 : "";
+  for (let i = 0, l = media.length; i < l; i++) {
+    char = media[i];
+    if (CSS_WS_REG.test(char)) {
+      if (CSS_WS_REG.test(rtn[rtn.length - 1])) {
+        continue;
+      }
+      rtn += " ";
+    } else {
+      rtn += char;
+    }
+  }
+  return rtn;
+};
+var CSS_WS_REG = /\s/;
+var CSS_NEXT_CHAR_REG = /[>\(\)\~\,\+\s]/;
+var CSS_PREV_CHAR_REG = /[>\(\~\,\+]/;
+
+// src/compiler/style/css-parser/used-selectors.ts
+var getUsedSelectors = (elm) => {
+  const usedSelectors = {
+    attrs: /* @__PURE__ */ new Set(),
+    classNames: /* @__PURE__ */ new Set(),
+    ids: /* @__PURE__ */ new Set(),
+    tags: /* @__PURE__ */ new Set()
+  };
+  collectUsedSelectors(usedSelectors, elm);
+  return usedSelectors;
+};
+var collectUsedSelectors = (usedSelectors, elm) => {
+  if (elm != null && elm.nodeType === 1) {
+    const children = elm.children;
+    const tagName = elm.nodeName.toLowerCase();
+    usedSelectors.tags.add(tagName);
+    const attributes = elm.attributes;
+    for (let i = 0, l = attributes.length; i < l; i++) {
+      const attr = attributes.item(i);
+      const attrName = attr.name.toLowerCase();
+      usedSelectors.attrs.add(attrName);
+      if (attrName === "class") {
+        const classList = elm.classList;
+        for (let i2 = 0, l2 = classList.length; i2 < l2; i2++) {
+          usedSelectors.classNames.add(classList.item(i2));
+        }
+      } else if (attrName === "id") {
+        usedSelectors.ids.add(attr.value);
       }
-      return renderStream(win2, opts, results);
-    } catch (e) {
-      if (win2 && win2.close) {
-        win2.close();
+    }
+    if (children) {
+      for (let i = 0, l = children.length; i < l; i++) {
+        collectUsedSelectors(usedSelectors, children[i]);
       }
-      win2 = null;
-      renderCatchError(results, e);
-      return Promise.resolve(results);
     }
   }
-  renderBuildError(results, `Invalid html or document. Must be either a valid "html" string, or DOM "document".`);
-  return Promise.resolve(results);
-}
-async function render(win2, opts, results) {
-  if ("process" in globalThis && typeof process.on === "function" && !process.__stencilErrors) {
-    process.__stencilErrors = true;
-    process.on("unhandledRejection", (e) => {
-      console.log("unhandledRejection", e);
-    });
-  }
-  initializeWindow(win2, win2.document, opts, results);
-  const beforeHydrateFn = typeof opts.beforeHydrate === "function" ? opts.beforeHydrate : NOOP;
+};
+
+// src/compiler/html/remove-unused-styles.ts
+var removeUnusedStyles = (doc, diagnostics) => {
   try {
-    await Promise.resolve(beforeHydrateFn(win2.document));
-    return new Promise((resolve) => {
-      if (Array.isArray(opts.modes)) {
-        modeResolutionChain.length = 0;
-        opts.modes.forEach((mode) => setMode(mode));
+    const styleElms = doc.head.querySelectorAll(`style[data-styles]`);
+    const styleLen = styleElms.length;
+    if (styleLen > 0) {
+      const usedSelectors = getUsedSelectors(doc.documentElement);
+      for (let i = 0; i < styleLen; i++) {
+        removeUnusedStyleText(usedSelectors, diagnostics, styleElms[i]);
       }
-      return hydrateFactory(win2, opts, results, afterHydrate, resolve);
-    });
-  } catch (e) {
-    renderCatchError(results, e);
-    return finalizeHydrate(win2, win2.document, opts, results);
-  }
-}
-function renderStream(win2, opts, results) {
-  async function* processRender() {
-    const renderResult = await render(win2, opts, results);
-    yield renderResult.html;
-  }
-  return Readable.from(processRender());
-}
-async function afterHydrate(win2, opts, results, resolve) {
-  const afterHydrateFn = typeof opts.afterHydrate === "function" ? opts.afterHydrate : NOOP;
-  try {
-    await Promise.resolve(afterHydrateFn(win2.document));
-    return resolve(finalizeHydrate(win2, win2.document, opts, results));
+    }
   } catch (e) {
-    renderCatchError(results, e);
-    return resolve(finalizeHydrate(win2, win2.document, opts, results));
+    catchError(diagnostics, e);
   }
-}
-function finalizeHydrate(win2, doc, opts, results) {
+};
+var removeUnusedStyleText = (usedSelectors, diagnostics, styleElm) => {
   try {
-    inspectElement(results, doc.documentElement, 0);
-    if (opts.removeUnusedStyles !== false) {
-      try {
-        removeUnusedStyles(doc, results.diagnostics);
-      } catch (e) {
-        renderCatchError(results, e);
-      }
-    }
-    if (typeof opts.title === "string") {
-      try {
-        doc.title = opts.title;
-      } catch (e) {
-        renderCatchError(results, e);
-      }
-    }
-    results.title = doc.title;
-    if (opts.removeScripts) {
-      removeScripts(doc.documentElement);
-    }
-    try {
-      updateCanonicalLink(doc, opts.canonicalUrl);
-    } catch (e) {
-      renderCatchError(results, e);
+    const parseResults = parseCss(styleElm.innerHTML);
+    diagnostics.push(...parseResults.diagnostics);
+    if (hasError(diagnostics)) {
+      return;
     }
     try {
-      relocateMetaCharset(doc);
+      styleElm.innerHTML = serializeCss(parseResults.stylesheet, {
+        usedSelectors
+      });
     } catch (e) {
+      diagnostics.push({
+        level: "warn",
+        type: "css",
+        header: "CSS Stringify",
+        messageText: e,
+        lines: []
+      });
     }
-    if (!hasError(results.diagnostics)) {
-      results.httpStatus = 200;
-    }
-    try {
-      const metaStatus = doc.head.querySelector('meta[http-equiv="status"]');
-      if (metaStatus != null) {
-        const metaStatusContent = metaStatus.getAttribute("content");
-        if (metaStatusContent && metaStatusContent.length > 0) {
-          results.httpStatus = parseInt(metaStatusContent, 10);
+  } catch (e) {
+    diagnostics.push({
+      level: "warn",
+      type: "css",
+      header: "CSS Parse",
+      messageText: e,
+      lines: []
+    });
+  }
+};
+
+// src/hydrate/runner/inspect-element.ts
+function inspectElement(results, elm, depth) {
+  const children = [...Array.from(elm.children), ...Array.from(elm.shadowRoot ? elm.shadowRoot.children : [])];
+  for (let i = 0, ii = children.length; i < ii; i++) {
+    const childElm = children[i];
+    const tagName = childElm.nodeName.toLowerCase();
+    if (tagName.includes("-")) {
+      const cmp = results.components.find((c) => c.tag === tagName);
+      if (cmp != null) {
+        cmp.count++;
+        if (depth > cmp.depth) {
+          cmp.depth = depth;
         }
       }
-    } catch (e) {
+    } else {
+      switch (tagName) {
+        case "a":
+          const anchor = collectAttributes(childElm);
+          anchor.href = childElm.href;
+          if (typeof anchor.href === "string") {
+            if (!results.anchors.some((a) => a.href === anchor.href)) {
+              results.anchors.push(anchor);
+            }
+          }
+          break;
+        case "img":
+          const img = collectAttributes(childElm);
+          img.src = childElm.src;
+          if (typeof img.src === "string") {
+            if (!results.imgs.some((a) => a.src === img.src)) {
+              results.imgs.push(img);
+            }
+          }
+          break;
+        case "link":
+          const link = collectAttributes(childElm);
+          link.href = childElm.href;
+          if (typeof link.rel === "string" && link.rel.toLowerCase() === "stylesheet") {
+            if (typeof link.href === "string") {
+              if (!results.styles.some((s) => s.link === link.href)) {
+                delete link.rel;
+                delete link.type;
+                results.styles.push(link);
+              }
+            }
+          }
+          break;
+        case "script":
+          const script = collectAttributes(childElm);
+          if (childElm.hasAttribute("src")) {
+            script.src = childElm.src;
+            if (typeof script.src === "string") {
+              if (!results.scripts.some((s) => s.src === script.src)) {
+                results.scripts.push(script);
+              }
+            }
+          } else {
+            const staticDataKey = childElm.getAttribute("data-stencil-static");
+            if (staticDataKey) {
+              results.staticData.push({
+                id: staticDataKey,
+                type: childElm.getAttribute("type"),
+                content: childElm.textContent
+              });
+            }
+          }
+          break;
+      }
     }
-    if (opts.clientHydrateAnnotations) {
-      doc.documentElement.classList.add("hydrated");
+    depth++;
+    inspectElement(results, childElm, depth);
+  }
+}
+function collectAttributes(node) {
+  const parsedElm = {};
+  const attrs = node.attributes;
+  for (let i = 0, ii = attrs.length; i < ii; i++) {
+    const attr = attrs.item(i);
+    const attrName = attr.nodeName.toLowerCase();
+    if (SKIP_ATTRS.has(attrName)) {
+      continue;
     }
-    if (opts.serializeToHtml) {
-      results.html = serializeDocumentToString(doc, opts);
+    const attrValue = attr.nodeValue;
+    if (attrName === "class" && attrValue === "") {
+      continue;
     }
-  } catch (e) {
-    renderCatchError(results, e);
+    parsedElm[attrName] = attrValue;
   }
-  destroyWindow(win2, doc, opts, results);
-  return results;
+  return parsedElm;
 }
-function destroyWindow(win2, doc, opts, results) {
-  if (!opts.destroyWindow) {
-    return;
+var SKIP_ATTRS = /* @__PURE__ */ new Set(["s-id", "c-id"]);
+
+// src/hydrate/runner/patch-dom-implementation.ts
+function patchDomImplementation(doc, opts) {
+  let win2;
+  if (doc.defaultView != null) {
+    opts.destroyWindow = true;
+    patchWindow(doc.defaultView);
+    win2 = doc.defaultView;
+  } else {
+    opts.destroyWindow = true;
+    opts.destroyDocument = false;
+    win2 = new MockWindow(false);
   }
-  try {
-    if (!opts.destroyDocument) {
-      win2.document = null;
-      doc.defaultView = null;
-    }
-    if (win2.close) {
-      win2.close();
+  if (win2.document !== doc) {
+    win2.document = doc;
+  }
+  if (doc.defaultView !== win2) {
+    doc.defaultView = win2;
+  }
+  const HTMLElement2 = doc.documentElement.constructor.prototype;
+  if (typeof HTMLElement2.getRootNode !== "function") {
+    const elm = doc.createElement("unknown-element");
+    const HTMLUnknownElement = elm.constructor.prototype;
+    HTMLUnknownElement.getRootNode = getRootNode;
+  }
+  if (typeof doc.createEvent === "function") {
+    const CustomEvent2 = doc.createEvent("CustomEvent").constructor;
+    if (win2.CustomEvent !== CustomEvent2) {
+      win2.CustomEvent = CustomEvent2;
     }
+  }
+  try {
+    win2.__stencil_baseURI = doc.baseURI;
   } catch (e) {
-    renderCatchError(results, e);
+    Object.defineProperty(doc, "baseURI", {
+      get() {
+        const baseElm = doc.querySelector("base[href]");
+        if (baseElm) {
+          return new URL(baseElm.getAttribute("href"), win2.location.href).href;
+        }
+        return win2.location.href;
+      }
+    });
   }
+  return win2;
 }
-function serializeDocumentToString(doc, opts) {
-  return serializeNodeToHtml(doc, {
-    approximateLineWidth: opts.approximateLineWidth,
-    outerHtml: false,
-    prettyHtml: opts.prettyHtml,
-    removeAttributeQuotes: opts.removeAttributeQuotes,
-    removeBooleanAttributeQuotes: opts.removeBooleanAttributeQuotes,
-    removeEmptyAttributes: opts.removeEmptyAttributes,
-    removeHtmlComments: opts.removeHtmlComments,
-    serializeShadowRoot: opts.serializeShadowRoot,
-    fullDocument: opts.fullDocument
-  });
-}
-function isValidDocument(doc) {
-  return doc != null && doc.nodeType === 9 && doc.documentElement != null && doc.documentElement.nodeType === 1 && doc.body != null && doc.body.nodeType === 1;
-}
-function removeScripts(elm) {
-  const children = elm.children;
-  for (let i = children.length - 1; i >= 0; i--) {
-    const child = children[i];
-    removeScripts(child);
-    if (child.nodeName === "SCRIPT" || child.nodeName === "LINK" && child.getAttribute("rel") === "modulepreload") {
-      child.remove();
+function getRootNode(opts) {
+  const isComposed = opts != null && opts.composed === true;
+  let node = this;
+  while (node.parentNode != null) {
+    node = node.parentNode;
+    if (isComposed === true && node.parentNode == null && node.host != null) {
+      node = node.host;
     }
   }
+  return node;
 }
 
-// src/hydrate/runner/serialize.ts
-var PrimitiveType = /* @__PURE__ */ ((PrimitiveType2) => {
-  PrimitiveType2["Undefined"] = "undefined";
-  PrimitiveType2["Null"] = "null";
-  PrimitiveType2["String"] = "string";
-  PrimitiveType2["Number"] = "number";
-  PrimitiveType2["SpecialNumber"] = "number";
-  PrimitiveType2["Boolean"] = "boolean";
-  PrimitiveType2["BigInt"] = "bigint";
-  return PrimitiveType2;
-})(PrimitiveType || {});
-var NonPrimitiveType = /* @__PURE__ */ ((NonPrimitiveType2) => {
-  NonPrimitiveType2["Array"] = "array";
-  NonPrimitiveType2["Date"] = "date";
-  NonPrimitiveType2["Map"] = "map";
-  NonPrimitiveType2["Object"] = "object";
-  NonPrimitiveType2["RegularExpression"] = "regexp";
-  NonPrimitiveType2["Set"] = "set";
-  NonPrimitiveType2["Channel"] = "channel";
-  NonPrimitiveType2["Symbol"] = "symbol";
-  return NonPrimitiveType2;
-})(NonPrimitiveType || {});
-var TYPE_CONSTANT = "type";
-var VALUE_CONSTANT = "value";
-function serializeProperty(value) {
-  const arg = LocalValue.getArgument(value);
-  return JSON.stringify(arg);
+// src/hydrate/runner/render-utils.ts
+function normalizeHydrateOptions(inputOpts) {
+  const outputOpts = Object.assign(
+    {
+      serializeToHtml: false,
+      destroyWindow: false,
+      destroyDocument: false
+    },
+    inputOpts || {}
+  );
+  if (typeof outputOpts.clientHydrateAnnotations !== "boolean") {
+    outputOpts.clientHydrateAnnotations = true;
+  }
+  if (typeof outputOpts.constrainTimeouts !== "boolean") {
+    outputOpts.constrainTimeouts = true;
+  }
+  if (typeof outputOpts.maxHydrateCount !== "number") {
+    outputOpts.maxHydrateCount = 300;
+  }
+  if (typeof outputOpts.runtimeLogging !== "boolean") {
+    outputOpts.runtimeLogging = false;
+  }
+  if (typeof outputOpts.timeout !== "number") {
+    outputOpts.timeout = 15e3;
+  }
+  if (Array.isArray(outputOpts.excludeComponents)) {
+    outputOpts.excludeComponents = outputOpts.excludeComponents.filter(filterValidTags).map(mapValidTags);
+  } else {
+    outputOpts.excludeComponents = [];
+  }
+  if (Array.isArray(outputOpts.staticComponents)) {
+    outputOpts.staticComponents = outputOpts.staticComponents.filter(filterValidTags).map(mapValidTags);
+  } else {
+    outputOpts.staticComponents = [];
+  }
+  return outputOpts;
 }
-function deserializeProperty(value) {
-  return RemoteValue.fromLocalValue(value);
+function filterValidTags(tag) {
+  return typeof tag === "string" && tag.includes("-");
 }
-var LocalValue = class _LocalValue {
-  constructor(type, value) {
-    if (type === "undefined" /* Undefined */ || type === "null" /* Null */) {
-      this.type = type;
-    } else {
-      this.type = type;
-      this.value = value;
-    }
+function mapValidTags(tag) {
+  return tag.trim().toLowerCase();
+}
+function generateHydrateResults(opts) {
+  if (typeof opts.url !== "string") {
+    opts.url = `https://hydrate.stenciljs.com/`;
   }
-  /**
-   * Creates a new LocalValue object with a string value.
-   *
-   * @param {string} value - The string value to be stored in the LocalValue object.
-   * @returns {LocalValue} - The created LocalValue object.
-   */
-  static createStringValue(value) {
-    return new _LocalValue("string" /* String */, value);
+  if (typeof opts.buildId !== "string") {
+    opts.buildId = createHydrateBuildId();
   }
-  /**
-   * Creates a new LocalValue object with a number value.
-   *
-   * @param {number} value - The number value.
-   * @returns {LocalValue} - The created LocalValue object.
-   */
-  static createNumberValue(value) {
-    return new _LocalValue("number" /* Number */, value);
+  const results = {
+    buildId: opts.buildId,
+    diagnostics: [],
+    url: opts.url,
+    host: null,
+    hostname: null,
+    href: null,
+    pathname: null,
+    port: null,
+    search: null,
+    hash: null,
+    html: null,
+    httpStatus: null,
+    hydratedCount: 0,
+    anchors: [],
+    components: [],
+    imgs: [],
+    scripts: [],
+    staticData: [],
+    styles: [],
+    title: null
+  };
+  try {
+    const url = new URL(opts.url, `https://hydrate.stenciljs.com/`);
+    results.url = url.href;
+    results.host = url.host;
+    results.hostname = url.hostname;
+    results.href = url.href;
+    results.port = url.port;
+    results.pathname = url.pathname;
+    results.search = url.search;
+    results.hash = url.hash;
+  } catch (e) {
+    renderCatchError(results, e);
   }
-  /**
-   * Creates a new LocalValue object with a special number value.
-   *
-   * @param {number} value - The value of the special number.
-   * @returns {LocalValue} - The created LocalValue object.
-   */
-  static createSpecialNumberValue(value) {
-    if (Number.isNaN(value)) {
-      return new _LocalValue("number" /* SpecialNumber */, "NaN");
+  return results;
+}
+var createHydrateBuildId = () => {
+  let chars = "abcdefghijklmnopqrstuvwxyz";
+  let buildId = "";
+  while (buildId.length < 8) {
+    const char = chars[Math.floor(Math.random() * chars.length)];
+    buildId += char;
+    if (buildId.length === 1) {
+      chars += "0123456789";
     }
-    if (Object.is(value, -0)) {
-      return new _LocalValue("number" /* SpecialNumber */, "-0");
+  }
+  return buildId;
+};
+function renderBuildDiagnostic(results, level, header, msg) {
+  const diagnostic = {
+    level,
+    type: "build",
+    header,
+    messageText: msg,
+    relFilePath: void 0,
+    absFilePath: void 0,
+    lines: []
+  };
+  if (results.pathname) {
+    if (results.pathname !== "/") {
+      diagnostic.header += ": " + results.pathname;
     }
-    if (value === Infinity) {
-      return new _LocalValue("number" /* SpecialNumber */, "Infinity");
+  } else if (results.url) {
+    diagnostic.header += ": " + results.url;
+  }
+  results.diagnostics.push(diagnostic);
+  return diagnostic;
+}
+function renderBuildError(results, msg) {
+  return renderBuildDiagnostic(results, "error", "Hydrate Error", msg || "");
+}
+function renderCatchError(results, err2) {
+  const diagnostic = renderBuildError(results);
+  if (err2 != null) {
+    if (err2.stack != null) {
+      diagnostic.messageText = err2.stack.toString();
+    } else {
+      if (err2.message != null) {
+        diagnostic.messageText = err2.message.toString();
+      } else {
+        diagnostic.messageText = err2.toString();
+      }
     }
-    if (value === -Infinity) {
-      return new _LocalValue("number" /* SpecialNumber */, "-Infinity");
+  }
+  return diagnostic;
+}
+
+// src/hydrate/runner/runtime-log.ts
+function runtimeLogging(win2, opts, results) {
+  try {
+    const pathname = win2.location.pathname;
+    win2.console.error = (...msgs) => {
+      const errMsg = msgs.reduce((errMsg2, m) => {
+        if (m) {
+          if (m.stack != null) {
+            return errMsg2 + " " + String(m.stack);
+          } else {
+            if (m.message != null) {
+              return errMsg2 + " " + String(m.message);
+            }
+          }
+        }
+        return String(m);
+      }, "").trim();
+      if (errMsg !== "") {
+        renderCatchError(results, errMsg);
+        if (opts.runtimeLogging) {
+          runtimeLog(pathname, "error", [errMsg]);
+        }
+      }
+    };
+    win2.console.debug = (...msgs) => {
+      renderBuildDiagnostic(results, "debug", "Hydrate Debug", [...msgs].join(", "));
+      if (opts.runtimeLogging) {
+        runtimeLog(pathname, "debug", msgs);
+      }
+    };
+    if (opts.runtimeLogging) {
+      ["log", "warn", "assert", "info", "trace"].forEach((type) => {
+        win2.console[type] = (...msgs) => {
+          runtimeLog(pathname, type, msgs);
+        };
+      });
     }
-    return new _LocalValue("number" /* SpecialNumber */, value);
-  }
-  /**
-   * Creates a new LocalValue object with an undefined value.
-   * @returns {LocalValue} - The created LocalValue object.
-   */
-  static createUndefinedValue() {
-    return new _LocalValue("undefined" /* Undefined */);
-  }
-  /**
-   * Creates a new LocalValue object with a null value.
-   * @returns {LocalValue} - The created LocalValue object.
-   */
-  static createNullValue() {
-    return new _LocalValue("null" /* Null */);
+  } catch (e) {
+    renderCatchError(results, e);
   }
-  /**
-   * Creates a new LocalValue object with a boolean value.
-   *
-   * @param {boolean} value - The boolean value.
-   * @returns {LocalValue} - The created LocalValue object.
-   */
-  static createBooleanValue(value) {
-    return new _LocalValue("boolean" /* Boolean */, value);
+}
+function runtimeLog(pathname, type, msgs) {
+  global.console[type].apply(global.console, [`[ ${pathname}  ${type} ] `, ...msgs]);
+}
+
+// src/hydrate/runner/window-initialize.ts
+var docData = {
+  hostIds: 0,
+  rootLevelIds: 0,
+  staticComponents: /* @__PURE__ */ new Set()
+};
+function initializeWindow(win2, doc, opts, results) {
+  if (typeof opts.url === "string") {
+    try {
+      win2.location.href = opts.url;
+    } catch (e) {
+    }
   }
-  /**
-   * Creates a new LocalValue object with a BigInt value.
-   *
-   * @param {BigInt} value - The BigInt value.
-   * @returns {LocalValue} - The created LocalValue object.
-   */
-  static createBigIntValue(value) {
-    return new _LocalValue("bigint" /* BigInt */, value);
+  if (typeof opts.userAgent === "string") {
+    try {
+      win2.navigator.userAgent = opts.userAgent;
+    } catch (e) {
+    }
   }
-  /**
-   * Creates a new LocalValue object with an array.
-   *
-   * @param {Array} value - The array.
-   * @returns {LocalValue} - The created LocalValue object.
-   */
-  static createArrayValue(value) {
-    return new _LocalValue("array" /* Array */, value);
+  if (typeof opts.cookie === "string") {
+    try {
+      doc.cookie = opts.cookie;
+    } catch (e) {
+    }
   }
-  /**
-   * Creates a new LocalValue object with date value.
-   *
-   * @param {string} value - The date.
-   * @returns {LocalValue} - The created LocalValue object.
-   */
-  static createDateValue(value) {
-    return new _LocalValue("date" /* Date */, value);
+  if (typeof opts.referrer === "string") {
+    try {
+      doc.referrer = opts.referrer;
+    } catch (e) {
+    }
   }
-  /**
-   * Creates a new LocalValue object of map value.
-   * @param {Map} map - The map.
-   * @returns {LocalValue} - The created LocalValue object.
-   */
-  static createMapValue(map2) {
-    const value = [];
-    Array.from(map2.entries()).forEach(([key, val]) => {
-      value.push([_LocalValue.getArgument(key), _LocalValue.getArgument(val)]);
-    });
-    return new _LocalValue("map" /* Map */, value);
+  if (typeof opts.direction === "string") {
+    try {
+      doc.documentElement.setAttribute("dir", opts.direction);
+    } catch (e) {
+    }
   }
-  /**
-   * Creates a new LocalValue object from the passed object.
-   *
-   * @param object the object to create a LocalValue from
-   * @returns {LocalValue} - The created LocalValue object.
-   */
-  static createObjectValue(object) {
-    const value = [];
-    Object.entries(object).forEach(([key, val]) => {
-      value.push([key, _LocalValue.getArgument(val)]);
-    });
-    return new _LocalValue("object" /* Object */, value);
+  if (typeof opts.language === "string") {
+    try {
+      doc.documentElement.setAttribute("lang", opts.language);
+    } catch (e) {
+    }
   }
-  /**
-   * Creates a new LocalValue object of regular expression value.
-   *
-   * @param {string} value - The value of the regular expression.
-   * @returns {LocalValue} - The created LocalValue object.
-   */
-  static createRegularExpressionValue(value) {
-    return new _LocalValue("regexp" /* RegularExpression */, value);
+  if (typeof opts.buildId === "string") {
+    try {
+      doc.documentElement.setAttribute("data-stencil-build", opts.buildId);
+    } catch (e) {
+    }
   }
-  /**
-   * Creates a new LocalValue object with the specified value.
-   * @param {Set} value - The value to be set.
-   * @returns {LocalValue} - The created LocalValue object.
-   */
-  static createSetValue(value) {
-    return new _LocalValue("set" /* Set */, value);
+  try {
+    win2.customElements = null;
+  } catch (e) {
   }
-  /**
-   * Creates a new LocalValue object with the given channel value
-   *
-   * @param {ChannelValue} value - The channel value.
-   * @returns {LocalValue} - The created LocalValue object.
-   */
-  static createChannelValue(value) {
-    return new _LocalValue("channel" /* Channel */, value);
+  if (opts.constrainTimeouts) {
+    constrainTimeouts(win2);
   }
-  /**
-   * Creates a new LocalValue object with a Symbol value.
-   *
-   * @param {Symbol} symbol - The Symbol value
-   * @returns {LocalValue} - The created LocalValue object
-   */
-  static createSymbolValue(symbol) {
-    const description = symbol.description || "Symbol()";
-    return new _LocalValue("symbol" /* Symbol */, description);
+  runtimeLogging(win2, opts, results);
+  doc[STENCIL_DOC_DATA] = docData;
+  return win2;
+}
+
+// src/hydrate/runner/render.ts
+var NOOP = () => {
+};
+function streamToString(html, option) {
+  return renderToString(html, option, true);
+}
+function renderToString(html, options, asStream) {
+  const opts = normalizeHydrateOptions(options);
+  opts.serializeToHtml = true;
+  opts.fullDocument = typeof opts.fullDocument === "boolean" ? opts.fullDocument : true;
+  opts.serializeShadowRoot = typeof opts.serializeShadowRoot === "undefined" ? "declarative-shadow-dom" : opts.serializeShadowRoot;
+  opts.constrainTimeouts = false;
+  return hydrateDocument(html, opts, asStream);
+}
+function hydrateDocument(doc, options, asStream) {
+  const opts = normalizeHydrateOptions(options);
+  let win2 = null;
+  const results = generateHydrateResults(opts);
+  if (hasError(results.diagnostics)) {
+    return Promise.resolve(results);
   }
-  static getArgument(argument) {
-    const type = typeof argument;
-    switch (type) {
-      case "string" /* String */:
-        return _LocalValue.createStringValue(argument);
-      case "number" /* Number */:
-        if (Number.isNaN(argument) || Object.is(argument, -0) || !Number.isFinite(argument)) {
-          return _LocalValue.createSpecialNumberValue(argument);
-        }
-        return _LocalValue.createNumberValue(argument);
-      case "boolean" /* Boolean */:
-        return _LocalValue.createBooleanValue(argument);
-      case "bigint" /* BigInt */:
-        return _LocalValue.createBigIntValue(argument);
-      case "undefined" /* Undefined */:
-        return _LocalValue.createUndefinedValue();
-      case "symbol" /* Symbol */:
-        return _LocalValue.createSymbolValue(argument);
-      case "object" /* Object */:
-        if (argument === null) {
-          return _LocalValue.createNullValue();
-        }
-        if (argument instanceof Date) {
-          return _LocalValue.createDateValue(argument);
-        }
-        if (argument instanceof Map) {
-          const map2 = [];
-          argument.forEach((value, key) => {
-            const objectKey = typeof key === "string" ? key : _LocalValue.getArgument(key);
-            const objectValue = _LocalValue.getArgument(value);
-            map2.push([objectKey, objectValue]);
-          });
-          return _LocalValue.createMapValue(argument);
-        }
-        if (argument instanceof Set) {
-          const set = [];
-          argument.forEach((value) => {
-            set.push(_LocalValue.getArgument(value));
-          });
-          return _LocalValue.createSetValue(set);
-        }
-        if (argument instanceof Array) {
-          const arr = [];
-          argument.forEach((value) => {
-            arr.push(_LocalValue.getArgument(value));
-          });
-          return _LocalValue.createArrayValue(arr);
-        }
-        if (argument instanceof RegExp) {
-          return _LocalValue.createRegularExpressionValue({
-            pattern: argument.source,
-            flags: argument.flags
-          });
-        }
-        return _LocalValue.createObjectValue(argument);
+  if (typeof doc === "string") {
+    try {
+      opts.destroyWindow = true;
+      opts.destroyDocument = true;
+      win2 = new MockWindow(doc);
+      if (!asStream) {
+        return render(win2, opts, results).then(() => results);
+      }
+      return renderStream(win2, opts, results);
+    } catch (e) {
+      if (win2 && win2.close) {
+        win2.close();
+      }
+      win2 = null;
+      renderCatchError(results, e);
+      return Promise.resolve(results);
     }
-    throw new Error(`Unsupported type: ${type}`);
   }
-  asMap() {
-    return {
-      [TYPE_CONSTANT]: this.type,
-      ...!(this.type === "null" /* Null */ || this.type === "undefined" /* Undefined */) ? { [VALUE_CONSTANT]: this.value } : {}
-    };
+  if (isValidDocument(doc)) {
+    try {
+      opts.destroyDocument = false;
+      win2 = patchDomImplementation(doc, opts);
+      if (!asStream) {
+        return render(win2, opts, results).then(() => results);
+      }
+      return renderStream(win2, opts, results);
+    } catch (e) {
+      if (win2 && win2.close) {
+        win2.close();
+      }
+      win2 = null;
+      renderCatchError(results, e);
+      return Promise.resolve(results);
+    }
   }
-};
-var RemoteValue = class _RemoteValue {
-  /**
-   * Deserializes a LocalValue serialized object back to its original JavaScript representation
-   *
-   * @param serialized The serialized LocalValue object
-   * @returns The original JavaScript value/object
-   */
-  static fromLocalValue(serialized) {
-    const type = serialized[TYPE_CONSTANT];
-    const value = VALUE_CONSTANT in serialized ? serialized[VALUE_CONSTANT] : void 0;
-    switch (type) {
-      case "string" /* String */:
-        return value;
-      case "boolean" /* Boolean */:
-        return value;
-      case "bigint" /* BigInt */:
-        return BigInt(value);
-      case "undefined" /* Undefined */:
-        return void 0;
-      case "null" /* Null */:
-        return null;
-      case "number" /* Number */:
-        if (value === "NaN") return NaN;
-        if (value === "-0") return -0;
-        if (value === "Infinity") return Infinity;
-        if (value === "-Infinity") return -Infinity;
-        return value;
-      case "array" /* Array */:
-        return value.map((item) => _RemoteValue.fromLocalValue(item));
-      case "date" /* Date */:
-        return new Date(value);
-      case "map" /* Map */:
-        const map2 = /* @__PURE__ */ new Map();
-        for (const [key, val] of value) {
-          const deserializedKey = typeof key === "object" && key !== null ? _RemoteValue.fromLocalValue(key) : key;
-          const deserializedValue = _RemoteValue.fromLocalValue(val);
-          map2.set(deserializedKey, deserializedValue);
-        }
-        return map2;
-      case "object" /* Object */:
-        const obj = {};
-        for (const [key, val] of value) {
-          obj[key] = _RemoteValue.fromLocalValue(val);
-        }
-        return obj;
-      case "regexp" /* RegularExpression */:
-        const { pattern, flags } = value;
-        return new RegExp(pattern, flags);
-      case "set" /* Set */:
-        const set = /* @__PURE__ */ new Set();
-        for (const item of value) {
-          set.add(_RemoteValue.fromLocalValue(item));
+  renderBuildError(results, `Invalid html or document. Must be either a valid "html" string, or DOM "document".`);
+  return Promise.resolve(results);
+}
+async function render(win2, opts, results) {
+  if ("process" in globalThis && typeof process.on === "function" && !process.__stencilErrors) {
+    process.__stencilErrors = true;
+    process.on("unhandledRejection", (e) => {
+      console.log("unhandledRejection", e);
+    });
+  }
+  initializeWindow(win2, win2.document, opts, results);
+  const beforeHydrateFn = typeof opts.beforeHydrate === "function" ? opts.beforeHydrate : NOOP;
+  try {
+    await Promise.resolve(beforeHydrateFn(win2.document));
+    return new Promise((resolve) => {
+      if (Array.isArray(opts.modes)) {
+        modeResolutionChain.length = 0;
+        opts.modes.forEach((mode) => setMode(mode));
+      }
+      return hydrateFactory(win2, opts, results, afterHydrate, resolve);
+    });
+  } catch (e) {
+    renderCatchError(results, e);
+    return finalizeHydrate(win2, win2.document, opts, results);
+  }
+}
+function renderStream(win2, opts, results) {
+  async function* processRender() {
+    const renderResult = await render(win2, opts, results);
+    yield renderResult.html;
+  }
+  return Readable.from(processRender());
+}
+async function afterHydrate(win2, opts, results, resolve) {
+  const afterHydrateFn = typeof opts.afterHydrate === "function" ? opts.afterHydrate : NOOP;
+  try {
+    await Promise.resolve(afterHydrateFn(win2.document));
+    return resolve(finalizeHydrate(win2, win2.document, opts, results));
+  } catch (e) {
+    renderCatchError(results, e);
+    return resolve(finalizeHydrate(win2, win2.document, opts, results));
+  }
+}
+function finalizeHydrate(win2, doc, opts, results) {
+  try {
+    inspectElement(results, doc.documentElement, 0);
+    if (opts.removeUnusedStyles !== false) {
+      try {
+        removeUnusedStyles(doc, results.diagnostics);
+      } catch (e) {
+        renderCatchError(results, e);
+      }
+    }
+    if (typeof opts.title === "string") {
+      try {
+        doc.title = opts.title;
+      } catch (e) {
+        renderCatchError(results, e);
+      }
+    }
+    results.title = doc.title;
+    if (opts.removeScripts) {
+      removeScripts(doc.documentElement);
+    }
+    try {
+      updateCanonicalLink(doc, opts.canonicalUrl);
+    } catch (e) {
+      renderCatchError(results, e);
+    }
+    try {
+      relocateMetaCharset(doc);
+    } catch (e) {
+    }
+    if (!hasError(results.diagnostics)) {
+      results.httpStatus = 200;
+    }
+    try {
+      const metaStatus = doc.head.querySelector('meta[http-equiv="status"]');
+      if (metaStatus != null) {
+        const metaStatusContent = metaStatus.getAttribute("content");
+        if (metaStatusContent && metaStatusContent.length > 0) {
+          results.httpStatus = parseInt(metaStatusContent, 10);
         }
-        return set;
-      case "symbol" /* Symbol */:
-        return Symbol(value);
-      default:
-        throw new Error(`Unsupported type: ${type}`);
+      }
+    } catch (e) {
+    }
+    if (opts.clientHydrateAnnotations) {
+      doc.documentElement.classList.add("hydrated");
+    }
+    if (opts.serializeToHtml) {
+      results.html = serializeDocumentToString(doc, opts);
     }
+  } catch (e) {
+    renderCatchError(results, e);
   }
-  /**
-   * Utility method to deserialize multiple LocalValues at once
-   *
-   * @param serializedValues Array of serialized LocalValue objects
-   * @returns Array of deserialized JavaScript values
-   */
-  static fromLocalValueArray(serializedValues) {
-    return serializedValues.map((value) => _RemoteValue.fromLocalValue(value));
+  destroyWindow(win2, doc, opts, results);
+  return results;
+}
+function destroyWindow(win2, doc, opts, results) {
+  if (!opts.destroyWindow) {
+    return;
   }
-  /**
-   * Verifies if the given object matches the structure of a serialized LocalValue
-   *
-   * @param obj Object to verify
-   * @returns boolean indicating if the object has LocalValue structure
-   */
-  static isLocalValueObject(obj) {
-    if (typeof obj !== "object" || obj === null) {
-      return false;
-    }
-    if (!obj.hasOwnProperty(TYPE_CONSTANT)) {
-      return false;
+  try {
+    if (!opts.destroyDocument) {
+      win2.document = null;
+      doc.defaultView = null;
     }
-    const type = obj[TYPE_CONSTANT];
-    const hasTypeProperty = Object.values({ ...PrimitiveType, ...NonPrimitiveType }).includes(type);
-    if (!hasTypeProperty) {
-      return false;
+    if (win2.close) {
+      win2.close();
     }
-    if (type !== "null" /* Null */ && type !== "undefined" /* Undefined */) {
-      return obj.hasOwnProperty(VALUE_CONSTANT);
+  } catch (e) {
+    renderCatchError(results, e);
+  }
+}
+function serializeDocumentToString(doc, opts) {
+  return serializeNodeToHtml(doc, {
+    approximateLineWidth: opts.approximateLineWidth,
+    outerHtml: false,
+    prettyHtml: opts.prettyHtml,
+    removeAttributeQuotes: opts.removeAttributeQuotes,
+    removeBooleanAttributeQuotes: opts.removeBooleanAttributeQuotes,
+    removeEmptyAttributes: opts.removeEmptyAttributes,
+    removeHtmlComments: opts.removeHtmlComments,
+    serializeShadowRoot: opts.serializeShadowRoot,
+    fullDocument: opts.fullDocument
+  });
+}
+function isValidDocument(doc) {
+  return doc != null && doc.nodeType === 9 && doc.documentElement != null && doc.documentElement.nodeType === 1 && doc.body != null && doc.body.nodeType === 1;
+}
+function removeScripts(elm) {
+  const children = elm.children;
+  for (let i = children.length - 1; i >= 0; i--) {
+    const child = children[i];
+    removeScripts(child);
+    if (child.nodeName === "SCRIPT" || child.nodeName === "LINK" && child.getAttribute("rel") === "modulepreload") {
+      child.remove();
     }
-    return true;
   }
-};
+}
 export {
   createWindowFromHtml,
   deserializeProperty,