@stencil/core 4.40.1-dev.1766725571.64f6089 → 4.40.1-dev.1766985084.e893bd1

package/internal/testing/index.js

@@ -340,422 +340,142 @@ var moduleLoaded = /* @__PURE__ */ new Map();
 var queuedLoadModules = [];
 var caughtErrors = [];
 
-// src/testing/platform/testing-host-ref.ts
-var getHostRef = (elm) => {
-  if (elm.__stencil__getHostRef) {
-    return elm.__stencil__getHostRef();
-  }
-  return void 0;
+// src/runtime/event-emitter.ts
+var import_app_data3 = require("@stencil/core/internal/app-data");
+
+// src/utils/constants.ts
+var SVG_NS = "http://www.w3.org/2000/svg";
+var HTML_NS = "http://www.w3.org/1999/xhtml";
+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:";
+
+// src/utils/helpers.ts
+var isDef = (v) => v != null && v !== void 0;
+var isComplexType = (o) => {
+  o = typeof o;
+  return o === "object" || o === "function";
 };
-var registerInstance = (lazyInstance, hostRef) => {
-  if (lazyInstance == null || lazyInstance.constructor == null) {
-    throw new Error(`Invalid component constructor`);
+
+// node_modules/minimatch/dist/esm/index.js
+var import_brace_expansion = __toESM(require_brace_expansion(), 1);
+
+// node_modules/minimatch/dist/esm/assert-valid-pattern.js
+var MAX_PATTERN_LENGTH = 1024 * 64;
+var assertValidPattern = (pattern) => {
+  if (typeof pattern !== "string") {
+    throw new TypeError("invalid pattern");
   }
-  if (hostRef == null) {
-    const Cstr = lazyInstance.constructor;
-    const tagName = Cstr.COMPILER_META && Cstr.COMPILER_META.tagName ? Cstr.COMPILER_META.tagName : "div";
-    const elm = document.createElement(tagName);
-    registerHost(elm, { $flags$: 0, $tagName$: tagName });
-    hostRef = getHostRef(elm);
+  if (pattern.length > MAX_PATTERN_LENGTH) {
+    throw new TypeError("pattern is too long");
   }
-  lazyInstance.__stencil__getHostRef = () => hostRef;
-  hostRef.$lazyInstance$ = lazyInstance;
-};
-var registerHost = (elm, cmpMeta) => {
-  const hostRef = {
-    $flags$: 0,
-    $hostElement$: elm,
-    $cmpMeta$: cmpMeta,
-    $instanceValues$: /* @__PURE__ */ new Map(),
-    $serializerValues$: /* @__PURE__ */ new Map(),
-    $renderCount$: 0
-  };
-  hostRef.$fetchedCbList$ = [];
-  hostRef.$onInstancePromise$ = new Promise((r) => hostRef.$onInstanceResolve$ = r);
-  hostRef.$onReadyPromise$ = new Promise((r) => hostRef.$onReadyResolve$ = r);
-  elm["s-p"] = [];
-  elm["s-rc"] = [];
-  elm.__stencil__getHostRef = () => hostRef;
-};
-
-// src/testing/platform/testing-log.ts
-var customError;
-var defaultConsoleError = (e) => {
-  caughtErrors.push(e);
-};
-var consoleError = (e, el) => (customError || defaultConsoleError)(e, el);
-var consoleDevError = (...e) => {
-  caughtErrors.push(new Error(e.join(", ")));
 };
-var consoleDevWarn = (...args) => {
-  const params = args.filter((a) => typeof a === "string" || typeof a === "number" || typeof a === "boolean");
-  console.warn(...params);
-};
-var consoleDevInfo = (..._) => {
-};
-var setErrorHandler = (handler) => customError = handler;
 
-// src/testing/platform/testing-task-queue.ts
-function resetTaskQueue() {
-  queuedTicks.length = 0;
-  queuedWriteTasks.length = 0;
-  queuedReadTasks.length = 0;
-  moduleLoaded.clear();
-  queuedLoadModules.length = 0;
-  caughtErrors.length = 0;
-}
-var nextTick = (cb) => {
-  queuedTicks.push(cb);
+// node_modules/minimatch/dist/esm/brace-expressions.js
+var posixClasses = {
+  "[:alnum:]": ["\\p{L}\\p{Nl}\\p{Nd}", true],
+  "[:alpha:]": ["\\p{L}\\p{Nl}", true],
+  "[:ascii:]": ["\\x00-\\x7f", false],
+  "[:blank:]": ["\\p{Zs}\\t", true],
+  "[:cntrl:]": ["\\p{Cc}", true],
+  "[:digit:]": ["\\p{Nd}", true],
+  "[:graph:]": ["\\p{Z}\\p{C}", true, true],
+  "[:lower:]": ["\\p{Ll}", true],
+  "[:print:]": ["\\p{C}", true],
+  "[:punct:]": ["\\p{P}", true],
+  "[:space:]": ["\\p{Z}\\t\\r\\n\\v\\f", true],
+  "[:upper:]": ["\\p{Lu}", true],
+  "[:word:]": ["\\p{L}\\p{Nl}\\p{Nd}\\p{Pc}", true],
+  "[:xdigit:]": ["A-Fa-f0-9", false]
 };
-function flushTicks() {
-  return new Promise((resolve, reject) => {
-    function drain() {
-      try {
-        if (queuedTicks.length > 0) {
-          const writeTasks = queuedTicks.slice();
-          queuedTicks.length = 0;
-          let cb;
-          while (cb = writeTasks.shift()) {
-            cb(Date.now());
-          }
-        }
-        if (queuedTicks.length > 0) {
-          process.nextTick(drain);
-        } else {
-          resolve();
-        }
-      } catch (e) {
-        reject(`flushTicks: ${e}`);
+var braceEscape = (s) => s.replace(/[[\]\\-]/g, "\\$&");
+var regexpEscape = (s) => s.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");
+var rangesToString = (ranges) => ranges.join("");
+var parseClass = (glob, position) => {
+  const pos = position;
+  if (glob.charAt(pos) !== "[") {
+    throw new Error("not in a brace expression");
+  }
+  const ranges = [];
+  const negs = [];
+  let i2 = pos + 1;
+  let sawStart = false;
+  let uflag = false;
+  let escaping = false;
+  let negate = false;
+  let endPos = pos;
+  let rangeStart = "";
+  WHILE: while (i2 < glob.length) {
+    const c = glob.charAt(i2);
+    if ((c === "!" || c === "^") && i2 === pos + 1) {
+      negate = true;
+      i2++;
+      continue;
+    }
+    if (c === "]" && sawStart && !escaping) {
+      endPos = i2 + 1;
+      break;
+    }
+    sawStart = true;
+    if (c === "\\") {
+      if (!escaping) {
+        escaping = true;
+        i2++;
+        continue;
       }
     }
-    process.nextTick(drain);
-  });
-}
-function writeTask(cb) {
-  queuedWriteTasks.push(cb);
-}
-function readTask(cb) {
-  queuedReadTasks.push(cb);
-}
-function flushQueue() {
-  return new Promise((resolve, reject) => {
-    async function drain() {
-      try {
-        if (queuedReadTasks.length > 0) {
-          const readTasks = queuedReadTasks.slice();
-          queuedReadTasks.length = 0;
-          let cb;
-          while (cb = readTasks.shift()) {
-            const result = cb(Date.now());
-            if (result != null && typeof result.then === "function") {
-              await result;
-            }
-          }
-        }
-        if (queuedWriteTasks.length > 0) {
-          const writeTasks = queuedWriteTasks.slice();
-          queuedWriteTasks.length = 0;
-          let cb;
-          while (cb = writeTasks.shift()) {
-            const result = cb(Date.now());
-            if (result != null && typeof result.then === "function") {
-              await result;
-            }
+    if (c === "[" && !escaping) {
+      for (const [cls, [unip, u, neg]] of Object.entries(posixClasses)) {
+        if (glob.startsWith(cls, i2)) {
+          if (rangeStart) {
+            return ["$.", false, glob.length - pos, true];
           }
+          i2 += cls.length;
+          if (neg)
+            negs.push(unip);
+          else
+            ranges.push(unip);
+          uflag = uflag || u;
+          continue WHILE;
         }
-        if (queuedReadTasks.length + queuedWriteTasks.length > 0) {
-          process.nextTick(drain);
-        } else {
-          resolve();
-        }
-      } catch (e) {
-        reject(`flushQueue: ${e}`);
       }
     }
-    process.nextTick(drain);
-  });
-}
-async function flushAll() {
-  while (queuedTicks.length + queuedLoadModules.length + queuedWriteTasks.length + queuedReadTasks.length > 0) {
-    await flushTicks();
-    await flushLoadModule();
-    await flushQueue();
-  }
-  if (caughtErrors.length > 0) {
-    const err2 = caughtErrors[0];
-    if (err2 == null) {
-      throw new Error("Error!");
+    escaping = false;
+    if (rangeStart) {
+      if (c > rangeStart) {
+        ranges.push(braceEscape(rangeStart) + "-" + braceEscape(c));
+      } else if (c === rangeStart) {
+        ranges.push(braceEscape(c));
+      }
+      rangeStart = "";
+      i2++;
+      continue;
     }
-    if (typeof err2 === "string") {
-      throw new Error(err2);
-    }
-    throw err2;
-  }
-  return new Promise((resolve) => process.nextTick(resolve));
-}
-function loadModule(cmpMeta, _hostRef, _hmrVersionId) {
-  return new Promise((resolve) => {
-    queuedLoadModules.push({
-      bundleId: cmpMeta.$lazyBundleId$,
-      resolve: () => resolve(moduleLoaded.get(cmpMeta.$lazyBundleId$))
-    });
-  });
-}
-function flushLoadModule(bundleId) {
-  return new Promise((resolve, reject) => {
-    try {
-      process.nextTick(() => {
-        if (bundleId != null) {
-          for (let i2 = 0; i2 < queuedLoadModules.length; i2++) {
-            if (queuedLoadModules[i2].bundleId === bundleId) {
-              queuedLoadModules[i2].resolve();
-              queuedLoadModules.splice(i2, 1);
-              i2--;
-            }
-          }
-        } else {
-          let queuedLoadModule;
-          while (queuedLoadModule = queuedLoadModules.shift()) {
-            queuedLoadModule.resolve();
-          }
-        }
-        resolve();
-      });
-    } catch (e) {
-      reject(`flushLoadModule: ${e}`);
-    }
-  });
-}
-
-// src/testing/platform/testing-window.ts
-var import_mock_doc = require("../../mock-doc/index.cjs");
-var win = (0, import_mock_doc.setupGlobal)(global);
-
-// src/testing/platform/testing-platform.ts
-var supportsShadow = true;
-var plt = {
-  $flags$: 0,
-  $resourcesUrl$: "",
-  jmp: (h2) => h2(),
-  raf: (h2) => requestAnimationFrame(h2),
-  ael: (el, eventName, listener, opts) => el.addEventListener(eventName, listener, opts),
-  rel: (el, eventName, listener, opts) => el.removeEventListener(eventName, listener, opts),
-  ce: (eventName, opts) => new win.CustomEvent(eventName, opts)
-};
-var setPlatformHelpers = (helpers) => {
-  Object.assign(plt, helpers);
-};
-var supportsListenerOptions = true;
-var supportsConstructableStylesheets = false;
-var supportsMutableAdoptedStyleSheets = false;
-var setSupportsShadowDom = (supports) => {
-  supportsShadow = supports;
-};
-function resetPlatform(defaults2 = {}) {
-  if (win && typeof win.close === "function") {
-    win.close();
-  }
-  styles.clear();
-  plt.$flags$ = 0;
-  Object.assign(plt, defaults2);
-  if (plt.$orgLocNodes$ != null) {
-    plt.$orgLocNodes$.clear();
-    plt.$orgLocNodes$ = void 0;
-  }
-  win.location.href = plt.$resourcesUrl$ = `http://testing.stenciljs.com/`;
-  resetTaskQueue();
-  stopAutoApplyChanges();
-  cstrs.clear();
-}
-var isAutoApplyingChanges = false;
-var autoApplyTimer = void 0;
-function stopAutoApplyChanges() {
-  isAutoApplyingChanges = false;
-  if (autoApplyTimer) {
-    clearTimeout(autoApplyTimer);
-    autoApplyTimer = void 0;
-  }
-}
-async function startAutoApplyChanges() {
-  isAutoApplyingChanges = true;
-  flushAll().then(() => {
-    if (isAutoApplyingChanges) {
-      autoApplyTimer = setTimeout(() => {
-        startAutoApplyChanges();
-      }, 100);
-    }
-  });
-}
-var registerComponents = (Cstrs) => {
-  Cstrs.filter((Cstr) => Cstr.COMPILER_META).forEach((Cstr) => {
-    cstrs.set(Cstr.COMPILER_META.tagName, Cstr);
-  });
-};
-function registerModule(bundleId, Cstr) {
-  moduleLoaded.set(bundleId, Cstr);
-}
-var isMemberInElement = (elm, memberName) => {
-  if (elm != null) {
-    if (memberName in elm) {
-      return true;
-    }
-    const nodeName = elm.nodeName;
-    if (nodeName) {
-      const cstr = cstrs.get(nodeName.toLowerCase());
-      if (cstr != null && cstr.COMPILER_META != null && cstr.COMPILER_META.properties != null) {
-        return cstr.COMPILER_META.properties.some((p) => p.name === memberName);
-      }
-    }
-  }
-  return false;
-};
-
-// src/testing/platform/index.ts
-var import_app_data24 = require("@stencil/core/internal/app-data");
-
-// src/runtime/asset-path.ts
-var getAssetPath = (path2) => {
-  const assetUrl = new URL(path2, plt.$resourcesUrl$);
-  return assetUrl.origin !== win.location.origin ? assetUrl.href : assetUrl.pathname;
-};
-var setAssetPath = (path2) => plt.$resourcesUrl$ = path2;
-
-// src/runtime/bootstrap-custom-element.ts
-var import_app_data20 = require("@stencil/core/internal/app-data");
-
-// src/utils/constants.ts
-var SVG_NS = "http://www.w3.org/2000/svg";
-var HTML_NS = "http://www.w3.org/1999/xhtml";
-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:";
-
-// src/utils/helpers.ts
-var isDef = (v) => v != null && v !== void 0;
-var isComplexType = (o) => {
-  o = typeof o;
-  return o === "object" || o === "function";
-};
-
-// node_modules/minimatch/dist/esm/index.js
-var import_brace_expansion = __toESM(require_brace_expansion(), 1);
-
-// node_modules/minimatch/dist/esm/assert-valid-pattern.js
-var MAX_PATTERN_LENGTH = 1024 * 64;
-var assertValidPattern = (pattern) => {
-  if (typeof pattern !== "string") {
-    throw new TypeError("invalid pattern");
-  }
-  if (pattern.length > MAX_PATTERN_LENGTH) {
-    throw new TypeError("pattern is too long");
-  }
-};
-
-// node_modules/minimatch/dist/esm/brace-expressions.js
-var posixClasses = {
-  "[:alnum:]": ["\\p{L}\\p{Nl}\\p{Nd}", true],
-  "[:alpha:]": ["\\p{L}\\p{Nl}", true],
-  "[:ascii:]": ["\\x00-\\x7f", false],
-  "[:blank:]": ["\\p{Zs}\\t", true],
-  "[:cntrl:]": ["\\p{Cc}", true],
-  "[:digit:]": ["\\p{Nd}", true],
-  "[:graph:]": ["\\p{Z}\\p{C}", true, true],
-  "[:lower:]": ["\\p{Ll}", true],
-  "[:print:]": ["\\p{C}", true],
-  "[:punct:]": ["\\p{P}", true],
-  "[:space:]": ["\\p{Z}\\t\\r\\n\\v\\f", true],
-  "[:upper:]": ["\\p{Lu}", true],
-  "[:word:]": ["\\p{L}\\p{Nl}\\p{Nd}\\p{Pc}", true],
-  "[:xdigit:]": ["A-Fa-f0-9", false]
-};
-var braceEscape = (s) => s.replace(/[[\]\\-]/g, "\\$&");
-var regexpEscape = (s) => s.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");
-var rangesToString = (ranges) => ranges.join("");
-var parseClass = (glob, position) => {
-  const pos = position;
-  if (glob.charAt(pos) !== "[") {
-    throw new Error("not in a brace expression");
-  }
-  const ranges = [];
-  const negs = [];
-  let i2 = pos + 1;
-  let sawStart = false;
-  let uflag = false;
-  let escaping = false;
-  let negate = false;
-  let endPos = pos;
-  let rangeStart = "";
-  WHILE: while (i2 < glob.length) {
-    const c = glob.charAt(i2);
-    if ((c === "!" || c === "^") && i2 === pos + 1) {
-      negate = true;
-      i2++;
-      continue;
-    }
-    if (c === "]" && sawStart && !escaping) {
-      endPos = i2 + 1;
-      break;
-    }
-    sawStart = true;
-    if (c === "\\") {
-      if (!escaping) {
-        escaping = true;
-        i2++;
-        continue;
-      }
-    }
-    if (c === "[" && !escaping) {
-      for (const [cls, [unip, u, neg]] of Object.entries(posixClasses)) {
-        if (glob.startsWith(cls, i2)) {
-          if (rangeStart) {
-            return ["$.", false, glob.length - pos, true];
-          }
-          i2 += cls.length;
-          if (neg)
-            negs.push(unip);
-          else
-            ranges.push(unip);
-          uflag = uflag || u;
-          continue WHILE;
-        }
-      }
-    }
-    escaping = false;
-    if (rangeStart) {
-      if (c > rangeStart) {
-        ranges.push(braceEscape(rangeStart) + "-" + braceEscape(c));
-      } else if (c === rangeStart) {
-        ranges.push(braceEscape(c));
-      }
-      rangeStart = "";
-      i2++;
-      continue;
-    }
-    if (glob.startsWith("-]", i2 + 1)) {
-      ranges.push(braceEscape(c + "-"));
-      i2 += 2;
-      continue;
+    if (glob.startsWith("-]", i2 + 1)) {
+      ranges.push(braceEscape(c + "-"));
+      i2 += 2;
+      continue;
     }
     if (glob.startsWith("-", i2 + 1)) {
       rangeStart = c;
@@ -2105,175 +1825,520 @@ var RemoteValue = class _RemoteValue {
     if (!obj.hasOwnProperty(TYPE_CONSTANT)) {
       return false;
     }
-    const type = obj[TYPE_CONSTANT];
-    const hasTypeProperty = Object.values({ ...PrimitiveType, ...NonPrimitiveType }).includes(type);
-    if (!hasTypeProperty) {
-      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;
+  }
+};
+
+// src/utils/result.ts
+var result_exports = {};
+__export(result_exports, {
+  err: () => err,
+  map: () => map,
+  ok: () => ok,
+  unwrap: () => unwrap,
+  unwrapErr: () => unwrapErr
+});
+var ok = (value) => ({
+  isOk: true,
+  isErr: false,
+  value
+});
+var err = (value) => ({
+  isOk: false,
+  isErr: true,
+  value
+});
+function map(result, fn) {
+  if (result.isOk) {
+    const val = fn(result.value);
+    if (val instanceof Promise) {
+      return val.then((newVal) => ok(newVal));
+    } else {
+      return ok(val);
+    }
+  }
+  if (result.isErr) {
+    const value = result.value;
+    return err(value);
+  }
+  throw "should never get here";
+}
+var unwrap = (result) => {
+  if (result.isOk) {
+    return result.value;
+  } else {
+    throw result.value;
+  }
+};
+var unwrapErr = (result) => {
+  if (result.isErr) {
+    return result.value;
+  } else {
+    throw result.value;
+  }
+};
+
+// src/utils/serialize.ts
+function deserializeProperty(value) {
+  if (typeof value !== "string" || !value.startsWith(SERIALIZED_PREFIX)) {
+    return value;
+  }
+  return RemoteValue.fromLocalValue(JSON.parse(atob(value.slice(SERIALIZED_PREFIX.length))));
+}
+
+// src/utils/shadow-root.ts
+var import_app_data = require("@stencil/core/internal/app-data");
+
+// src/app-globals/index.ts
+var globalStyles = (
+  /* default */
+  ""
+);
+
+// src/runtime/runtime-constants.ts
+var CONTENT_REF_ID = "r";
+var ORG_LOCATION_ID = "o";
+var SLOT_NODE_ID = "s";
+var TEXT_NODE_ID = "t";
+var COMMENT_NODE_ID = "c";
+var HYDRATE_ID = "s-id";
+var HYDRATED_STYLE_ID = "sty-id";
+var HYDRATE_CHILD_ID = "c-id";
+var HYDRATED_CSS = "{visibility:hidden}.hydrated{visibility:inherit}";
+var STENCIL_DOC_DATA = "_stencilDocData";
+var DEFAULT_DOC_DATA = {
+  hostIds: 0,
+  rootLevelIds: 0,
+  staticComponents: /* @__PURE__ */ new Set()
+};
+var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
+var XLINK_NS = "http://www.w3.org/1999/xlink";
+var FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS = [
+  "formAssociatedCallback",
+  "formResetCallback",
+  "formDisabledCallback",
+  "formStateRestoreCallback"
+];
+
+// src/utils/style.ts
+function createStyleSheetIfNeededAndSupported(styles2) {
+  if (!styles2 || !supportsConstructableStylesheets) return void 0;
+  const sheet = new CSSStyleSheet();
+  sheet.replaceSync(styles2);
+  return sheet;
+}
+
+// src/utils/shadow-root.ts
+var globalStyleSheet;
+var GLOBAL_STYLE_ID = "sc-global";
+function createShadowRoot(cmpMeta) {
+  var _a;
+  const opts = { mode: "open" };
+  if (import_app_data.BUILD.shadowDelegatesFocus) {
+    opts.delegatesFocus = !!(cmpMeta.$flags$ & 16 /* shadowDelegatesFocus */);
+  }
+  if (import_app_data.BUILD.shadowSlotAssignmentManual) {
+    const isManual = !!(cmpMeta.$flags$ & 1024 /* shadowSlotAssignmentManual */);
+    if (isManual) {
+      opts.slotAssignment = "manual";
+    }
+  }
+  const shadowRoot = this.attachShadow(opts);
+  if (globalStyleSheet === void 0) globalStyleSheet = (_a = createStyleSheetIfNeededAndSupported(globalStyles)) != null ? _a : null;
+  if (globalStyleSheet) {
+    if (supportsMutableAdoptedStyleSheets) {
+      shadowRoot.adoptedStyleSheets.push(globalStyleSheet);
+    } else {
+      shadowRoot.adoptedStyleSheets = [...shadowRoot.adoptedStyleSheets, globalStyleSheet];
     }
-    if (type !== "null" /* Null */ && type !== "undefined" /* Undefined */) {
-      return obj.hasOwnProperty(VALUE_CONSTANT);
+  } else if (globalStyles && !supportsConstructableStylesheets) {
+    const styleElm = document.createElement("style");
+    styleElm.innerHTML = globalStyles;
+    if (import_app_data.BUILD.hotModuleReplacement) {
+      styleElm.setAttribute(HYDRATED_STYLE_ID, GLOBAL_STYLE_ID);
     }
-    return true;
+    shadowRoot.prepend(styleElm);
   }
+}
+
+// src/utils/util.ts
+var lowerPathParam = (fn) => (p) => fn(p.toLowerCase());
+var isDtsFile = lowerPathParam((p) => p.endsWith(".d.ts") || p.endsWith(".d.mts") || p.endsWith(".d.cts"));
+var isTsFile = lowerPathParam(
+  (p) => !isDtsFile(p) && (p.endsWith(".ts") || p.endsWith(".mts") || p.endsWith(".cts"))
+);
+var isTsxFile = lowerPathParam(
+  (p) => p.endsWith(".tsx") || p.endsWith(".mtsx") || p.endsWith(".ctsx")
+);
+var isJsxFile = lowerPathParam(
+  (p) => p.endsWith(".jsx") || p.endsWith(".mjsx") || p.endsWith(".cjsx")
+);
+var isJsFile = lowerPathParam((p) => p.endsWith(".js") || p.endsWith(".mjs") || p.endsWith(".cjs"));
+
+// src/runtime/element.ts
+var import_app_data2 = require("@stencil/core/internal/app-data");
+var getElement = (ref) => {
+  var _a;
+  return import_app_data2.BUILD.lazyLoad ? (_a = getHostRef(ref)) == null ? void 0 : _a.$hostElement$ : ref;
 };
 
-// src/utils/result.ts
-var result_exports = {};
-__export(result_exports, {
-  err: () => err,
-  map: () => map,
-  ok: () => ok,
-  unwrap: () => unwrap,
-  unwrapErr: () => unwrapErr
-});
-var ok = (value) => ({
-  isOk: true,
-  isErr: false,
-  value
-});
-var err = (value) => ({
-  isOk: false,
-  isErr: true,
-  value
-});
-function map(result, fn) {
-  if (result.isOk) {
-    const val = fn(result.value);
-    if (val instanceof Promise) {
-      return val.then((newVal) => ok(newVal));
-    } else {
-      return ok(val);
+// src/runtime/event-emitter.ts
+var createEvent = (ref, name, flags) => {
+  const elm = getElement(ref);
+  return {
+    emit: (detail) => {
+      if (import_app_data3.BUILD.isDev && !elm.isConnected) {
+        consoleDevWarn(`The "${name}" event was emitted, but the dispatcher node is no longer connected to the dom.`);
+      }
+      return emitEvent(elm, name, {
+        bubbles: !!(flags & 4 /* Bubbles */),
+        composed: !!(flags & 2 /* Composed */),
+        cancelable: !!(flags & 1 /* Cancellable */),
+        detail
+      });
     }
+  };
+};
+var emitEvent = (elm, name, opts) => {
+  const ev = plt.ce(name, opts);
+  elm.dispatchEvent(ev);
+  return ev;
+};
+
+// src/testing/platform/testing-host-ref.ts
+var getHostRef = (elm) => {
+  if (elm.__stencil__getHostRef) {
+    return elm.__stencil__getHostRef();
   }
-  if (result.isErr) {
-    const value = result.value;
-    return err(value);
+  return void 0;
+};
+var registerInstance = (lazyInstance, hostRef) => {
+  if (lazyInstance == null || lazyInstance.constructor == null) {
+    throw new Error(`Invalid component constructor`);
   }
-  throw "should never get here";
-}
-var unwrap = (result) => {
-  if (result.isOk) {
-    return result.value;
-  } else {
-    throw result.value;
+  if (hostRef == null) {
+    const Cstr2 = lazyInstance.constructor;
+    const tagName = Cstr2.COMPILER_META && Cstr2.COMPILER_META.tagName ? Cstr2.COMPILER_META.tagName : "div";
+    const elm = document.createElement(tagName);
+    registerHost(elm, { $flags$: 0, $tagName$: tagName });
+    hostRef = getHostRef(elm);
   }
-};
-var unwrapErr = (result) => {
-  if (result.isErr) {
-    return result.value;
-  } else {
-    throw result.value;
+  lazyInstance.__stencil__getHostRef = () => hostRef;
+  hostRef.$lazyInstance$ = lazyInstance;
+  const Cstr = lazyInstance.constructor;
+  const allEvents = [];
+  const seenEventMethods = /* @__PURE__ */ new Set();
+  if (Cstr.COMPILER_META && Cstr.COMPILER_META.events) {
+    Cstr.COMPILER_META.events.forEach((event) => {
+      if (!seenEventMethods.has(event.method)) {
+        allEvents.push(event);
+        seenEventMethods.add(event.method);
+      }
+    });
+  }
+  let currentProto = Object.getPrototypeOf(Cstr);
+  while (currentProto && currentProto !== Function.prototype && currentProto.name) {
+    if (typeof currentProto.events === "object" && Array.isArray(currentProto.events)) {
+      currentProto.events.forEach((event) => {
+        if (!seenEventMethods.has(event.method)) {
+          allEvents.push(event);
+          seenEventMethods.add(event.method);
+        }
+      });
+    }
+    currentProto = Object.getPrototypeOf(currentProto);
   }
+  allEvents.forEach((eventMeta) => {
+    if (!lazyInstance[eventMeta.method]) {
+      let flags = 0;
+      if (eventMeta.bubbles) flags |= 4 /* Bubbles */;
+      if (eventMeta.composed) flags |= 2 /* Composed */;
+      if (eventMeta.cancelable) flags |= 1 /* Cancellable */;
+      lazyInstance[eventMeta.method] = createEvent(lazyInstance, eventMeta.name, flags);
+    }
+  });
+};
+var registerHost = (elm, cmpMeta) => {
+  const hostRef = {
+    $flags$: 0,
+    $hostElement$: elm,
+    $cmpMeta$: cmpMeta,
+    $instanceValues$: /* @__PURE__ */ new Map(),
+    $serializerValues$: /* @__PURE__ */ new Map(),
+    $renderCount$: 0
+  };
+  hostRef.$fetchedCbList$ = [];
+  hostRef.$onInstancePromise$ = new Promise((r) => hostRef.$onInstanceResolve$ = r);
+  hostRef.$onReadyPromise$ = new Promise((r) => hostRef.$onReadyResolve$ = r);
+  elm["s-p"] = [];
+  elm["s-rc"] = [];
+  elm.__stencil__getHostRef = () => hostRef;
 };
 
-// src/utils/serialize.ts
-function deserializeProperty(value) {
-  if (typeof value !== "string" || !value.startsWith(SERIALIZED_PREFIX)) {
-    return value;
+// src/testing/platform/testing-log.ts
+var customError;
+var defaultConsoleError = (e) => {
+  caughtErrors.push(e);
+};
+var consoleError = (e, el) => (customError || defaultConsoleError)(e, el);
+var consoleDevError = (...e) => {
+  caughtErrors.push(new Error(e.join(", ")));
+};
+var consoleDevWarn = (...args) => {
+  const params = args.filter((a) => typeof a === "string" || typeof a === "number" || typeof a === "boolean");
+  console.warn(...params);
+};
+var consoleDevInfo = (..._) => {
+};
+var setErrorHandler = (handler) => customError = handler;
+
+// src/testing/platform/testing-task-queue.ts
+function resetTaskQueue() {
+  queuedTicks.length = 0;
+  queuedWriteTasks.length = 0;
+  queuedReadTasks.length = 0;
+  moduleLoaded.clear();
+  queuedLoadModules.length = 0;
+  caughtErrors.length = 0;
+}
+var nextTick = (cb) => {
+  queuedTicks.push(cb);
+};
+function flushTicks() {
+  return new Promise((resolve, reject) => {
+    function drain() {
+      try {
+        if (queuedTicks.length > 0) {
+          const writeTasks = queuedTicks.slice();
+          queuedTicks.length = 0;
+          let cb;
+          while (cb = writeTasks.shift()) {
+            cb(Date.now());
+          }
+        }
+        if (queuedTicks.length > 0) {
+          process.nextTick(drain);
+        } else {
+          resolve();
+        }
+      } catch (e) {
+        reject(`flushTicks: ${e}`);
+      }
+    }
+    process.nextTick(drain);
+  });
+}
+function writeTask(cb) {
+  queuedWriteTasks.push(cb);
+}
+function readTask(cb) {
+  queuedReadTasks.push(cb);
+}
+function flushQueue() {
+  return new Promise((resolve, reject) => {
+    async function drain() {
+      try {
+        if (queuedReadTasks.length > 0) {
+          const readTasks = queuedReadTasks.slice();
+          queuedReadTasks.length = 0;
+          let cb;
+          while (cb = readTasks.shift()) {
+            const result = cb(Date.now());
+            if (result != null && typeof result.then === "function") {
+              await result;
+            }
+          }
+        }
+        if (queuedWriteTasks.length > 0) {
+          const writeTasks = queuedWriteTasks.slice();
+          queuedWriteTasks.length = 0;
+          let cb;
+          while (cb = writeTasks.shift()) {
+            const result = cb(Date.now());
+            if (result != null && typeof result.then === "function") {
+              await result;
+            }
+          }
+        }
+        if (queuedReadTasks.length + queuedWriteTasks.length > 0) {
+          process.nextTick(drain);
+        } else {
+          resolve();
+        }
+      } catch (e) {
+        reject(`flushQueue: ${e}`);
+      }
+    }
+    process.nextTick(drain);
+  });
+}
+async function flushAll() {
+  while (queuedTicks.length + queuedLoadModules.length + queuedWriteTasks.length + queuedReadTasks.length > 0) {
+    await flushTicks();
+    await flushLoadModule();
+    await flushQueue();
   }
-  return RemoteValue.fromLocalValue(JSON.parse(atob(value.slice(SERIALIZED_PREFIX.length))));
+  if (caughtErrors.length > 0) {
+    const err2 = caughtErrors[0];
+    if (err2 == null) {
+      throw new Error("Error!");
+    }
+    if (typeof err2 === "string") {
+      throw new Error(err2);
+    }
+    throw err2;
+  }
+  return new Promise((resolve) => process.nextTick(resolve));
+}
+function loadModule(cmpMeta, _hostRef, _hmrVersionId) {
+  return new Promise((resolve) => {
+    queuedLoadModules.push({
+      bundleId: cmpMeta.$lazyBundleId$,
+      resolve: () => resolve(moduleLoaded.get(cmpMeta.$lazyBundleId$))
+    });
+  });
+}
+function flushLoadModule(bundleId) {
+  return new Promise((resolve, reject) => {
+    try {
+      process.nextTick(() => {
+        if (bundleId != null) {
+          for (let i2 = 0; i2 < queuedLoadModules.length; i2++) {
+            if (queuedLoadModules[i2].bundleId === bundleId) {
+              queuedLoadModules[i2].resolve();
+              queuedLoadModules.splice(i2, 1);
+              i2--;
+            }
+          }
+        } else {
+          let queuedLoadModule;
+          while (queuedLoadModule = queuedLoadModules.shift()) {
+            queuedLoadModule.resolve();
+          }
+        }
+        resolve();
+      });
+    } catch (e) {
+      reject(`flushLoadModule: ${e}`);
+    }
+  });
 }
 
-// src/utils/shadow-root.ts
-var import_app_data = require("@stencil/core/internal/app-data");
-
-// src/app-globals/index.ts
-var globalStyles = (
-  /* default */
-  ""
-);
+// src/testing/platform/testing-window.ts
+var import_mock_doc = require("../../mock-doc/index.cjs");
+var win = (0, import_mock_doc.setupGlobal)(global);
 
-// src/runtime/runtime-constants.ts
-var CONTENT_REF_ID = "r";
-var ORG_LOCATION_ID = "o";
-var SLOT_NODE_ID = "s";
-var TEXT_NODE_ID = "t";
-var COMMENT_NODE_ID = "c";
-var HYDRATE_ID = "s-id";
-var HYDRATED_STYLE_ID = "sty-id";
-var HYDRATE_CHILD_ID = "c-id";
-var HYDRATED_CSS = "{visibility:hidden}.hydrated{visibility:inherit}";
-var STENCIL_DOC_DATA = "_stencilDocData";
-var DEFAULT_DOC_DATA = {
-  hostIds: 0,
-  rootLevelIds: 0,
-  staticComponents: /* @__PURE__ */ new Set()
+// src/testing/platform/testing-platform.ts
+var supportsShadow = true;
+var plt = {
+  $flags$: 0,
+  $resourcesUrl$: "",
+  jmp: (h2) => h2(),
+  raf: (h2) => requestAnimationFrame(h2),
+  ael: (el, eventName, listener, opts) => el.addEventListener(eventName, listener, opts),
+  rel: (el, eventName, listener, opts) => el.removeEventListener(eventName, listener, opts),
+  ce: (eventName, opts) => new win.CustomEvent(eventName, opts)
 };
-var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
-var XLINK_NS = "http://www.w3.org/1999/xlink";
-var FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS = [
-  "formAssociatedCallback",
-  "formResetCallback",
-  "formDisabledCallback",
-  "formStateRestoreCallback"
-];
-
-// src/utils/style.ts
-function createStyleSheetIfNeededAndSupported(styles2) {
-  if (!styles2 || !supportsConstructableStylesheets) return void 0;
-  const sheet = new CSSStyleSheet();
-  sheet.replaceSync(styles2);
-  return sheet;
+var setPlatformHelpers = (helpers) => {
+  Object.assign(plt, helpers);
+};
+var supportsListenerOptions = true;
+var supportsConstructableStylesheets = false;
+var supportsMutableAdoptedStyleSheets = false;
+var setSupportsShadowDom = (supports) => {
+  supportsShadow = supports;
+};
+function resetPlatform(defaults2 = {}) {
+  if (win && typeof win.close === "function") {
+    win.close();
+  }
+  styles.clear();
+  plt.$flags$ = 0;
+  Object.assign(plt, defaults2);
+  if (plt.$orgLocNodes$ != null) {
+    plt.$orgLocNodes$.clear();
+    plt.$orgLocNodes$ = void 0;
+  }
+  win.location.href = plt.$resourcesUrl$ = `http://testing.stenciljs.com/`;
+  resetTaskQueue();
+  stopAutoApplyChanges();
+  cstrs.clear();
 }
-
-// src/utils/shadow-root.ts
-var globalStyleSheet;
-var GLOBAL_STYLE_ID = "sc-global";
-function createShadowRoot(cmpMeta) {
-  var _a;
-  const opts = { mode: "open" };
-  if (import_app_data.BUILD.shadowDelegatesFocus) {
-    opts.delegatesFocus = !!(cmpMeta.$flags$ & 16 /* shadowDelegatesFocus */);
+var isAutoApplyingChanges = false;
+var autoApplyTimer = void 0;
+function stopAutoApplyChanges() {
+  isAutoApplyingChanges = false;
+  if (autoApplyTimer) {
+    clearTimeout(autoApplyTimer);
+    autoApplyTimer = void 0;
   }
-  if (import_app_data.BUILD.shadowSlotAssignmentManual) {
-    const isManual = !!(cmpMeta.$flags$ & 1024 /* shadowSlotAssignmentManual */);
-    if (isManual) {
-      opts.slotAssignment = "manual";
+}
+async function startAutoApplyChanges() {
+  isAutoApplyingChanges = true;
+  flushAll().then(() => {
+    if (isAutoApplyingChanges) {
+      autoApplyTimer = setTimeout(() => {
+        startAutoApplyChanges();
+      }, 100);
     }
-  }
-  const shadowRoot = this.attachShadow(opts);
-  if (globalStyleSheet === void 0) globalStyleSheet = (_a = createStyleSheetIfNeededAndSupported(globalStyles)) != null ? _a : null;
-  if (globalStyleSheet) {
-    if (supportsMutableAdoptedStyleSheets) {
-      shadowRoot.adoptedStyleSheets.push(globalStyleSheet);
-    } else {
-      shadowRoot.adoptedStyleSheets = [...shadowRoot.adoptedStyleSheets, globalStyleSheet];
+  });
+}
+var registerComponents = (Cstrs) => {
+  Cstrs.filter((Cstr) => Cstr.COMPILER_META).forEach((Cstr) => {
+    cstrs.set(Cstr.COMPILER_META.tagName, Cstr);
+  });
+};
+function registerModule(bundleId, Cstr) {
+  moduleLoaded.set(bundleId, Cstr);
+}
+var isMemberInElement = (elm, memberName) => {
+  if (elm != null) {
+    if (memberName in elm) {
+      return true;
     }
-  } else if (globalStyles && !supportsConstructableStylesheets) {
-    const styleElm = document.createElement("style");
-    styleElm.innerHTML = globalStyles;
-    if (import_app_data.BUILD.hotModuleReplacement) {
-      styleElm.setAttribute(HYDRATED_STYLE_ID, GLOBAL_STYLE_ID);
+    const nodeName = elm.nodeName;
+    if (nodeName) {
+      const cstr = cstrs.get(nodeName.toLowerCase());
+      if (cstr != null && cstr.COMPILER_META != null && cstr.COMPILER_META.properties != null) {
+        return cstr.COMPILER_META.properties.some((p) => p.name === memberName);
+      }
     }
-    shadowRoot.prepend(styleElm);
   }
-}
+  return false;
+};
 
-// src/utils/util.ts
-var lowerPathParam = (fn) => (p) => fn(p.toLowerCase());
-var isDtsFile = lowerPathParam((p) => p.endsWith(".d.ts") || p.endsWith(".d.mts") || p.endsWith(".d.cts"));
-var isTsFile = lowerPathParam(
-  (p) => !isDtsFile(p) && (p.endsWith(".ts") || p.endsWith(".mts") || p.endsWith(".cts"))
-);
-var isTsxFile = lowerPathParam(
-  (p) => p.endsWith(".tsx") || p.endsWith(".mtsx") || p.endsWith(".ctsx")
-);
-var isJsxFile = lowerPathParam(
-  (p) => p.endsWith(".jsx") || p.endsWith(".mjsx") || p.endsWith(".cjsx")
-);
-var isJsFile = lowerPathParam((p) => p.endsWith(".js") || p.endsWith(".mjs") || p.endsWith(".cjs"));
+// src/testing/platform/index.ts
+var import_app_data24 = require("@stencil/core/internal/app-data");
+
+// src/runtime/asset-path.ts
+var getAssetPath = (path2) => {
+  const assetUrl = new URL(path2, plt.$resourcesUrl$);
+  return assetUrl.origin !== win.location.origin ? assetUrl.href : assetUrl.pathname;
+};
+var setAssetPath = (path2) => plt.$resourcesUrl$ = path2;
+
+// src/runtime/bootstrap-custom-element.ts
+var import_app_data20 = require("@stencil/core/internal/app-data");
 
 // src/runtime/connected-callback.ts
 var import_app_data18 = require("@stencil/core/internal/app-data");
 
 // src/runtime/client-hydrate.ts
-var import_app_data7 = require("@stencil/core/internal/app-data");
+var import_app_data9 = require("@stencil/core/internal/app-data");
 
 // src/runtime/dom-extras.ts
-var import_app_data3 = require("@stencil/core/internal/app-data");
+var import_app_data5 = require("@stencil/core/internal/app-data");
 
 // src/runtime/slot-polyfill-utils.ts
-var import_app_data2 = require("@stencil/core/internal/app-data");
+var import_app_data4 = require("@stencil/core/internal/app-data");
 var updateFallbackSlotVisibility = (elm) => {
   const childNodes = internalCall(elm, "childNodes");
   if (elm.tagName && elm.tagName.includes("-") && elm["s-cr"] && elm.tagName !== "SLOT-FB") {
@@ -2352,7 +2417,7 @@ var addSlotRelocateNode = (newChild, slotNode, prepend, position) => {
   if (!slotNode["s-cr"] || !slotNode["s-cr"].parentNode) return;
   const parent = slotNode["s-cr"].parentNode;
   const appendMethod = prepend ? internalCall(parent, "prepend") : internalCall(parent, "appendChild");
-  if (import_app_data2.BUILD.hydrateClientSide && typeof position !== "undefined") {
+  if (import_app_data4.BUILD.hydrateClientSide && typeof position !== "undefined") {
     slottedNodeLocation["s-oo"] = position;
     const childNodes = internalCall(parent, "childNodes");
     const slotRelocateNodes = [slottedNodeLocation];
@@ -2427,12 +2492,13 @@ var patchPseudoShadowDom = (hostElementPrototype) => {
   patchSlotRemoveChild(hostElementPrototype);
 };
 var patchCloneNode = (HostElementPrototype) => {
-  const orgCloneNode = HostElementPrototype.cloneNode;
+  if (HostElementPrototype.__cloneNode) return;
+  const orgCloneNode = HostElementPrototype.__cloneNode = HostElementPrototype.cloneNode;
   HostElementPrototype.cloneNode = function(deep) {
     const srcNode = this;
-    const isShadowDom = import_app_data3.BUILD.shadowDom ? srcNode.shadowRoot && supportsShadow : false;
+    const isShadowDom = import_app_data5.BUILD.shadowDom ? srcNode.shadowRoot && supportsShadow : false;
     const clonedNode = orgCloneNode.call(srcNode, isShadowDom ? deep : false);
-    if (import_app_data3.BUILD.slot && !isShadowDom && deep) {
+    if (import_app_data5.BUILD.slot && !isShadowDom && deep) {
       let i2 = 0;
       let slotted, nonStencilNode;
       const stencilPrivates = [
@@ -2457,7 +2523,7 @@ var patchCloneNode = (HostElementPrototype) => {
         slotted = childNodes[i2]["s-nr"];
         nonStencilNode = stencilPrivates.every((privateField) => !childNodes[i2][privateField]);
         if (slotted) {
-          if (import_app_data3.BUILD.appendChildSlotFix && clonedNode.__appendChild) {
+          if (import_app_data5.BUILD.appendChildSlotFix && clonedNode.__appendChild) {
             clonedNode.__appendChild(slotted.cloneNode(true));
           } else {
             clonedNode.appendChild(slotted.cloneNode(true));
@@ -2472,6 +2538,7 @@ var patchCloneNode = (HostElementPrototype) => {
   };
 };
 var patchSlotAppendChild = (HostElementPrototype) => {
+  if (HostElementPrototype.__appendChild) return;
   HostElementPrototype.__appendChild = HostElementPrototype.appendChild;
   HostElementPrototype.appendChild = function(newChild) {
     const { slotName, slotNode } = findSlotFromSlottedNode(newChild, this);
@@ -2489,6 +2556,7 @@ var patchSlotAppendChild = (HostElementPrototype) => {
   };
 };
 var patchSlotRemoveChild = (ElementPrototype) => {
+  if (ElementPrototype.__removeChild) return;
   ElementPrototype.__removeChild = ElementPrototype.removeChild;
   ElementPrototype.removeChild = function(toRemove) {
     if (toRemove && typeof toRemove["s-sn"] !== "undefined") {
@@ -2504,6 +2572,7 @@ var patchSlotRemoveChild = (ElementPrototype) => {
   };
 };
 var patchSlotPrepend = (HostElementPrototype) => {
+  if (HostElementPrototype.__prepend) return;
   HostElementPrototype.__prepend = HostElementPrototype.prepend;
   HostElementPrototype.prepend = function(...newChildren) {
     newChildren.forEach((newChild) => {
@@ -2530,6 +2599,7 @@ var patchSlotPrepend = (HostElementPrototype) => {
   };
 };
 var patchSlotAppend = (HostElementPrototype) => {
+  if (HostElementPrototype.__append) return;
   HostElementPrototype.__append = HostElementPrototype.append;
   HostElementPrototype.append = function(...newChildren) {
     newChildren.forEach((newChild) => {
@@ -2541,6 +2611,7 @@ var patchSlotAppend = (HostElementPrototype) => {
   };
 };
 var patchSlotInsertAdjacentHTML = (HostElementPrototype) => {
+  if (HostElementPrototype.__insertAdjacentHTML) return;
   const originalInsertAdjacentHtml = HostElementPrototype.insertAdjacentHTML;
   HostElementPrototype.insertAdjacentHTML = function(position, text) {
     if (position !== "afterbegin" && position !== "beforeend") {
@@ -2566,6 +2637,7 @@ var patchSlotInsertAdjacentText = (HostElementPrototype) => {
   };
 };
 var patchInsertBefore = (HostElementPrototype) => {
+  if (HostElementPrototype.__insertBefore) return;
   const eleProto = HostElementPrototype;
   if (eleProto.__insertBefore) return;
   eleProto.__insertBefore = HostElementPrototype.insertBefore;
@@ -2600,6 +2672,7 @@ var patchInsertBefore = (HostElementPrototype) => {
   };
 };
 var patchSlotInsertAdjacentElement = (HostElementPrototype) => {
+  if (HostElementPrototype.__insertAdjacentElement) return;
   const originalInsertAdjacentElement = HostElementPrototype.insertAdjacentElement;
   HostElementPrototype.insertAdjacentElement = function(position, element) {
     if (position !== "afterbegin" && position !== "beforeend") {
@@ -2792,10 +2865,10 @@ function internalCall(node, method) {
 }
 
 // src/runtime/profile.ts
-var import_app_data4 = require("@stencil/core/internal/app-data");
+var import_app_data6 = require("@stencil/core/internal/app-data");
 var i = 0;
 var createTime = (fnName, tagName = "") => {
-  if (import_app_data4.BUILD.profile && performance.mark) {
+  if (import_app_data6.BUILD.profile && performance.mark) {
     const key = `st:${fnName}:${tagName}:${i++}`;
     performance.mark(key);
     return () => performance.measure(`[Stencil] ${fnName}() <${tagName}>`, key);
@@ -2806,7 +2879,7 @@ var createTime = (fnName, tagName = "") => {
   }
 };
 var uniqueTime = (key, measureText) => {
-  if (import_app_data4.BUILD.profile && performance.mark) {
+  if (import_app_data6.BUILD.profile && performance.mark) {
     if (performance.getEntriesByName(key, "mark").length === 0) {
       performance.mark(key);
     }
@@ -2866,7 +2939,7 @@ var inspect = (ref) => {
   };
 };
 var installDevTools = () => {
-  if (import_app_data4.BUILD.devTools) {
+  if (import_app_data6.BUILD.devTools) {
     const stencil = win.stencil = win.stencil || {};
     const originalInspect = stencil.inspect;
     stencil.inspect = (ref) => {
@@ -2880,7 +2953,7 @@ var installDevTools = () => {
 };
 
 // src/runtime/styles.ts
-var import_app_data5 = require("@stencil/core/internal/app-data");
+var import_app_data7 = require("@stencil/core/internal/app-data");
 var rootAppliedStyles = /* @__PURE__ */ new WeakMap();
 var registerStyle = (scopeId2, cssText, allowCS) => {
   let style = styles.get(scopeId2);
@@ -2900,7 +2973,7 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
   var _a, _b, _c;
   const scopeId2 = getScopeId(cmpMeta, mode);
   const style = styles.get(scopeId2);
-  if (!import_app_data5.BUILD.attachStyles || !win.document) {
+  if (!import_app_data7.BUILD.attachStyles || !win.document) {
     return scopeId2;
   }
   styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : win.document;
@@ -2912,7 +2985,7 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
       if (!appliedStyles) {
         rootAppliedStyles.set(styleContainerNode, appliedStyles = /* @__PURE__ */ new Set());
       }
-      const existingStyleElm = (import_app_data5.BUILD.hydrateClientSide || import_app_data5.BUILD.hotModuleReplacement) && styleContainerNode.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`);
+      const existingStyleElm = (import_app_data7.BUILD.hydrateClientSide || import_app_data7.BUILD.hotModuleReplacement) && styleContainerNode.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`);
       if (existingStyleElm) {
         existingStyleElm.innerHTML = style;
       } else if (!appliedStyles.has(scopeId2)) {
@@ -2922,7 +2995,7 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
         if (nonce != null) {
           styleElm.setAttribute("nonce", nonce);
         }
-        if ((import_app_data5.BUILD.hydrateServerSide || import_app_data5.BUILD.hotModuleReplacement) && (cmpMeta.$flags$ & 2 /* scopedCssEncapsulation */ || cmpMeta.$flags$ & 128 /* shadowNeedsScopedCss */ || cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */)) {
+        if ((import_app_data7.BUILD.hydrateServerSide || import_app_data7.BUILD.hotModuleReplacement) && (cmpMeta.$flags$ & 2 /* scopedCssEncapsulation */ || cmpMeta.$flags$ & 128 /* shadowNeedsScopedCss */ || cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */)) {
           styleElm.setAttribute(HYDRATED_STYLE_ID, scopeId2);
         }
         if (!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */)) {
@@ -2965,7 +3038,7 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
           appliedStyles.add(scopeId2);
         }
       }
-    } else if (import_app_data5.BUILD.constructableCSS) {
+    } else if (import_app_data7.BUILD.constructableCSS) {
       let appliedStyles = rootAppliedStyles.get(styleContainerNode);
       if (!appliedStyles) {
         rootAppliedStyles.set(styleContainerNode, appliedStyles = /* @__PURE__ */ new Set());
@@ -2998,17 +3071,17 @@ var attachStyles = (hostRef) => {
   const flags = cmpMeta.$flags$;
   const endAttachStyles = createTime("attachStyles", cmpMeta.$tagName$);
   const scopeId2 = addStyle(
-    import_app_data5.BUILD.shadowDom && supportsShadow && elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(),
+    import_app_data7.BUILD.shadowDom && supportsShadow && elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(),
     cmpMeta,
     hostRef.$modeName$
   );
-  if ((import_app_data5.BUILD.shadowDom || import_app_data5.BUILD.scoped) && import_app_data5.BUILD.cssAnnotations && flags & 10 /* needsScopedEncapsulation */) {
+  if ((import_app_data7.BUILD.shadowDom || import_app_data7.BUILD.scoped) && import_app_data7.BUILD.cssAnnotations && flags & 10 /* needsScopedEncapsulation */) {
     elm["s-sc"] = scopeId2;
     elm.classList.add(scopeId2 + "-h");
   }
   endAttachStyles();
 };
-var getScopeId = (cmp, mode) => "sc-" + (import_app_data5.BUILD.mode && mode && cmp.$flags$ & 32 /* hasMode */ ? cmp.$tagName$ + "-" + mode : cmp.$tagName$);
+var getScopeId = (cmp, mode) => "sc-" + (import_app_data7.BUILD.mode && mode && cmp.$flags$ & 32 /* hasMode */ ? cmp.$tagName$ + "-" + mode : cmp.$tagName$);
 var convertScopedToShadow = (css) => css.replace(/\/\*!@([^\/]+)\*\/[^\{]+\{/g, "$1{");
 var hydrateScopedToShadow = () => {
   if (!win.document) {
@@ -3022,7 +3095,7 @@ var hydrateScopedToShadow = () => {
 };
 
 // src/runtime/vdom/h.ts
-var import_app_data6 = require("@stencil/core/internal/app-data");
+var import_app_data8 = require("@stencil/core/internal/app-data");
 var h = (nodeName, vnodeData, ...children) => {
   if (typeof nodeName === "string") {
     nodeName = transformTag(nodeName);
@@ -3041,7 +3114,7 @@ var h = (nodeName, vnodeData, ...children) => {
       } else if (child != null && typeof child !== "boolean") {
         if (simple = typeof nodeName !== "function" && !isComplexType(child)) {
           child = String(child);
-        } else if (import_app_data6.BUILD.isDev && typeof nodeName !== "function" && child.$flags$ === void 0) {
+        } else if (import_app_data8.BUILD.isDev && typeof nodeName !== "function" && child.$flags$ === void 0) {
           consoleDevError(`vNode passed as children has unexpected type.
 Make sure it's using the correct h() function.
 Empty objects can also be the cause, look for JSX comments that became objects.`);
@@ -3057,28 +3130,28 @@ Empty objects can also be the cause, look for JSX comments that became objects.`
   };
   walk(children);
   if (vnodeData) {
-    if (import_app_data6.BUILD.isDev && nodeName === "input") {
+    if (import_app_data8.BUILD.isDev && nodeName === "input") {
       validateInputProperties(vnodeData);
     }
-    if (import_app_data6.BUILD.vdomKey && vnodeData.key) {
+    if (import_app_data8.BUILD.vdomKey && vnodeData.key) {
       key = vnodeData.key;
     }
-    if (import_app_data6.BUILD.slotRelocation && vnodeData.name) {
+    if (import_app_data8.BUILD.slotRelocation && vnodeData.name) {
       slotName = vnodeData.name;
     }
-    if (import_app_data6.BUILD.vdomClass) {
+    if (import_app_data8.BUILD.vdomClass) {
       const classData = vnodeData.className || vnodeData.class;
       if (classData) {
         vnodeData.class = typeof classData !== "object" ? classData : Object.keys(classData).filter((k) => classData[k]).join(" ");
       }
     }
   }
-  if (import_app_data6.BUILD.isDev && vNodeChildren.some(isHost)) {
+  if (import_app_data8.BUILD.isDev && vNodeChildren.some(isHost)) {
     consoleDevError(`The <Host> must be the single root component. Make sure:
 - You are NOT using hostData() and <Host> in the same component.
 - <Host> is used once, and it's the single root component of the render() function.`);
   }
-  if (import_app_data6.BUILD.vdomFunctional && typeof nodeName === "function") {
+  if (import_app_data8.BUILD.vdomFunctional && typeof nodeName === "function") {
     return nodeName(
       vnodeData === null ? {} : vnodeData,
       vNodeChildren,
@@ -3090,10 +3163,10 @@ Empty objects can also be the cause, look for JSX comments that became objects.`
   if (vNodeChildren.length > 0) {
     vnode.$children$ = vNodeChildren;
   }
-  if (import_app_data6.BUILD.vdomKey) {
+  if (import_app_data8.BUILD.vdomKey) {
     vnode.$key$ = key;
   }
-  if (import_app_data6.BUILD.slotRelocation) {
+  if (import_app_data8.BUILD.slotRelocation) {
     vnode.$name$ = slotName;
   }
   return vnode;
@@ -3106,13 +3179,13 @@ var newVNode = (tag, text) => {
     $elm$: null,
     $children$: null
   };
-  if (import_app_data6.BUILD.vdomAttribute) {
+  if (import_app_data8.BUILD.vdomAttribute) {
     vnode.$attrs$ = null;
   }
-  if (import_app_data6.BUILD.vdomKey) {
+  if (import_app_data8.BUILD.vdomKey) {
     vnode.$key$ = null;
   }
-  if (import_app_data6.BUILD.slotRelocation) {
+  if (import_app_data8.BUILD.slotRelocation) {
     vnode.$name$ = null;
   }
   return vnode;
@@ -3172,11 +3245,11 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
   const childRenderNodes = [];
   const slotNodes = [];
   const slottedNodes = [];
-  const shadowRootNodes = import_app_data7.BUILD.shadowDom && shadowRoot ? [] : null;
+  const shadowRootNodes = import_app_data9.BUILD.shadowDom && shadowRoot ? [] : null;
   const vnode = newVNode(tagName, null);
   vnode.$elm$ = hostElm;
   let scopeId2;
-  if (import_app_data7.BUILD.scoped) {
+  if (import_app_data9.BUILD.scoped) {
     const cmpMeta = hostRef.$cmpMeta$;
     if (cmpMeta && cmpMeta.$flags$ & 10 /* needsScopedEncapsulation */ && hostElm["s-sc"]) {
       scopeId2 = hostElm["s-sc"];
@@ -3218,7 +3291,7 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
       if (cmpMeta) {
         const scopeId3 = getScopeId(
           cmpMeta.$cmpMeta$,
-          import_app_data7.BUILD.mode ? childRenderNode.$elm$.getAttribute("s-mode") : void 0
+          import_app_data9.BUILD.mode ? childRenderNode.$elm$.getAttribute("s-mode") : void 0
         );
         const styleSheet = win.document.querySelector(`style[sty-id="${scopeId3}"]`);
         if (styleSheet) {
@@ -3288,19 +3361,19 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
         if (((_d = slottedItem.node.parentElement) == null ? void 0 : _d.shadowRoot) && slottedItem.node["getAttribute"] && slottedItem.node.getAttribute("slot")) {
           slottedItem.node.removeAttribute("slot");
         }
-        if (import_app_data7.BUILD.experimentalSlotFixes) {
+        if (import_app_data9.BUILD.experimentalSlotFixes) {
           patchSlottedNode(slottedItem.node);
         }
       }
       currentPos = (slottedItem.node["s-oo"] || currentPos) + 1;
     }
   }
-  if (import_app_data7.BUILD.scoped && scopeId2 && slotNodes.length) {
+  if (import_app_data9.BUILD.scoped && scopeId2 && slotNodes.length) {
     slotNodes.forEach((slot) => {
       slot.$elm$.parentElement.classList.add(scopeId2 + "-s");
     });
   }
-  if (import_app_data7.BUILD.shadowDom && shadowRoot) {
+  if (import_app_data9.BUILD.shadowDom && shadowRoot) {
     let rnIdex = 0;
     const rnLen = shadowRootNodes.length;
     if (rnLen) {
@@ -3352,7 +3425,7 @@ var clientHydrate = (parentVNode, childRenderNodes, slotNodes, shadowRootNodes,
         if (!parentVNode.$children$) {
           parentVNode.$children$ = [];
         }
-        if (import_app_data7.BUILD.scoped && scopeId2 && childIdSplt[0] === hostId) {
+        if (import_app_data9.BUILD.scoped && scopeId2 && childIdSplt[0] === hostId) {
           node["s-si"] = scopeId2;
           childVNode.$attrs$.class += " " + scopeId2;
         }
@@ -3370,7 +3443,7 @@ var clientHydrate = (parentVNode, childRenderNodes, slotNodes, shadowRootNodes,
               shadowRootNodes,
               slottedNodes
             );
-            if (import_app_data7.BUILD.scoped && scopeId2) {
+            if (import_app_data9.BUILD.scoped && scopeId2) {
               node.classList.add(scopeId2);
             }
           }
@@ -3467,9 +3540,9 @@ var clientHydrate = (parentVNode, childRenderNodes, slotNodes, shadowRootNodes,
             slottedNodes
           );
         } else if (childNodeType === CONTENT_REF_ID) {
-          if (import_app_data7.BUILD.shadowDom && shadowRootNodes) {
+          if (import_app_data9.BUILD.shadowDom && shadowRootNodes) {
             node.remove();
-          } else if (import_app_data7.BUILD.slotRelocation) {
+          } else if (import_app_data9.BUILD.slotRelocation) {
             hostElm["s-cr"] = node;
             node["s-cn"] = true;
           }
@@ -3531,7 +3604,7 @@ function addSlot(slotName, slotId, childVNode, node, parentVNode, childRenderNod
   childVNode.$name$ = slotName || null;
   childVNode.$tag$ = "slot";
   const parentNodeId = (parentVNode == null ? void 0 : parentVNode.$elm$) ? parentVNode.$elm$["s-id"] || parentVNode.$elm$.getAttribute("s-id") : "";
-  if (import_app_data7.BUILD.shadowDom && shadowRootNodes && win.document) {
+  if (import_app_data9.BUILD.shadowDom && shadowRootNodes && win.document) {
     const slot = childVNode.$elm$ = win.document.createElement(childVNode.$tag$);
     if (childVNode.$name$) {
       childVNode.$elm$.setAttribute("name", slotName);
@@ -4007,24 +4080,24 @@ var import_app_data16 = require("@stencil/core/internal/app-data");
 var import_app_data15 = require("@stencil/core/internal/app-data");
 
 // src/runtime/parse-property-value.ts
-var import_app_data8 = require("@stencil/core/internal/app-data");
+var import_app_data10 = require("@stencil/core/internal/app-data");
 var parsePropertyValue = (propValue, propType, isFormAssociated) => {
-  if ((import_app_data8.BUILD.hydrateClientSide || import_app_data8.BUILD.hydrateServerSide) && typeof propValue === "string" && propValue.startsWith(SERIALIZED_PREFIX)) {
+  if ((import_app_data10.BUILD.hydrateClientSide || import_app_data10.BUILD.hydrateServerSide) && typeof propValue === "string" && propValue.startsWith(SERIALIZED_PREFIX)) {
     propValue = deserializeProperty(propValue);
     return propValue;
   }
   if (propValue != null && !isComplexType(propValue)) {
-    if (import_app_data8.BUILD.propBoolean && propType & 4 /* Boolean */) {
-      if (import_app_data8.BUILD.formAssociated && isFormAssociated && typeof propValue === "string") {
+    if (import_app_data10.BUILD.propBoolean && propType & 4 /* Boolean */) {
+      if (import_app_data10.BUILD.formAssociated && isFormAssociated && typeof propValue === "string") {
         return propValue === "" || !!propValue;
       } else {
         return propValue === "false" ? false : propValue === "" || !!propValue;
       }
     }
-    if (import_app_data8.BUILD.propNumber && propType & 2 /* Number */) {
+    if (import_app_data10.BUILD.propNumber && propType & 2 /* Number */) {
       return typeof propValue === "string" ? parseFloat(propValue) : typeof propValue === "number" ? propValue : NaN;
     }
-    if (import_app_data8.BUILD.propString && propType & 1 /* String */) {
+    if (import_app_data10.BUILD.propString && propType & 1 /* String */) {
       return String(propValue);
     }
     return propValue;
@@ -4035,39 +4108,6 @@ var parsePropertyValue = (propValue, propType, isFormAssociated) => {
 // src/runtime/update-component.ts
 var import_app_data14 = require("@stencil/core/internal/app-data");
 
-// src/runtime/event-emitter.ts
-var import_app_data10 = require("@stencil/core/internal/app-data");
-
-// src/runtime/element.ts
-var import_app_data9 = require("@stencil/core/internal/app-data");
-var getElement = (ref) => {
-  var _a;
-  return import_app_data9.BUILD.lazyLoad ? (_a = getHostRef(ref)) == null ? void 0 : _a.$hostElement$ : ref;
-};
-
-// src/runtime/event-emitter.ts
-var createEvent = (ref, name, flags) => {
-  const elm = getElement(ref);
-  return {
-    emit: (detail) => {
-      if (import_app_data10.BUILD.isDev && !elm.isConnected) {
-        consoleDevWarn(`The "${name}" event was emitted, but the dispatcher node is no longer connected to the dom.`);
-      }
-      return emitEvent(elm, name, {
-        bubbles: !!(flags & 4 /* Bubbles */),
-        composed: !!(flags & 2 /* Composed */),
-        cancelable: !!(flags & 1 /* Cancellable */),
-        detail
-      });
-    }
-  };
-};
-var emitEvent = (elm, name, opts) => {
-  const ev = plt.ce(name, opts);
-  elm.dispatchEvent(ev);
-  return ev;
-};
-
 // src/runtime/vdom/vdom-render.ts
 var import_app_data13 = require("@stencil/core/internal/app-data");
 
@@ -5698,6 +5738,8 @@ var proxyCustomElement = (Cstr, compactMeta) => {
         patchTextContent(Cstr.prototype);
       }
     }
+  } else if (import_app_data20.BUILD.cloneNodeFix) {
+    patchCloneNode(Cstr.prototype);
   }
   if (import_app_data20.BUILD.hydrateClientSide && import_app_data20.BUILD.shadowDom) {
     hydrateScopedToShadow();
@@ -5850,10 +5892,12 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
       }
       const tagName = import_app_data21.BUILD.transformTagName && options.transformTagName ? options.transformTagName(cmpMeta.$tagName$) : transformTag(cmpMeta.$tagName$);
       const HostElement = class extends HTMLElement {
+        ["s-p"];
+        ["s-rc"];
+        hasRegisteredEventListeners = false;
         // StencilLazyHost
         constructor(self) {
           super(self);
-          this.hasRegisteredEventListeners = false;
           self = this;
           registerHost(self, cmpMeta);
           if (import_app_data21.BUILD.shadowDom && cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
@@ -5930,6 +5974,8 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
             patchTextContent(HostElement.prototype);
           }
         }
+      } else if (import_app_data21.BUILD.cloneNodeFix) {
+        patchCloneNode(HostElement.prototype);
       }
       if (import_app_data21.BUILD.formAssociated && cmpMeta.$flags$ & 64 /* formAssociated */) {
         HostElement.formAssociated = true;