@stencil/core 4.41.2 → 4.41.3

package/internal/hydrate/index.js

@@ -1,5 +1,5 @@
 /*
- Stencil Hydrate Platform v4.41.2 | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Platform v4.41.3 | MIT Licensed | https://stenciljs.com
  */
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -2392,7 +2392,7 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
   } else if (BUILD12.vdomKey && memberName === "key") {
   } else if (BUILD12.vdomRef && memberName === "ref") {
     if (newValue) {
-      newValue(elm);
+      queueRefAttachment(newValue, elm);
     }
   } else if (BUILD12.vdomListener && (BUILD12.lazyLoad ? !isProp : !elm.__lookupSetter__(memberName)) && memberName[0] === "o" && memberName[1] === "n") {
     if (memberName[2] === "-") {
@@ -2521,6 +2521,8 @@ var useNativeShadowDom = false;
 var checkSlotFallbackVisibility = false;
 var checkSlotRelocate = false;
 var isSvgMode = false;
+var refCallbacksToRemove = [];
+var refCallbacksToAttach = [];
 var createElm = (oldParentVNode, newParentVNode, childIndex) => {
   var _a;
   const newVNode2 = newParentVNode.$children$[childIndex];
@@ -2907,10 +2909,25 @@ var markSlotContentForRelocation = (elm) => {
 };
 var nullifyVNodeRefs = (vNode) => {
   if (BUILD14.vdomRef) {
-    vNode.$attrs$ && vNode.$attrs$.ref && vNode.$attrs$.ref(null);
+    if (vNode.$attrs$ && vNode.$attrs$.ref) {
+      refCallbacksToRemove.push(() => vNode.$attrs$.ref(null));
+    }
     vNode.$children$ && vNode.$children$.map(nullifyVNodeRefs);
   }
 };
+var queueRefAttachment = (refCallback, elm) => {
+  if (BUILD14.vdomRef) {
+    refCallbacksToAttach.push(() => refCallback(elm));
+  }
+};
+var flushQueuedRefCallbacks = () => {
+  if (BUILD14.vdomRef) {
+    refCallbacksToRemove.forEach((cb) => cb());
+    refCallbacksToRemove.length = 0;
+    refCallbacksToAttach.forEach((cb) => cb());
+    refCallbacksToAttach.length = 0;
+  }
+};
 var insertBefore = (parent, newNode, reference, isInitialLoad) => {
   if (BUILD14.slotRelocation) {
     if (BUILD14.scoped && typeof newNode["s-sn"] === "string" && !!newNode["s-sr"] && !!newNode["s-cr"]) {
@@ -3099,6 +3116,7 @@ render() {
     }
   }
   contentRef = void 0;
+  flushQueuedRefCallbacks();
 };
 var slotReferenceDebugNode = (slotVNode) => {
   var _a;
@@ -3433,13 +3451,22 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
   if ((!BUILD16.lazyLoad || !(flags & 8 /* isConstructingInstance */) || oldVal === void 0) && didValueChange) {
     hostRef.$instanceValues$.set(propName, newVal);
     if (BUILD16.serializer && BUILD16.reflect && cmpMeta.$attrsToReflect$) {
-      if (instance && cmpMeta.$serializers$ && cmpMeta.$serializers$[propName]) {
-        let attrVal = newVal;
-        for (const serializer of cmpMeta.$serializers$[propName]) {
-          const [[methodName]] = Object.entries(serializer);
-          attrVal = instance[methodName](attrVal, propName);
+      if (cmpMeta.$serializers$ && cmpMeta.$serializers$[propName]) {
+        const runSerializer = (inst) => {
+          let attrVal = newVal;
+          for (const serializer of cmpMeta.$serializers$[propName]) {
+            const [[methodName]] = Object.entries(serializer);
+            attrVal = inst[methodName](attrVal, propName);
+          }
+          hostRef.$serializerValues$.set(propName, attrVal);
+        };
+        if (instance) {
+          runSerializer(instance);
+        } else {
+          hostRef.$fetchedCbList$.push(() => {
+            runSerializer(hostRef.$lazyInstance$);
+          });
         }
-        hostRef.$serializerValues$.set(propName, attrVal);
       }
     }
     if (BUILD16.isDev) {
@@ -4366,6 +4393,55 @@ function setTagTransformer(transformer) {
   tagTransformer = transformer;
 }
 
+// src/runtime/vdom/jsx-dev-runtime.ts
+function jsxDEV(type, props, key, _isStaticChildren, _source, _self) {
+  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);
+}
+
+// src/runtime/vdom/jsx-runtime.ts
+function jsx(type, props, key) {
+  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);
+}
+function jsxs(type, props, key) {
+  return jsx(type, props, key);
+}
+
 // src/runtime/vdom/vdom-annotations.ts
 var insertVdomAnnotations = (doc, staticComponents) => {
   if (doc != null) {
@@ -6494,6 +6570,9 @@ export {
   hydrateApp,
   insertVdomAnnotations,
   isMemberInElement,
+  jsx,
+  jsxDEV,
+  jsxs,
   loadModule,
   modeResolutionChain,
   needsScopedSSR,

package/internal/hydrate/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/internal/hydrate",
-  "version": "4.41.2",
+  "version": "4.41.3",
   "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.41.2 | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Runner v4.41.3 | MIT Licensed | https://stenciljs.com
  */
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -11013,14 +11013,19 @@ var MockNode2 = class {
   nodeType;
   ownerDocument;
   parentNode;
-  childNodes;
+  _childNodes = [];
   constructor(ownerDocument, nodeType, nodeName, nodeValue) {
     this.ownerDocument = ownerDocument;
     this.nodeType = nodeType;
     this.nodeName = nodeName;
     this._nodeValue = nodeValue;
     this.parentNode = null;
-    this.childNodes = [];
+  }
+  get childNodes() {
+    return this._childNodes;
+  }
+  set childNodes(value) {
+    this._childNodes = value;
   }
   appendChild(newNode) {
     if (newNode.nodeType === 11 /* DOCUMENT_FRAGMENT_NODE */) {
@@ -13600,16 +13605,7 @@ var MockWindow = class {
     return dispatchEvent(this, ev);
   }
   get Element() {
-    if (this.__elementCstr == null) {
-      const ownerDocument = this.document;
-      this.__elementCstr = class extends MockElement {
-        constructor() {
-          super(ownerDocument, "");
-          throw new Error("Illegal constructor: cannot construct Element");
-        }
-      };
-    }
-    return this.__elementCstr;
+    return MockElement;
   }
   fetch(input, init) {
     if (typeof fetch === "function") {
@@ -13728,16 +13724,7 @@ var MockWindow = class {
     };
   }
   get Node() {
-    if (this.__nodeCstr == null) {
-      const ownerDocument = this.document;
-      this.__nodeCstr = class extends MockNode2 {
-        constructor() {
-          super(ownerDocument, 0, "test", "");
-          throw new Error("Illegal constructor: cannot construct Node");
-        }
-      };
-    }
-    return this.__nodeCstr;
+    return MockNode2;
   }
   get NodeList() {
     if (this.__nodeListCstr == null) {
@@ -14404,6 +14391,7 @@ var DOC_KEY_KEEPERS = /* @__PURE__ */ new Set([
   "ownerDocument",
   "parentNode",
   "childNodes",
+  "_childNodes",
   "_shadowRoot"
 ]);
 function getElementById(elm, id) {

package/internal/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/internal",
-  "version": "4.41.2",
+  "version": "4.41.3",
   "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/testing/index.js

@@ -4166,7 +4166,7 @@ var setAccessor = (elm, memberName, oldValue, newValue, isSvg, flags, initialRen
   } else if (import_app_data11.BUILD.vdomKey && memberName === "key") {
   } else if (import_app_data11.BUILD.vdomRef && memberName === "ref") {
     if (newValue) {
-      newValue(elm);
+      queueRefAttachment(newValue, elm);
     }
   } else if (import_app_data11.BUILD.vdomListener && (import_app_data11.BUILD.lazyLoad ? !isProp : !elm.__lookupSetter__(memberName)) && memberName[0] === "o" && memberName[1] === "n") {
     if (memberName[2] === "-") {
@@ -4295,6 +4295,8 @@ var useNativeShadowDom = false;
 var checkSlotFallbackVisibility = false;
 var checkSlotRelocate = false;
 var isSvgMode = false;
+var refCallbacksToRemove = [];
+var refCallbacksToAttach = [];
 var createElm = (oldParentVNode, newParentVNode, childIndex) => {
   var _a;
   const newVNode2 = newParentVNode.$children$[childIndex];
@@ -4681,10 +4683,25 @@ var markSlotContentForRelocation = (elm) => {
 };
 var nullifyVNodeRefs = (vNode) => {
   if (import_app_data13.BUILD.vdomRef) {
-    vNode.$attrs$ && vNode.$attrs$.ref && vNode.$attrs$.ref(null);
+    if (vNode.$attrs$ && vNode.$attrs$.ref) {
+      refCallbacksToRemove.push(() => vNode.$attrs$.ref(null));
+    }
     vNode.$children$ && vNode.$children$.map(nullifyVNodeRefs);
   }
 };
+var queueRefAttachment = (refCallback, elm) => {
+  if (import_app_data13.BUILD.vdomRef) {
+    refCallbacksToAttach.push(() => refCallback(elm));
+  }
+};
+var flushQueuedRefCallbacks = () => {
+  if (import_app_data13.BUILD.vdomRef) {
+    refCallbacksToRemove.forEach((cb) => cb());
+    refCallbacksToRemove.length = 0;
+    refCallbacksToAttach.forEach((cb) => cb());
+    refCallbacksToAttach.length = 0;
+  }
+};
 var insertBefore = (parent, newNode, reference, isInitialLoad) => {
   if (import_app_data13.BUILD.slotRelocation) {
     if (import_app_data13.BUILD.scoped && typeof newNode["s-sn"] === "string" && !!newNode["s-sr"] && !!newNode["s-cr"]) {
@@ -4873,6 +4890,7 @@ render() {
     }
   }
   contentRef = void 0;
+  flushQueuedRefCallbacks();
 };
 var slotReferenceDebugNode = (slotVNode) => {
   var _a;
@@ -5207,13 +5225,22 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
   if ((!import_app_data15.BUILD.lazyLoad || !(flags & 8 /* isConstructingInstance */) || oldVal === void 0) && didValueChange) {
     hostRef.$instanceValues$.set(propName, newVal);
     if (import_app_data15.BUILD.serializer && import_app_data15.BUILD.reflect && cmpMeta.$attrsToReflect$) {
-      if (instance && cmpMeta.$serializers$ && cmpMeta.$serializers$[propName]) {
-        let attrVal = newVal;
-        for (const serializer of cmpMeta.$serializers$[propName]) {
-          const [[methodName]] = Object.entries(serializer);
-          attrVal = instance[methodName](attrVal, propName);
+      if (cmpMeta.$serializers$ && cmpMeta.$serializers$[propName]) {
+        const runSerializer = (inst) => {
+          let attrVal = newVal;
+          for (const serializer of cmpMeta.$serializers$[propName]) {
+            const [[methodName]] = Object.entries(serializer);
+            attrVal = inst[methodName](attrVal, propName);
+          }
+          hostRef.$serializerValues$.set(propName, attrVal);
+        };
+        if (instance) {
+          runSerializer(instance);
+        } else {
+          hostRef.$fetchedCbList$.push(() => {
+            runSerializer(hostRef.$lazyInstance$);
+          });
         }
-        hostRef.$serializerValues$.set(propName, attrVal);
       }
     }
     if (import_app_data15.BUILD.isDev) {

package/internal/testing/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/internal/testing",
-  "version": "4.41.2",
+  "version": "4.41.3",
   "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.2 | MIT Licensed | https://stenciljs.com
+ Stencil Mock Doc (CommonJS) v4.41.3 | MIT Licensed | https://stenciljs.com
  */
 "use strict";
 var __defProp = Object.defineProperty;
@@ -6656,14 +6656,19 @@ var MockNode2 = class {
   nodeType;
   ownerDocument;
   parentNode;
-  childNodes;
+  _childNodes = [];
   constructor(ownerDocument, nodeType, nodeName, nodeValue) {
     this.ownerDocument = ownerDocument;
     this.nodeType = nodeType;
     this.nodeName = nodeName;
     this._nodeValue = nodeValue;
     this.parentNode = null;
-    this.childNodes = [];
+  }
+  get childNodes() {
+    return this._childNodes;
+  }
+  set childNodes(value) {
+    this._childNodes = value;
   }
   appendChild(newNode) {
     if (newNode.nodeType === 11 /* DOCUMENT_FRAGMENT_NODE */) {
@@ -9286,16 +9291,7 @@ var MockWindow = class {
     return dispatchEvent(this, ev);
   }
   get Element() {
-    if (this.__elementCstr == null) {
-      const ownerDocument = this.document;
-      this.__elementCstr = class extends MockElement {
-        constructor() {
-          super(ownerDocument, "");
-          throw new Error("Illegal constructor: cannot construct Element");
-        }
-      };
-    }
-    return this.__elementCstr;
+    return MockElement;
   }
   fetch(input, init) {
     if (typeof fetch === "function") {
@@ -9414,16 +9410,7 @@ var MockWindow = class {
     };
   }
   get Node() {
-    if (this.__nodeCstr == null) {
-      const ownerDocument = this.document;
-      this.__nodeCstr = class extends MockNode2 {
-        constructor() {
-          super(ownerDocument, 0, "test", "");
-          throw new Error("Illegal constructor: cannot construct Node");
-        }
-      };
-    }
-    return this.__nodeCstr;
+    return MockNode2;
   }
   get NodeList() {
     if (this.__nodeListCstr == null) {
@@ -10103,6 +10090,7 @@ var DOC_KEY_KEEPERS = /* @__PURE__ */ new Set([
   "ownerDocument",
   "parentNode",
   "childNodes",
+  "_childNodes",
   "_shadowRoot"
 ]);
 function getElementById(elm, id) {

package/mock-doc/index.d.ts

@@ -492,8 +492,9 @@ declare class MockNode {
   nodeType: number;
   ownerDocument: any;
   parentNode: MockNode | null;
-  childNodes: MockNode[];
   constructor(ownerDocument: any, nodeType: number, nodeName: string | null, nodeValue: string | null);
+  get childNodes(): MockNode[];
+  set childNodes(value: MockNode[]);
   appendChild(newNode: MockNode): MockNode;
   append(...items: (MockNode | string)[]): void;
   prepend(...items: (MockNode | string)[]): void;
@@ -1009,7 +1010,7 @@ declare class MockWindow {
   get DOMTokenList(): any;
   set DOMTokenList(domTokenListCstr: any);
   dispatchEvent(ev: MockEvent): boolean;
-  get Element(): any;
+  get Element(): typeof MockElement;
   fetch(input: any, init?: any): any;
   focus(): any;
   getComputedStyle(_: any): any;
@@ -1035,7 +1036,7 @@ declare class MockWindow {
     dispatchEvent: (_ev: any) => void;
     onchange: ((this: MediaQueryList, ev: MediaQueryListEvent) => any) | null;
   };
-  get Node(): any;
+  get Node(): typeof MockNode;
   get NodeList(): any;
   get navigator(): any;
   set navigator(nav: any);

package/mock-doc/index.js

@@ -1,5 +1,5 @@
 /*!
- Stencil Mock Doc v4.41.2 | MIT Licensed | https://stenciljs.com
+ Stencil Mock Doc v4.41.3 | 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;
@@ -6604,14 +6604,19 @@ var MockNode2 = class {
   nodeType;
   ownerDocument;
   parentNode;
-  childNodes;
+  _childNodes = [];
   constructor(ownerDocument, nodeType, nodeName, nodeValue) {
     this.ownerDocument = ownerDocument;
     this.nodeType = nodeType;
     this.nodeName = nodeName;
     this._nodeValue = nodeValue;
     this.parentNode = null;
-    this.childNodes = [];
+  }
+  get childNodes() {
+    return this._childNodes;
+  }
+  set childNodes(value) {
+    this._childNodes = value;
   }
   appendChild(newNode) {
     if (newNode.nodeType === 11 /* DOCUMENT_FRAGMENT_NODE */) {
@@ -9234,16 +9239,7 @@ var MockWindow = class {
     return dispatchEvent(this, ev);
   }
   get Element() {
-    if (this.__elementCstr == null) {
-      const ownerDocument = this.document;
-      this.__elementCstr = class extends MockElement {
-        constructor() {
-          super(ownerDocument, "");
-          throw new Error("Illegal constructor: cannot construct Element");
-        }
-      };
-    }
-    return this.__elementCstr;
+    return MockElement;
   }
   fetch(input, init) {
     if (typeof fetch === "function") {
@@ -9362,16 +9358,7 @@ var MockWindow = class {
     };
   }
   get Node() {
-    if (this.__nodeCstr == null) {
-      const ownerDocument = this.document;
-      this.__nodeCstr = class extends MockNode2 {
-        constructor() {
-          super(ownerDocument, 0, "test", "");
-          throw new Error("Illegal constructor: cannot construct Node");
-        }
-      };
-    }
-    return this.__nodeCstr;
+    return MockNode2;
   }
   get NodeList() {
     if (this.__nodeListCstr == null) {
@@ -10051,6 +10038,7 @@ var DOC_KEY_KEEPERS = /* @__PURE__ */ new Set([
   "ownerDocument",
   "parentNode",
   "childNodes",
+  "_childNodes",
   "_shadowRoot"
 ]);
 function getElementById(elm, id) {

package/mock-doc/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/mock-doc",
-  "version": "4.41.2",
+  "version": "4.41.3",
   "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.2",
+  "version": "4.41.3",
   "license": "MIT",
   "main": "./internal/stencil-core/index.cjs",
   "module": "./internal/stencil-core/index.js",

package/screenshot/index.js

@@ -1,5 +1,5 @@
 /*
- Stencil Screenshot v4.41.2 | MIT Licensed | https://stenciljs.com
+ Stencil Screenshot v4.41.3 | 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.41.2",
+  "version": "4.41.3",
   "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.2 | MIT Licensed | https://stenciljs.com
+ Stencil Screenshot Pixel Match v4.41.3 | MIT Licensed | https://stenciljs.com
  */
 "use strict";
 var __create = Object.create;