@stencil/core 4.40.1 → 4.41.0

package/internal/testing/index.js

@@ -281,6 +281,9 @@ __export(index_exports, {
   h: () => h,
   insertVdomAnnotations: () => insertVdomAnnotations,
   isMemberInElement: () => isMemberInElement,
+  jsx: () => jsx,
+  jsxDEV: () => jsxDEV,
+  jsxs: () => jsxs,
   loadModule: () => loadModule,
   modeResolutionChain: () => modeResolutionChain,
   needsScopedSSR: () => needsScopedSSR,
@@ -340,422 +343,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;
@@ -2110,170 +1833,515 @@ var RemoteValue = class _RemoteValue {
     if (!hasTypeProperty) {
       return false;
     }
-    if (type !== "null" /* Null */ && type !== "undefined" /* Undefined */) {
-      return obj.hasOwnProperty(VALUE_CONSTANT);
+    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];
+    }
+  } 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 +2420,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 +2495,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 +2526,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 +2541,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 +2559,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 +2575,7 @@ var patchSlotRemoveChild = (ElementPrototype) => {
   };
 };
 var patchSlotPrepend = (HostElementPrototype) => {
+  if (HostElementPrototype.__prepend) return;
   HostElementPrototype.__prepend = HostElementPrototype.prepend;
   HostElementPrototype.prepend = function(...newChildren) {
     newChildren.forEach((newChild) => {
@@ -2530,6 +2602,7 @@ var patchSlotPrepend = (HostElementPrototype) => {
   };
 };
 var patchSlotAppend = (HostElementPrototype) => {
+  if (HostElementPrototype.__append) return;
   HostElementPrototype.__append = HostElementPrototype.append;
   HostElementPrototype.append = function(...newChildren) {
     newChildren.forEach((newChild) => {
@@ -2541,6 +2614,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 +2640,7 @@ var patchSlotInsertAdjacentText = (HostElementPrototype) => {
   };
 };
 var patchInsertBefore = (HostElementPrototype) => {
+  if (HostElementPrototype.__insertBefore) return;
   const eleProto = HostElementPrototype;
   if (eleProto.__insertBefore) return;
   eleProto.__insertBefore = HostElementPrototype.insertBefore;
@@ -2600,6 +2675,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 +2868,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 +2882,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 +2942,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 +2956,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 +2976,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 +2988,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 +2998,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 +3041,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 +3074,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 +3098,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 +3117,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 +3133,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 +3166,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 +3182,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 +3248,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 +3294,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 +3364,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 +3428,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 +3446,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 +3543,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 +3607,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 +4083,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 +4111,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");
 
@@ -4336,11 +4379,7 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
       patchSlotNode(elm);
       oldVNode = oldParentVNode && oldParentVNode.$children$ && oldParentVNode.$children$[childIndex];
       if (oldVNode && oldVNode.$tag$ === newVNode2.$tag$ && oldParentVNode.$elm$) {
-        if (import_app_data13.BUILD.experimentalSlotFixes) {
-          relocateToHostRoot(oldParentVNode.$elm$);
-        } else {
-          putBackInOriginalLocation(oldParentVNode.$elm$, false);
-        }
+        relocateToHostRoot(oldParentVNode.$elm$);
       }
       if (import_app_data13.BUILD.scoped || import_app_data13.BUILD.hydrateServerSide && 128 /* shadowNeedsScopedCss */) {
         addRemoveSlotScopedClass(contentRef, elm, newParentVNode.$elm$, oldParentVNode == null ? void 0 : oldParentVNode.$elm$);
@@ -4372,7 +4411,7 @@ var relocateToHostRoot = (parentElm) => {
 var putBackInOriginalLocation = (parentElm, recursive) => {
   plt.$flags$ |= 1 /* isTmpDisconnected */;
   const oldSlotChildNodes = Array.from(parentElm.__childNodes || parentElm.childNodes);
-  if (parentElm["s-sr"] && import_app_data13.BUILD.experimentalSlotFixes) {
+  if (parentElm["s-sr"]) {
     let node = parentElm;
     while (node = node.nextSibling) {
       if (node && node["s-sn"] === parentElm["s-sn"] && node["s-sh"] === hostTagName) {
@@ -4560,7 +4599,7 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
     }
     if (import_app_data13.BUILD.vdomAttribute || import_app_data13.BUILD.reflect) {
       if (import_app_data13.BUILD.slot && tag === "slot" && !useNativeShadowDom) {
-        if (import_app_data13.BUILD.experimentalSlotFixes && oldVNode.$name$ !== newVNode2.$name$) {
+        if (oldVNode.$name$ !== newVNode2.$name$) {
           newVNode2.$elm$["s-sn"] = newVNode2.$name$ || "";
           relocateToHostRoot(newVNode2.$elm$.parentElement);
         }
@@ -4603,7 +4642,7 @@ var markSlotContentForRelocation = (elm) => {
       const slotName = childNode["s-sn"];
       for (j = hostContentNodes.length - 1; j >= 0; j--) {
         node = hostContentNodes[j];
-        if (!node["s-cn"] && !node["s-nr"] && node["s-hn"] !== childNode["s-hn"] && (!import_app_data13.BUILD.experimentalSlotFixes || !node["s-sh"] || node["s-sh"] !== childNode["s-hn"])) {
+        if (!node["s-cn"] && !node["s-nr"] && node["s-hn"] !== childNode["s-hn"] && (!node["s-sh"] || node["s-sh"] !== childNode["s-hn"])) {
           if (isNodeLocatedInSlot(node, slotName)) {
             let relocateNodeData = relocateNodes.find((r) => r.$nodeToRelocate$ === node);
             checkSlotFallbackVisibility = true;
@@ -4647,19 +4686,19 @@ var nullifyVNodeRefs = (vNode) => {
     vNode.$children$ && vNode.$children$.map(nullifyVNodeRefs);
   }
 };
-var insertBefore = (parent, newNode, reference) => {
+var insertBefore = (parent, newNode, reference, isInitialLoad) => {
   if (import_app_data13.BUILD.scoped && typeof newNode["s-sn"] === "string" && !!newNode["s-sr"] && !!newNode["s-cr"]) {
     addRemoveSlotScopedClass(newNode["s-cr"], newNode, parent, newNode.parentElement);
-  } else if (import_app_data13.BUILD.experimentalSlotFixes && typeof newNode["s-sn"] === "string") {
-    if (parent.getRootNode().nodeType !== 11 /* DOCUMENT_FRAGMENT_NODE */) {
+  } else if (typeof newNode["s-sn"] === "string") {
+    if (import_app_data13.BUILD.experimentalSlotFixes && parent.getRootNode().nodeType !== 11 /* DOCUMENT_FRAGMENT_NODE */) {
       patchParentNode(newNode);
     }
     parent.insertBefore(newNode, reference);
     const { slotNode } = findSlotFromSlottedNode(newNode);
-    if (slotNode) dispatchSlotChangeEvent(slotNode);
+    if (slotNode && !isInitialLoad) dispatchSlotChangeEvent(slotNode);
     return newNode;
   }
-  if (import_app_data13.BUILD.experimentalSlotFixes && parent.__insertBefore) {
+  if (parent.__insertBefore) {
     return parent.__insertBefore(newNode, reference);
   } else {
     return parent == null ? void 0 : parent.insertBefore(newNode, reference);
@@ -4747,7 +4786,12 @@ render() {
         if (!nodeToRelocate["s-ol"] && win.document) {
           const orgLocationNode = import_app_data13.BUILD.isDebug || import_app_data13.BUILD.hydrateServerSide ? originalLocationDebugNode(nodeToRelocate) : win.document.createTextNode("");
           orgLocationNode["s-nr"] = nodeToRelocate;
-          insertBefore(nodeToRelocate.parentNode, nodeToRelocate["s-ol"] = orgLocationNode, nodeToRelocate);
+          insertBefore(
+            nodeToRelocate.parentNode,
+            nodeToRelocate["s-ol"] = orgLocationNode,
+            nodeToRelocate,
+            isInitialLoad
+          );
         }
       }
       for (const relocateData of relocateNodes) {
@@ -4759,7 +4803,7 @@ render() {
         if (slotRefNode) {
           const parentNodeRef = slotRefNode.parentNode;
           let insertBeforeNode = slotRefNode.nextSibling;
-          if (!import_app_data13.BUILD.hydrateServerSide && (!import_app_data13.BUILD.experimentalSlotFixes || insertBeforeNode && insertBeforeNode.nodeType === 1 /* ElementNode */)) {
+          if (!import_app_data13.BUILD.hydrateServerSide && insertBeforeNode && insertBeforeNode.nodeType === 1 /* ElementNode */) {
             let orgLocationNode = (_b = nodeToRelocate["s-ol"]) == null ? void 0 : _b.previousSibling;
             while (orgLocationNode) {
               let refNode = (_c = orgLocationNode["s-nr"]) != null ? _c : null;
@@ -4780,10 +4824,18 @@ render() {
           const nextSibling = nodeToRelocate.__nextSibling || nodeToRelocate.nextSibling;
           if (!insertBeforeNode && parentNodeRef !== parent || nextSibling !== insertBeforeNode) {
             if (nodeToRelocate !== insertBeforeNode) {
-              if (!import_app_data13.BUILD.experimentalSlotFixes && !nodeToRelocate["s-hn"] && nodeToRelocate["s-ol"]) {
-                nodeToRelocate["s-hn"] = nodeToRelocate["s-ol"].parentNode.nodeName;
+              insertBefore(parentNodeRef, nodeToRelocate, insertBeforeNode, isInitialLoad);
+              if (nodeToRelocate.nodeType === 8 /* CommentNode */ && nodeToRelocate.nodeValue.startsWith("s-nt-")) {
+                const textNode = win.document.createTextNode(nodeToRelocate.nodeValue.replace(/^s-nt-/, ""));
+                textNode["s-hn"] = nodeToRelocate["s-hn"];
+                textNode["s-sn"] = nodeToRelocate["s-sn"];
+                textNode["s-sh"] = nodeToRelocate["s-sh"];
+                textNode["s-sr"] = nodeToRelocate["s-sr"];
+                textNode["s-ol"] = nodeToRelocate["s-ol"];
+                textNode["s-ol"]["s-nr"] = textNode;
+                insertBefore(nodeToRelocate.parentNode, textNode, nodeToRelocate, isInitialLoad);
+                nodeToRelocate.parentNode.removeChild(nodeToRelocate);
               }
-              insertBefore(parentNodeRef, nodeToRelocate, insertBeforeNode);
               if (nodeToRelocate.nodeType === 1 /* ElementNode */ && nodeToRelocate.tagName !== "SLOT-FB") {
                 nodeToRelocate.hidden = (_d = nodeToRelocate["s-ih"]) != null ? _d : false;
               }
@@ -4801,14 +4853,21 @@ render() {
     plt.$flags$ &= ~1 /* isTmpDisconnected */;
     relocateNodes.length = 0;
   }
-  if (import_app_data13.BUILD.experimentalScopedSlotChanges && cmpMeta.$flags$ & 2 /* scopedCssEncapsulation */) {
+  if (import_app_data13.BUILD.slotRelocation && !useNativeShadowDom && !(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) && hostElm["s-cr"]) {
     const children = rootVnode.$elm$.__childNodes || rootVnode.$elm$.childNodes;
     for (const childNode of children) {
-      if (childNode["s-hn"] !== hostTagName && !childNode["s-sh"] && childNode.nodeType === 1 /* ElementNode */) {
+      if (childNode["s-hn"] !== hostTagName && !childNode["s-sh"]) {
         if (isInitialLoad && childNode["s-ih"] == null) {
           childNode["s-ih"] = (_e = childNode.hidden) != null ? _e : false;
         }
-        childNode.hidden = true;
+        if (childNode.nodeType === 1 /* ElementNode */) {
+          childNode.hidden = true;
+        } else if (childNode.nodeType === 3 /* TextNode */ && !!childNode.nodeValue.trim()) {
+          const textCommentNode = win.document.createComment("s-nt-" + childNode.nodeValue);
+          textCommentNode["s-sn"] = childNode["s-sn"];
+          insertBefore(childNode.parentNode, textCommentNode, childNode, isInitialLoad);
+          childNode.parentNode.removeChild(childNode);
+        }
       }
     }
   }
@@ -4870,6 +4929,10 @@ var dispatchHooks = (hostRef, isInitialLoad) => {
   let maybePromise;
   if (isInitialLoad) {
     if (import_app_data14.BUILD.lazyLoad) {
+      if (import_app_data14.BUILD.slotRelocation && hostRef.$deferredConnectedCallback$) {
+        hostRef.$deferredConnectedCallback$ = false;
+        safeCall(instance, "connectedCallback", void 0, elm);
+      }
       if (import_app_data14.BUILD.hostListener) {
         hostRef.$flags$ |= 256 /* isListenReady */;
         if (hostRef.$queuedListeners$) {
@@ -5493,7 +5556,12 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
         hostRef.$flags$ |= 128 /* isWatchReady */;
       }
       endNewInstance();
-      fireConnectedCallback(hostRef.$lazyInstance$, elm);
+      const needsDeferredCallback = import_app_data17.BUILD.slotRelocation && cmpMeta.$flags$ & 4 /* hasSlotRelocation */;
+      if (!needsDeferredCallback) {
+        fireConnectedCallback(hostRef.$lazyInstance$, elm);
+      } else {
+        hostRef.$deferredConnectedCallback$ = true;
+      }
     } else {
       Cstr = elm.constructor;
       const cmpTag = elm.localName;
@@ -5698,6 +5766,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 +5920,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 +6002,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;
@@ -6082,6 +6156,44 @@ function setTagTransformer(transformer) {
   tagTransformer = transformer;
 }
 
+// src/runtime/vdom/jsx-dev-runtime.ts
+function jsxDEV(type, props, key, _isStaticChildren, _source, _self) {
+  const { children, ...rest } = props;
+  const vnodeData = key !== void 0 ? { ...rest, key } : rest;
+  if (Array.isArray(children)) {
+    return h(type, vnodeData, ...children);
+  } else if (children !== void 0) {
+    return h(type, vnodeData, children);
+  }
+  return h(type, vnodeData);
+}
+
+// src/runtime/vdom/jsx-runtime.ts
+function jsx(type, props, key) {
+  const propsObj = props || {};
+  const { children, ...rest } = propsObj;
+  let vnodeData = rest;
+  if (key !== void 0) {
+    vnodeData = { ...rest, key };
+  }
+  if (vnodeData && Object.keys(vnodeData).length === 0) {
+    vnodeData = null;
+  }
+  if (children !== void 0) {
+    if (Array.isArray(children)) {
+      return h(type, vnodeData, ...children);
+    }
+    if (typeof children === "object" && children !== null && "$flags$" in children) {
+      return h(type, vnodeData, children);
+    }
+    return h(type, vnodeData, children);
+  }
+  return h(type, vnodeData);
+}
+function jsxs(type, props, key) {
+  return jsx(type, props, key);
+}
+
 // src/runtime/vdom/vdom-annotations.ts
 var insertVdomAnnotations = (doc, staticComponents) => {
   if (doc != null) {
@@ -6265,6 +6377,9 @@ var scopedSSR = false;
   h,
   insertVdomAnnotations,
   isMemberInElement,
+  jsx,
+  jsxDEV,
+  jsxs,
   loadModule,
   modeResolutionChain,
   needsScopedSSR,