@stencil/core 4.43.5 → 4.44.0

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

@@ -1008,6 +1008,7 @@ export declare namespace JSXBase {
         onClose?: (event: Event) => void;
         open?: boolean;
         returnValue?: string;
+        closedby?: 'any' | 'closerequest' | 'none';
     }
     interface EmbedHTMLAttributes<T> extends HTMLAttributes<T> {
         height?: number | string;
@@ -1045,6 +1046,8 @@ export declare namespace JSXBase {
         allowtransparency?: string | boolean;
         frameBorder?: number | string;
         frameborder?: number | string;
+        fetchPriority?: 'high' | 'low' | 'auto';
+        fetchpriority?: 'high' | 'low' | 'auto';
         importance?: 'low' | 'auto' | 'high';
         height?: number | string;
         loading?: 'lazy' | 'auto' | 'eager';
@@ -1067,6 +1070,8 @@ export declare namespace JSXBase {
         crossOrigin?: string;
         crossorigin?: string;
         decoding?: 'async' | 'auto' | 'sync';
+        fetchPriority?: 'high' | 'low' | 'auto';
+        fetchpriority?: 'high' | 'low' | 'auto';
         importance?: 'low' | 'auto' | 'high';
         height?: number | string;
         loading?: 'lazy' | 'auto' | 'eager';
@@ -1166,6 +1171,8 @@ export declare namespace JSXBase {
     }
     interface LinkHTMLAttributes<T> extends HTMLAttributes<T> {
         as?: string;
+        fetchPriority?: 'high' | 'low' | 'auto';
+        fetchpriority?: 'high' | 'low' | 'auto';
         href?: string;
         hrefLang?: string;
         hreflang?: string;
@@ -1289,6 +1296,8 @@ export declare namespace JSXBase {
         crossOrigin?: string;
         crossorigin?: string;
         defer?: boolean;
+        fetchPriority?: 'high' | 'low' | 'auto';
+        fetchpriority?: 'high' | 'low' | 'auto';
         importance?: 'low' | 'auto' | 'high';
         integrity?: string;
         nonce?: string;
@@ -1404,7 +1413,9 @@ export declare namespace JSXBase {
         tabIndex?: number;
         tabindex?: number | string;
         title?: string;
+        translate?: 'yes' | 'no' | (string & {});
         popover?: string | null;
+        focusgroup?: string;
         inputMode?: string;
         inputmode?: string;
         enterKeyHint?: string;

package/internal/testing/index.js

@@ -2172,6 +2172,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",
@@ -2601,7 +2603,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;
 }
@@ -2948,13 +2950,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);
@@ -2985,7 +2987,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;
     }
@@ -3000,7 +3002,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;
     }
@@ -3015,7 +3017,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;
     }
@@ -3030,7 +3032,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;
     }
@@ -3341,10 +3343,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 (import_app_data8.BUILD.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 (import_app_data8.BUILD.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;
@@ -4933,7 +4940,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;
@@ -5209,7 +5219,7 @@ var attachToAncestor = (hostRef, ancestorComponent) => {
   }
 };
 var scheduleUpdate = (hostRef, isInitialLoad) => {
-  if (import_app_data14.BUILD.taskQueue && import_app_data14.BUILD.updatable) {
+  if (import_app_data14.BUILD.updatable) {
     hostRef.$flags$ |= 16 /* isQueuedForUpdate */;
   }
   if (import_app_data14.BUILD.asyncLoading && hostRef.$flags$ & 4 /* isWaitingForChildren */) {
@@ -5279,7 +5289,7 @@ var updateComponent = async (hostRef, instance, isInitialLoad) => {
   }
   const endRender = createTime("render", hostRef.$cmpMeta$.$tagName$);
   if (import_app_data14.BUILD.isDev) {
-    hostRef.$flags$ |= 1024 /* devOnRender */;
+    hostRef.$flags$ |= 2048 /* devOnRender */;
   }
   if (import_app_data14.BUILD.hydrateServerSide) {
     await callRender(hostRef, instance, elm, isInitialLoad);
@@ -5288,7 +5298,7 @@ var updateComponent = async (hostRef, instance, isInitialLoad) => {
   }
   if (import_app_data14.BUILD.isDev) {
     hostRef.$renderCount$ = hostRef.$renderCount$ === void 0 ? 1 : hostRef.$renderCount$ + 1;
-    hostRef.$flags$ &= ~1024 /* devOnRender */;
+    hostRef.$flags$ &= ~2048 /* devOnRender */;
   }
   if (import_app_data14.BUILD.hydrateServerSide) {
     try {
@@ -5328,12 +5338,11 @@ var renderingRef = null;
 var callRender = (hostRef, instance, elm, isInitialLoad) => {
   const allRenderFn = import_app_data14.BUILD.allRenderFn ? true : false;
   const lazyLoad = import_app_data14.BUILD.lazyLoad ? true : false;
-  const taskQueue = import_app_data14.BUILD.taskQueue ? true : false;
   const updatable = import_app_data14.BUILD.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) {
@@ -5369,11 +5378,11 @@ var postUpdateComponent = (hostRef) => {
   const instance = import_app_data14.BUILD.lazyLoad ? hostRef.$lazyInstance$ : elm;
   const ancestorComponent = hostRef.$ancestorComponent$;
   if (import_app_data14.BUILD.isDev) {
-    hostRef.$flags$ |= 1024 /* devOnRender */;
+    hostRef.$flags$ |= 2048 /* devOnRender */;
   }
   safeCall(instance, "componentDidRender", void 0, elm);
   if (import_app_data14.BUILD.isDev) {
-    hostRef.$flags$ &= ~1024 /* devOnRender */;
+    hostRef.$flags$ &= ~2048 /* devOnRender */;
   }
   emitLifecycleEvent(elm, "componentDidRender");
   if (!(hostRef.$flags$ & 64 /* hasLoadedComponent */)) {
@@ -5382,11 +5391,11 @@ var postUpdateComponent = (hostRef) => {
       addHydratedFlag(elm);
     }
     if (import_app_data14.BUILD.isDev) {
-      hostRef.$flags$ |= 2048 /* devOnDidLoad */;
+      hostRef.$flags$ |= 4096 /* devOnDidLoad */;
     }
     safeCall(instance, "componentDidLoad", void 0, elm);
     if (import_app_data14.BUILD.isDev) {
-      hostRef.$flags$ &= ~2048 /* devOnDidLoad */;
+      hostRef.$flags$ &= ~4096 /* devOnDidLoad */;
     }
     emitLifecycleEvent(elm, "componentDidLoad");
     endPostUpdate();
@@ -5398,11 +5407,11 @@ var postUpdateComponent = (hostRef) => {
     }
   } else {
     if (import_app_data14.BUILD.isDev) {
-      hostRef.$flags$ |= 1024 /* devOnRender */;
+      hostRef.$flags$ |= 2048 /* devOnRender */;
     }
     safeCall(instance, "componentDidUpdate", void 0, elm);
     if (import_app_data14.BUILD.isDev) {
-      hostRef.$flags$ &= ~1024 /* devOnRender */;
+      hostRef.$flags$ &= ~2048 /* devOnRender */;
     }
     emitLifecycleEvent(elm, "componentDidUpdate");
     endPostUpdate();
@@ -5534,7 +5543,7 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
       }
     }
     if (import_app_data15.BUILD.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",
@@ -5544,7 +5553,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",
@@ -5835,10 +5844,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 (import_app_data17.BUILD.lazyLoad && bundleId) {
         const CstrImport = loadModule(cmpMeta, hostRef, hmrVersionId);
@@ -5853,6 +5864,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 (import_app_data17.BUILD.member && !Cstr.isProxied) {
@@ -5932,7 +5948,7 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
       hostRef.$onRenderResolve$();
       hostRef.$onRenderResolve$ = void 0;
     }
-    if (import_app_data17.BUILD.asyncLoading && hostRef.$onReadyResolve$) {
+    if (import_app_data17.BUILD.asyncLoading && hostRef.$onReadyResolve$ && !(hostRef.$flags$ & 1024 /* hasFailedLoad */)) {
       hostRef.$onReadyResolve$(elm);
     }
   }
@@ -6004,6 +6020,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));
       }
@@ -6307,7 +6325,7 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
         }
         disconnectedCallback() {
           plt.jmp(() => disconnectedCallback(this));
-          plt.raf(() => {
+          nextTick(() => {
             var _a4;
             const hostRef = getHostRef(this);
             if (!hostRef) {

package/internal/testing/package.json

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

package/mock-doc/index.cjs

@@ -1,5 +1,5 @@
 /*!
- Stencil Mock Doc (CommonJS) v4.43.5 | MIT Licensed | https://stenciljs.com
+ Stencil Mock Doc (CommonJS) v4.44.0 | MIT Licensed | https://stenciljs.com
  */
 "use strict";
 var __defProp = Object.defineProperty;

package/mock-doc/index.js

@@ -1,5 +1,5 @@
 /*!
- Stencil Mock Doc v4.43.5 | MIT Licensed | https://stenciljs.com
+ Stencil Mock Doc v4.44.0 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;

package/mock-doc/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/mock-doc",
-  "version": "4.43.5",
+  "version": "4.44.0",
   "description": "Mock window, document and DOM outside of a browser environment.",
   "main": "./index.cjs",
   "module": "./index.js",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core",
-  "version": "4.43.5",
+  "version": "4.44.0",
   "license": "MIT",
   "main": "./internal/stencil-core/index.cjs",
   "module": "./internal/stencil-core/index.js",

package/readme.md

@@ -15,7 +15,7 @@
 <p align="center">
   <a href="https://www.npmjs.com/package/@stencil/core">
     <img src="https://img.shields.io/npm/v/@stencil/core.svg" alt="StencilJS is released under the MIT license." /></a>
-  <a href="https://github.com/stenciljs/core/blob/main/LICENSE.md">
+  <a href="https://github.com/stenciljs/core/blob/main/LICENSE">
     <img src="https://img.shields.io/badge/license-MIT-yellow.svg" alt="StencilJS is released under the MIT license." />
   </a>
   <a href="https://github.com/stenciljs/core/blob/main/CONTRIBUTING.md">

package/screenshot/index.js

@@ -1,5 +1,5 @@
 /*
- Stencil Screenshot v4.43.5 | MIT Licensed | https://stenciljs.com
+ Stencil Screenshot v4.44.0 | MIT Licensed | https://stenciljs.com
  */
 "use strict";
 var __create = Object.create;

package/screenshot/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/screenshot",
-  "version": "4.43.5",
+  "version": "4.44.0",
   "description": "Stencil Screenshot.",
   "main": "./index.js",
   "types": "./index.d.ts",

package/screenshot/pixel-match.js

@@ -1,5 +1,5 @@
 /*
- Stencil Screenshot Pixel Match v4.43.5 | MIT Licensed | https://stenciljs.com
+ Stencil Screenshot Pixel Match v4.44.0 | MIT Licensed | https://stenciljs.com
  */
 "use strict";
 var __create = Object.create;