@stencil/core 4.24.0 → 4.25.0-dev.1737694903.66340b2

package/internal/client/index.js

@@ -1,5 +1,5 @@
 /*
- Stencil Client Platform v4.24.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.25.0-dev.1737694903.66340b2 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -17,19 +17,46 @@ var Build = {
 };
 
 // src/client/client-host-ref.ts
+import { BUILD as BUILD3 } from "@stencil/core/internal/app-data";
+
+// src/utils/es2022-rewire-class-members.ts
 import { BUILD as BUILD2 } from "@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";
 
+// src/utils/es2022-rewire-class-members.ts
+var reWireGetterSetter = (instance, hostRef) => {
+  var _a;
+  const cmpMeta = hostRef.$cmpMeta$;
+  const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
+  members.map(([memberName, [memberFlags]]) => {
+    if ((BUILD2.state || BUILD2.prop) && (memberFlags & 31 /* Prop */ || memberFlags & 32 /* State */)) {
+      const ogValue = instance[memberName];
+      const ogDescriptor = Object.getOwnPropertyDescriptor(Object.getPrototypeOf(instance), memberName);
+      Object.defineProperty(instance, memberName, {
+        get() {
+          return ogDescriptor.get.call(this);
+        },
+        set(newValue) {
+          ogDescriptor.set.call(this, newValue);
+        },
+        configurable: true,
+        enumerable: true
+      });
+      instance[memberName] = hostRef.$instanceValues$.has(memberName) ? hostRef.$instanceValues$.get(memberName) : ogValue;
+    }
+  });
+};
+
 // src/client/client-host-ref.ts
-var hostRefs = BUILD2.hotModuleReplacement ? window.__STENCIL_HOSTREFS__ || (window.__STENCIL_HOSTREFS__ = /* @__PURE__ */ new WeakMap()) : /* @__PURE__ */ new WeakMap();
+var hostRefs = BUILD3.hotModuleReplacement ? window.__STENCIL_HOSTREFS__ || (window.__STENCIL_HOSTREFS__ = /* @__PURE__ */ new WeakMap()) : /* @__PURE__ */ new WeakMap();
 var deleteHostRef = (ref) => hostRefs.delete(ref);
 var getHostRef = (ref) => hostRefs.get(ref);
 var registerInstance = (lazyInstance, hostRef) => {
   hostRefs.set(hostRef.$lazyInstance$ = lazyInstance, hostRef);
-  if (BUILD2.modernPropertyDecls && (BUILD2.state || BUILD2.prop)) {
+  if (BUILD3.modernPropertyDecls && (BUILD3.state || BUILD3.prop)) {
     reWireGetterSetter(lazyInstance, hostRef);
   }
 };
@@ -40,55 +67,33 @@ var registerHost = (hostElement, cmpMeta) => {
     $cmpMeta$: cmpMeta,
     $instanceValues$: /* @__PURE__ */ new Map()
   };
-  if (BUILD2.isDev) {
+  if (BUILD3.isDev) {
     hostRef.$renderCount$ = 0;
   }
-  if (BUILD2.method && BUILD2.lazyLoad) {
+  if (BUILD3.method && BUILD3.lazyLoad) {
     hostRef.$onInstancePromise$ = new Promise((r) => hostRef.$onInstanceResolve$ = r);
   }
-  if (BUILD2.asyncLoading) {
+  if (BUILD3.asyncLoading) {
     hostRef.$onReadyPromise$ = new Promise((r) => hostRef.$onReadyResolve$ = r);
     hostElement["s-p"] = [];
     hostElement["s-rc"] = [];
   }
   const ref = hostRefs.set(hostElement, hostRef);
-  if (!BUILD2.lazyLoad && BUILD2.modernPropertyDecls && (BUILD2.state || BUILD2.prop)) {
+  if (!BUILD3.lazyLoad && BUILD3.modernPropertyDecls && (BUILD3.state || BUILD3.prop)) {
     reWireGetterSetter(hostElement, hostRef);
   }
   return ref;
 };
 var isMemberInElement = (elm, memberName) => memberName in elm;
-var reWireGetterSetter = (instance, hostRef) => {
-  var _a;
-  const cmpMeta = hostRef.$cmpMeta$;
-  const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
-  members.map(([memberName, [memberFlags]]) => {
-    if ((BUILD2.state || BUILD2.prop) && (memberFlags & 31 /* Prop */ || memberFlags & 32 /* State */)) {
-      const ogValue = instance[memberName];
-      const ogDescriptor = Object.getOwnPropertyDescriptor(Object.getPrototypeOf(instance), memberName);
-      Object.defineProperty(instance, memberName, {
-        get() {
-          return ogDescriptor.get.call(this);
-        },
-        set(newValue) {
-          ogDescriptor.set.call(this, newValue);
-        },
-        configurable: true,
-        enumerable: true
-      });
-      instance[memberName] = hostRef.$instanceValues$.has(memberName) ? hostRef.$instanceValues$.get(memberName) : ogValue;
-    }
-  });
-};
 
 // src/client/client-load-module.ts
-import { BUILD as BUILD4 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD5 } from "@stencil/core/internal/app-data";
 
 // src/client/client-log.ts
-import { BUILD as BUILD3 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD4 } from "@stencil/core/internal/app-data";
 var customError;
 var consoleError = (e, el) => (customError || console.error)(e, el);
-var STENCIL_DEV_MODE = BUILD3.isTesting ? ["STENCIL:"] : [
+var STENCIL_DEV_MODE = BUILD4.isTesting ? ["STENCIL:"] : [
   "%cstencil",
   "color: white;background:#4c47ff;font-weight: bold; font-size:10px; padding:2px 6px; border-radius: 5px"
 ];
@@ -103,7 +108,7 @@ var MODULE_IMPORT_PREFIX = "./";
 var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
   const exportName = cmpMeta.$tagName$.replace(/-/g, "_");
   const bundleId = cmpMeta.$lazyBundleId$;
-  if (BUILD4.isDev && typeof bundleId !== "string") {
+  if (BUILD5.isDev && typeof bundleId !== "string") {
     consoleDevError(
       `Trying to lazily load component <${cmpMeta.$tagName$}> with style mode "${hostRef.$modeName$}", but it does not exist.`
     );
@@ -111,7 +116,7 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
   } else if (!bundleId) {
     return void 0;
   }
-  const module = !BUILD4.hotModuleReplacement ? cmpModules.get(bundleId) : false;
+  const module = !BUILD5.hotModuleReplacement ? cmpModules.get(bundleId) : false;
   if (module) {
     return module[exportName];
   }
@@ -121,13 +126,18 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
     /* webpackInclude: /\.entry\.js$/ */
     /* webpackExclude: /\.system\.entry\.js$/ */
     /* webpackMode: "lazy" */
-    `./${bundleId}.entry.js${BUILD4.hotModuleReplacement && hmrVersionId ? "?s-hmr=" + hmrVersionId : ""}`
-  ).then((importedModule) => {
-    if (!BUILD4.hotModuleReplacement) {
-      cmpModules.set(bundleId, importedModule);
+    `./${bundleId}.entry.js${BUILD5.hotModuleReplacement && hmrVersionId ? "?s-hmr=" + hmrVersionId : ""}`
+  ).then(
+    (importedModule) => {
+      if (!BUILD5.hotModuleReplacement) {
+        cmpModules.set(bundleId, importedModule);
+      }
+      return importedModule[exportName];
+    },
+    (e) => {
+      consoleError(e, hostRef.$hostElement$);
     }
-    return importedModule[exportName];
-  }, consoleError);
+  );
 };
 
 // src/client/client-style.ts
@@ -135,7 +145,7 @@ var styles = /* @__PURE__ */ new Map();
 var modeResolutionChain = [];
 
 // src/client/client-task-queue.ts
-import { BUILD as BUILD6 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD7 } from "@stencil/core/internal/app-data";
 
 // src/runtime/runtime-constants.ts
 var CONTENT_REF_ID = "r";
@@ -163,7 +173,7 @@ var FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS = [
 ];
 
 // src/client/client-window.ts
-import { BUILD as BUILD5 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD6 } from "@stencil/core/internal/app-data";
 var win = typeof window !== "undefined" ? window : {};
 var doc = win.document || { head: {} };
 var H = win.HTMLElement || class {
@@ -180,7 +190,7 @@ var plt = {
 var setPlatformHelpers = (helpers) => {
   Object.assign(plt, helpers);
 };
-var supportsShadow = BUILD5.shadowDom;
+var supportsShadow = BUILD6.shadowDom;
 var supportsListenerOptions = /* @__PURE__ */ (() => {
   let supportsListenerOptions2 = false;
   try {
@@ -198,7 +208,7 @@ var supportsListenerOptions = /* @__PURE__ */ (() => {
   return supportsListenerOptions2;
 })();
 var promiseResolve = (v) => Promise.resolve(v);
-var supportsConstructableStylesheets = BUILD5.constructableCSS ? /* @__PURE__ */ (() => {
+var supportsConstructableStylesheets = BUILD6.constructableCSS ? /* @__PURE__ */ (() => {
   try {
     new CSSStyleSheet();
     return typeof new CSSStyleSheet().replaceSync === "function";
@@ -251,11 +261,11 @@ var consumeTimeout = (queue, timeout) => {
   }
 };
 var flush = () => {
-  if (BUILD6.asyncQueue) {
+  if (BUILD7.asyncQueue) {
     queueCongestion++;
   }
   consume(queueDomReads);
-  if (BUILD6.asyncQueue) {
+  if (BUILD7.asyncQueue) {
     const timeout = (plt.$flags$ & 6 /* queueMask */) === 2 /* appLoaded */ ? performance.now() + 14 * Math.ceil(queueCongestion * (1 / 10)) : Infinity;
     consumeTimeout(queueDomWrites, timeout);
     consumeTimeout(queueDomWritesLow, timeout);
@@ -280,7 +290,7 @@ var readTask = /* @__PURE__ */ queueTask(queueDomReads, false);
 var writeTask = /* @__PURE__ */ queueTask(queueDomWrites, true);
 
 // src/client/index.ts
-import { BUILD as BUILD28, Env, NAMESPACE as NAMESPACE2 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD29, Env, NAMESPACE as NAMESPACE2 } from "@stencil/core/internal/app-data";
 
 // src/runtime/asset-path.ts
 var getAssetPath = (path) => {
@@ -290,7 +300,7 @@ var getAssetPath = (path) => {
 var setAssetPath = (path) => plt.$resourcesUrl$ = path;
 
 // src/runtime/bootstrap-custom-element.ts
-import { BUILD as BUILD25 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD26 } from "@stencil/core/internal/app-data";
 
 // src/utils/helpers.ts
 var isDef = (v) => v != null && v !== void 0;
@@ -355,16 +365,16 @@ var unwrapErr = (result) => {
 };
 
 // src/runtime/connected-callback.ts
-import { BUILD as BUILD23 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD24 } from "@stencil/core/internal/app-data";
 
 // src/runtime/client-hydrate.ts
-import { BUILD as BUILD11 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD12 } from "@stencil/core/internal/app-data";
 
 // src/runtime/dom-extras.ts
-import { BUILD as BUILD8 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD9 } from "@stencil/core/internal/app-data";
 
 // src/runtime/slot-polyfill-utils.ts
-import { BUILD as BUILD7 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD8 } from "@stencil/core/internal/app-data";
 var updateFallbackSlotVisibility = (elm) => {
   const childNodes = elm.__childNodes || elm.childNodes;
   if (elm.tagName && elm.tagName.includes("-") && elm["s-cr"] && elm.tagName !== "SLOT-FB") {
@@ -444,7 +454,7 @@ var addSlotRelocateNode = (newChild, slotNode, prepend, position) => {
   const parent = slotNode["s-cr"].parentNode;
   const appendMethod = prepend ? parent.__prepend || parent.prepend : parent.__appendChild || parent.appendChild;
   if (typeof position !== "undefined") {
-    if (BUILD7.hydrateClientSide) {
+    if (BUILD8.hydrateClientSide) {
       slottedNodeLocation["s-oo"] = position;
       const childNodes = parent.__childNodes || parent.childNodes;
       const slotRelocateNodes = [slottedNodeLocation];
@@ -484,9 +494,9 @@ var patchCloneNode = (HostElementPrototype) => {
   const orgCloneNode = HostElementPrototype.cloneNode;
   HostElementPrototype.cloneNode = function(deep) {
     const srcNode = this;
-    const isShadowDom = BUILD8.shadowDom ? srcNode.shadowRoot && supportsShadow : false;
+    const isShadowDom = BUILD9.shadowDom ? srcNode.shadowRoot && supportsShadow : false;
     const clonedNode = orgCloneNode.call(srcNode, isShadowDom ? deep : false);
-    if (BUILD8.slot && !isShadowDom && deep) {
+    if (BUILD9.slot && !isShadowDom && deep) {
       let i2 = 0;
       let slotted, nonStencilNode;
       const stencilPrivates = [
@@ -511,7 +521,7 @@ var patchCloneNode = (HostElementPrototype) => {
         slotted = childNodes[i2]["s-nr"];
         nonStencilNode = stencilPrivates.every((privateField) => !childNodes[i2][privateField]);
         if (slotted) {
-          if (BUILD8.appendChildSlotFix && clonedNode.__appendChild) {
+          if (BUILD9.appendChildSlotFix && clonedNode.__appendChild) {
             clonedNode.__appendChild(slotted.cloneNode(true));
           } else {
             clonedNode.appendChild(slotted.cloneNode(true));
@@ -847,10 +857,10 @@ function intrnlCall(node, method) {
 }
 
 // src/runtime/profile.ts
-import { BUILD as BUILD9 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD10 } from "@stencil/core/internal/app-data";
 var i = 0;
 var createTime = (fnName, tagName = "") => {
-  if (BUILD9.profile && performance.mark) {
+  if (BUILD10.profile && performance.mark) {
     const key = `st:${fnName}:${tagName}:${i++}`;
     performance.mark(key);
     return () => performance.measure(`[Stencil] ${fnName}() <${tagName}>`, key);
@@ -861,7 +871,7 @@ var createTime = (fnName, tagName = "") => {
   }
 };
 var uniqueTime = (key, measureText) => {
-  if (BUILD9.profile && performance.mark) {
+  if (BUILD10.profile && performance.mark) {
     if (performance.getEntriesByName(key, "mark").length === 0) {
       performance.mark(key);
     }
@@ -919,7 +929,7 @@ var inspect = (ref) => {
   };
 };
 var installDevTools = () => {
-  if (BUILD9.devTools) {
+  if (BUILD10.devTools) {
     const stencil = win.stencil = win.stencil || {};
     const originalInspect = stencil.inspect;
     stencil.inspect = (ref) => {
@@ -933,7 +943,7 @@ var installDevTools = () => {
 };
 
 // src/runtime/vdom/h.ts
-import { BUILD as BUILD10 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD11 } from "@stencil/core/internal/app-data";
 var h = (nodeName, vnodeData, ...children) => {
   let child = null;
   let key = null;
@@ -949,7 +959,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 (BUILD10.isDev && typeof nodeName !== "function" && child.$flags$ === void 0) {
+        } else if (BUILD11.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.`);
@@ -965,28 +975,28 @@ Empty objects can also be the cause, look for JSX comments that became objects.`
   };
   walk(children);
   if (vnodeData) {
-    if (BUILD10.isDev && nodeName === "input") {
+    if (BUILD11.isDev && nodeName === "input") {
       validateInputProperties(vnodeData);
     }
-    if (BUILD10.vdomKey && vnodeData.key) {
+    if (BUILD11.vdomKey && vnodeData.key) {
       key = vnodeData.key;
     }
-    if (BUILD10.slotRelocation && vnodeData.name) {
+    if (BUILD11.slotRelocation && vnodeData.name) {
       slotName = vnodeData.name;
     }
-    if (BUILD10.vdomClass) {
+    if (BUILD11.vdomClass) {
       const classData = vnodeData.className || vnodeData.class;
       if (classData) {
         vnodeData.class = typeof classData !== "object" ? classData : Object.keys(classData).filter((k) => classData[k]).join(" ");
       }
     }
   }
-  if (BUILD10.isDev && vNodeChildren.some(isHost)) {
+  if (BUILD11.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 (BUILD10.vdomFunctional && typeof nodeName === "function") {
+  if (BUILD11.vdomFunctional && typeof nodeName === "function") {
     return nodeName(
       vnodeData === null ? {} : vnodeData,
       vNodeChildren,
@@ -998,10 +1008,10 @@ Empty objects can also be the cause, look for JSX comments that became objects.`
   if (vNodeChildren.length > 0) {
     vnode.$children$ = vNodeChildren;
   }
-  if (BUILD10.vdomKey) {
+  if (BUILD11.vdomKey) {
     vnode.$key$ = key;
   }
-  if (BUILD10.slotRelocation) {
+  if (BUILD11.slotRelocation) {
     vnode.$name$ = slotName;
   }
   return vnode;
@@ -1014,13 +1024,13 @@ var newVNode = (tag, text) => {
     $elm$: null,
     $children$: null
   };
-  if (BUILD10.vdomAttribute) {
+  if (BUILD11.vdomAttribute) {
     vnode.$attrs$ = null;
   }
-  if (BUILD10.vdomKey) {
+  if (BUILD11.vdomKey) {
     vnode.$key$ = null;
   }
-  if (BUILD10.slotRelocation) {
+  if (BUILD11.slotRelocation) {
     vnode.$name$ = null;
   }
   return vnode;
@@ -1079,11 +1089,11 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
   const childRenderNodes = [];
   const slotNodes = [];
   const slottedNodes = [];
-  const shadowRootNodes = BUILD11.shadowDom && shadowRoot ? [] : null;
+  const shadowRootNodes = BUILD12.shadowDom && shadowRoot ? [] : null;
   const vnode = newVNode(tagName, null);
   vnode.$elm$ = hostElm;
   let scopeId2;
-  if (BUILD11.scoped) {
+  if (BUILD12.scoped) {
     const cmpMeta = hostRef.$cmpMeta$;
     if (cmpMeta && cmpMeta.$flags$ & 10 /* needsScopedEncapsulation */ && hostElm["s-sc"]) {
       scopeId2 = hostElm["s-sc"];
@@ -1171,7 +1181,7 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
           slottedItem.slot["s-cr"] = (hostEle.__childNodes || hostEle.childNodes)[0];
         }
         addSlotRelocateNode(slottedItem.node, slottedItem.slot, false, slottedItem.node["s-oo"]);
-        if (BUILD11.experimentalSlotFixes) {
+        if (BUILD12.experimentalSlotFixes) {
           patchSlottedNode(slottedItem.node);
         }
       }
@@ -1180,12 +1190,12 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
       }
     }
   }
-  if (BUILD11.scoped && scopeId2 && slotNodes.length) {
+  if (BUILD12.scoped && scopeId2 && slotNodes.length) {
     slotNodes.forEach((slot) => {
       slot.$elm$.parentElement.classList.add(scopeId2 + "-s");
     });
   }
-  if (BUILD11.shadowDom && shadowRoot) {
+  if (BUILD12.shadowDom && shadowRoot) {
     let rnIdex = 0;
     const rnLen = shadowRootNodes.length;
     for (rnIdex; rnIdex < rnLen; rnIdex++) {
@@ -1228,7 +1238,7 @@ var clientHydrate = (parentVNode, childRenderNodes, slotNodes, shadowRootNodes,
         if (!parentVNode.$children$) {
           parentVNode.$children$ = [];
         }
-        if (BUILD11.scoped && scopeId2) {
+        if (BUILD12.scoped && scopeId2) {
           node["s-si"] = scopeId2;
           childVNode.$attrs$.class += " " + scopeId2;
         }
@@ -1246,7 +1256,7 @@ var clientHydrate = (parentVNode, childRenderNodes, slotNodes, shadowRootNodes,
               shadowRootNodes,
               slottedNodes
             );
-            if (BUILD11.scoped && scopeId2) {
+            if (BUILD12.scoped && scopeId2) {
               node.classList.add(scopeId2);
             }
           }
@@ -1343,9 +1353,9 @@ var clientHydrate = (parentVNode, childRenderNodes, slotNodes, shadowRootNodes,
             slottedNodes
           );
         } else if (childNodeType === CONTENT_REF_ID) {
-          if (BUILD11.shadowDom && shadowRootNodes) {
+          if (BUILD12.shadowDom && shadowRootNodes) {
             node.remove();
-          } else if (BUILD11.slotRelocation) {
+          } else if (BUILD12.slotRelocation) {
             hostElm["s-cr"] = node;
             node["s-cn"] = true;
           }
@@ -1407,7 +1417,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 (BUILD11.shadowDom && shadowRootNodes) {
+  if (BUILD12.shadowDom && shadowRootNodes) {
     const slot = childVNode.$elm$ = doc.createElement(childVNode.$tag$);
     if (childVNode.$name$) {
       childVNode.$elm$.setAttribute("name", slotName);
@@ -1448,7 +1458,7 @@ var addSlottedNodes = (slottedNodes, slotNodeId, slotName, slotNode, hostId) =>
 };
 
 // src/runtime/initialize-component.ts
-import { BUILD as BUILD22 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD23 } from "@stencil/core/internal/app-data";
 
 // src/runtime/mode.ts
 var computeMode = (elm) => modeResolutionChain.map((h2) => h2(elm)).find((m) => !!m);
@@ -1456,22 +1466,22 @@ var setMode = (handler) => modeResolutionChain.push(handler);
 var getMode = (ref) => getHostRef(ref).$modeName$;
 
 // src/runtime/proxy-component.ts
-import { BUILD as BUILD21 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD22 } from "@stencil/core/internal/app-data";
 
 // src/runtime/set-value.ts
-import { BUILD as BUILD20 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD21 } from "@stencil/core/internal/app-data";
 
 // src/runtime/parse-property-value.ts
-import { BUILD as BUILD12 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD13 } from "@stencil/core/internal/app-data";
 var parsePropertyValue = (propValue, propType) => {
   if (propValue != null && !isComplexType(propValue)) {
-    if (BUILD12.propBoolean && propType & 4 /* Boolean */) {
+    if (BUILD13.propBoolean && propType & 4 /* Boolean */) {
       return propValue === "false" ? false : propValue === "" || !!propValue;
     }
-    if (BUILD12.propNumber && propType & 2 /* Number */) {
+    if (BUILD13.propNumber && propType & 2 /* Number */) {
       return parseFloat(propValue);
     }
-    if (BUILD12.propString && propType & 1 /* String */) {
+    if (BUILD13.propString && propType & 1 /* String */) {
       return String(propValue);
     }
     return propValue;
@@ -1480,21 +1490,21 @@ var parsePropertyValue = (propValue, propType) => {
 };
 
 // src/runtime/update-component.ts
-import { BUILD as BUILD19, NAMESPACE } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD20, NAMESPACE } from "@stencil/core/internal/app-data";
 
 // src/runtime/event-emitter.ts
-import { BUILD as BUILD14 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD15 } from "@stencil/core/internal/app-data";
 
 // src/runtime/element.ts
-import { BUILD as BUILD13 } from "@stencil/core/internal/app-data";
-var getElement = (ref) => BUILD13.lazyLoad ? getHostRef(ref).$hostElement$ : ref;
+import { BUILD as BUILD14 } from "@stencil/core/internal/app-data";
+var getElement = (ref) => BUILD14.lazyLoad ? getHostRef(ref).$hostElement$ : ref;
 
 // src/runtime/event-emitter.ts
 var createEvent = (ref, name, flags) => {
   const elm = getElement(ref);
   return {
     emit: (detail) => {
-      if (BUILD14.isDev && !elm.isConnected) {
+      if (BUILD15.isDev && !elm.isConnected) {
         consoleDevWarn(`The "${name}" event was emitted, but the dispatcher node is no longer connected to the dom.`);
       }
       return emitEvent(elm, name, {
@@ -1513,7 +1523,7 @@ var emitEvent = (elm, name, opts) => {
 };
 
 // src/runtime/styles.ts
-import { BUILD as BUILD15 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD16 } from "@stencil/core/internal/app-data";
 var rootAppliedStyles = /* @__PURE__ */ new WeakMap();
 var registerStyle = (scopeId2, cssText, allowCS) => {
   let style = styles.get(scopeId2);
@@ -1533,7 +1543,7 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
   var _a;
   const scopeId2 = getScopeId(cmpMeta, mode);
   const style = styles.get(scopeId2);
-  if (!BUILD15.attachStyles) {
+  if (!BUILD16.attachStyles) {
     return scopeId2;
   }
   styleContainerNode = styleContainerNode.nodeType === 11 /* DocumentFragment */ ? styleContainerNode : doc;
@@ -1546,7 +1556,7 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
         rootAppliedStyles.set(styleContainerNode, appliedStyles = /* @__PURE__ */ new Set());
       }
       if (!appliedStyles.has(scopeId2)) {
-        if (BUILD15.hydrateClientSide && styleContainerNode.host && (styleElm = styleContainerNode.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`))) {
+        if (BUILD16.hydrateClientSide && styleContainerNode.host && (styleElm = styleContainerNode.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`))) {
           styleElm.innerHTML = style;
         } else {
           styleElm = document.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`) || doc.createElement("style");
@@ -1555,7 +1565,7 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
           if (nonce != null) {
             styleElm.setAttribute("nonce", nonce);
           }
-          if ((BUILD15.hydrateServerSide || BUILD15.hotModuleReplacement) && cmpMeta.$flags$ & 2 /* scopedCssEncapsulation */) {
+          if ((BUILD16.hydrateServerSide || BUILD16.hotModuleReplacement) && cmpMeta.$flags$ & 2 /* scopedCssEncapsulation */) {
             styleElm.setAttribute(HYDRATED_STYLE_ID, scopeId2);
           }
           if (!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */)) {
@@ -1591,7 +1601,7 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
           appliedStyles.add(scopeId2);
         }
       }
-    } else if (BUILD15.constructableCSS && !styleContainerNode.adoptedStyleSheets.includes(style)) {
+    } else if (BUILD16.constructableCSS && !styleContainerNode.adoptedStyleSheets.includes(style)) {
       styleContainerNode.adoptedStyleSheets = [...styleContainerNode.adoptedStyleSheets, style];
     }
   }
@@ -1603,31 +1613,31 @@ var attachStyles = (hostRef) => {
   const flags = cmpMeta.$flags$;
   const endAttachStyles = createTime("attachStyles", cmpMeta.$tagName$);
   const scopeId2 = addStyle(
-    BUILD15.shadowDom && supportsShadow && elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(),
+    BUILD16.shadowDom && supportsShadow && elm.shadowRoot ? elm.shadowRoot : elm.getRootNode(),
     cmpMeta,
     hostRef.$modeName$
   );
-  if ((BUILD15.shadowDom || BUILD15.scoped) && BUILD15.cssAnnotations && flags & 10 /* needsScopedEncapsulation */ && flags & 2 /* scopedCssEncapsulation */) {
+  if ((BUILD16.shadowDom || BUILD16.scoped) && BUILD16.cssAnnotations && flags & 10 /* needsScopedEncapsulation */ && flags & 2 /* scopedCssEncapsulation */) {
     elm["s-sc"] = scopeId2;
     elm.classList.add(scopeId2 + "-h");
   }
   endAttachStyles();
 };
-var getScopeId = (cmp, mode) => "sc-" + (BUILD15.mode && mode && cmp.$flags$ & 32 /* hasMode */ ? cmp.$tagName$ + "-" + mode : cmp.$tagName$);
+var getScopeId = (cmp, mode) => "sc-" + (BUILD16.mode && mode && cmp.$flags$ & 32 /* hasMode */ ? cmp.$tagName$ + "-" + mode : cmp.$tagName$);
 
 // src/runtime/vdom/vdom-render.ts
-import { BUILD as BUILD18 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD19 } from "@stencil/core/internal/app-data";
 
 // src/runtime/vdom/update-element.ts
-import { BUILD as BUILD17 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD18 } from "@stencil/core/internal/app-data";
 
 // src/runtime/vdom/set-accessor.ts
-import { BUILD as BUILD16 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD17 } from "@stencil/core/internal/app-data";
 var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
   if (oldValue !== newValue) {
     let isProp = isMemberInElement(elm, memberName);
     let ln = memberName.toLowerCase();
-    if (BUILD16.vdomClass && memberName === "class") {
+    if (BUILD17.vdomClass && memberName === "class") {
       const classList = elm.classList;
       const oldClasses = parseClassList(oldValue);
       let newClasses = parseClassList(newValue);
@@ -1643,11 +1653,11 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
         classList.remove(...oldClasses.filter((c) => c && !newClasses.includes(c)));
         classList.add(...newClasses.filter((c) => c && !oldClasses.includes(c)));
       }
-    } else if (BUILD16.vdomStyle && memberName === "style") {
-      if (BUILD16.updatable) {
+    } else if (BUILD17.vdomStyle && memberName === "style") {
+      if (BUILD17.updatable) {
         for (const prop in oldValue) {
           if (!newValue || newValue[prop] == null) {
-            if (!BUILD16.hydrateServerSide && prop.includes("-")) {
+            if (!BUILD17.hydrateServerSide && prop.includes("-")) {
               elm.style.removeProperty(prop);
             } else {
               elm.style[prop] = "";
@@ -1657,19 +1667,19 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
       }
       for (const prop in newValue) {
         if (!oldValue || newValue[prop] !== oldValue[prop]) {
-          if (!BUILD16.hydrateServerSide && prop.includes("-")) {
+          if (!BUILD17.hydrateServerSide && prop.includes("-")) {
             elm.style.setProperty(prop, newValue[prop]);
           } else {
             elm.style[prop] = newValue[prop];
           }
         }
       }
-    } else if (BUILD16.vdomKey && memberName === "key") {
-    } else if (BUILD16.vdomRef && memberName === "ref") {
+    } else if (BUILD17.vdomKey && memberName === "key") {
+    } else if (BUILD17.vdomRef && memberName === "ref") {
       if (newValue) {
         newValue(elm);
       }
-    } else if (BUILD16.vdomListener && (BUILD16.lazyLoad ? !isProp : !elm.__lookupSetter__(memberName)) && memberName[0] === "o" && memberName[1] === "n") {
+    } else if (BUILD17.vdomListener && (BUILD17.lazyLoad ? !isProp : !elm.__lookupSetter__(memberName)) && memberName[0] === "o" && memberName[1] === "n") {
       if (memberName[2] === "-") {
         memberName = memberName.slice(3);
       } else if (isMemberInElement(win, ln)) {
@@ -1687,7 +1697,7 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
           plt.ael(elm, memberName, newValue, capture);
         }
       }
-    } else if (BUILD16.vdomPropOrAttr) {
+    } else if (BUILD17.vdomPropOrAttr) {
       const isComplex = isComplexType(newValue);
       if ((isProp || isComplex && newValue !== null) && !isSvg) {
         try {
@@ -1709,7 +1719,7 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
         }
       }
       let xlink = false;
-      if (BUILD16.vdomXlink) {
+      if (BUILD17.vdomXlink) {
         if (ln !== (ln = ln.replace(/^xlink\:?/, ""))) {
           memberName = ln;
           xlink = true;
@@ -1717,7 +1727,7 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
       }
       if (newValue == null || newValue === false) {
         if (newValue !== false || elm.getAttribute(memberName) === "") {
-          if (BUILD16.vdomXlink && xlink) {
+          if (BUILD17.vdomXlink && xlink) {
             elm.removeAttributeNS(XLINK_NS, memberName);
           } else {
             elm.removeAttribute(memberName);
@@ -1725,7 +1735,7 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags) => {
         }
       } else if ((!isProp || flags & 4 /* isHost */ || isSvg) && !isComplex) {
         newValue = newValue === true ? "" : newValue;
-        if (BUILD16.vdomXlink && xlink) {
+        if (BUILD17.vdomXlink && xlink) {
           elm.setAttributeNS(XLINK_NS, memberName, newValue);
         } else {
           elm.setAttribute(memberName, newValue);
@@ -1752,7 +1762,7 @@ var updateElement = (oldVnode, newVnode, isSvgMode2) => {
   const elm = newVnode.$elm$.nodeType === 11 /* DocumentFragment */ && newVnode.$elm$.host ? newVnode.$elm$.host : newVnode.$elm$;
   const oldVnodeAttrs = oldVnode && oldVnode.$attrs$ || {};
   const newVnodeAttrs = newVnode.$attrs$ || {};
-  if (BUILD17.updatable) {
+  if (BUILD18.updatable) {
     for (const memberName of sortedAttrNames(Object.keys(oldVnodeAttrs))) {
       if (!(memberName in newVnodeAttrs)) {
         setAccessor(elm, memberName, oldVnodeAttrs[memberName], void 0, isSvgMode2, newVnode.$flags$);
@@ -1788,7 +1798,7 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
   let elm;
   let childNode;
   let oldVNode;
-  if (BUILD18.slotRelocation && !useNativeShadowDom) {
+  if (BUILD19.slotRelocation && !useNativeShadowDom) {
     checkSlotRelocate = true;
     if (newVNode2.$tag$ === "slot") {
       newVNode2.$flags$ |= newVNode2.$children$ ? (
@@ -1803,32 +1813,32 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
       );
     }
   }
-  if (BUILD18.isDev && newVNode2.$elm$) {
+  if (BUILD19.isDev && newVNode2.$elm$) {
     consoleDevError(
       `The JSX ${newVNode2.$text$ !== null ? `"${newVNode2.$text$}" text` : `"${newVNode2.$tag$}" element`} node should not be shared within the same renderer. The renderer caches element lookups in order to improve performance. However, a side effect from this is that the exact same JSX node should not be reused. For more information please see https://stenciljs.com/docs/templating-jsx#avoid-shared-jsx-nodes`
     );
   }
-  if (BUILD18.vdomText && newVNode2.$text$ !== null) {
+  if (BUILD19.vdomText && newVNode2.$text$ !== null) {
     elm = newVNode2.$elm$ = doc.createTextNode(newVNode2.$text$);
-  } else if (BUILD18.slotRelocation && newVNode2.$flags$ & 1 /* isSlotReference */) {
-    elm = newVNode2.$elm$ = BUILD18.isDebug || BUILD18.hydrateServerSide ? slotReferenceDebugNode(newVNode2) : doc.createTextNode("");
+  } else if (BUILD19.slotRelocation && newVNode2.$flags$ & 1 /* isSlotReference */) {
+    elm = newVNode2.$elm$ = BUILD19.isDebug || BUILD19.hydrateServerSide ? slotReferenceDebugNode(newVNode2) : doc.createTextNode("");
   } else {
-    if (BUILD18.svg && !isSvgMode) {
+    if (BUILD19.svg && !isSvgMode) {
       isSvgMode = newVNode2.$tag$ === "svg";
     }
-    elm = newVNode2.$elm$ = BUILD18.svg ? doc.createElementNS(
+    elm = newVNode2.$elm$ = BUILD19.svg ? doc.createElementNS(
       isSvgMode ? SVG_NS : HTML_NS,
-      !useNativeShadowDom && BUILD18.slotRelocation && newVNode2.$flags$ & 2 /* isSlotFallback */ ? "slot-fb" : newVNode2.$tag$
+      !useNativeShadowDom && BUILD19.slotRelocation && newVNode2.$flags$ & 2 /* isSlotFallback */ ? "slot-fb" : newVNode2.$tag$
     ) : doc.createElement(
-      !useNativeShadowDom && BUILD18.slotRelocation && newVNode2.$flags$ & 2 /* isSlotFallback */ ? "slot-fb" : newVNode2.$tag$
+      !useNativeShadowDom && BUILD19.slotRelocation && newVNode2.$flags$ & 2 /* isSlotFallback */ ? "slot-fb" : newVNode2.$tag$
     );
-    if (BUILD18.svg && isSvgMode && newVNode2.$tag$ === "foreignObject") {
+    if (BUILD19.svg && isSvgMode && newVNode2.$tag$ === "foreignObject") {
       isSvgMode = false;
     }
-    if (BUILD18.vdomAttribute) {
+    if (BUILD19.vdomAttribute) {
       updateElement(null, newVNode2, isSvgMode);
     }
-    if (BUILD18.scoped && isDef(scopeId) && elm["s-si"] !== scopeId) {
+    if (BUILD19.scoped && isDef(scopeId) && elm["s-si"] !== scopeId) {
       elm.classList.add(elm["s-si"] = scopeId);
     }
     if (newVNode2.$children$) {
@@ -1839,7 +1849,7 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
         }
       }
     }
-    if (BUILD18.svg) {
+    if (BUILD19.svg) {
       if (newVNode2.$tag$ === "svg") {
         isSvgMode = false;
       } else if (elm.tagName === "foreignObject") {
@@ -1848,7 +1858,7 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
     }
   }
   elm["s-hn"] = hostTagName;
-  if (BUILD18.slotRelocation) {
+  if (BUILD19.slotRelocation) {
     if (newVNode2.$flags$ & (2 /* isSlotFallback */ | 1 /* isSlotReference */)) {
       elm["s-sr"] = true;
       elm["s-cr"] = contentRef;
@@ -1856,13 +1866,13 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
       elm["s-rf"] = (_a = newVNode2.$attrs$) == null ? void 0 : _a.ref;
       oldVNode = oldParentVNode && oldParentVNode.$children$ && oldParentVNode.$children$[childIndex];
       if (oldVNode && oldVNode.$tag$ === newVNode2.$tag$ && oldParentVNode.$elm$) {
-        if (BUILD18.experimentalSlotFixes) {
+        if (BUILD19.experimentalSlotFixes) {
           relocateToHostRoot(oldParentVNode.$elm$);
         } else {
           putBackInOriginalLocation(oldParentVNode.$elm$, false);
         }
       }
-      if (BUILD18.scoped) {
+      if (BUILD19.scoped) {
         addRemoveSlotScopedClass(contentRef, elm, newParentVNode.$elm$, oldParentVNode == null ? void 0 : oldParentVNode.$elm$);
       }
     }
@@ -1892,7 +1902,7 @@ var relocateToHostRoot = (parentElm) => {
 var putBackInOriginalLocation = (parentElm, recursive) => {
   plt.$flags$ |= 1 /* isTmpDisconnected */;
   const oldSlotChildNodes = Array.from(parentElm.__childNodes || parentElm.childNodes);
-  if (parentElm["s-sr"] && BUILD18.experimentalSlotFixes) {
+  if (parentElm["s-sr"] && BUILD19.experimentalSlotFixes) {
     let node = parentElm;
     while (node = node.nextSibling) {
       if (node && node["s-sn"] === parentElm["s-sn"] && node["s-sh"] === hostTagName) {
@@ -1916,9 +1926,9 @@ var putBackInOriginalLocation = (parentElm, recursive) => {
   plt.$flags$ &= ~1 /* isTmpDisconnected */;
 };
 var addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) => {
-  let containerElm = BUILD18.slotRelocation && parentElm["s-cr"] && parentElm["s-cr"].parentNode || parentElm;
+  let containerElm = BUILD19.slotRelocation && parentElm["s-cr"] && parentElm["s-cr"].parentNode || parentElm;
   let childNode;
-  if (BUILD18.shadowDom && containerElm.shadowRoot && containerElm.tagName === hostTagName) {
+  if (BUILD19.shadowDom && containerElm.shadowRoot && containerElm.tagName === hostTagName) {
     containerElm = containerElm.shadowRoot;
   }
   for (; startIdx <= endIdx; ++startIdx) {
@@ -1926,7 +1936,7 @@ var addVnodes = (parentElm, before, parentVNode, vnodes, startIdx, endIdx) => {
       childNode = createElm(null, parentVNode, startIdx);
       if (childNode) {
         vnodes[startIdx].$elm$ = childNode;
-        insertBefore(containerElm, childNode, BUILD18.slotRelocation ? referenceNode(before) : before);
+        insertBefore(containerElm, childNode, BUILD19.slotRelocation ? referenceNode(before) : before);
       }
     }
   }
@@ -1938,7 +1948,7 @@ var removeVnodes = (vnodes, startIdx, endIdx) => {
       const elm = vnode.$elm$;
       nullifyVNodeRefs(vnode);
       if (elm) {
-        if (BUILD18.slotRelocation) {
+        if (BUILD19.slotRelocation) {
           checkSlotFallbackVisibility = true;
           if (elm["s-ol"]) {
             elm["s-ol"].remove();
@@ -1982,7 +1992,7 @@ var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = fals
       oldEndVnode = oldCh[--oldEndIdx];
       newEndVnode = newCh[--newEndIdx];
     } else if (isSameVnode(oldStartVnode, newEndVnode, isInitialRender)) {
-      if (BUILD18.slotRelocation && (oldStartVnode.$tag$ === "slot" || newEndVnode.$tag$ === "slot")) {
+      if (BUILD19.slotRelocation && (oldStartVnode.$tag$ === "slot" || newEndVnode.$tag$ === "slot")) {
         putBackInOriginalLocation(oldStartVnode.$elm$.parentNode, false);
       }
       patch(oldStartVnode, newEndVnode, isInitialRender);
@@ -1990,7 +2000,7 @@ var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = fals
       oldStartVnode = oldCh[++oldStartIdx];
       newEndVnode = newCh[--newEndIdx];
     } else if (isSameVnode(oldEndVnode, newStartVnode, isInitialRender)) {
-      if (BUILD18.slotRelocation && (oldStartVnode.$tag$ === "slot" || newEndVnode.$tag$ === "slot")) {
+      if (BUILD19.slotRelocation && (oldStartVnode.$tag$ === "slot" || newEndVnode.$tag$ === "slot")) {
         putBackInOriginalLocation(oldEndVnode.$elm$.parentNode, false);
       }
       patch(oldEndVnode, newStartVnode, isInitialRender);
@@ -1999,7 +2009,7 @@ var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = fals
       newStartVnode = newCh[++newStartIdx];
     } else {
       idxInOld = -1;
-      if (BUILD18.vdomKey) {
+      if (BUILD19.vdomKey) {
         for (i2 = oldStartIdx; i2 <= oldEndIdx; ++i2) {
           if (oldCh[i2] && oldCh[i2].$key$ !== null && oldCh[i2].$key$ === newStartVnode.$key$) {
             idxInOld = i2;
@@ -2007,7 +2017,7 @@ var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = fals
           }
         }
       }
-      if (BUILD18.vdomKey && idxInOld >= 0) {
+      if (BUILD19.vdomKey && idxInOld >= 0) {
         elmToMove = oldCh[idxInOld];
         if (elmToMove.$tag$ !== newStartVnode.$tag$) {
           node = createElm(oldCh && oldCh[newStartIdx], newVNode2, idxInOld);
@@ -2022,7 +2032,7 @@ var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = fals
         newStartVnode = newCh[++newStartIdx];
       }
       if (node) {
-        if (BUILD18.slotRelocation) {
+        if (BUILD19.slotRelocation) {
           insertBefore(
             referenceNode(oldStartVnode.$elm$).parentNode,
             node,
@@ -2043,16 +2053,16 @@ var updateChildren = (parentElm, oldCh, newVNode2, newCh, isInitialRender = fals
       newStartIdx,
       newEndIdx
     );
-  } else if (BUILD18.updatable && newStartIdx > newEndIdx) {
+  } else if (BUILD19.updatable && newStartIdx > newEndIdx) {
     removeVnodes(oldCh, oldStartIdx, oldEndIdx);
   }
 };
 var isSameVnode = (leftVNode, rightVNode, isInitialRender = false) => {
   if (leftVNode.$tag$ === rightVNode.$tag$) {
-    if (BUILD18.slotRelocation && leftVNode.$tag$ === "slot") {
+    if (BUILD19.slotRelocation && leftVNode.$tag$ === "slot") {
       return leftVNode.$name$ === rightVNode.$name$;
     }
-    if (BUILD18.vdomKey && !isInitialRender) {
+    if (BUILD19.vdomKey && !isInitialRender) {
       return leftVNode.$key$ === rightVNode.$key$;
     }
     if (isInitialRender && !leftVNode.$key$ && rightVNode.$key$) {
@@ -2070,13 +2080,13 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
   const tag = newVNode2.$tag$;
   const text = newVNode2.$text$;
   let defaultHolder;
-  if (!BUILD18.vdomText || text === null) {
-    if (BUILD18.svg) {
+  if (!BUILD19.vdomText || text === null) {
+    if (BUILD19.svg) {
       isSvgMode = tag === "svg" ? true : tag === "foreignObject" ? false : isSvgMode;
     }
-    if (BUILD18.vdomAttribute || BUILD18.reflect) {
-      if (BUILD18.slot && tag === "slot" && !useNativeShadowDom) {
-        if (BUILD18.experimentalSlotFixes && oldVNode.$name$ !== newVNode2.$name$) {
+    if (BUILD19.vdomAttribute || BUILD19.reflect) {
+      if (BUILD19.slot && tag === "slot" && !useNativeShadowDom) {
+        if (BUILD19.experimentalSlotFixes && oldVNode.$name$ !== newVNode2.$name$) {
           newVNode2.$elm$["s-sn"] = newVNode2.$name$ || "";
           relocateToHostRoot(newVNode2.$elm$.parentElement);
         }
@@ -2084,25 +2094,25 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
         updateElement(oldVNode, newVNode2, isSvgMode);
       }
     }
-    if (BUILD18.updatable && oldChildren !== null && newChildren !== null) {
+    if (BUILD19.updatable && oldChildren !== null && newChildren !== null) {
       updateChildren(elm, oldChildren, newVNode2, newChildren, isInitialRender);
     } else if (newChildren !== null) {
-      if (BUILD18.updatable && BUILD18.vdomText && oldVNode.$text$ !== null) {
+      if (BUILD19.updatable && BUILD19.vdomText && oldVNode.$text$ !== null) {
         elm.textContent = "";
       }
       addVnodes(elm, null, newVNode2, newChildren, 0, newChildren.length - 1);
     } else if (
       // don't do this on initial render as it can cause non-hydrated content to be removed
-      !isInitialRender && BUILD18.updatable && oldChildren !== null
+      !isInitialRender && BUILD19.updatable && oldChildren !== null
     ) {
       removeVnodes(oldChildren, 0, oldChildren.length - 1);
     }
-    if (BUILD18.svg && isSvgMode && tag === "svg") {
+    if (BUILD19.svg && isSvgMode && tag === "svg") {
       isSvgMode = false;
     }
-  } else if (BUILD18.vdomText && BUILD18.slotRelocation && (defaultHolder = elm["s-cr"])) {
+  } else if (BUILD19.vdomText && BUILD19.slotRelocation && (defaultHolder = elm["s-cr"])) {
     defaultHolder.parentNode.textContent = text;
-  } else if (BUILD18.vdomText && oldVNode.$text$ !== text) {
+  } else if (BUILD19.vdomText && oldVNode.$text$ !== text) {
     elm.data = text;
   }
 };
@@ -2118,7 +2128,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"] && (!BUILD18.experimentalSlotFixes || !node["s-sh"] || node["s-sh"] !== childNode["s-hn"])) {
+        if (!node["s-cn"] && !node["s-nr"] && node["s-hn"] !== childNode["s-hn"] && (!BUILD19.experimentalSlotFixes || !node["s-sh"] || node["s-sh"] !== childNode["s-hn"])) {
           if (isNodeLocatedInSlot(node, slotName)) {
             let relocateNodeData = relocateNodes.find((r) => r.$nodeToRelocate$ === node);
             checkSlotFallbackVisibility = true;
@@ -2157,21 +2167,21 @@ var markSlotContentForRelocation = (elm) => {
   }
 };
 var nullifyVNodeRefs = (vNode) => {
-  if (BUILD18.vdomRef) {
+  if (BUILD19.vdomRef) {
     vNode.$attrs$ && vNode.$attrs$.ref && vNode.$attrs$.ref(null);
     vNode.$children$ && vNode.$children$.map(nullifyVNodeRefs);
   }
 };
 var insertBefore = (parent, newNode, reference) => {
-  if (BUILD18.scoped && typeof newNode["s-sn"] === "string" && !!newNode["s-sr"] && !!newNode["s-cr"]) {
+  if (BUILD19.scoped && typeof newNode["s-sn"] === "string" && !!newNode["s-sr"] && !!newNode["s-cr"]) {
     addRemoveSlotScopedClass(newNode["s-cr"], newNode, parent, newNode.parentElement);
-  } else if (BUILD18.experimentalSlotFixes && typeof newNode["s-sn"] === "string") {
+  } else if (BUILD19.experimentalSlotFixes && typeof newNode["s-sn"] === "string") {
     if (parent.getRootNode().nodeType !== 11 /* DOCUMENT_FRAGMENT_NODE */) {
       patchParentNode(newNode);
     }
     return parent.insertBefore(newNode, reference);
   }
-  if (BUILD18.experimentalSlotFixes && parent.__insertBefore) {
+  if (BUILD19.experimentalSlotFixes && parent.__insertBefore) {
     return parent.__insertBefore(newNode, reference);
   } else {
     return parent == null ? void 0 : parent.insertBefore(newNode, reference);
@@ -2205,7 +2215,7 @@ var renderVdom = (hostRef, renderFnResults, isInitialLoad = false) => {
   const oldVNode = hostRef.$vnode$ || newVNode(null, null);
   const rootVnode = isHost(renderFnResults) ? renderFnResults : h(null, null, renderFnResults);
   hostTagName = hostElm.tagName;
-  if (BUILD18.isDev && Array.isArray(renderFnResults) && renderFnResults.some(isHost)) {
+  if (BUILD19.isDev && Array.isArray(renderFnResults) && renderFnResults.some(isHost)) {
     throw new Error(`The <Host> must be the single root component.
 Looks like the render() function of "${hostTagName.toLowerCase()}" is returning an array that contains the <Host>.
 
@@ -2219,7 +2229,7 @@ render() {
 }
   `);
   }
-  if (BUILD18.reflect && cmpMeta.$attrsToReflect$) {
+  if (BUILD19.reflect && cmpMeta.$attrsToReflect$) {
     rootVnode.$attrs$ = rootVnode.$attrs$ || {};
     cmpMeta.$attrsToReflect$.map(
       ([propName, attribute]) => rootVnode.$attrs$[attribute] = hostElm[propName]
@@ -2235,24 +2245,24 @@ render() {
   rootVnode.$tag$ = null;
   rootVnode.$flags$ |= 4 /* isHost */;
   hostRef.$vnode$ = rootVnode;
-  rootVnode.$elm$ = oldVNode.$elm$ = BUILD18.shadowDom ? hostElm.shadowRoot || hostElm : hostElm;
-  if (BUILD18.scoped || BUILD18.shadowDom) {
+  rootVnode.$elm$ = oldVNode.$elm$ = BUILD19.shadowDom ? hostElm.shadowRoot || hostElm : hostElm;
+  if (BUILD19.scoped || BUILD19.shadowDom) {
     scopeId = hostElm["s-sc"];
   }
   useNativeShadowDom = supportsShadow && (cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) !== 0;
-  if (BUILD18.slotRelocation) {
+  if (BUILD19.slotRelocation) {
     contentRef = hostElm["s-cr"];
     checkSlotFallbackVisibility = false;
   }
   patch(oldVNode, rootVnode, isInitialLoad);
-  if (BUILD18.slotRelocation) {
+  if (BUILD19.slotRelocation) {
     plt.$flags$ |= 1 /* isTmpDisconnected */;
     if (checkSlotRelocate) {
       markSlotContentForRelocation(rootVnode.$elm$);
       for (const relocateData of relocateNodes) {
         const nodeToRelocate = relocateData.$nodeToRelocate$;
         if (!nodeToRelocate["s-ol"]) {
-          const orgLocationNode = BUILD18.isDebug || BUILD18.hydrateServerSide ? originalLocationDebugNode(nodeToRelocate) : doc.createTextNode("");
+          const orgLocationNode = BUILD19.isDebug || BUILD19.hydrateServerSide ? originalLocationDebugNode(nodeToRelocate) : doc.createTextNode("");
           orgLocationNode["s-nr"] = nodeToRelocate;
           insertBefore(nodeToRelocate.parentNode, nodeToRelocate["s-ol"] = orgLocationNode, nodeToRelocate);
         }
@@ -2263,7 +2273,7 @@ render() {
         if (slotRefNode) {
           const parentNodeRef = slotRefNode.parentNode;
           let insertBeforeNode = slotRefNode.nextSibling;
-          if (!BUILD18.hydrateServerSide && (!BUILD18.experimentalSlotFixes || insertBeforeNode && insertBeforeNode.nodeType === 1 /* ElementNode */)) {
+          if (!BUILD19.hydrateServerSide && (!BUILD19.experimentalSlotFixes || insertBeforeNode && insertBeforeNode.nodeType === 1 /* ElementNode */)) {
             let orgLocationNode = (_a = nodeToRelocate["s-ol"]) == null ? void 0 : _a.previousSibling;
             while (orgLocationNode) {
               let refNode = (_b = orgLocationNode["s-nr"]) != null ? _b : null;
@@ -2284,7 +2294,7 @@ render() {
           const nextSibling = nodeToRelocate.__nextSibling || nodeToRelocate.nextSibling;
           if (!insertBeforeNode && parentNodeRef !== parent || nextSibling !== insertBeforeNode) {
             if (nodeToRelocate !== insertBeforeNode) {
-              if (!BUILD18.experimentalSlotFixes && !nodeToRelocate["s-hn"] && nodeToRelocate["s-ol"]) {
+              if (!BUILD19.experimentalSlotFixes && !nodeToRelocate["s-hn"] && nodeToRelocate["s-ol"]) {
                 nodeToRelocate["s-hn"] = nodeToRelocate["s-ol"].parentNode.nodeName;
               }
               insertBefore(parentNodeRef, nodeToRelocate, insertBeforeNode);
@@ -2310,7 +2320,7 @@ render() {
     plt.$flags$ &= ~1 /* isTmpDisconnected */;
     relocateNodes.length = 0;
   }
-  if (BUILD18.experimentalScopedSlotChanges && cmpMeta.$flags$ & 2 /* scopedCssEncapsulation */) {
+  if (BUILD19.experimentalScopedSlotChanges && cmpMeta.$flags$ & 2 /* scopedCssEncapsulation */) {
     const children = rootVnode.$elm$.__childNodes || rootVnode.$elm$.childNodes;
     for (const childNode of children) {
       if (childNode["s-hn"] !== hostTagName && !childNode["s-sh"]) {
@@ -2332,7 +2342,7 @@ var originalLocationDebugNode = (nodeToRelocate) => doc.createComment(
 
 // src/runtime/update-component.ts
 var attachToAncestor = (hostRef, ancestorComponent) => {
-  if (BUILD19.asyncLoading && ancestorComponent && !hostRef.$onRenderResolve$ && ancestorComponent["s-p"]) {
+  if (BUILD20.asyncLoading && ancestorComponent && !hostRef.$onRenderResolve$ && ancestorComponent["s-p"]) {
     const index = ancestorComponent["s-p"].push(
       new Promise(
         (r) => hostRef.$onRenderResolve$ = () => {
@@ -2344,21 +2354,21 @@ var attachToAncestor = (hostRef, ancestorComponent) => {
   }
 };
 var scheduleUpdate = (hostRef, isInitialLoad) => {
-  if (BUILD19.taskQueue && BUILD19.updatable) {
+  if (BUILD20.taskQueue && BUILD20.updatable) {
     hostRef.$flags$ |= 16 /* isQueuedForUpdate */;
   }
-  if (BUILD19.asyncLoading && hostRef.$flags$ & 4 /* isWaitingForChildren */) {
+  if (BUILD20.asyncLoading && hostRef.$flags$ & 4 /* isWaitingForChildren */) {
     hostRef.$flags$ |= 512 /* needsRerender */;
     return;
   }
   attachToAncestor(hostRef, hostRef.$ancestorComponent$);
   const dispatch = () => dispatchHooks(hostRef, isInitialLoad);
-  return BUILD19.taskQueue ? writeTask(dispatch) : dispatch();
+  return BUILD20.taskQueue ? writeTask(dispatch) : dispatch();
 };
 var dispatchHooks = (hostRef, isInitialLoad) => {
   const elm = hostRef.$hostElement$;
   const endSchedule = createTime("scheduleUpdate", hostRef.$cmpMeta$.$tagName$);
-  const instance = BUILD19.lazyLoad ? hostRef.$lazyInstance$ : elm;
+  const instance = BUILD20.lazyLoad ? hostRef.$lazyInstance$ : elm;
   if (!instance) {
     throw new Error(
       `Can't render component <${elm.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`
@@ -2366,26 +2376,26 @@ var dispatchHooks = (hostRef, isInitialLoad) => {
   }
   let maybePromise;
   if (isInitialLoad) {
-    if (BUILD19.lazyLoad && BUILD19.hostListener) {
+    if (BUILD20.lazyLoad && BUILD20.hostListener) {
       hostRef.$flags$ |= 256 /* isListenReady */;
       if (hostRef.$queuedListeners$) {
-        hostRef.$queuedListeners$.map(([methodName, event]) => safeCall(instance, methodName, event));
+        hostRef.$queuedListeners$.map(([methodName, event]) => safeCall(instance, methodName, event, elm));
         hostRef.$queuedListeners$ = void 0;
       }
     }
     emitLifecycleEvent(elm, "componentWillLoad");
-    if (BUILD19.cmpWillLoad) {
-      maybePromise = safeCall(instance, "componentWillLoad");
+    if (BUILD20.cmpWillLoad) {
+      maybePromise = safeCall(instance, "componentWillLoad", void 0, elm);
     }
   } else {
     emitLifecycleEvent(elm, "componentWillUpdate");
-    if (BUILD19.cmpWillUpdate) {
-      maybePromise = safeCall(instance, "componentWillUpdate");
+    if (BUILD20.cmpWillUpdate) {
+      maybePromise = safeCall(instance, "componentWillUpdate", void 0, elm);
     }
   }
   emitLifecycleEvent(elm, "componentWillRender");
-  if (BUILD19.cmpWillRender) {
-    maybePromise = enqueue(maybePromise, () => safeCall(instance, "componentWillRender"));
+  if (BUILD20.cmpWillRender) {
+    maybePromise = enqueue(maybePromise, () => safeCall(instance, "componentWillRender", void 0, elm));
   }
   endSchedule();
   return enqueue(maybePromise, () => updateComponent(hostRef, instance, isInitialLoad));
@@ -2400,23 +2410,23 @@ var updateComponent = async (hostRef, instance, isInitialLoad) => {
   const elm = hostRef.$hostElement$;
   const endUpdate = createTime("update", hostRef.$cmpMeta$.$tagName$);
   const rc = elm["s-rc"];
-  if (BUILD19.style && isInitialLoad) {
+  if (BUILD20.style && isInitialLoad) {
     attachStyles(hostRef);
   }
   const endRender = createTime("render", hostRef.$cmpMeta$.$tagName$);
-  if (BUILD19.isDev) {
+  if (BUILD20.isDev) {
     hostRef.$flags$ |= 1024 /* devOnRender */;
   }
-  if (BUILD19.hydrateServerSide) {
+  if (BUILD20.hydrateServerSide) {
     await callRender(hostRef, instance, elm, isInitialLoad);
   } else {
     callRender(hostRef, instance, elm, isInitialLoad);
   }
-  if (BUILD19.isDev) {
+  if (BUILD20.isDev) {
     hostRef.$renderCount$ = hostRef.$renderCount$ === void 0 ? 1 : hostRef.$renderCount$ + 1;
     hostRef.$flags$ &= ~1024 /* devOnRender */;
   }
-  if (BUILD19.hydrateServerSide) {
+  if (BUILD20.hydrateServerSide) {
     try {
       serverSideConnected(elm);
       if (isInitialLoad) {
@@ -2430,13 +2440,13 @@ var updateComponent = async (hostRef, instance, isInitialLoad) => {
       consoleError(e, elm);
     }
   }
-  if (BUILD19.asyncLoading && rc) {
+  if (BUILD20.asyncLoading && rc) {
     rc.map((cb) => cb());
     elm["s-rc"] = void 0;
   }
   endRender();
   endUpdate();
-  if (BUILD19.asyncLoading) {
+  if (BUILD20.asyncLoading) {
     const childrenPromises = (_a = elm["s-p"]) != null ? _a : [];
     const postUpdate = () => postUpdateComponent(hostRef);
     if (childrenPromises.length === 0) {
@@ -2452,10 +2462,10 @@ var updateComponent = async (hostRef, instance, isInitialLoad) => {
 };
 var renderingRef = null;
 var callRender = (hostRef, instance, elm, isInitialLoad) => {
-  const allRenderFn = BUILD19.allRenderFn ? true : false;
-  const lazyLoad = BUILD19.lazyLoad ? true : false;
-  const taskQueue = BUILD19.taskQueue ? true : false;
-  const updatable = BUILD19.updatable ? true : false;
+  const allRenderFn = BUILD20.allRenderFn ? true : false;
+  const lazyLoad = BUILD20.lazyLoad ? true : false;
+  const taskQueue = BUILD20.taskQueue ? true : false;
+  const updatable = BUILD20.updatable ? true : false;
   try {
     renderingRef = instance;
     instance = allRenderFn ? instance.render() : instance.render && instance.render();
@@ -2465,9 +2475,9 @@ var callRender = (hostRef, instance, elm, isInitialLoad) => {
     if (updatable || lazyLoad) {
       hostRef.$flags$ |= 2 /* hasRendered */;
     }
-    if (BUILD19.hasRenderFn || BUILD19.reflect) {
-      if (BUILD19.vdomRender || BUILD19.reflect) {
-        if (BUILD19.hydrateServerSide) {
+    if (BUILD20.hasRenderFn || BUILD20.reflect) {
+      if (BUILD20.vdomRender || BUILD20.reflect) {
+        if (BUILD20.hydrateServerSide) {
           return Promise.resolve(instance).then((value) => renderVdom(hostRef, value, isInitialLoad));
         } else {
           renderVdom(hostRef, instance, isInitialLoad);
@@ -2492,57 +2502,57 @@ var postUpdateComponent = (hostRef) => {
   const tagName = hostRef.$cmpMeta$.$tagName$;
   const elm = hostRef.$hostElement$;
   const endPostUpdate = createTime("postUpdate", tagName);
-  const instance = BUILD19.lazyLoad ? hostRef.$lazyInstance$ : elm;
+  const instance = BUILD20.lazyLoad ? hostRef.$lazyInstance$ : elm;
   const ancestorComponent = hostRef.$ancestorComponent$;
-  if (BUILD19.cmpDidRender) {
-    if (BUILD19.isDev) {
+  if (BUILD20.cmpDidRender) {
+    if (BUILD20.isDev) {
       hostRef.$flags$ |= 1024 /* devOnRender */;
     }
-    safeCall(instance, "componentDidRender");
-    if (BUILD19.isDev) {
+    safeCall(instance, "componentDidRender", void 0, elm);
+    if (BUILD20.isDev) {
       hostRef.$flags$ &= ~1024 /* devOnRender */;
     }
   }
   emitLifecycleEvent(elm, "componentDidRender");
   if (!(hostRef.$flags$ & 64 /* hasLoadedComponent */)) {
     hostRef.$flags$ |= 64 /* hasLoadedComponent */;
-    if (BUILD19.asyncLoading && BUILD19.cssAnnotations) {
+    if (BUILD20.asyncLoading && BUILD20.cssAnnotations) {
       addHydratedFlag(elm);
     }
-    if (BUILD19.cmpDidLoad) {
-      if (BUILD19.isDev) {
+    if (BUILD20.cmpDidLoad) {
+      if (BUILD20.isDev) {
         hostRef.$flags$ |= 2048 /* devOnDidLoad */;
       }
-      safeCall(instance, "componentDidLoad");
-      if (BUILD19.isDev) {
+      safeCall(instance, "componentDidLoad", void 0, elm);
+      if (BUILD20.isDev) {
         hostRef.$flags$ &= ~2048 /* devOnDidLoad */;
       }
     }
     emitLifecycleEvent(elm, "componentDidLoad");
     endPostUpdate();
-    if (BUILD19.asyncLoading) {
+    if (BUILD20.asyncLoading) {
       hostRef.$onReadyResolve$(elm);
       if (!ancestorComponent) {
         appDidLoad(tagName);
       }
     }
   } else {
-    if (BUILD19.cmpDidUpdate) {
-      if (BUILD19.isDev) {
+    if (BUILD20.cmpDidUpdate) {
+      if (BUILD20.isDev) {
         hostRef.$flags$ |= 1024 /* devOnRender */;
       }
-      safeCall(instance, "componentDidUpdate");
-      if (BUILD19.isDev) {
+      safeCall(instance, "componentDidUpdate", void 0, elm);
+      if (BUILD20.isDev) {
         hostRef.$flags$ &= ~1024 /* devOnRender */;
       }
     }
     emitLifecycleEvent(elm, "componentDidUpdate");
     endPostUpdate();
   }
-  if (BUILD19.method && BUILD19.lazyLoad) {
+  if (BUILD20.method && BUILD20.lazyLoad) {
     hostRef.$onInstanceResolve$(elm);
   }
-  if (BUILD19.asyncLoading) {
+  if (BUILD20.asyncLoading) {
     if (hostRef.$onRenderResolve$) {
       hostRef.$onRenderResolve$();
       hostRef.$onRenderResolve$ = void 0;
@@ -2554,7 +2564,7 @@ var postUpdateComponent = (hostRef) => {
   }
 };
 var forceUpdate = (ref) => {
-  if (BUILD19.updatable && (Build.isBrowser || Build.isTesting)) {
+  if (BUILD20.updatable && (Build.isBrowser || Build.isTesting)) {
     const hostRef = getHostRef(ref);
     const isConnected = hostRef.$hostElement$.isConnected;
     if (isConnected && (hostRef.$flags$ & (2 /* hasRendered */ | 16 /* isQueuedForUpdate */)) === 2 /* hasRendered */) {
@@ -2565,29 +2575,29 @@ var forceUpdate = (ref) => {
   return false;
 };
 var appDidLoad = (who) => {
-  if (BUILD19.cssAnnotations) {
+  if (BUILD20.cssAnnotations) {
     addHydratedFlag(doc.documentElement);
   }
-  if (BUILD19.asyncQueue) {
+  if (BUILD20.asyncQueue) {
     plt.$flags$ |= 2 /* appLoaded */;
   }
   nextTick(() => emitEvent(win, "appload", { detail: { namespace: NAMESPACE } }));
-  if (BUILD19.profile && performance.measure) {
+  if (BUILD20.profile && performance.measure) {
     performance.measure(`[Stencil] ${NAMESPACE} initial load (by ${who})`, "st:app:start");
   }
 };
-var safeCall = (instance, method, arg) => {
+var safeCall = (instance, method, arg, elm) => {
   if (instance && instance[method]) {
     try {
       return instance[method](arg);
     } catch (e) {
-      consoleError(e);
+      consoleError(e, elm);
     }
   }
   return void 0;
 };
 var emitLifecycleEvent = (elm, lifecycleName) => {
-  if (BUILD19.lifecycleDOMEvents) {
+  if (BUILD20.lifecycleDOMEvents) {
     emitEvent(elm, "stencil_" + lifecycleName, {
       bubbles: true,
       composed: true,
@@ -2599,7 +2609,7 @@ var emitLifecycleEvent = (elm, lifecycleName) => {
 };
 var addHydratedFlag = (elm) => {
   var _a, _b;
-  return BUILD19.hydratedClass ? elm.classList.add((_a = BUILD19.hydratedSelectorName) != null ? _a : "hydrated") : BUILD19.hydratedAttribute ? elm.setAttribute((_b = BUILD19.hydratedSelectorName) != null ? _b : "hydrated", "") : void 0;
+  return BUILD20.hydratedClass ? elm.classList.add((_a = BUILD20.hydratedSelectorName) != null ? _a : "hydrated") : BUILD20.hydratedAttribute ? elm.setAttribute((_b = BUILD20.hydratedSelectorName) != null ? _b : "hydrated", "") : void 0;
 };
 var serverSideConnected = (elm) => {
   const children = elm.children;
@@ -2618,21 +2628,21 @@ var serverSideConnected = (elm) => {
 var getValue = (ref, propName) => getHostRef(ref).$instanceValues$.get(propName);
 var setValue = (ref, propName, newVal, cmpMeta) => {
   const hostRef = getHostRef(ref);
-  if (BUILD20.lazyLoad && !hostRef) {
+  if (BUILD21.lazyLoad && !hostRef) {
     throw new Error(
       `Couldn't find host element for "${cmpMeta.$tagName$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`
     );
   }
-  const elm = BUILD20.lazyLoad ? hostRef.$hostElement$ : ref;
+  const elm = BUILD21.lazyLoad ? hostRef.$hostElement$ : ref;
   const oldVal = hostRef.$instanceValues$.get(propName);
   const flags = hostRef.$flags$;
-  const instance = BUILD20.lazyLoad ? hostRef.$lazyInstance$ : elm;
+  const instance = BUILD21.lazyLoad ? hostRef.$lazyInstance$ : elm;
   newVal = parsePropertyValue(newVal, cmpMeta.$members$[propName][0]);
   const areBothNaN = Number.isNaN(oldVal) && Number.isNaN(newVal);
   const didValueChange = newVal !== oldVal && !areBothNaN;
-  if ((!BUILD20.lazyLoad || !(flags & 8 /* isConstructingInstance */) || oldVal === void 0) && didValueChange) {
+  if ((!BUILD21.lazyLoad || !(flags & 8 /* isConstructingInstance */) || oldVal === void 0) && didValueChange) {
     hostRef.$instanceValues$.set(propName, newVal);
-    if (BUILD20.isDev) {
+    if (BUILD21.isDev) {
       if (hostRef.$flags$ & 1024 /* devOnRender */) {
         consoleDevWarn(
           `The state/prop "${propName}" changed during rendering. This can potentially lead to infinite-loops and other bugs.`,
@@ -2655,8 +2665,8 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
         );
       }
     }
-    if (!BUILD20.lazyLoad || instance) {
-      if (BUILD20.watchCallback && cmpMeta.$watchers$ && flags & 128 /* isWatchReady */) {
+    if (!BUILD21.lazyLoad || instance) {
+      if (BUILD21.watchCallback && cmpMeta.$watchers$ && flags & 128 /* isWatchReady */) {
         const watchMethods = cmpMeta.$watchers$[propName];
         if (watchMethods) {
           watchMethods.map((watchMethodName) => {
@@ -2668,8 +2678,8 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
           });
         }
       }
-      if (BUILD20.updatable && (flags & (2 /* hasRendered */ | 16 /* isQueuedForUpdate */)) === 2 /* hasRendered */) {
-        if (BUILD20.cmpShouldUpdate && instance.componentShouldUpdate) {
+      if (BUILD21.updatable && (flags & (2 /* hasRendered */ | 16 /* isQueuedForUpdate */)) === 2 /* hasRendered */) {
+        if (BUILD21.cmpShouldUpdate && instance.componentShouldUpdate) {
           if (instance.componentShouldUpdate(newVal, oldVal, propName) === false) {
             return;
           }
@@ -2684,40 +2694,46 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
 var proxyComponent = (Cstr, cmpMeta, flags) => {
   var _a, _b;
   const prototype = Cstr.prototype;
-  if (BUILD21.formAssociated && cmpMeta.$flags$ & 64 /* formAssociated */ && flags & 1 /* isElementConstructor */) {
+  if (BUILD22.isTesting) {
+    if (prototype.done) {
+      return;
+    }
+    prototype.done = true;
+  }
+  if (BUILD22.formAssociated && cmpMeta.$flags$ & 64 /* formAssociated */ && flags & 1 /* isElementConstructor */) {
     FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS.forEach((cbName) => {
       const originalFormAssociatedCallback = prototype[cbName];
       Object.defineProperty(prototype, cbName, {
         value(...args) {
           const hostRef = getHostRef(this);
-          const instance = BUILD21.lazyLoad ? hostRef.$lazyInstance$ : this;
+          const instance = BUILD22.lazyLoad ? hostRef.$lazyInstance$ : this;
           if (!instance) {
             hostRef.$onReadyPromise$.then((asyncInstance) => {
               const cb = asyncInstance[cbName];
               typeof cb === "function" && cb.call(asyncInstance, ...args);
             });
           } else {
-            const cb = BUILD21.lazyLoad ? instance[cbName] : originalFormAssociatedCallback;
+            const cb = BUILD22.lazyLoad ? instance[cbName] : originalFormAssociatedCallback;
             typeof cb === "function" && cb.call(instance, ...args);
           }
         }
       });
     });
   }
-  if (BUILD21.member && cmpMeta.$members$ || BUILD21.watchCallback && (cmpMeta.$watchers$ || Cstr.watchers)) {
-    if (BUILD21.watchCallback && Cstr.watchers && !cmpMeta.$watchers$) {
+  if (BUILD22.member && cmpMeta.$members$ || BUILD22.watchCallback && (cmpMeta.$watchers$ || Cstr.watchers)) {
+    if (BUILD22.watchCallback && Cstr.watchers && !cmpMeta.$watchers$) {
       cmpMeta.$watchers$ = Cstr.watchers;
     }
     const members = Object.entries((_a = cmpMeta.$members$) != null ? _a : {});
     members.map(([memberName, [memberFlags]]) => {
-      if ((BUILD21.prop || BUILD21.state) && (memberFlags & 31 /* Prop */ || (!BUILD21.lazyLoad || flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
+      if ((BUILD22.prop || BUILD22.state) && (memberFlags & 31 /* Prop */ || (!BUILD22.lazyLoad || flags & 2 /* proxyState */) && memberFlags & 32 /* State */)) {
         const { get: origGetter, set: origSetter } = Object.getOwnPropertyDescriptor(prototype, memberName) || {};
         if (origGetter) cmpMeta.$members$[memberName][0] |= 2048 /* Getter */;
         if (origSetter) cmpMeta.$members$[memberName][0] |= 4096 /* Setter */;
         if (flags & 1 /* isElementConstructor */ || !origGetter) {
           Object.defineProperty(prototype, memberName, {
             get() {
-              if (BUILD21.lazyLoad) {
+              if (BUILD22.lazyLoad) {
                 if ((cmpMeta.$members$[memberName][0] & 2048 /* Getter */) === 0) {
                   return getValue(this, memberName);
                 }
@@ -2726,7 +2742,7 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
                 if (!instance) return;
                 return instance[memberName];
               }
-              if (!BUILD21.lazyLoad) {
+              if (!BUILD22.lazyLoad) {
                 return origGetter ? origGetter.apply(this) : getValue(this, memberName);
               }
             },
@@ -2737,14 +2753,14 @@ var proxyComponent = (Cstr, cmpMeta, flags) => {
         Object.defineProperty(prototype, memberName, {
           set(newValue) {
             const ref = getHostRef(this);
-            if (BUILD21.isDev) {
+            if (BUILD22.isDev) {
               if (
                 // we are proxying the instance (not element)
                 (flags & 1 /* isElementConstructor */) === 0 && // if the class has a setter, then the Element can update instance values, so ignore
                 (cmpMeta.$members$[memberName][0] & 4096 /* Setter */) === 0 && // the element is not constructing
                 (ref && ref.$flags$ & 8 /* isConstructingInstance */) === 0 && // the member is a prop
-                (cmpMeta.$members$[memberName][0] & 31 /* Prop */) !== 0 && // the member is not mutable
-                (cmpMeta.$members$[memberName][0] & 1024 /* Mutable */) === 0
+                (memberFlags & 31 /* Prop */) !== 0 && // the member is not mutable
+                (memberFlags & 1024 /* Mutable */) === 0
               ) {
                 consoleDevWarn(
                   `@Prop() "${memberName}" on <${cmpMeta.$tagName$}> is immutable but was modified from within the component.
@@ -2764,11 +2780,11 @@ More information: https://stenciljs.com/docs/properties#prop-mutability`
               setValue(this, memberName, newValue, cmpMeta);
               return;
             }
-            if (!BUILD21.lazyLoad) {
+            if (!BUILD22.lazyLoad) {
               setValue(this, memberName, newValue, cmpMeta);
               return;
             }
-            if (BUILD21.lazyLoad) {
+            if (BUILD22.lazyLoad) {
               if ((flags & 1 /* isElementConstructor */) === 0 || (cmpMeta.$members$[memberName][0] & 4096 /* Setter */) === 0) {
                 setValue(this, memberName, newValue, cmpMeta);
                 if (flags & 1 /* isElementConstructor */ && !ref.$lazyInstance$) {
@@ -2796,7 +2812,7 @@ More information: https://stenciljs.com/docs/properties#prop-mutability`
             }
           }
         });
-      } else if (BUILD21.lazyLoad && BUILD21.method && flags & 1 /* isElementConstructor */ && memberFlags & 64 /* Method */) {
+      } else if (BUILD22.lazyLoad && BUILD22.method && flags & 1 /* isElementConstructor */ && memberFlags & 64 /* Method */) {
         Object.defineProperty(prototype, memberName, {
           value(...args) {
             var _a2;
@@ -2809,13 +2825,13 @@ More information: https://stenciljs.com/docs/properties#prop-mutability`
         });
       }
     });
-    if (BUILD21.observeAttribute && (!BUILD21.lazyLoad || flags & 1 /* isElementConstructor */)) {
+    if (BUILD22.observeAttribute && (!BUILD22.lazyLoad || flags & 1 /* isElementConstructor */)) {
       const attrNameToPropName = /* @__PURE__ */ new Map();
       prototype.attributeChangedCallback = function(attrName, oldValue, newValue) {
         plt.jmp(() => {
           var _a2;
           const propName = attrNameToPropName.get(attrName);
-          if (this.hasOwnProperty(propName) && BUILD21.lazyLoad) {
+          if (this.hasOwnProperty(propName) && BUILD22.lazyLoad) {
             newValue = this[propName];
             delete this[propName];
           } else if (prototype.hasOwnProperty(propName) && typeof this[propName] === "number" && // cast type to number to avoid TS compiler issues
@@ -2825,8 +2841,8 @@ More information: https://stenciljs.com/docs/properties#prop-mutability`
             const hostRef = getHostRef(this);
             const flags2 = hostRef == null ? void 0 : hostRef.$flags$;
             if (flags2 && !(flags2 & 8 /* isConstructingInstance */) && flags2 & 128 /* isWatchReady */ && newValue !== oldValue) {
-              const elm = BUILD21.lazyLoad ? hostRef.$hostElement$ : this;
-              const instance = BUILD21.lazyLoad ? hostRef.$lazyInstance$ : elm;
+              const elm = BUILD22.lazyLoad ? hostRef.$hostElement$ : this;
+              const instance = BUILD22.lazyLoad ? hostRef.$lazyInstance$ : elm;
               const entry = (_a2 = cmpMeta.$watchers$) == null ? void 0 : _a2[attrName];
               entry == null ? void 0 : entry.forEach((callbackName) => {
                 if (instance[callbackName] != null) {
@@ -2850,7 +2866,7 @@ More information: https://stenciljs.com/docs/properties#prop-mutability`
             var _a2;
             const attrName = m[1] || propName;
             attrNameToPropName.set(attrName, propName);
-            if (BUILD21.reflect && m[0] & 512 /* ReflectAttr */) {
+            if (BUILD22.reflect && m[0] & 512 /* ReflectAttr */) {
               (_a2 = cmpMeta.$attrsToReflect$) == null ? void 0 : _a2.push([propName, attrName]);
             }
             return attrName;
@@ -2867,8 +2883,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
   let Cstr;
   if ((hostRef.$flags$ & 32 /* hasInitializedComponent */) === 0) {
     hostRef.$flags$ |= 32 /* hasInitializedComponent */;
-    const bundleId = cmpMeta.$lazyBundleId$;
-    if ((BUILD22.lazyLoad || BUILD22.hydrateClientSide) && bundleId) {
+    if (BUILD23.lazyLoad || BUILD23.hydrateClientSide) {
       const CstrImport = loadModule(cmpMeta, hostRef, hmrVersionId);
       if (CstrImport && "then" in CstrImport) {
         const endLoad = uniqueTime(
@@ -2883,53 +2898,53 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
       if (!Cstr) {
         throw new Error(`Constructor for "${cmpMeta.$tagName$}#${hostRef.$modeName$}" was not found`);
       }
-      if (BUILD22.member && !Cstr.isProxied) {
-        if (BUILD22.watchCallback) {
+      if (BUILD23.member && !Cstr.isProxied) {
+        if (BUILD23.watchCallback) {
           cmpMeta.$watchers$ = Cstr.watchers;
         }
         proxyComponent(Cstr, cmpMeta, 2 /* proxyState */);
         Cstr.isProxied = true;
       }
       const endNewInstance = createTime("createInstance", cmpMeta.$tagName$);
-      if (BUILD22.member) {
+      if (BUILD23.member) {
         hostRef.$flags$ |= 8 /* isConstructingInstance */;
       }
       try {
         new Cstr(hostRef);
       } catch (e) {
-        consoleError(e);
+        consoleError(e, elm);
       }
-      if (BUILD22.member) {
+      if (BUILD23.member) {
         hostRef.$flags$ &= ~8 /* isConstructingInstance */;
       }
-      if (BUILD22.watchCallback) {
+      if (BUILD23.watchCallback) {
         hostRef.$flags$ |= 128 /* isWatchReady */;
       }
       endNewInstance();
-      fireConnectedCallback(hostRef.$lazyInstance$);
+      fireConnectedCallback(hostRef.$lazyInstance$, elm);
     } else {
       Cstr = elm.constructor;
       const cmpTag = elm.localName;
       customElements.whenDefined(cmpTag).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
     }
-    if (BUILD22.style && Cstr && Cstr.style) {
+    if (BUILD23.style && Cstr && Cstr.style) {
       let style;
       if (typeof Cstr.style === "string") {
         style = Cstr.style;
-      } else if (BUILD22.mode && typeof Cstr.style !== "string") {
+      } else if (BUILD23.mode && typeof Cstr.style !== "string") {
         hostRef.$modeName$ = computeMode(elm);
         if (hostRef.$modeName$) {
           style = Cstr.style[hostRef.$modeName$];
         }
-        if (BUILD22.hydrateServerSide && hostRef.$modeName$) {
+        if (BUILD23.hydrateServerSide && hostRef.$modeName$) {
           elm.setAttribute("s-mode", hostRef.$modeName$);
         }
       }
       const scopeId2 = getScopeId(cmpMeta, hostRef.$modeName$);
       if (!styles.has(scopeId2)) {
         const endRegisterStyles = createTime("registerStyles", cmpMeta.$tagName$);
-        if (!BUILD22.hydrateServerSide && BUILD22.shadowDom && // TODO(STENCIL-854): Remove code related to legacy shadowDomShim field
-        BUILD22.shadowDomShim && cmpMeta.$flags$ & 8 /* needsShadowDomShim */) {
+        if (!BUILD23.hydrateServerSide && BUILD23.shadowDom && // TODO(STENCIL-854): Remove code related to legacy shadowDomShim field
+        BUILD23.shadowDomShim && cmpMeta.$flags$ & 8 /* needsShadowDomShim */) {
           style = await import("./shadow-css.js").then((m) => m.scopeCss(style, scopeId2));
         }
         registerStyle(scopeId2, style, !!(cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */));
@@ -2939,15 +2954,15 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
   }
   const ancestorComponent = hostRef.$ancestorComponent$;
   const schedule = () => scheduleUpdate(hostRef, true);
-  if (BUILD22.asyncLoading && ancestorComponent && ancestorComponent["s-rc"]) {
+  if (BUILD23.asyncLoading && ancestorComponent && ancestorComponent["s-rc"]) {
     ancestorComponent["s-rc"].push(schedule);
   } else {
     schedule();
   }
 };
-var fireConnectedCallback = (instance) => {
-  if (BUILD22.lazyLoad && BUILD22.connectedCallback) {
-    safeCall(instance, "connectedCallback");
+var fireConnectedCallback = (instance, elm) => {
+  if (BUILD23.lazyLoad && BUILD23.connectedCallback) {
+    safeCall(instance, "connectedCallback", void 0, elm);
   }
 };
 
@@ -2957,41 +2972,41 @@ var connectedCallback = (elm) => {
     const hostRef = getHostRef(elm);
     const cmpMeta = hostRef.$cmpMeta$;
     const endConnected = createTime("connectedCallback", cmpMeta.$tagName$);
-    if (BUILD23.hostListenerTargetParent) {
+    if (BUILD24.hostListenerTargetParent) {
       addHostEventListeners(elm, hostRef, cmpMeta.$listeners$, true);
     }
     if (!(hostRef.$flags$ & 1 /* hasConnected */)) {
       hostRef.$flags$ |= 1 /* hasConnected */;
       let hostId;
-      if (BUILD23.hydrateClientSide) {
+      if (BUILD24.hydrateClientSide) {
         hostId = elm.getAttribute(HYDRATE_ID);
         if (hostId) {
-          if (BUILD23.shadowDom && supportsShadow && cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
-            const scopeId2 = BUILD23.mode ? addStyle(elm.shadowRoot, cmpMeta, elm.getAttribute("s-mode")) : addStyle(elm.shadowRoot, cmpMeta);
+          if (BUILD24.shadowDom && supportsShadow && cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
+            const scopeId2 = BUILD24.mode ? addStyle(elm.shadowRoot, cmpMeta, elm.getAttribute("s-mode")) : addStyle(elm.shadowRoot, cmpMeta);
             elm.classList.remove(scopeId2 + "-h", scopeId2 + "-s");
-          } else if (BUILD23.scoped && cmpMeta.$flags$ & 2 /* scopedCssEncapsulation */) {
-            const scopeId2 = getScopeId(cmpMeta, BUILD23.mode ? elm.getAttribute("s-mode") : void 0);
+          } else if (BUILD24.scoped && cmpMeta.$flags$ & 2 /* scopedCssEncapsulation */) {
+            const scopeId2 = getScopeId(cmpMeta, BUILD24.mode ? elm.getAttribute("s-mode") : void 0);
             elm["s-sc"] = scopeId2;
           }
           initializeClientHydrate(elm, cmpMeta.$tagName$, hostId, hostRef);
         }
       }
-      if (BUILD23.slotRelocation && !hostId) {
-        if (BUILD23.hydrateServerSide || (BUILD23.slot || BUILD23.shadowDom) && // TODO(STENCIL-854): Remove code related to legacy shadowDomShim field
+      if (BUILD24.slotRelocation && !hostId) {
+        if (BUILD24.hydrateServerSide || (BUILD24.slot || BUILD24.shadowDom) && // TODO(STENCIL-854): Remove code related to legacy shadowDomShim field
         cmpMeta.$flags$ & (4 /* hasSlotRelocation */ | 8 /* needsShadowDomShim */)) {
           setContentReference(elm);
         }
       }
-      if (BUILD23.asyncLoading) {
+      if (BUILD24.asyncLoading) {
         let ancestorComponent = elm;
         while (ancestorComponent = ancestorComponent.parentNode || ancestorComponent.host) {
-          if (BUILD23.hydrateClientSide && ancestorComponent.nodeType === 1 /* ElementNode */ && ancestorComponent.hasAttribute("s-id") && ancestorComponent["s-p"] || ancestorComponent["s-p"]) {
+          if (BUILD24.hydrateClientSide && ancestorComponent.nodeType === 1 /* ElementNode */ && ancestorComponent.hasAttribute("s-id") && ancestorComponent["s-p"] || ancestorComponent["s-p"]) {
             attachToAncestor(hostRef, hostRef.$ancestorComponent$ = ancestorComponent);
             break;
           }
         }
       }
-      if (BUILD23.prop && !BUILD23.hydrateServerSide && cmpMeta.$members$) {
+      if (BUILD24.prop && !BUILD24.hydrateServerSide && cmpMeta.$members$) {
         Object.entries(cmpMeta.$members$).map(([memberName, [memberFlags]]) => {
           if (memberFlags & 31 /* Prop */ && elm.hasOwnProperty(memberName)) {
             const value = elm[memberName];
@@ -3000,7 +3015,7 @@ var connectedCallback = (elm) => {
           }
         });
       }
-      if (BUILD23.initializeNextTick) {
+      if (BUILD24.initializeNextTick) {
         nextTick(() => initializeComponent(elm, hostRef, cmpMeta));
       } else {
         initializeComponent(elm, hostRef, cmpMeta);
@@ -3008,9 +3023,9 @@ var connectedCallback = (elm) => {
     } else {
       addHostEventListeners(elm, hostRef, cmpMeta.$listeners$, false);
       if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
-        fireConnectedCallback(hostRef.$lazyInstance$);
+        fireConnectedCallback(hostRef.$lazyInstance$, elm);
       } else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
-        hostRef.$onReadyPromise$.then(() => fireConnectedCallback(hostRef.$lazyInstance$));
+        hostRef.$onReadyPromise$.then(() => fireConnectedCallback(hostRef.$lazyInstance$, elm));
       }
     }
     endConnected();
@@ -3018,37 +3033,37 @@ var connectedCallback = (elm) => {
 };
 var setContentReference = (elm) => {
   const contentRefElm = elm["s-cr"] = doc.createComment(
-    BUILD23.isDebug ? `content-ref (host=${elm.localName})` : ""
+    BUILD24.isDebug ? `content-ref (host=${elm.localName})` : ""
   );
   contentRefElm["s-cn"] = true;
   insertBefore(elm, contentRefElm, elm.firstChild);
 };
 
 // src/runtime/disconnected-callback.ts
-import { BUILD as BUILD24 } from "@stencil/core/internal/app-data";
-var disconnectInstance = (instance) => {
-  if (BUILD24.lazyLoad && BUILD24.disconnectedCallback) {
-    safeCall(instance, "disconnectedCallback");
+import { BUILD as BUILD25 } from "@stencil/core/internal/app-data";
+var disconnectInstance = (instance, elm) => {
+  if (BUILD25.lazyLoad && BUILD25.disconnectedCallback) {
+    safeCall(instance, "disconnectedCallback", void 0, elm || instance);
   }
-  if (BUILD24.cmpDidUnload) {
-    safeCall(instance, "componentDidUnload");
+  if (BUILD25.cmpDidUnload) {
+    safeCall(instance, "componentDidUnload", void 0, elm || instance);
   }
 };
 var disconnectedCallback = async (elm) => {
   if ((plt.$flags$ & 1 /* isTmpDisconnected */) === 0) {
     const hostRef = getHostRef(elm);
-    if (BUILD24.hostListener) {
+    if (BUILD25.hostListener) {
       if (hostRef.$rmListeners$) {
         hostRef.$rmListeners$.map((rmListener) => rmListener());
         hostRef.$rmListeners$ = void 0;
       }
     }
-    if (!BUILD24.lazyLoad) {
+    if (!BUILD25.lazyLoad) {
       disconnectInstance(elm);
     } else if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
-      disconnectInstance(hostRef.$lazyInstance$);
+      disconnectInstance(hostRef.$lazyInstance$, elm);
     } else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
-      hostRef.$onReadyPromise$.then(() => disconnectInstance(hostRef.$lazyInstance$));
+      hostRef.$onReadyPromise$.then(() => disconnectInstance(hostRef.$lazyInstance$, elm));
     }
   }
   if (rootAppliedStyles.has(elm)) {
@@ -3068,36 +3083,36 @@ var proxyCustomElement = (Cstr, compactMeta) => {
     $flags$: compactMeta[0],
     $tagName$: compactMeta[1]
   };
-  if (BUILD25.member) {
+  if (BUILD26.member) {
     cmpMeta.$members$ = compactMeta[2];
   }
-  if (BUILD25.hostListener) {
+  if (BUILD26.hostListener) {
     cmpMeta.$listeners$ = compactMeta[3];
   }
-  if (BUILD25.watchCallback) {
+  if (BUILD26.watchCallback) {
     cmpMeta.$watchers$ = Cstr.$watchers$;
   }
-  if (BUILD25.reflect) {
+  if (BUILD26.reflect) {
     cmpMeta.$attrsToReflect$ = [];
   }
-  if (BUILD25.shadowDom && !supportsShadow && cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
+  if (BUILD26.shadowDom && !supportsShadow && cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
     cmpMeta.$flags$ |= 8 /* needsShadowDomShim */;
   }
-  if (BUILD25.experimentalSlotFixes) {
-    if (BUILD25.scoped && cmpMeta.$flags$ & 2 /* scopedCssEncapsulation */) {
+  if (BUILD26.experimentalSlotFixes) {
+    if (BUILD26.scoped && cmpMeta.$flags$ & 2 /* scopedCssEncapsulation */) {
       patchPseudoShadowDom(Cstr.prototype);
     }
   } else {
-    if (BUILD25.slotChildNodesFix) {
+    if (BUILD26.slotChildNodesFix) {
       patchChildSlotNodes(Cstr.prototype);
     }
-    if (BUILD25.cloneNodeFix) {
+    if (BUILD26.cloneNodeFix) {
       patchCloneNode(Cstr.prototype);
     }
-    if (BUILD25.appendChildSlotFix) {
+    if (BUILD26.appendChildSlotFix) {
       patchSlotAppendChild(Cstr.prototype);
     }
-    if (BUILD25.scopedSlotTextContentFix && cmpMeta.$flags$ & 2 /* scopedCssEncapsulation */) {
+    if (BUILD26.scopedSlotTextContentFix && cmpMeta.$flags$ & 2 /* scopedCssEncapsulation */) {
       patchTextContent(Cstr.prototype);
     }
   }
@@ -3115,13 +3130,13 @@ var proxyCustomElement = (Cstr, compactMeta) => {
         this.__hasHostListenerAttached = true;
       }
       connectedCallback(this);
-      if (BUILD25.connectedCallback && originalConnectedCallback) {
+      if (BUILD26.connectedCallback && originalConnectedCallback) {
         originalConnectedCallback.call(this);
       }
     },
     disconnectedCallback() {
       disconnectedCallback(this);
-      if (BUILD25.disconnectedCallback && originalDisconnectedCallback) {
+      if (BUILD26.disconnectedCallback && originalDisconnectedCallback) {
         originalDisconnectedCallback.call(this);
       }
       plt.raf(() => {
@@ -3138,7 +3153,7 @@ var proxyCustomElement = (Cstr, compactMeta) => {
     __attachShadow() {
       if (supportsShadow) {
         if (!this.shadowRoot) {
-          if (BUILD25.shadowDelegatesFocus) {
+          if (BUILD26.shadowDelegatesFocus) {
             this.attachShadow({
               mode: "open",
               delegatesFocus: !!(cmpMeta.$flags$ & 16 /* shadowDelegatesFocus */)
@@ -3162,7 +3177,7 @@ var proxyCustomElement = (Cstr, compactMeta) => {
   return proxyComponent(Cstr, cmpMeta, 1 /* isElementConstructor */ | 2 /* proxyState */);
 };
 var forceModeUpdate = (elm) => {
-  if (BUILD25.style && BUILD25.mode && !BUILD25.lazyLoad) {
+  if (BUILD26.style && BUILD26.mode && !BUILD26.lazyLoad) {
     const mode = computeMode(elm);
     const hostRef = getHostRef(elm);
     if (hostRef.$modeName$ !== mode) {
@@ -3185,7 +3200,7 @@ var forceModeUpdate = (elm) => {
 };
 
 // src/runtime/bootstrap-lazy.ts
-import { BUILD as BUILD26 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD27 } from "@stencil/core/internal/app-data";
 
 // src/runtime/hmr-component.ts
 var hmrStart = (hostElement, cmpMeta, hmrVersionId) => {
@@ -3197,7 +3212,7 @@ var hmrStart = (hostElement, cmpMeta, hmrVersionId) => {
 // src/runtime/bootstrap-lazy.ts
 var bootstrapLazy = (lazyBundles, options = {}) => {
   var _a;
-  if (BUILD26.profile && performance.mark) {
+  if (BUILD27.profile && performance.mark) {
     performance.mark("st:app:start");
   }
   installDevTools();
@@ -3213,12 +3228,12 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
   let isBootstrapping = true;
   Object.assign(plt, options);
   plt.$resourcesUrl$ = new URL(options.resourcesUrl || "./", doc.baseURI).href;
-  if (BUILD26.asyncQueue) {
+  if (BUILD27.asyncQueue) {
     if (options.syncQueue) {
       plt.$flags$ |= 4 /* queueSync */;
     }
   }
-  if (BUILD26.hydrateClientSide) {
+  if (BUILD27.hydrateClientSide) {
     plt.$flags$ |= 2 /* appLoaded */;
   }
   let hasSlotRelocation = false;
@@ -3234,22 +3249,22 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
       if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
         hasSlotRelocation = true;
       }
-      if (BUILD26.member) {
+      if (BUILD27.member) {
         cmpMeta.$members$ = compactMeta[2];
       }
-      if (BUILD26.hostListener) {
+      if (BUILD27.hostListener) {
         cmpMeta.$listeners$ = compactMeta[3];
       }
-      if (BUILD26.reflect) {
+      if (BUILD27.reflect) {
         cmpMeta.$attrsToReflect$ = [];
       }
-      if (BUILD26.watchCallback) {
+      if (BUILD27.watchCallback) {
         cmpMeta.$watchers$ = (_a2 = compactMeta[4]) != null ? _a2 : {};
       }
-      if (BUILD26.shadowDom && !supportsShadow && cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
+      if (BUILD27.shadowDom && !supportsShadow && cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
         cmpMeta.$flags$ |= 8 /* needsShadowDomShim */;
       }
-      const tagName = BUILD26.transformTagName && options.transformTagName ? options.transformTagName(cmpMeta.$tagName$) : cmpMeta.$tagName$;
+      const tagName = BUILD27.transformTagName && options.transformTagName ? options.transformTagName(cmpMeta.$tagName$) : cmpMeta.$tagName$;
       const HostElement = class extends HTMLElement {
         // StencilLazyHost
         constructor(self) {
@@ -3257,10 +3272,10 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
           this.hasRegisteredEventListeners = false;
           self = this;
           registerHost(self, cmpMeta);
-          if (BUILD26.shadowDom && cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
+          if (BUILD27.shadowDom && cmpMeta.$flags$ & 1 /* shadowDomEncapsulation */) {
             if (supportsShadow) {
               if (!self.shadowRoot) {
-                if (BUILD26.shadowDelegatesFocus) {
+                if (BUILD27.shadowDelegatesFocus) {
                   self.attachShadow({
                     mode: "open",
                     delegatesFocus: !!(cmpMeta.$flags$ & 16 /* shadowDelegatesFocus */)
@@ -3275,7 +3290,7 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
                   );
                 }
               }
-            } else if (!BUILD26.hydrateServerSide && !("shadowRoot" in self)) {
+            } else if (!BUILD27.hydrateServerSide && !("shadowRoot" in self)) {
               self.shadowRoot = self;
             }
           }
@@ -3310,28 +3325,28 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
           return getHostRef(this).$onReadyPromise$;
         }
       };
-      if (BUILD26.experimentalSlotFixes) {
-        if (BUILD26.scoped && cmpMeta.$flags$ & 2 /* scopedCssEncapsulation */) {
+      if (BUILD27.experimentalSlotFixes) {
+        if (BUILD27.scoped && cmpMeta.$flags$ & 2 /* scopedCssEncapsulation */) {
           patchPseudoShadowDom(HostElement.prototype);
         }
       } else {
-        if (BUILD26.slotChildNodesFix) {
+        if (BUILD27.slotChildNodesFix) {
           patchChildSlotNodes(HostElement.prototype);
         }
-        if (BUILD26.cloneNodeFix) {
+        if (BUILD27.cloneNodeFix) {
           patchCloneNode(HostElement.prototype);
         }
-        if (BUILD26.appendChildSlotFix) {
+        if (BUILD27.appendChildSlotFix) {
           patchSlotAppendChild(HostElement.prototype);
         }
-        if (BUILD26.scopedSlotTextContentFix && cmpMeta.$flags$ & 2 /* scopedCssEncapsulation */) {
+        if (BUILD27.scopedSlotTextContentFix && cmpMeta.$flags$ & 2 /* scopedCssEncapsulation */) {
           patchTextContent(HostElement.prototype);
         }
       }
-      if (BUILD26.formAssociated && cmpMeta.$flags$ & 64 /* formAssociated */) {
+      if (BUILD27.formAssociated && cmpMeta.$flags$ & 64 /* formAssociated */) {
         HostElement.formAssociated = true;
       }
-      if (BUILD26.hotModuleReplacement) {
+      if (BUILD27.hotModuleReplacement) {
         HostElement.prototype["s-hmr"] = function(hmrVersionId) {
           hmrStart(this, cmpMeta, hmrVersionId);
         };
@@ -3350,7 +3365,7 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
     if (hasSlotRelocation) {
       dataStyles.textContent += SLOT_FB_CSS;
     }
-    if (BUILD26.invisiblePrehydration && (BUILD26.hydratedClass || BUILD26.hydratedAttribute)) {
+    if (BUILD27.invisiblePrehydration && (BUILD27.hydratedClass || BUILD27.hydratedAttribute)) {
       dataStyles.textContent += cmpTags.sort() + HYDRATED_CSS;
     }
     if (dataStyles.innerHTML.length) {
@@ -3366,7 +3381,7 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
   if (deferredConnectedCallbacks.length) {
     deferredConnectedCallbacks.map((host) => host.connectedCallback());
   } else {
-    if (BUILD26.profile) {
+    if (BUILD27.profile) {
       plt.jmp(() => appLoadFallback = setTimeout(appDidLoad, 30, "timeout"));
     } else {
       plt.jmp(() => appLoadFallback = setTimeout(appDidLoad, 30));
@@ -3379,10 +3394,10 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
 var Fragment = (_, children) => children;
 
 // src/runtime/host-listener.ts
-import { BUILD as BUILD27 } from "@stencil/core/internal/app-data";
+import { BUILD as BUILD28 } from "@stencil/core/internal/app-data";
 var addHostEventListeners = (elm, hostRef, listeners, attachParentListeners) => {
-  if (BUILD27.hostListener && listeners) {
-    if (BUILD27.hostListenerTargetParent) {
+  if (BUILD28.hostListener && listeners) {
+    if (BUILD28.hostListenerTargetParent) {
       if (attachParentListeners) {
         listeners = listeners.filter(([flags]) => flags & 32 /* TargetParent */);
       } else {
@@ -3390,7 +3405,7 @@ var addHostEventListeners = (elm, hostRef, listeners, attachParentListeners) =>
       }
     }
     listeners.map(([flags, name, method]) => {
-      const target = BUILD27.hostListenerTarget ? getHostListenerTarget(elm, flags) : elm;
+      const target = BUILD28.hostListenerTarget ? getHostListenerTarget(elm, flags) : elm;
       const handler = hostListenerProxy(hostRef, method);
       const opts = hostListenerOpts(flags);
       plt.ael(target, name, handler, opts);
@@ -3401,7 +3416,7 @@ var addHostEventListeners = (elm, hostRef, listeners, attachParentListeners) =>
 var hostListenerProxy = (hostRef, methodName) => (ev) => {
   var _a;
   try {
-    if (BUILD27.lazyLoad) {
+    if (BUILD28.lazyLoad) {
       if (hostRef.$flags$ & 256 /* isListenReady */) {
         (_a = hostRef.$lazyInstance$) == null ? void 0 : _a[methodName](ev);
       } else {
@@ -3411,14 +3426,14 @@ var hostListenerProxy = (hostRef, methodName) => (ev) => {
       hostRef.$hostElement$[methodName](ev);
     }
   } catch (e) {
-    consoleError(e);
+    consoleError(e, hostRef.$hostElement$);
   }
 };
 var getHostListenerTarget = (elm, flags) => {
-  if (BUILD27.hostListenerTargetDocument && flags & 4 /* TargetDocument */) return doc;
-  if (BUILD27.hostListenerTargetWindow && flags & 8 /* TargetWindow */) return win;
-  if (BUILD27.hostListenerTargetBody && flags & 16 /* TargetBody */) return doc.body;
-  if (BUILD27.hostListenerTargetParent && flags & 32 /* TargetParent */ && elm.parentElement)
+  if (BUILD28.hostListenerTargetDocument && flags & 4 /* TargetDocument */) return doc;
+  if (BUILD28.hostListenerTargetWindow && flags & 8 /* TargetWindow */) return win;
+  if (BUILD28.hostListenerTargetBody && flags & 16 /* TargetBody */) return doc.body;
+  if (BUILD28.hostListenerTargetParent && flags & 32 /* TargetParent */ && elm.parentElement)
     return elm.parentElement;
   return elm;
 };
@@ -3578,7 +3593,7 @@ var insertChildVNodeAnnotations = (doc2, vnodeChild, cmpData, hostId, depth, ind
   }
 };
 export {
-  BUILD28 as BUILD,
+  BUILD29 as BUILD,
   Build,
   Env,
   Fragment,