@stencil/core 4.41.1 → 4.41.2

package/internal/testing/index.js

@@ -344,7 +344,7 @@ var queuedLoadModules = [];
 var caughtErrors = [];
 
 // src/runtime/event-emitter.ts
-var import_app_data3 = require("@stencil/core/internal/app-data");
+var import_app_data2 = require("@stencil/core/internal/app-data");
 
 // src/utils/constants.ts
 var SVG_NS = "http://www.w3.org/2000/svg";
@@ -374,6 +374,36 @@ var TYPE_CONSTANT = "type";
 var VALUE_CONSTANT = "value";
 var SERIALIZED_PREFIX = "serialized:";
 
+// src/runtime/element.ts
+var import_app_data = require("@stencil/core/internal/app-data");
+var getElement = (ref) => {
+  var _a;
+  return import_app_data.BUILD.lazyLoad ? (_a = getHostRef(ref)) == null ? void 0 : _a.$hostElement$ : ref;
+};
+
+// src/runtime/event-emitter.ts
+var createEvent = (ref, name, flags) => {
+  const elm = getElement(ref);
+  return {
+    emit: (detail) => {
+      if (import_app_data2.BUILD.isDev && !elm.isConnected) {
+        consoleDevWarn(`The "${name}" event was emitted, but the dispatcher node is no longer connected to the dom.`);
+      }
+      return emitEvent(elm, name, {
+        bubbles: !!(flags & 4 /* Bubbles */),
+        composed: !!(flags & 2 /* Composed */),
+        cancelable: !!(flags & 1 /* Cancellable */),
+        detail
+      });
+    }
+  };
+};
+var emitEvent = (elm, name, opts) => {
+  const ev = plt.ce(name, opts);
+  elm.dispatchEvent(ev);
+  return ev;
+};
+
 // src/utils/helpers.ts
 var isDef = (v) => v != null && v !== void 0;
 var isComplexType = (o) => {
@@ -1898,7 +1928,7 @@ function deserializeProperty(value) {
 }
 
 // src/utils/shadow-root.ts
-var import_app_data = require("@stencil/core/internal/app-data");
+var import_app_data3 = require("@stencil/core/internal/app-data");
 
 // src/app-globals/index.ts
 var globalStyles = (
@@ -1945,10 +1975,10 @@ var GLOBAL_STYLE_ID = "sc-global";
 function createShadowRoot(cmpMeta) {
   var _a;
   const opts = { mode: "open" };
-  if (import_app_data.BUILD.shadowDelegatesFocus) {
+  if (import_app_data3.BUILD.shadowDelegatesFocus) {
     opts.delegatesFocus = !!(cmpMeta.$flags$ & 16 /* shadowDelegatesFocus */);
   }
-  if (import_app_data.BUILD.shadowSlotAssignmentManual) {
+  if (import_app_data3.BUILD.shadowSlotAssignmentManual) {
     const isManual = !!(cmpMeta.$flags$ & 1024 /* shadowSlotAssignmentManual */);
     if (isManual) {
       opts.slotAssignment = "manual";
@@ -1965,7 +1995,7 @@ function createShadowRoot(cmpMeta) {
   } else if (globalStyles && !supportsConstructableStylesheets) {
     const styleElm = document.createElement("style");
     styleElm.innerHTML = globalStyles;
-    if (import_app_data.BUILD.hotModuleReplacement) {
+    if (import_app_data3.BUILD.hotModuleReplacement) {
       styleElm.setAttribute(HYDRATED_STYLE_ID, GLOBAL_STYLE_ID);
     }
     shadowRoot.prepend(styleElm);
@@ -1986,36 +2016,6 @@ var isJsxFile = lowerPathParam(
 );
 var isJsFile = lowerPathParam((p) => p.endsWith(".js") || p.endsWith(".mjs") || p.endsWith(".cjs"));
 
-// src/runtime/element.ts
-var import_app_data2 = require("@stencil/core/internal/app-data");
-var getElement = (ref) => {
-  var _a;
-  return import_app_data2.BUILD.lazyLoad ? (_a = getHostRef(ref)) == null ? void 0 : _a.$hostElement$ : ref;
-};
-
-// src/runtime/event-emitter.ts
-var createEvent = (ref, name, flags) => {
-  const elm = getElement(ref);
-  return {
-    emit: (detail) => {
-      if (import_app_data3.BUILD.isDev && !elm.isConnected) {
-        consoleDevWarn(`The "${name}" event was emitted, but the dispatcher node is no longer connected to the dom.`);
-      }
-      return emitEvent(elm, name, {
-        bubbles: !!(flags & 4 /* Bubbles */),
-        composed: !!(flags & 2 /* Composed */),
-        cancelable: !!(flags & 1 /* Cancellable */),
-        detail
-      });
-    }
-  };
-};
-var emitEvent = (elm, name, opts) => {
-  const ev = plt.ce(name, opts);
-  elm.dispatchEvent(ev);
-  return ev;
-};
-
 // src/testing/platform/testing-host-ref.ts
 var getHostRef = (elm) => {
   if (elm.__stencil__getHostRef) {
@@ -2990,10 +2990,10 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
       }
       const existingStyleElm = (import_app_data7.BUILD.hydrateClientSide || import_app_data7.BUILD.hotModuleReplacement) && styleContainerNode.querySelector(`[${HYDRATED_STYLE_ID}="${scopeId2}"]`);
       if (existingStyleElm) {
-        existingStyleElm.innerHTML = style;
+        existingStyleElm.textContent = style;
       } else if (!appliedStyles.has(scopeId2)) {
         styleElm = win.document.createElement("style");
-        styleElm.innerHTML = style;
+        styleElm.textContent = style;
         const nonce = (_a = plt.$nonce$) != null ? _a : queryNonceMetaTagContent(win.document);
         if (nonce != null) {
           styleElm.setAttribute("nonce", nonce);
@@ -3022,7 +3022,7 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
             } else {
               const existingStyleContainer = styleContainerNode.querySelector("style");
               if (existingStyleContainer) {
-                existingStyleContainer.innerHTML = style + existingStyleContainer.innerHTML;
+                existingStyleContainer.textContent = style + existingStyleContainer.textContent;
               } else {
                 styleContainerNode.prepend(styleElm);
               }
@@ -3035,7 +3035,7 @@ var addStyle = (styleContainerNode, cmpMeta, mode) => {
           styleContainerNode.insertBefore(styleElm, null);
         }
         if (cmpMeta.$flags$ & 4 /* hasSlotRelocation */) {
-          styleElm.innerHTML += SLOT_FB_CSS;
+          styleElm.textContent += SLOT_FB_CSS;
         }
         if (appliedStyles) {
           appliedStyles.add(scopeId2);
@@ -3178,7 +3178,8 @@ var newVNode = (tag, text) => {
   const vnode = {
     $flags$: 0,
     $tag$: tag,
-    $text$: text,
+    // Normalize undefined to null to prevent rendering "undefined" as text
+    $text$: text != null ? text : null,
     $elm$: null,
     $children$: null
   };
@@ -3298,7 +3299,7 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
         );
         const styleSheet = win.document.querySelector(`style[sty-id="${scopeId3}"]`);
         if (styleSheet) {
-          hostElm.shadowRoot.append(styleSheet.cloneNode(true));
+          shadowRootNodes.unshift(styleSheet.cloneNode(true));
         }
       }
     }
@@ -3376,7 +3377,7 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
       slot.$elm$.parentElement.classList.add(scopeId2 + "-s");
     });
   }
-  if (import_app_data9.BUILD.shadowDom && shadowRoot) {
+  if (import_app_data9.BUILD.shadowDom && shadowRoot && !shadowRoot.childNodes.length) {
     let rnIdex = 0;
     const rnLen = shadowRootNodes.length;
     if (rnLen) {
@@ -3727,9 +3728,6 @@ var createSupportsRuleRe = (selector) => {
     "g"
   );
 };
-var _colonSlottedRe = createSupportsRuleRe("::slotted");
-var _colonHostRe = createSupportsRuleRe(":host");
-var _colonHostContextRe = createSupportsRuleRe(":host-context");
 var _commentRe = /\/\*\s*[\s\S]*?\*\//g;
 var stripComments = (input) => {
   return input.replace(_commentRe, "");
@@ -3807,6 +3805,9 @@ var insertPolyfillHostInCssText = (cssText) => {
     supportsBlocks.push(selectorContent);
     return `@supports selector(${placeholder})`;
   });
+  const _colonSlottedRe = createSupportsRuleRe("::slotted");
+  const _colonHostRe = createSupportsRuleRe(":host");
+  const _colonHostContextRe = createSupportsRuleRe(":host-context");
   cssText = cssText.replace(_colonHostContextRe, `$1${_polyfillHostContext}`).replace(_colonHostRe, `$1${_polyfillHost}`).replace(_colonSlottedRe, `$1${_polyfillSlotted}`);
   supportsBlocks.forEach((originalSelector, index) => {
     cssText = cssText.replace(`__supports_${index}__`, originalSelector);
@@ -4321,7 +4322,7 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
       `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 (import_app_data13.BUILD.vdomText && newVNode2.$text$ !== null) {
+  if (import_app_data13.BUILD.vdomText && newVNode2.$text$ != null) {
     elm = newVNode2.$elm$ = win.document.createTextNode(newVNode2.$text$);
   } else if (import_app_data13.BUILD.slotRelocation && newVNode2.$flags$ & 1 /* isSlotReference */) {
     elm = newVNode2.$elm$ = import_app_data13.BUILD.isDebug || import_app_data13.BUILD.hydrateServerSide ? slotReferenceDebugNode(newVNode2) : win.document.createTextNode("");
@@ -4333,9 +4334,7 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
       isSvgMode = newVNode2.$tag$ === "svg";
     }
     if (!win.document) {
-      throw new Error(
-        "You are trying to render a Stencil component in an environment that doesn't support the DOM. Make sure to populate the [`window`](https://developer.mozilla.org/en-US/docs/Web/API/Window/window) object before rendering a component."
-      );
+      throw new Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");
     }
     elm = newVNode2.$elm$ = import_app_data13.BUILD.svg ? win.document.createElementNS(
       isSvgMode ? SVG_NS : HTML_NS,
@@ -4593,7 +4592,7 @@ var patch = (oldVNode, newVNode2, isInitialRender = false) => {
   const tag = newVNode2.$tag$;
   const text = newVNode2.$text$;
   let defaultHolder;
-  if (!import_app_data13.BUILD.vdomText || text === null) {
+  if (!import_app_data13.BUILD.vdomText || text == null) {
     if (import_app_data13.BUILD.svg) {
       isSvgMode = tag === "svg" ? true : tag === "foreignObject" ? false : isSvgMode;
     }
@@ -4687,16 +4686,18 @@ var nullifyVNodeRefs = (vNode) => {
   }
 };
 var insertBefore = (parent, newNode, reference, isInitialLoad) => {
-  if (import_app_data13.BUILD.scoped && typeof newNode["s-sn"] === "string" && !!newNode["s-sr"] && !!newNode["s-cr"]) {
-    addRemoveSlotScopedClass(newNode["s-cr"], newNode, parent, newNode.parentElement);
-  } else if (typeof newNode["s-sn"] === "string") {
-    if (import_app_data13.BUILD.experimentalSlotFixes && parent.getRootNode().nodeType !== 11 /* DOCUMENT_FRAGMENT_NODE */) {
-      patchParentNode(newNode);
+  if (import_app_data13.BUILD.slotRelocation) {
+    if (import_app_data13.BUILD.scoped && typeof newNode["s-sn"] === "string" && !!newNode["s-sr"] && !!newNode["s-cr"]) {
+      addRemoveSlotScopedClass(newNode["s-cr"], newNode, parent, newNode.parentElement);
+    } else if (typeof newNode["s-sn"] === "string") {
+      if (import_app_data13.BUILD.experimentalSlotFixes && parent.getRootNode().nodeType !== 11 /* DOCUMENT_FRAGMENT_NODE */) {
+        patchParentNode(newNode);
+      }
+      parent.insertBefore(newNode, reference);
+      const { slotNode } = findSlotFromSlottedNode(newNode);
+      if (slotNode && !isInitialLoad) dispatchSlotChangeEvent(slotNode);
+      return newNode;
     }
-    parent.insertBefore(newNode, reference);
-    const { slotNode } = findSlotFromSlottedNode(newNode);
-    if (slotNode && !isInitialLoad) dispatchSlotChangeEvent(slotNode);
-    return newNode;
   }
   if (parent.__insertBefore) {
     return parent.__insertBefore(newNode, reference);
@@ -6024,7 +6025,7 @@ var bootstrapLazy = (lazyBundles, options = {}) => {
     });
   });
   if (cmpTags.length > 0) {
-    if (hasSlotRelocation) {
+    if (import_app_data21.BUILD.slotRelocation && hasSlotRelocation) {
       dataStyles.textContent += SLOT_FB_CSS;
     }
     if (import_app_data21.BUILD.invisiblePrehydration && (import_app_data21.BUILD.hydratedClass || import_app_data21.BUILD.hydratedAttribute)) {
@@ -6158,11 +6159,22 @@ function setTagTransformer(transformer) {
 
 // src/runtime/vdom/jsx-dev-runtime.ts
 function jsxDEV(type, props, key, _isStaticChildren, _source, _self) {
-  const { children, ...rest } = props;
-  const vnodeData = key !== void 0 ? { ...rest, key } : rest;
-  if (Array.isArray(children)) {
-    return h(type, vnodeData, ...children);
-  } else if (children !== void 0) {
+  const propsObj = props || {};
+  const { children, ...rest } = propsObj;
+  let vnodeData = rest;
+  if (key !== void 0 && !("key" in rest)) {
+    vnodeData = { ...rest, key };
+  }
+  if (vnodeData && Object.keys(vnodeData).length === 0) {
+    vnodeData = null;
+  }
+  if (children !== void 0) {
+    if (Array.isArray(children)) {
+      return h(type, vnodeData, ...children);
+    }
+    if (typeof children === "object" && children !== null && "$flags$" in children) {
+      return h(type, vnodeData, children);
+    }
     return h(type, vnodeData, children);
   }
   return h(type, vnodeData);
@@ -6173,7 +6185,7 @@ function jsx(type, props, key) {
   const propsObj = props || {};
   const { children, ...rest } = propsObj;
   let vnodeData = rest;
-  if (key !== void 0) {
+  if (key !== void 0 && !("key" in rest)) {
     vnodeData = { ...rest, key };
   }
   if (vnodeData && Object.keys(vnodeData).length === 0) {

package/internal/testing/jsx-dev-runtime.d.ts

@@ -0,0 +1,2 @@
+// Type definitions for automatic JSX development runtime in testing
+export { jsxDEV, Fragment, JSX } from '../stencil-core/jsx-dev-runtime';

package/internal/testing/jsx-dev-runtime.js

@@ -0,0 +1,8 @@
+// Export automatic JSX development runtime for testing
+// This file allows TypeScript's automatic JSX transform to work in tests
+// when using jsxImportSource: "@stencil/core/internal/testing" with jsx: "react-jsxdev"
+const testing = require('./index.js');
+module.exports = {
+  jsxDEV: testing.jsxDEV,
+  Fragment: testing.Fragment,
+};

package/internal/testing/jsx-runtime.d.ts

@@ -0,0 +1,2 @@
+// Type definitions for automatic JSX runtime in testing
+export { jsx, jsxs, Fragment, JSX } from '../stencil-core/jsx-runtime';

package/internal/testing/jsx-runtime.js

@@ -0,0 +1,9 @@
+// Export automatic JSX runtime for testing
+// This file allows TypeScript's automatic JSX transform to work in tests
+// when using jsxImportSource: "@stencil/core/internal/testing"
+const testing = require('./index.js');
+module.exports = {
+  jsx: testing.jsx,
+  jsxs: testing.jsxs,
+  Fragment: testing.Fragment,
+};

package/internal/testing/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/internal/testing",
-  "version": "4.41.1",
+  "version": "4.41.2",
   "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.41.1 | MIT Licensed | https://stenciljs.com
+ Stencil Mock Doc (CommonJS) v4.41.2 | MIT Licensed | https://stenciljs.com
  */
 "use strict";
 var __defProp = Object.defineProperty;
@@ -9496,7 +9496,7 @@ var MockWindow = class {
     if (this.__timeouts == null) {
       this.__timeouts = /* @__PURE__ */ new Set();
     }
-    ms = Math.min(ms, this.__maxTimeout);
+    ms = Math.min(ms != null ? ms : 0, this.__maxTimeout);
     if (this.__allowInterval) {
       const intervalId = this.__setInterval(() => {
         if (this.__timeouts) {
@@ -9544,7 +9544,7 @@ var MockWindow = class {
     if (this.__timeouts == null) {
       this.__timeouts = /* @__PURE__ */ new Set();
     }
-    ms = Math.min(ms, this.__maxTimeout);
+    ms = Math.min(ms != null ? ms : 0, this.__maxTimeout);
     const timeoutId = this.__setTimeout.call(
       nativeWindow || this,
       () => {

package/mock-doc/index.js

@@ -1,5 +1,5 @@
 /*!
- Stencil Mock Doc v4.41.1 | MIT Licensed | https://stenciljs.com
+ Stencil Mock Doc v4.41.2 | 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;
@@ -9444,7 +9444,7 @@ var MockWindow = class {
     if (this.__timeouts == null) {
       this.__timeouts = /* @__PURE__ */ new Set();
     }
-    ms = Math.min(ms, this.__maxTimeout);
+    ms = Math.min(ms != null ? ms : 0, this.__maxTimeout);
     if (this.__allowInterval) {
       const intervalId = this.__setInterval(() => {
         if (this.__timeouts) {
@@ -9492,7 +9492,7 @@ var MockWindow = class {
     if (this.__timeouts == null) {
       this.__timeouts = /* @__PURE__ */ new Set();
     }
-    ms = Math.min(ms, this.__maxTimeout);
+    ms = Math.min(ms != null ? ms : 0, this.__maxTimeout);
     const timeoutId = this.__setTimeout.call(
       nativeWindow || this,
       () => {

package/mock-doc/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/mock-doc",
-  "version": "4.41.1",
+  "version": "4.41.2",
   "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.41.1",
+  "version": "4.41.2",
   "license": "MIT",
   "main": "./internal/stencil-core/index.cjs",
   "module": "./internal/stencil-core/index.js",
@@ -54,6 +54,16 @@
       "import": "./internal/testing/index.js",
       "require": "./internal/testing/index.js"
     },
+    "./internal/testing/jsx-runtime": {
+      "types": "./internal/testing/jsx-runtime.d.ts",
+      "import": "./internal/testing/jsx-runtime.js",
+      "require": "./internal/testing/jsx-runtime.js"
+    },
+    "./internal/testing/jsx-dev-runtime": {
+      "types": "./internal/testing/jsx-dev-runtime.d.ts",
+      "import": "./internal/testing/jsx-dev-runtime.js",
+      "require": "./internal/testing/jsx-dev-runtime.js"
+    },
     "./internal/testing/*": {
       "import": "./internal/testing/*"
     },
@@ -125,7 +135,8 @@
     "spellcheck.code": "cspell --config cspell-code.json --no-progress \"src/**/*.ts\" \"src/**/*.tsx\" \"scripts/**/*.ts\"",
     "spellcheck.markdown": "cspell --config cspell-markdown.json --no-progress \"*.md\" \"**/*.md\"",
     "test": "node --experimental-vm-modules ./node_modules/jest/bin/jest.js --coverage",
-    "test.analysis": "cd test && npm run analysis.build-and-analyze",
+    "test.analysis": "cd test && npm ci && npm run analysis.build-and-analyze",
+    "test.bundle-size": "cd test/bundle-size && npm test",
     "test.bundlers": "cd test && npm run bundlers",
     "test.copytask": "cd test/copy-task && npm ci && npm run test",
     "test.dist": "npm run ts scripts/index.ts -- --validate-build",

package/screenshot/index.js

@@ -1,5 +1,5 @@
 /*
- Stencil Screenshot v4.41.1 | MIT Licensed | https://stenciljs.com
+ Stencil Screenshot v4.41.2 | MIT Licensed | https://stenciljs.com
  */
 "use strict";
 var __create = Object.create;
@@ -2128,11 +2128,6 @@ minimatch.Minimatch = Minimatch;
 minimatch.escape = escape;
 minimatch.unescape = unescape;
 
-// src/utils/regular-expression.ts
-var escapeRegExpSpecialCharacters = (text) => {
-  return text.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
-};
-
 // src/utils/result.ts
 var result_exports = {};
 __export(result_exports, {
@@ -2316,18 +2311,6 @@ var _cssColonHostRe = new RegExp("(" + _polyfillHost + _parenSuffix, "gim");
 var _cssColonHostContextRe = new RegExp("(" + _polyfillHostContext + _parenSuffix, "gim");
 var _cssColonSlottedRe = new RegExp("(" + _polyfillSlotted + _parenSuffix, "gim");
 var _polyfillHostNoCombinator = _polyfillHost + "-no-combinator";
-var createSupportsRuleRe = (selector) => {
-  const safeSelector = escapeRegExpSpecialCharacters(selector);
-  return new RegExp(
-    // First capture group: match any context before the selector that's not inside @supports selector()
-    // Using negative lookahead to avoid matching inside @supports selector(...) condition
-    `(^|[^@]|@(?!supports\\s+selector\\s*\\([^{]*?${safeSelector}))(${safeSelector}\\b)`,
-    "g"
-  );
-};
-var _colonSlottedRe = createSupportsRuleRe("::slotted");
-var _colonHostRe = createSupportsRuleRe(":host");
-var _colonHostContextRe = createSupportsRuleRe(":host-context");
 
 // src/runtime/vdom/set-accessor.ts
 var CAPTURE_EVENT_SUFFIX = "Capture";

package/screenshot/package.json

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

package/screenshot/pixel-match.js

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