@stencil/core 4.18.1 → 4.18.2-dev.1716241403.fb9ef91

package/internal/hydrate/index.js

@@ -1,5 +1,5 @@
 /*
- Stencil Hydrate Platform v4.18.1 | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Platform v4.18.2-dev.1716241403.fb9ef91 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -1405,6 +1405,11 @@ var dispatchHooks = (hostRef, isInitialLoad) => {
   const elm = hostRef.$hostElement$;
   const endSchedule = createTime("scheduleUpdate", hostRef.$cmpMeta$.$tagName$);
   const instance = BUILD11.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`
+    );
+  }
   let maybePromise;
   if (isInitialLoad) {
     if (BUILD11.lazyLoad && BUILD11.hostListener) {
@@ -1635,7 +1640,10 @@ var emitLifecycleEvent = (elm, lifecycleName) => {
     });
   }
 };
-var addHydratedFlag = (elm) => BUILD11.hydratedClass ? elm.classList.add("hydrated") : BUILD11.hydratedAttribute ? elm.setAttribute("hydrated", "") : void 0;
+var addHydratedFlag = (elm) => {
+  var _a, _b;
+  return BUILD11.hydratedClass ? elm.classList.add((_a = BUILD11.hydratedSelectorName) != null ? _a : "hydrated") : BUILD11.hydratedAttribute ? elm.setAttribute((_b = BUILD11.hydratedSelectorName) != null ? _b : "hydrated", "") : void 0;
+};
 var serverSideConnected = (elm) => {
   const children = elm.children;
   if (children != null) {
@@ -1839,16 +1847,18 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
     hostRef.$flags$ |= 32 /* hasInitializedComponent */;
     const bundleId = cmpMeta.$lazyBundleId$;
     if ((BUILD14.lazyLoad || BUILD14.hydrateClientSide) && bundleId) {
-      Cstr = loadModule(cmpMeta, hostRef, hmrVersionId);
-      if (Cstr.then) {
+      const CstrImport = loadModule(cmpMeta, hostRef, hmrVersionId);
+      if (CstrImport && "then" in CstrImport) {
         const endLoad = uniqueTime(
           `st:load:${cmpMeta.$tagName$}:${hostRef.$modeName$}`,
           `[Stencil] Load module for <${cmpMeta.$tagName$}>`
         );
-        Cstr = await Cstr;
+        Cstr = await CstrImport;
         endLoad();
+      } else {
+        Cstr = CstrImport;
       }
-      if ((BUILD14.isDev || BUILD14.isDebug) && !Cstr) {
+      if (!Cstr) {
         throw new Error(`Constructor for "${cmpMeta.$tagName$}#${hostRef.$modeName$}" was not found`);
       }
       if (BUILD14.member && !Cstr.isProxied) {
@@ -1877,12 +1887,16 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
       fireConnectedCallback(hostRef.$lazyInstance$);
     } else {
       Cstr = elm.constructor;
-      customElements.whenDefined(cmpMeta.$tagName$).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
+      const cmpTag = elm.localName;
+      customElements.whenDefined(cmpTag).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
     }
-    if (BUILD14.style && Cstr.style) {
+    if (BUILD14.style && Cstr && Cstr.style) {
       let style = Cstr.style;
       if (BUILD14.mode && typeof style !== "string") {
-        style = style[hostRef.$modeName$ = computeMode(elm)];
+        hostRef.$modeName$ = computeMode(elm);
+        if (hostRef.$modeName$) {
+          style = style[hostRef.$modeName$];
+        }
         if (BUILD14.hydrateServerSide && hostRef.$modeName$) {
           elm.setAttribute("s-mode", hostRef.$modeName$);
         }

package/internal/hydrate/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/internal/hydrate",
-  "version": "4.18.1",
+  "version": "4.18.2-dev.1716241403.fb9ef91",
   "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.18.1 | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Runner v4.18.2-dev.1716241403.fb9ef91 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {

package/internal/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/internal",
-  "version": "4.18.1",
+  "version": "4.18.2-dev.1716241403.fb9ef91",
   "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

@@ -126,6 +126,7 @@ export interface BuildConditionals extends Partial<BuildFeatures> {
     cloneNodeFix?: boolean;
     hydratedAttribute?: boolean;
     hydratedClass?: boolean;
+    hydratedSelectorName?: string;
     initializeNextTick?: boolean;
     scriptDataOpts?: boolean;
     shadowDomShim?: boolean;

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

@@ -795,7 +795,6 @@ export declare namespace JSXBase {
         cite?: string;
     }
     interface ButtonHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
         disabled?: boolean;
         form?: string;
         formAction?: string;
@@ -922,8 +921,6 @@ export declare namespace JSXBase {
         autocapitalize?: string;
         autoComplete?: string;
         autocomplete?: string;
-        autoFocus?: boolean;
-        autofocus?: boolean | string;
         capture?: string;
         checked?: boolean;
         crossOrigin?: string;
@@ -980,8 +977,6 @@ export declare namespace JSXBase {
         popoverTarget?: string;
     }
     interface KeygenHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
-        autofocus?: boolean | string;
         challenge?: string;
         disabled?: boolean;
         form?: string;
@@ -1130,7 +1125,6 @@ export declare namespace JSXBase {
         type?: string;
     }
     interface SelectHTMLAttributes<T> extends HTMLAttributes<T> {
-        autoFocus?: boolean;
         disabled?: boolean;
         form?: string;
         multiple?: boolean;
@@ -1165,8 +1159,6 @@ export declare namespace JSXBase {
     interface TextareaHTMLAttributes<T> extends HTMLAttributes<T> {
         autoComplete?: string;
         autocomplete?: string;
-        autoFocus?: boolean;
-        autofocus?: boolean | string;
         cols?: number;
         disabled?: boolean;
         form?: string;
@@ -1219,6 +1211,8 @@ export declare namespace JSXBase {
     interface HTMLAttributes<T = HTMLElement> extends DOMAttributes<T> {
         innerHTML?: string;
         accessKey?: string;
+        autoFocus?: boolean;
+        autofocus?: boolean | string;
         class?: string | {
             [className: string]: boolean;
         };

package/internal/testing/index.js

@@ -1510,6 +1510,11 @@ var dispatchHooks = (hostRef, isInitialLoad) => {
   const elm = hostRef.$hostElement$;
   const endSchedule = createTime("scheduleUpdate", hostRef.$cmpMeta$.$tagName$);
   const instance = import_app_data11.BUILD.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`
+    );
+  }
   let maybePromise;
   if (isInitialLoad) {
     if (import_app_data11.BUILD.lazyLoad && import_app_data11.BUILD.hostListener) {
@@ -1740,7 +1745,10 @@ var emitLifecycleEvent = (elm, lifecycleName) => {
     });
   }
 };
-var addHydratedFlag = (elm) => import_app_data11.BUILD.hydratedClass ? elm.classList.add("hydrated") : import_app_data11.BUILD.hydratedAttribute ? elm.setAttribute("hydrated", "") : void 0;
+var addHydratedFlag = (elm) => {
+  var _a, _b;
+  return import_app_data11.BUILD.hydratedClass ? elm.classList.add((_a = import_app_data11.BUILD.hydratedSelectorName) != null ? _a : "hydrated") : import_app_data11.BUILD.hydratedAttribute ? elm.setAttribute((_b = import_app_data11.BUILD.hydratedSelectorName) != null ? _b : "hydrated", "") : void 0;
+};
 var serverSideConnected = (elm) => {
   const children = elm.children;
   if (children != null) {
@@ -1944,16 +1952,18 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
     hostRef.$flags$ |= 32 /* hasInitializedComponent */;
     const bundleId = cmpMeta.$lazyBundleId$;
     if ((import_app_data14.BUILD.lazyLoad || import_app_data14.BUILD.hydrateClientSide) && bundleId) {
-      Cstr = loadModule(cmpMeta, hostRef, hmrVersionId);
-      if (Cstr.then) {
+      const CstrImport = loadModule(cmpMeta, hostRef, hmrVersionId);
+      if (CstrImport && "then" in CstrImport) {
         const endLoad = uniqueTime(
           `st:load:${cmpMeta.$tagName$}:${hostRef.$modeName$}`,
           `[Stencil] Load module for <${cmpMeta.$tagName$}>`
         );
-        Cstr = await Cstr;
+        Cstr = await CstrImport;
         endLoad();
+      } else {
+        Cstr = CstrImport;
       }
-      if ((import_app_data14.BUILD.isDev || import_app_data14.BUILD.isDebug) && !Cstr) {
+      if (!Cstr) {
         throw new Error(`Constructor for "${cmpMeta.$tagName$}#${hostRef.$modeName$}" was not found`);
       }
       if (import_app_data14.BUILD.member && !Cstr.isProxied) {
@@ -1982,12 +1992,16 @@ var initializeComponent = async (elm, hostRef, cmpMeta, hmrVersionId) => {
       fireConnectedCallback(hostRef.$lazyInstance$);
     } else {
       Cstr = elm.constructor;
-      customElements.whenDefined(cmpMeta.$tagName$).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
+      const cmpTag = elm.localName;
+      customElements.whenDefined(cmpTag).then(() => hostRef.$flags$ |= 128 /* isWatchReady */);
     }
-    if (import_app_data14.BUILD.style && Cstr.style) {
+    if (import_app_data14.BUILD.style && Cstr && Cstr.style) {
       let style = Cstr.style;
       if (import_app_data14.BUILD.mode && typeof style !== "string") {
-        style = style[hostRef.$modeName$ = computeMode(elm)];
+        hostRef.$modeName$ = computeMode(elm);
+        if (hostRef.$modeName$) {
+          style = style[hostRef.$modeName$];
+        }
         if (import_app_data14.BUILD.hydrateServerSide && hostRef.$modeName$) {
           elm.setAttribute("s-mode", hostRef.$modeName$);
         }

package/internal/testing/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/internal/testing",
-  "version": "4.18.1",
+  "version": "4.18.2-dev.1716241403.fb9ef91",
   "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.18.1 | MIT Licensed | https://stenciljs.com
+ Stencil Mock Doc (CommonJS) v4.18.2-dev.1716241403.fb9ef91 | MIT Licensed | https://stenciljs.com
  */
 "use strict";
 var __defProp = Object.defineProperty;

package/mock-doc/index.js

@@ -1,5 +1,5 @@
 /*!
- Stencil Mock Doc v4.18.1 | MIT Licensed | https://stenciljs.com
+ Stencil Mock Doc v4.18.2-dev.1716241403.fb9ef91 | MIT Licensed | https://stenciljs.com
  */
 
 // src/runtime/runtime-constants.ts

package/mock-doc/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/mock-doc",
-  "version": "4.18.1",
+  "version": "4.18.2-dev.1716241403.fb9ef91",
   "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.18.1",
+  "version": "4.18.2-dev.1716241403.fb9ef91",
   "license": "MIT",
   "main": "./internal/stencil-core/index.cjs",
   "module": "./internal/stencil-core/index.js",
@@ -98,7 +98,7 @@
     "execa": "8.0.1",
     "exit": "^0.1.2",
     "fs-extra": "^11.0.0",
-    "glob": "10.3.14",
+    "glob": "10.3.12",
     "graceful-fs": "~4.2.6",
     "jest": "^27.4.5",
     "jest-cli": "^27.4.5",
@@ -113,13 +113,13 @@
     "open": "^9.0.0",
     "open-in-editor": "2.2.0",
     "parse5": "7.1.2",
+    "path-scurry": "1.10.2",
     "pixelmatch": "5.3.0",
     "postcss": "^8.2.8",
     "prettier": "3.2.4",
     "prompts": "2.4.2",
     "puppeteer": "^21.0.0",
     "rollup": "2.56.3",
-    "rollup-plugin-sourcemaps": "^0.6.3",
     "semver": "^7.3.7",
     "terser": "5.31.0",
     "typescript": "~5.4.0",

package/screenshot/index.js

@@ -1,5 +1,5 @@
 /*
- Stencil Screenshot v4.18.1 | MIT Licensed | https://stenciljs.com
+ Stencil Screenshot v4.18.2-dev.1716241403.fb9ef91 | 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.18.1",
+  "version": "4.18.2-dev.1716241403.fb9ef91",
   "description": "Stencil Screenshot.",
   "main": "./index.js",
   "types": "./index.d.ts",

package/screenshot/pixel-match.js

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