@stencil/core 4.43.5 → 4.44.0

package/internal/client/index.js

@@ -1,5 +1,5 @@
 /*
- Stencil Client Platform v4.43.5 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v4.44.0 | MIT Licensed | https://stenciljs.com
  */
 
 // src/client/client-build.ts
@@ -150,8 +150,10 @@ var setErrorHandler = (handler) => customError = handler;
 
 // src/client/client-load-module.ts
 var cmpModules = /* @__PURE__ */ new Map();
+var failedLoadAttempts = /* @__PURE__ */ new Map();
 var MODULE_IMPORT_PREFIX = "./";
 var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
+  var _a;
   const exportName = cmpMeta.$tagName$.replace(/-/g, "_");
   const bundleId = cmpMeta.$lazyBundleId$;
   if (BUILD5.isDev && typeof bundleId !== "string") {
@@ -166,21 +168,28 @@ var loadModule = (cmpMeta, hostRef, hmrVersionId) => {
   if (module) {
     return module[exportName];
   }
+  const retryCount = (_a = failedLoadAttempts.get(bundleId)) != null ? _a : 0;
+  const cacheBustParams = [
+    retryCount > 0 ? `s-retry=${retryCount}` : "",
+    BUILD5.hotModuleReplacement && hmrVersionId ? `s-hmr=${hmrVersionId}` : ""
+  ].filter(Boolean).join("&");
   /*!__STENCIL_STATIC_IMPORT_SWITCH__*/
   return import(
     /* @vite-ignore */
     /* webpackInclude: /\.entry\.js$/ */
     /* webpackExclude: /\.system\.entry\.js$/ */
     /* webpackMode: "lazy" */
-    `./${bundleId}.entry.js${BUILD5.hotModuleReplacement && hmrVersionId ? "?s-hmr=" + hmrVersionId : ""}`
+    `./${bundleId}.entry.js${cacheBustParams ? "?" + cacheBustParams : ""}`
   ).then(
     (importedModule) => {
       if (!BUILD5.hotModuleReplacement) {
+        failedLoadAttempts.delete(bundleId);
         cmpModules.set(bundleId, importedModule);
       }
       return importedModule[exportName];
     },
     (e) => {
+      failedLoadAttempts.set(bundleId, retryCount + 1);
       consoleError(e, hostRef.$hostElement$);
     }
   );
@@ -214,6 +223,8 @@ var DEFAULT_DOC_DATA = {
 };
 var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
 var XLINK_NS = "http://www.w3.org/1999/xlink";
+var MAX_LAZY_LOAD_RETRIES = 3;
+var LAZY_LOAD_RETRY_INTERVAL_MS = 1e3;
 var FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS = [
   "formAssociatedCallback",
   "formResetCallback",
@@ -276,6 +287,10 @@ var queuePending = false;
 var queueDomReads = [];
 var queueDomWrites = [];
 var queueDomWritesLow = [];
+var scheduleFlush = () => {
+  var _a;
+  return ((_a = win.document) == null ? void 0 : _a.hidden) ? nextTick(flush) : plt.raf(flush);
+};
 var queueTask = (queue, write) => (cb) => {
   queue.push(cb);
   if (!queuePending) {
@@ -283,7 +298,7 @@ var queueTask = (queue, write) => (cb) => {
     if (write && plt.$flags$ & 4 /* queueSync */) {
       nextTick(flush);
     } else {
-      plt.raf(flush);
+      scheduleFlush();
     }
   }
 };
@@ -327,14 +342,14 @@ var flush = () => {
       queueDomWrites.length = 0;
     }
     if (queuePending = queueDomReads.length + queueDomWrites.length + queueDomWritesLow.length > 0) {
-      plt.raf(flush);
+      scheduleFlush();
     } else {
       queueCongestion = 0;
     }
   } else {
     consume(queueDomWrites);
     if (queuePending = queueDomReads.length > 0) {
-      plt.raf(flush);
+      scheduleFlush();
     }
   }
 };
@@ -452,7 +467,7 @@ function getHostSlotNodes(childNodes, hostName, slotName) {
       slottedNodes.push(childNode);
       if (typeof slotName !== "undefined") return slottedNodes;
     }
-    slottedNodes = [...slottedNodes, ...getHostSlotNodes(childNode.childNodes, hostName, slotName)];
+    slottedNodes = [...slottedNodes, ...getHostSlotNodes(internalCall(childNode, "childNodes"), hostName, slotName)];
   }
   return slottedNodes;
 }
@@ -799,13 +814,13 @@ var patchChildSlotNodes = (elm) => {
   patchHostOriginalAccessor("firstChild", elm);
   Object.defineProperty(elm, "firstChild", {
     get() {
-      return this.childNodes[0];
+      return this.childNodes[0] || null;
     }
   });
   patchHostOriginalAccessor("lastChild", elm);
   Object.defineProperty(elm, "lastChild", {
     get() {
-      return this.childNodes[this.childNodes.length - 1];
+      return this.childNodes[this.childNodes.length - 1] || null;
     }
   });
   patchHostOriginalAccessor("childNodes", elm);
@@ -836,7 +851,7 @@ var patchNextSibling = (node) => {
       const parentNodes = (_a = this["s-ol"]) == null ? void 0 : _a.parentNode.childNodes;
       const index = parentNodes == null ? void 0 : parentNodes.indexOf(this);
       if (parentNodes && index > -1) {
-        return parentNodes[index + 1];
+        return parentNodes[index + 1] || null;
       }
       return this.__nextSibling;
     }
@@ -851,7 +866,7 @@ var patchNextElementSibling = (element) => {
       const parentEles = (_a = this["s-ol"]) == null ? void 0 : _a.parentNode.children;
       const index = parentEles == null ? void 0 : parentEles.indexOf(this);
       if (parentEles && index > -1) {
-        return parentEles[index + 1];
+        return parentEles[index + 1] || null;
       }
       return this.__nextElementSibling;
     }
@@ -866,7 +881,7 @@ var patchPreviousSibling = (node) => {
       const parentNodes = (_a = this["s-ol"]) == null ? void 0 : _a.parentNode.childNodes;
       const index = parentNodes == null ? void 0 : parentNodes.indexOf(this);
       if (parentNodes && index > -1) {
-        return parentNodes[index - 1];
+        return parentNodes[index - 1] || null;
       }
       return this.__previousSibling;
     }
@@ -881,7 +896,7 @@ var patchPreviousElementSibling = (element) => {
       const parentNodes = (_a = this["s-ol"]) == null ? void 0 : _a.parentNode.children;
       const index = parentNodes == null ? void 0 : parentNodes.indexOf(this);
       if (parentNodes && index > -1) {
-        return parentNodes[index - 1];
+        return parentNodes[index - 1] || null;
       }
       return this.__previousElementSibling;
     }
@@ -1209,10 +1224,15 @@ var h = (nodeName, vnodeData, ...children) => {
       } else if (child != null && typeof child !== "boolean") {
         if (simple = typeof nodeName !== "function" && !isComplexType(child)) {
           child = String(child);
-        } else if (BUILD13.isDev && typeof nodeName !== "function" && child.$flags$ === void 0) {
-          consoleDevError(`vNode passed as children has unexpected type.
+        } else if (typeof nodeName !== "function" && child.$flags$ === void 0) {
+          if (BUILD13.isDev) {
+            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.`);
+          } else {
+            consoleError("Invalid vNode child");
+          }
+          continue;
         }
         if (simple && lastSimple) {
           vNodeChildren[vNodeChildren.length - 1].$text$ += child;
@@ -2941,7 +2961,10 @@ 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"] && (!node["s-sh"] || node["s-sh"] !== childNode["s-hn"])) {
+        if (!node["s-cn"] && !node["s-nr"] && node["s-hn"] !== childNode["s-hn"] && // let an exact named-slot match override a stale default-slot claim. Skip this for
+        // `slotName === ''` itself - a matched default node's cached `s-sn` is `''` too, which
+        // would trivially "match" on every re-render and force pointless re-insertion.
+        (!node["s-sh"] || node["s-sh"] !== childNode["s-hn"] || slotName !== "" && getSlotName(node) === slotName)) {
           if (isNodeLocatedInSlot(node, slotName)) {
             let relocateNodeData = relocateNodes.find((r) => r.$nodeToRelocate$ === node);
             checkSlotFallbackVisibility = true;
@@ -3217,7 +3240,7 @@ var attachToAncestor = (hostRef, ancestorComponent) => {
   }
 };
 var scheduleUpdate = (hostRef, isInitialLoad) => {
-  if (BUILD21.taskQueue && BUILD21.updatable) {
+  if (BUILD21.updatable) {
     hostRef.$flags$ |= 16 /* isQueuedForUpdate */;
   }
   if (BUILD21.asyncLoading && hostRef.$flags$ & 4 /* isWaitingForChildren */) {
@@ -3287,7 +3310,7 @@ var updateComponent = async (hostRef, instance, isInitialLoad) => {
   }
   const endRender = createTime("render", hostRef.$cmpMeta$.$tagName$);
   if (BUILD21.isDev) {
-    hostRef.$flags$ |= 1024 /* devOnRender */;
+    hostRef.$flags$ |= 2048 /* devOnRender */;
   }
   if (BUILD21.hydrateServerSide) {
     await callRender(hostRef, instance, elm, isInitialLoad);
@@ -3296,7 +3319,7 @@ var updateComponent = async (hostRef, instance, isInitialLoad) => {
   }
   if (BUILD21.isDev) {
     hostRef.$renderCount$ = hostRef.$renderCount$ === void 0 ? 1 : hostRef.$renderCount$ + 1;
-    hostRef.$flags$ &= ~1024 /* devOnRender */;
+    hostRef.$flags$ &= ~2048 /* devOnRender */;
   }
   if (BUILD21.hydrateServerSide) {
     try {
@@ -3336,12 +3359,11 @@ var renderingRef = null;
 var callRender = (hostRef, instance, elm, isInitialLoad) => {
   const allRenderFn = BUILD21.allRenderFn ? true : false;
   const lazyLoad = BUILD21.lazyLoad ? true : false;
-  const taskQueue = BUILD21.taskQueue ? true : false;
   const updatable = BUILD21.updatable ? true : false;
   try {
     renderingRef = instance;
     instance = allRenderFn ? instance.render() : instance.render && instance.render();
-    if (updatable && taskQueue) {
+    if (updatable) {
       hostRef.$flags$ &= ~16 /* isQueuedForUpdate */;
     }
     if (updatable || lazyLoad) {
@@ -3377,11 +3399,11 @@ var postUpdateComponent = (hostRef) => {
   const instance = BUILD21.lazyLoad ? hostRef.$lazyInstance$ : elm;
   const ancestorComponent = hostRef.$ancestorComponent$;
   if (BUILD21.isDev) {
-    hostRef.$flags$ |= 1024 /* devOnRender */;
+    hostRef.$flags$ |= 2048 /* devOnRender */;
   }
   safeCall(instance, "componentDidRender", void 0, elm);
   if (BUILD21.isDev) {
-    hostRef.$flags$ &= ~1024 /* devOnRender */;
+    hostRef.$flags$ &= ~2048 /* devOnRender */;
   }
   emitLifecycleEvent(elm, "componentDidRender");
   if (!(hostRef.$flags$ & 64 /* hasLoadedComponent */)) {
@@ -3390,11 +3412,11 @@ var postUpdateComponent = (hostRef) => {
       addHydratedFlag(elm);
     }
     if (BUILD21.isDev) {
-      hostRef.$flags$ |= 2048 /* devOnDidLoad */;
+      hostRef.$flags$ |= 4096 /* devOnDidLoad */;
     }
     safeCall(instance, "componentDidLoad", void 0, elm);
     if (BUILD21.isDev) {
-      hostRef.$flags$ &= ~2048 /* devOnDidLoad */;
+      hostRef.$flags$ &= ~4096 /* devOnDidLoad */;
     }
     emitLifecycleEvent(elm, "componentDidLoad");
     endPostUpdate();
@@ -3406,11 +3428,11 @@ var postUpdateComponent = (hostRef) => {
     }
   } else {
     if (BUILD21.isDev) {
-      hostRef.$flags$ |= 1024 /* devOnRender */;
+      hostRef.$flags$ |= 2048 /* devOnRender */;
     }
     safeCall(instance, "componentDidUpdate", void 0, elm);
     if (BUILD21.isDev) {
-      hostRef.$flags$ &= ~1024 /* devOnRender */;
+      hostRef.$flags$ &= ~2048 /* devOnRender */;
     }
     emitLifecycleEvent(elm, "componentDidUpdate");
     endPostUpdate();
@@ -3542,7 +3564,7 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
       }
     }
     if (BUILD22.isDev) {
-      if (hostRef.$flags$ & 1024 /* devOnRender */) {
+      if (hostRef.$flags$ & 2048 /* devOnRender */) {
         consoleDevWarn(
           `The state/prop "${propName}" changed during rendering. This can potentially lead to infinite-loops and other bugs.`,
           "\nElement",
@@ -3552,7 +3574,7 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
           "\nOld value",
           oldVal
         );
-      } else if (hostRef.$flags$ & 2048 /* devOnDidLoad */) {
+      } else if (hostRef.$flags$ & 4096 /* devOnDidLoad */) {
         consoleDevWarn(
           `The state/prop "${propName}" changed during "componentDidLoad()", this triggers extra re-renders, try to setup on "componentWillLoad()"`,
           "\nElement",
@@ -3843,10 +3865,12 @@ More information: https://stenciljs.com/docs/properties#prop-mutability`
 
 // src/runtime/initialize-component.ts
 var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
+  var _a;
   let Cstr;
   try {
     if ((hostRef.$flags$ & 32 /* hasInitializedComponent */) === 0) {
       hostRef.$flags$ |= 32 /* hasInitializedComponent */;
+      hostRef.$flags$ &= ~1024 /* hasFailedLoad */;
       const bundleId = cmpMeta.$lazyBundleId$;
       if (BUILD24.lazyLoad && bundleId) {
         const CstrImport = loadModule(cmpMeta, hostRef, hmrVersionId);
@@ -3861,6 +3885,11 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
           Cstr = CstrImport;
         }
         if (!Cstr) {
+          hostRef.$flags$ &= ~32 /* hasInitializedComponent */;
+          hostRef.$loadRetryCount$ = ((_a = hostRef.$loadRetryCount$) != null ? _a : 0) + 1;
+          if (hostRef.$loadRetryCount$ < MAX_LAZY_LOAD_RETRIES) {
+            hostRef.$flags$ |= 1024 /* hasFailedLoad */;
+          }
           throw new Error(`Constructor for "${cmpMeta.$tagName$}#${hostRef.$modeName$}" was not found`);
         }
         if (BUILD24.member && !Cstr.isProxied) {
@@ -3940,7 +3969,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
       hostRef.$onRenderResolve$();
       hostRef.$onRenderResolve$ = void 0;
     }
-    if (BUILD24.asyncLoading && hostRef.$onReadyResolve$) {
+    if (BUILD24.asyncLoading && hostRef.$onReadyResolve$ && !(hostRef.$flags$ & 1024 /* hasFailedLoad */)) {
       hostRef.$onReadyResolve$(elm);
     }
   }
@@ -4012,6 +4041,8 @@ var connectedCallback = (elm) => {
       addHostEventListeners(elm, hostRef, cmpMeta.$listeners$, false);
       if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
         fireConnectedCallback(hostRef.$lazyInstance$, elm);
+      } else if (hostRef.$flags$ & 1024 /* hasFailedLoad */) {
+        setTimeout(() => initializeComponent(elm, hostRef, cmpMeta), LAZY_LOAD_RETRY_INTERVAL_MS);
       } else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
         hostRef.$onReadyPromise$.then(() => fireConnectedCallback(hostRef.$lazyInstance$, elm));
       }
@@ -4315,7 +4346,7 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
         }
         disconnectedCallback() {
           plt.jmp(() => disconnectedCallback(this));
-          plt.raf(() => {
+          nextTick(() => {
             var _a3;
             const hostRef = getHostRef(this);
             if (!hostRef) {

package/internal/client/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/internal/client",
-  "version": "4.43.5",
+  "version": "4.44.0",
   "description": "Stencil internal client platform to be imported by the Stencil Compiler and internal runtime. Breaking changes can and will happen at any time.",
   "main": "./index.js",
   "exports": "./index.js",

package/internal/client/patch-browser.js

@@ -1,5 +1,5 @@
 /*
- Stencil Client Patch Browser v4.43.5 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v4.44.0 | MIT Licensed | https://stenciljs.com
  */
 
 // src/client/client-patch-browser.ts

package/internal/hydrate/index.js

@@ -1,5 +1,5 @@
 /*
- Stencil Hydrate Platform v4.43.5 | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Platform v4.44.0 | MIT Licensed | https://stenciljs.com
  */
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -356,6 +356,8 @@ var DEFAULT_DOC_DATA = {
 };
 var SLOT_FB_CSS = "slot-fb{display:contents}slot-fb[hidden]{display:none}";
 var XLINK_NS = "http://www.w3.org/1999/xlink";
+var MAX_LAZY_LOAD_RETRIES = 3;
+var LAZY_LOAD_RETRY_INTERVAL_MS = 1e3;
 var FORM_ASSOCIATED_CUSTOM_ELEMENT_CALLBACKS = [
   "formAssociatedCallback",
   "formResetCallback",
@@ -456,7 +458,7 @@ function getHostSlotNodes(childNodes, hostName, slotName) {
       slottedNodes.push(childNode);
       if (typeof slotName !== "undefined") return slottedNodes;
     }
-    slottedNodes = [...slottedNodes, ...getHostSlotNodes(childNode.childNodes, hostName, slotName)];
+    slottedNodes = [...slottedNodes, ...getHostSlotNodes(internalCall(childNode, "childNodes"), hostName, slotName)];
   }
   return slottedNodes;
 }
@@ -803,13 +805,13 @@ var patchChildSlotNodes = (elm) => {
   patchHostOriginalAccessor("firstChild", elm);
   Object.defineProperty(elm, "firstChild", {
     get() {
-      return this.childNodes[0];
+      return this.childNodes[0] || null;
     }
   });
   patchHostOriginalAccessor("lastChild", elm);
   Object.defineProperty(elm, "lastChild", {
     get() {
-      return this.childNodes[this.childNodes.length - 1];
+      return this.childNodes[this.childNodes.length - 1] || null;
     }
   });
   patchHostOriginalAccessor("childNodes", elm);
@@ -840,7 +842,7 @@ var patchNextSibling = (node) => {
       const parentNodes = (_a2 = this["s-ol"]) == null ? void 0 : _a2.parentNode.childNodes;
       const index = parentNodes == null ? void 0 : parentNodes.indexOf(this);
       if (parentNodes && index > -1) {
-        return parentNodes[index + 1];
+        return parentNodes[index + 1] || null;
       }
       return this.__nextSibling;
     }
@@ -855,7 +857,7 @@ var patchNextElementSibling = (element) => {
       const parentEles = (_a2 = this["s-ol"]) == null ? void 0 : _a2.parentNode.children;
       const index = parentEles == null ? void 0 : parentEles.indexOf(this);
       if (parentEles && index > -1) {
-        return parentEles[index + 1];
+        return parentEles[index + 1] || null;
       }
       return this.__nextElementSibling;
     }
@@ -870,7 +872,7 @@ var patchPreviousSibling = (node) => {
       const parentNodes = (_a2 = this["s-ol"]) == null ? void 0 : _a2.parentNode.childNodes;
       const index = parentNodes == null ? void 0 : parentNodes.indexOf(this);
       if (parentNodes && index > -1) {
-        return parentNodes[index - 1];
+        return parentNodes[index - 1] || null;
       }
       return this.__previousSibling;
     }
@@ -885,7 +887,7 @@ var patchPreviousElementSibling = (element) => {
       const parentNodes = (_a2 = this["s-ol"]) == null ? void 0 : _a2.parentNode.children;
       const index = parentNodes == null ? void 0 : parentNodes.indexOf(this);
       if (parentNodes && index > -1) {
-        return parentNodes[index - 1];
+        return parentNodes[index - 1] || null;
       }
       return this.__previousElementSibling;
     }
@@ -1213,10 +1215,15 @@ var h = (nodeName, vnodeData, ...children) => {
       } else if (child != null && typeof child !== "boolean") {
         if (simple = typeof nodeName !== "function" && !isComplexType(child)) {
           child = String(child);
-        } else if (BUILD7.isDev && typeof nodeName !== "function" && child.$flags$ === void 0) {
-          consoleDevError(`vNode passed as children has unexpected type.
+        } else if (typeof nodeName !== "function" && child.$flags$ === void 0) {
+          if (BUILD7.isDev) {
+            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.`);
+          } else {
+            consoleError("Invalid vNode child");
+          }
+          continue;
         }
         if (simple && lastSimple) {
           vNodeChildren[vNodeChildren.length - 1].$text$ += child;
@@ -2945,7 +2952,10 @@ 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"] && (!node["s-sh"] || node["s-sh"] !== childNode["s-hn"])) {
+        if (!node["s-cn"] && !node["s-nr"] && node["s-hn"] !== childNode["s-hn"] && // let an exact named-slot match override a stale default-slot claim. Skip this for
+        // `slotName === ''` itself - a matched default node's cached `s-sn` is `''` too, which
+        // would trivially "match" on every re-render and force pointless re-insertion.
+        (!node["s-sh"] || node["s-sh"] !== childNode["s-hn"] || slotName !== "" && getSlotName(node) === slotName)) {
           if (isNodeLocatedInSlot(node, slotName)) {
             let relocateNodeData = relocateNodes.find((r) => r.$nodeToRelocate$ === node);
             checkSlotFallbackVisibility = true;
@@ -3221,7 +3231,7 @@ var attachToAncestor = (hostRef, ancestorComponent) => {
   }
 };
 var scheduleUpdate = (hostRef, isInitialLoad) => {
-  if (BUILD15.taskQueue && BUILD15.updatable) {
+  if (BUILD15.updatable) {
     hostRef.$flags$ |= 16 /* isQueuedForUpdate */;
   }
   if (BUILD15.asyncLoading && hostRef.$flags$ & 4 /* isWaitingForChildren */) {
@@ -3291,7 +3301,7 @@ var updateComponent = async (hostRef, instance, isInitialLoad) => {
   }
   const endRender = createTime("render", hostRef.$cmpMeta$.$tagName$);
   if (BUILD15.isDev) {
-    hostRef.$flags$ |= 1024 /* devOnRender */;
+    hostRef.$flags$ |= 2048 /* devOnRender */;
   }
   if (BUILD15.hydrateServerSide) {
     await callRender(hostRef, instance, elm, isInitialLoad);
@@ -3300,7 +3310,7 @@ var updateComponent = async (hostRef, instance, isInitialLoad) => {
   }
   if (BUILD15.isDev) {
     hostRef.$renderCount$ = hostRef.$renderCount$ === void 0 ? 1 : hostRef.$renderCount$ + 1;
-    hostRef.$flags$ &= ~1024 /* devOnRender */;
+    hostRef.$flags$ &= ~2048 /* devOnRender */;
   }
   if (BUILD15.hydrateServerSide) {
     try {
@@ -3340,12 +3350,11 @@ var renderingRef = null;
 var callRender = (hostRef, instance, elm, isInitialLoad) => {
   const allRenderFn = BUILD15.allRenderFn ? true : false;
   const lazyLoad = BUILD15.lazyLoad ? true : false;
-  const taskQueue = BUILD15.taskQueue ? true : false;
   const updatable = BUILD15.updatable ? true : false;
   try {
     renderingRef = instance;
     instance = allRenderFn ? instance.render() : instance.render && instance.render();
-    if (updatable && taskQueue) {
+    if (updatable) {
       hostRef.$flags$ &= ~16 /* isQueuedForUpdate */;
     }
     if (updatable || lazyLoad) {
@@ -3381,11 +3390,11 @@ var postUpdateComponent = (hostRef) => {
   const instance = BUILD15.lazyLoad ? hostRef.$lazyInstance$ : elm;
   const ancestorComponent = hostRef.$ancestorComponent$;
   if (BUILD15.isDev) {
-    hostRef.$flags$ |= 1024 /* devOnRender */;
+    hostRef.$flags$ |= 2048 /* devOnRender */;
   }
   safeCall(instance, "componentDidRender", void 0, elm);
   if (BUILD15.isDev) {
-    hostRef.$flags$ &= ~1024 /* devOnRender */;
+    hostRef.$flags$ &= ~2048 /* devOnRender */;
   }
   emitLifecycleEvent(elm, "componentDidRender");
   if (!(hostRef.$flags$ & 64 /* hasLoadedComponent */)) {
@@ -3394,11 +3403,11 @@ var postUpdateComponent = (hostRef) => {
       addHydratedFlag(elm);
     }
     if (BUILD15.isDev) {
-      hostRef.$flags$ |= 2048 /* devOnDidLoad */;
+      hostRef.$flags$ |= 4096 /* devOnDidLoad */;
     }
     safeCall(instance, "componentDidLoad", void 0, elm);
     if (BUILD15.isDev) {
-      hostRef.$flags$ &= ~2048 /* devOnDidLoad */;
+      hostRef.$flags$ &= ~4096 /* devOnDidLoad */;
     }
     emitLifecycleEvent(elm, "componentDidLoad");
     endPostUpdate();
@@ -3410,11 +3419,11 @@ var postUpdateComponent = (hostRef) => {
     }
   } else {
     if (BUILD15.isDev) {
-      hostRef.$flags$ |= 1024 /* devOnRender */;
+      hostRef.$flags$ |= 2048 /* devOnRender */;
     }
     safeCall(instance, "componentDidUpdate", void 0, elm);
     if (BUILD15.isDev) {
-      hostRef.$flags$ &= ~1024 /* devOnRender */;
+      hostRef.$flags$ &= ~2048 /* devOnRender */;
     }
     emitLifecycleEvent(elm, "componentDidUpdate");
     endPostUpdate();
@@ -3546,7 +3555,7 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
       }
     }
     if (BUILD16.isDev) {
-      if (hostRef.$flags$ & 1024 /* devOnRender */) {
+      if (hostRef.$flags$ & 2048 /* devOnRender */) {
         consoleDevWarn(
           `The state/prop "${propName}" changed during rendering. This can potentially lead to infinite-loops and other bugs.`,
           "\nElement",
@@ -3556,7 +3565,7 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
           "\nOld value",
           oldVal
         );
-      } else if (hostRef.$flags$ & 2048 /* devOnDidLoad */) {
+      } else if (hostRef.$flags$ & 4096 /* devOnDidLoad */) {
         consoleDevWarn(
           `The state/prop "${propName}" changed during "componentDidLoad()", this triggers extra re-renders, try to setup on "componentWillLoad()"`,
           "\nElement",
@@ -3847,10 +3856,12 @@ More information: https://stenciljs.com/docs/properties#prop-mutability`
 
 // src/runtime/initialize-component.ts
 var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
+  var _a2;
   let Cstr;
   try {
     if ((hostRef.$flags$ & 32 /* hasInitializedComponent */) === 0) {
       hostRef.$flags$ |= 32 /* hasInitializedComponent */;
+      hostRef.$flags$ &= ~1024 /* hasFailedLoad */;
       const bundleId = cmpMeta.$lazyBundleId$;
       if (BUILD18.lazyLoad && bundleId) {
         const CstrImport = loadModule(cmpMeta, hostRef, hmrVersionId);
@@ -3865,6 +3876,11 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
           Cstr = CstrImport;
         }
         if (!Cstr) {
+          hostRef.$flags$ &= ~32 /* hasInitializedComponent */;
+          hostRef.$loadRetryCount$ = ((_a2 = hostRef.$loadRetryCount$) != null ? _a2 : 0) + 1;
+          if (hostRef.$loadRetryCount$ < MAX_LAZY_LOAD_RETRIES) {
+            hostRef.$flags$ |= 1024 /* hasFailedLoad */;
+          }
           throw new Error(`Constructor for "${cmpMeta.$tagName$}#${hostRef.$modeName$}" was not found`);
         }
         if (BUILD18.member && !Cstr.isProxied) {
@@ -3944,7 +3960,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
       hostRef.$onRenderResolve$();
       hostRef.$onRenderResolve$ = void 0;
     }
-    if (BUILD18.asyncLoading && hostRef.$onReadyResolve$) {
+    if (BUILD18.asyncLoading && hostRef.$onReadyResolve$ && !(hostRef.$flags$ & 1024 /* hasFailedLoad */)) {
       hostRef.$onReadyResolve$(elm);
     }
   }
@@ -4016,6 +4032,8 @@ var connectedCallback = (elm) => {
       addHostEventListeners(elm, hostRef, cmpMeta.$listeners$, false);
       if (hostRef == null ? void 0 : hostRef.$lazyInstance$) {
         fireConnectedCallback(hostRef.$lazyInstance$, elm);
+      } else if (hostRef.$flags$ & 1024 /* hasFailedLoad */) {
+        setTimeout(() => initializeComponent(elm, hostRef, cmpMeta), LAZY_LOAD_RETRY_INTERVAL_MS);
       } else if (hostRef == null ? void 0 : hostRef.$onReadyPromise$) {
         hostRef.$onReadyPromise$.then(() => fireConnectedCallback(hostRef.$lazyInstance$, elm));
       }
@@ -4319,7 +4337,7 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
         }
         disconnectedCallback() {
           plt.jmp(() => disconnectedCallback(this));
-          plt.raf(() => {
+          nextTick(() => {
             var _a4;
             const hostRef = getHostRef(this);
             if (!hostRef) {

package/internal/hydrate/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/internal/hydrate",
-  "version": "4.43.5",
+  "version": "4.44.0",
   "description": "Stencil internal hydrate platform to be imported by the Stencil Compiler. Breaking changes can and will happen at any time.",
   "main": "./index.js",
   "private": true

package/internal/hydrate/runner.js

@@ -1,5 +1,5 @@
 /*
- Stencil Hydrate Runner v4.43.5 | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Runner v4.44.0 | MIT Licensed | https://stenciljs.com
  */
 var __create = Object.create;
 var __defProp = Object.defineProperty;

package/internal/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/internal",
-  "version": "4.43.5",
+  "version": "4.44.0",
   "description": "Stencil internals only to be imported by the Stencil Compiler. Breaking changes can and will happen at any time.",
   "main": "./index.js",
   "types": "./index.d.ts",

package/internal/stencil-private.d.ts

@@ -500,6 +500,7 @@ export interface ComponentCompilerFeatures {
     htmlAttrNames: string[];
     htmlTagNames: string[];
     htmlParts: string[];
+    htmlSlots: string[];
     isUpdateable: boolean;
     /**
      * A plain component is one that doesn't have:
@@ -1167,6 +1168,7 @@ export interface Module {
     htmlAttrNames: string[];
     htmlTagNames: string[];
     htmlParts: string[];
+    htmlSlots: string[];
     isCollectionDependency: boolean;
     isLegacy: boolean;
     jsFilePath: string;
@@ -1639,6 +1641,11 @@ export interface HostRef {
      * Defer connectedCallback until after first render for components with slot relocation.
      */
     $deferredConnectedCallback$?: boolean;
+    /**
+     * The number of times this host's lazy component load has failed and been retried.
+     * Used to give up retrying after {@link MAX_LAZY_LOAD_RETRIES} failed attempts.
+     */
+    $loadRetryCount$?: number;
 }
 export interface PlatformRuntime {
     /**

package/internal/stencil-public-compiler.d.ts

@@ -146,6 +146,10 @@ export interface StencilConfig {
      * (for example, decorating a method named `focus` with `@Method()`). Defaults to `false`.
      */
     suppressReservedPublicNameWarnings?: boolean;
+    /**
+     * When `true`, Stencil will suppress diagnostics which warn about event names conflicting with native DOM event names. Defaults to `false`.
+     */
+    suppressReservedEventNameWarnings?: boolean;
     /**
      * When `true`, we will validate a project's `package.json` based on the output target the user has designated
      * as `isPrimaryPackageOutputTarget: true` in their Stencil config.