@stencil/core 4.33.1-dev.1749534306.36fca61 → 4.33.1-dev.1749618190.28e2a06

package/internal/testing/index.js

@@ -754,13 +754,17 @@ var addSlotRelocateNode = (newChild, slotNode, prepend, position) => {
 };
 var getSlotName = (node) => typeof node["s-sn"] === "string" ? node["s-sn"] : node.nodeType === 1 && node.getAttribute("slot") || void 0;
 function patchSlotNode(node) {
-  if (node.assignedElements || node.assignedNodes || !node["s-sr"]) return;
+  var _a;
+  const slotNode = node;
+  if (slotNode.assignedElements || slotNode.assignedNodes || !node["s-sr"]) {
+    return;
+  }
   const assignedFactory = (elementsOnly) => (function(opts) {
     const toReturn = [];
     const slotName = this["s-sn"];
     if (opts == null ? void 0 : opts.flatten) {
       console.error(`
-          Flattening is not supported for Stencil non-shadow slots. 
+          Flattening is not supported for Stencil non-shadow slots.
           You can use \`.childNodes\` to nested slot fallback content.
           If you have a particular use case, please open an issue on the Stencil repo.
         `);
@@ -777,8 +781,39 @@ function patchSlotNode(node) {
     }
     return toReturn;
   }).bind(node);
-  node.assignedElements = assignedFactory(true);
-  node.assignedNodes = assignedFactory(false);
+  slotNode.assignedElements = assignedFactory(true);
+  slotNode.assignedNodes = assignedFactory(false);
+  slotNode.__eventListeners = (_a = slotNode.__eventListeners) != null ? _a : [];
+  if (!slotNode.addEventListener) {
+    slotNode.addEventListener = function(type, listener) {
+      this.__eventListeners = this.__eventListeners || [];
+      this.__eventListeners.push({ type, listener });
+    };
+  }
+  if (!slotNode.removeEventListener) {
+    slotNode.removeEventListener = function(type, listener) {
+      if (!this.__eventListeners) return;
+      this.__eventListeners = this.__eventListeners.filter((l) => !(l.type === type && l.listener === listener));
+    };
+  }
+  if (!slotNode.dispatchEvent) {
+    slotNode.dispatchEvent = function(event) {
+      if (!this.__eventListeners) return true;
+      const listeners = this.__eventListeners.filter((l) => l.type === event.type);
+      for (const { listener } of listeners) {
+        try {
+          if (typeof listener === "function") {
+            listener.call(this, event);
+          } else if (listener && typeof listener.handleEvent === "function") {
+            listener.handleEvent(event);
+          }
+        } catch (err2) {
+          console.error("Error in slot event listener:", err2);
+        }
+      }
+      return !event.defaultPrevented;
+    };
+  }
 }
 function dispatchSlotChangeEvent(elm) {
   elm.dispatchEvent(new CustomEvent("slotchange", { bubbles: false, cancelable: false, composed: false }));
@@ -1408,15 +1443,19 @@ var initializeClientHydrate = (hostElm, tagName, hostId, hostRef) => {
   vnode.$elm$ = hostElm;
   const members = Object.entries(((_a = hostRef.$cmpMeta$) == null ? void 0 : _a.$members$) || {});
   members.forEach(([memberName, [memberFlags, metaAttributeName]]) => {
-    var _a2;
+    var _a2, _b;
     if (!(memberFlags & 31 /* Prop */)) {
       return;
     }
     const attributeName = metaAttributeName || memberName;
     const attrVal = hostElm.getAttribute(attributeName);
     if (attrVal !== null) {
-      const attrPropVal = parsePropertyValue(attrVal, memberFlags);
-      (_a2 = hostRef == null ? void 0 : hostRef.$instanceValues$) == null ? void 0 : _a2.set(memberName, attrPropVal);
+      const attrPropVal = parsePropertyValue(
+        attrVal,
+        memberFlags,
+        import_app_data6.BUILD.formAssociated && !!(((_a2 = hostRef.$cmpMeta$) == null ? void 0 : _a2.$flags$) & 64 /* formAssociated */)
+      );
+      (_b = hostRef == null ? void 0 : hostRef.$instanceValues$) == null ? void 0 : _b.set(memberName, attrPropVal);
     }
   });
   let scopeId2;
@@ -2187,7 +2226,7 @@ var import_app_data15 = require("@stencil/core/internal/app-data");
 
 // src/runtime/parse-property-value.ts
 var import_app_data7 = require("@stencil/core/internal/app-data");
-var parsePropertyValue = (propValue, propType) => {
+var parsePropertyValue = (propValue, propType, isFormAssociated) => {
   if ((import_app_data7.BUILD.hydrateClientSide || import_app_data7.BUILD.hydrateServerSide) && typeof propValue === "string" && (propValue.startsWith("{") && propValue.endsWith("}") || propValue.startsWith("[") && propValue.endsWith("]"))) {
     try {
       propValue = JSON.parse(propValue);
@@ -2201,7 +2240,11 @@ var parsePropertyValue = (propValue, propType) => {
   }
   if (propValue != null && !isComplexType(propValue)) {
     if (import_app_data7.BUILD.propBoolean && propType & 4 /* Boolean */) {
-      return propValue === "false" ? false : propValue === "" || !!propValue;
+      if (import_app_data7.BUILD.formAssociated && isFormAssociated && typeof propValue === "string") {
+        return propValue === "" || !!propValue;
+      } else {
+        return propValue === "false" ? false : propValue === "" || !!propValue;
+      }
     }
     if (import_app_data7.BUILD.propNumber && propType & 2 /* Number */) {
       return typeof propValue === "string" ? parseFloat(propValue) : typeof propValue === "number" ? propValue : NaN;
@@ -2547,7 +2590,7 @@ var checkSlotFallbackVisibility = false;
 var checkSlotRelocate = false;
 var isSvgMode = false;
 var createElm = (oldParentVNode, newParentVNode, childIndex) => {
-  var _a;
+  var _a, _b;
   const newVNode2 = newParentVNode.$children$[childIndex];
   let i2 = 0;
   let elm;
@@ -2577,6 +2620,11 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
     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("");
+    elm["s-sr"] = true;
+    elm["s-cr"] = contentRef;
+    elm["s-sn"] = newVNode2.$name$ || "";
+    elm["s-rf"] = (_a = newVNode2.$attrs$) == null ? void 0 : _a.ref;
+    patchSlotNode(elm);
     if (import_app_data13.BUILD.vdomAttribute) {
       updateElement(null, newVNode2, isSvgMode);
     }
@@ -2623,11 +2671,13 @@ var createElm = (oldParentVNode, newParentVNode, childIndex) => {
   elm["s-hn"] = hostTagName;
   if (import_app_data13.BUILD.slotRelocation) {
     if (newVNode2.$flags$ & (2 /* isSlotFallback */ | 1 /* isSlotReference */)) {
-      elm["s-sr"] = true;
-      elm["s-cr"] = contentRef;
-      elm["s-sn"] = newVNode2.$name$ || "";
-      elm["s-rf"] = (_a = newVNode2.$attrs$) == null ? void 0 : _a.ref;
-      patchSlotNode(elm);
+      if (!(newVNode2.$flags$ & 1 /* isSlotReference */)) {
+        elm["s-sr"] = true;
+        elm["s-cr"] = contentRef;
+        elm["s-sn"] = newVNode2.$name$ || "";
+        elm["s-rf"] = (_b = newVNode2.$attrs$) == null ? void 0 : _b.ref;
+        patchSlotNode(elm);
+      }
       oldVNode = oldParentVNode && oldParentVNode.$children$ && oldParentVNode.$children$[childIndex];
       if (oldVNode && oldVNode.$tag$ === newVNode2.$tag$ && oldParentVNode.$elm$) {
         if (import_app_data13.BUILD.experimentalSlotFixes) {
@@ -3395,7 +3445,11 @@ var setValue = (ref, propName, newVal, cmpMeta) => {
   const oldVal = hostRef.$instanceValues$.get(propName);
   const flags = hostRef.$flags$;
   const instance = import_app_data15.BUILD.lazyLoad ? hostRef.$lazyInstance$ : elm;
-  newVal = parsePropertyValue(newVal, cmpMeta.$members$[propName][0]);
+  newVal = parsePropertyValue(
+    newVal,
+    cmpMeta.$members$[propName][0],
+    import_app_data15.BUILD.formAssociated && !!(cmpMeta.$flags$ & 64 /* formAssociated */)
+  );
   const areBothNaN = Number.isNaN(oldVal) && Number.isNaN(newVal);
   const didValueChange = newVal !== oldVal && !areBothNaN;
   if ((!import_app_data15.BUILD.lazyLoad || !(flags & 8 /* isConstructingInstance */) || oldVal === void 0) && didValueChange) {
@@ -3533,7 +3587,13 @@ More information: https://stenciljs.com/docs/properties#prop-mutability`
               } else if (!ref.$instanceValues$.get(memberName) && currentValue) {
                 ref.$instanceValues$.set(memberName, currentValue);
               }
-              origSetter.apply(this, [parsePropertyValue(newValue, memberFlags)]);
+              origSetter.apply(this, [
+                parsePropertyValue(
+                  newValue,
+                  memberFlags,
+                  import_app_data16.BUILD.formAssociated && !!(cmpMeta.$flags$ & 64 /* formAssociated */)
+                )
+              ]);
               newValue = memberFlags & 32 /* State */ ? this[memberName] : ref.$hostElement$[memberName];
               setValue(this, memberName, newValue, cmpMeta);
               return;
@@ -3559,7 +3619,11 @@ More information: https://stenciljs.com/docs/properties#prop-mutability`
                 if (!ref.$instanceValues$.get(memberName) && currentValue) {
                   ref.$instanceValues$.set(memberName, currentValue);
                 }
-                ref.$lazyInstance$[memberName] = parsePropertyValue(newValue, memberFlags);
+                ref.$lazyInstance$[memberName] = parsePropertyValue(
+                  newValue,
+                  memberFlags,
+                  import_app_data16.BUILD.formAssociated && !!(cmpMeta.$flags$ & 64 /* formAssociated */)
+                );
                 setValue(this, memberName, ref.$lazyInstance$[memberName], cmpMeta);
               };
               if (ref.$lazyInstance$) {

package/internal/testing/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/internal/testing",
-  "version": "4.33.1-dev.1749534306.36fca61",
+  "version": "4.33.1-dev.1749618190.28e2a06",
   "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.33.1-dev.1749534306.36fca61 | MIT Licensed | https://stenciljs.com
+ Stencil Mock Doc (CommonJS) v4.33.1-dev.1749618190.28e2a06 | MIT Licensed | https://stenciljs.com
  */
 "use strict";
 var __defProp = Object.defineProperty;

package/mock-doc/index.js

@@ -1,5 +1,5 @@
 /*!
- Stencil Mock Doc v4.33.1-dev.1749534306.36fca61 | MIT Licensed | https://stenciljs.com
+ Stencil Mock Doc v4.33.1-dev.1749618190.28e2a06 | 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.33.1-dev.1749534306.36fca61",
+  "version": "4.33.1-dev.1749618190.28e2a06",
   "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.33.1-dev.1749534306.36fca61",
+  "version": "4.33.1-dev.1749618190.28e2a06",
   "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.33.1-dev.1749534306.36fca61 | MIT Licensed | https://stenciljs.com
+ Stencil Screenshot v4.33.1-dev.1749618190.28e2a06 | 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.33.1-dev.1749534306.36fca61",
+  "version": "4.33.1-dev.1749618190.28e2a06",
   "description": "Stencil Screenshot.",
   "main": "./index.js",
   "types": "./index.d.ts",

package/screenshot/pixel-match.js

@@ -1,5 +1,5 @@
 /*
- Stencil Screenshot Pixel Match v4.33.1-dev.1749534306.36fca61 | MIT Licensed | https://stenciljs.com
+ Stencil Screenshot Pixel Match v4.33.1-dev.1749618190.28e2a06 | MIT Licensed | https://stenciljs.com
  */
 "use strict";
 var __create = Object.create;