@stencil/core 4.35.1-dev.1750395747.dcb189d → 4.35.1-dev.1750455125.b359bb3

package/internal/hydrate/index.js

@@ -1,5 +1,5 @@
 /*
- Stencil Hydrate Platform v4.35.1-dev.1750395747.dcb189d | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Platform v4.35.1-dev.1750455125.b359bb3 | MIT Licensed | https://stenciljs.com
  */
 var __defProp = Object.defineProperty;
 var __export = (target, all) => {
@@ -411,8 +411,19 @@ 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;
+  console.log("\u{1F527} patchSlotNode called for:", node);
+  if (node.assignedElements || node.assignedNodes || !node["s-sr"]) {
+    console.log("\u274C patchSlotNode: already patched or not a slot reference");
+    return;
+  }
+  console.log("\u2705 patchSlotNode: proceeding with patching");
   const assignedFactory = (elementsOnly) => (function(opts) {
+    var _a, _b;
+    console.log("\u{1F3ED} assignedFactory called:", {
+      elementsOnly,
+      slotName: this["s-sn"],
+      parentElement: (_b = (_a = this["s-cr"]) == null ? void 0 : _a.parentElement) == null ? void 0 : _b.tagName
+    });
     const toReturn = [];
     const slotName = this["s-sn"];
     if (opts == null ? void 0 : opts.flatten) {
@@ -424,11 +435,30 @@ function patchSlotNode(node) {
     }
     const parent = this["s-cr"].parentElement;
     const slottedNodes = parent.__childNodes ? parent.childNodes : getSlottedChildNodes(parent.childNodes);
+    console.log("\u{1F50D} Processing slotted nodes:", {
+      count: slottedNodes.length,
+      nodes: Array.from(slottedNodes).map((n) => ({ tagName: n.tagName, nodeType: n.nodeType }))
+    });
     slottedNodes.forEach((n) => {
+      console.log("\u{1F50D} Checking node:", {
+        tagName: n.tagName,
+        nodeType: n.nodeType,
+        slotName: getSlotName(n),
+        targetSlotName: slotName
+      });
       if (slotName === getSlotName(n)) {
+        console.log("\u2705 Node matches slot, adding to return array");
         toReturn.push(n);
+        patchSlottedShadowDomEvents(n, parent);
+      } else {
+        console.log("\u274C Node does not match slot");
       }
     });
+    console.log("\u{1F3ED} assignedFactory returning:", {
+      count: toReturn.length,
+      elementsOnly,
+      nodes: toReturn.map((n) => ({ tagName: n.tagName, nodeType: n.nodeType }))
+    });
     if (elementsOnly) {
       return toReturn.filter((n) => n.nodeType === 1 /* ElementNode */);
     }
@@ -437,6 +467,70 @@ function patchSlotNode(node) {
   node.assignedElements = assignedFactory(true);
   node.assignedNodes = assignedFactory(false);
 }
+function patchSlottedShadowDomEvents(slottedNode, parentHost) {
+  var _a, _b, _c;
+  console.log("\u{1F50D} patchSlottedShadowDomEvents called:", {
+    slottedNode: slottedNode.tagName,
+    parentHost: parentHost.tagName,
+    nodeType: slottedNode.nodeType,
+    isElement: slottedNode.nodeType === 1 /* ElementNode */
+  });
+  if (slottedNode.nodeType !== 1 /* ElementNode */) {
+    console.log("\u274C Not an element node, skipping");
+    return;
+  }
+  const element = slottedNode;
+  console.log("\u{1F50D} Element details:", {
+    tagName: element.tagName,
+    hasHyphen: (_a = element.tagName) == null ? void 0 : _a.includes("-"),
+    hasShadowRoot: !!element.shadowRoot,
+    parentHasShadowRoot: !!parentHost.shadowRoot
+  });
+  if (!((_b = element.tagName) == null ? void 0 : _b.includes("-")) || !element.shadowRoot || parentHost.shadowRoot) {
+    console.log("\u274C Conditions not met for patching:", {
+      hasHyphen: (_c = element.tagName) == null ? void 0 : _c.includes("-"),
+      hasShadowRoot: !!element.shadowRoot,
+      parentHasShadowRoot: !!parentHost.shadowRoot
+    });
+    return;
+  }
+  if (element.__stencilSlotEventPatched) {
+    console.log("\u26A0\uFE0F Already patched, skipping");
+    return;
+  }
+  console.log("\u2705 Patching element:", element.tagName);
+  element.__stencilSlotEventPatched = true;
+  const originalDispatchEvent = element.dispatchEvent;
+  element.dispatchEvent = function(event) {
+    var _a2;
+    console.log("\u{1F3AF} dispatchEvent called:", {
+      type: event.type,
+      target: (_a2 = event.target) == null ? void 0 : _a2.tagName,
+      bubbles: event.bubbles,
+      composed: event.composed
+    });
+    if ((event.type === "focus" || event.type === "blur") && event.bubbles) {
+      console.log("\u{1F6D1} Intercepting focus/blur event, creating non-bubbling version");
+      const nonBubblingEvent = new event.constructor(event.type, {
+        ...event,
+        bubbles: false,
+        composed: event.composed
+      });
+      Object.keys(event).forEach((key) => {
+        if (key !== "bubbles" && key !== "type") {
+          try {
+            nonBubblingEvent[key] = event[key];
+          } catch (e) {
+          }
+        }
+      });
+      console.log("\u{1F4E4} Dispatching non-bubbling event");
+      return originalDispatchEvent.call(this, nonBubblingEvent);
+    }
+    console.log("\u{1F4E4} Dispatching original event");
+    return originalDispatchEvent.call(this, event);
+  };
+}
 function dispatchSlotChangeEvent(elm) {
   elm.dispatchEvent(new CustomEvent("slotchange", { bubbles: false, cancelable: false, composed: false }));
 }
@@ -781,17 +875,67 @@ var patchPreviousElementSibling = (element) => {
   });
 };
 var patchParentNode = (node) => {
+  var _a;
   if (!node || node.__parentNode) return;
   patchHostOriginalAccessor("parentNode", node);
   Object.defineProperty(node, "parentNode", {
     get: function() {
-      var _a;
-      return ((_a = this["s-ol"]) == null ? void 0 : _a.parentNode) || this.__parentNode;
+      var _a2;
+      return ((_a2 = this["s-ol"]) == null ? void 0 : _a2.parentNode) || this.__parentNode;
     },
     set: function(value) {
       this.__parentNode = value;
     }
   });
+  if (node.nodeType === 1 /* ELEMENT_NODE */) {
+    const element = node;
+    if (((_a = element.tagName) == null ? void 0 : _a.includes("-")) && element.shadowRoot) {
+      if (BUILD4.isDev) {
+        console.log("\u{1F527} Patching focus method for slotted shadow DOM element:", element.tagName);
+      }
+      const originalFocus = element.focus.bind(element);
+      const originalDispatchEvent = element.dispatchEvent.bind(element);
+      const originalAddEventListener = element.addEventListener.bind(element);
+      let lastFocusTime = 0;
+      const blurSuppressionWindow = 200;
+      const blurListeners = [];
+      element.focus = function(options) {
+        lastFocusTime = Date.now();
+        originalFocus(options);
+      };
+      element.addEventListener = function(type, listener, options) {
+        if (type === "blur") {
+          const wrappedListener = function(event) {
+            const now = Date.now();
+            const timeSinceFocus = now - lastFocusTime;
+            if (timeSinceFocus < blurSuppressionWindow && lastFocusTime > 0) {
+              if (BUILD4.isDev) {
+                console.log("\u{1F6D1} Suppressing erroneous blur event - happened too soon after focus");
+              }
+              return;
+            }
+            listener.call(this, event);
+          };
+          blurListeners.push({ listener, options });
+          return originalAddEventListener.call(this, type, wrappedListener, options);
+        }
+        return originalAddEventListener.call(this, type, listener, options);
+      };
+      element.dispatchEvent = function(event) {
+        if (event.type === "blur") {
+          const now = Date.now();
+          const timeSinceFocus = now - lastFocusTime;
+          if (timeSinceFocus < blurSuppressionWindow && lastFocusTime > 0) {
+            if (BUILD4.isDev) {
+              console.log("\u{1F6D1} Preventing erroneous blur dispatchEvent - happened too soon after focus");
+            }
+            return true;
+          }
+        }
+        return originalDispatchEvent(event);
+      };
+    }
+  }
 };
 var validElementPatches = ["children", "nextElementSibling", "previousElementSibling"];
 var validNodesPatches = [

package/internal/hydrate/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/internal/hydrate",
-  "version": "4.35.1-dev.1750395747.dcb189d",
+  "version": "4.35.1-dev.1750455125.b359bb3",
   "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.35.1-dev.1750395747.dcb189d | MIT Licensed | https://stenciljs.com
+ Stencil Hydrate Runner v4.35.1-dev.1750455125.b359bb3 | 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.35.1-dev.1750395747.dcb189d",
+  "version": "4.35.1-dev.1750455125.b359bb3",
   "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

@@ -756,8 +756,19 @@ 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;
+  console.log("\u{1F527} patchSlotNode called for:", node);
+  if (node.assignedElements || node.assignedNodes || !node["s-sr"]) {
+    console.log("\u274C patchSlotNode: already patched or not a slot reference");
+    return;
+  }
+  console.log("\u2705 patchSlotNode: proceeding with patching");
   const assignedFactory = (elementsOnly) => (function(opts) {
+    var _a, _b;
+    console.log("\u{1F3ED} assignedFactory called:", {
+      elementsOnly,
+      slotName: this["s-sn"],
+      parentElement: (_b = (_a = this["s-cr"]) == null ? void 0 : _a.parentElement) == null ? void 0 : _b.tagName
+    });
     const toReturn = [];
     const slotName = this["s-sn"];
     if (opts == null ? void 0 : opts.flatten) {
@@ -769,11 +780,30 @@ function patchSlotNode(node) {
     }
     const parent = this["s-cr"].parentElement;
     const slottedNodes = parent.__childNodes ? parent.childNodes : getSlottedChildNodes(parent.childNodes);
+    console.log("\u{1F50D} Processing slotted nodes:", {
+      count: slottedNodes.length,
+      nodes: Array.from(slottedNodes).map((n) => ({ tagName: n.tagName, nodeType: n.nodeType }))
+    });
     slottedNodes.forEach((n) => {
+      console.log("\u{1F50D} Checking node:", {
+        tagName: n.tagName,
+        nodeType: n.nodeType,
+        slotName: getSlotName(n),
+        targetSlotName: slotName
+      });
       if (slotName === getSlotName(n)) {
+        console.log("\u2705 Node matches slot, adding to return array");
         toReturn.push(n);
+        patchSlottedShadowDomEvents(n, parent);
+      } else {
+        console.log("\u274C Node does not match slot");
       }
     });
+    console.log("\u{1F3ED} assignedFactory returning:", {
+      count: toReturn.length,
+      elementsOnly,
+      nodes: toReturn.map((n) => ({ tagName: n.tagName, nodeType: n.nodeType }))
+    });
     if (elementsOnly) {
       return toReturn.filter((n) => n.nodeType === 1 /* ElementNode */);
     }
@@ -782,6 +812,70 @@ function patchSlotNode(node) {
   node.assignedElements = assignedFactory(true);
   node.assignedNodes = assignedFactory(false);
 }
+function patchSlottedShadowDomEvents(slottedNode, parentHost) {
+  var _a, _b, _c;
+  console.log("\u{1F50D} patchSlottedShadowDomEvents called:", {
+    slottedNode: slottedNode.tagName,
+    parentHost: parentHost.tagName,
+    nodeType: slottedNode.nodeType,
+    isElement: slottedNode.nodeType === 1 /* ElementNode */
+  });
+  if (slottedNode.nodeType !== 1 /* ElementNode */) {
+    console.log("\u274C Not an element node, skipping");
+    return;
+  }
+  const element = slottedNode;
+  console.log("\u{1F50D} Element details:", {
+    tagName: element.tagName,
+    hasHyphen: (_a = element.tagName) == null ? void 0 : _a.includes("-"),
+    hasShadowRoot: !!element.shadowRoot,
+    parentHasShadowRoot: !!parentHost.shadowRoot
+  });
+  if (!((_b = element.tagName) == null ? void 0 : _b.includes("-")) || !element.shadowRoot || parentHost.shadowRoot) {
+    console.log("\u274C Conditions not met for patching:", {
+      hasHyphen: (_c = element.tagName) == null ? void 0 : _c.includes("-"),
+      hasShadowRoot: !!element.shadowRoot,
+      parentHasShadowRoot: !!parentHost.shadowRoot
+    });
+    return;
+  }
+  if (element.__stencilSlotEventPatched) {
+    console.log("\u26A0\uFE0F Already patched, skipping");
+    return;
+  }
+  console.log("\u2705 Patching element:", element.tagName);
+  element.__stencilSlotEventPatched = true;
+  const originalDispatchEvent = element.dispatchEvent;
+  element.dispatchEvent = function(event) {
+    var _a2;
+    console.log("\u{1F3AF} dispatchEvent called:", {
+      type: event.type,
+      target: (_a2 = event.target) == null ? void 0 : _a2.tagName,
+      bubbles: event.bubbles,
+      composed: event.composed
+    });
+    if ((event.type === "focus" || event.type === "blur") && event.bubbles) {
+      console.log("\u{1F6D1} Intercepting focus/blur event, creating non-bubbling version");
+      const nonBubblingEvent = new event.constructor(event.type, {
+        ...event,
+        bubbles: false,
+        composed: event.composed
+      });
+      Object.keys(event).forEach((key) => {
+        if (key !== "bubbles" && key !== "type") {
+          try {
+            nonBubblingEvent[key] = event[key];
+          } catch (e) {
+          }
+        }
+      });
+      console.log("\u{1F4E4} Dispatching non-bubbling event");
+      return originalDispatchEvent.call(this, nonBubblingEvent);
+    }
+    console.log("\u{1F4E4} Dispatching original event");
+    return originalDispatchEvent.call(this, event);
+  };
+}
 function dispatchSlotChangeEvent(elm) {
   elm.dispatchEvent(new CustomEvent("slotchange", { bubbles: false, cancelable: false, composed: false }));
 }
@@ -1126,17 +1220,67 @@ var patchPreviousElementSibling = (element) => {
   });
 };
 var patchParentNode = (node) => {
+  var _a;
   if (!node || node.__parentNode) return;
   patchHostOriginalAccessor("parentNode", node);
   Object.defineProperty(node, "parentNode", {
     get: function() {
-      var _a;
-      return ((_a = this["s-ol"]) == null ? void 0 : _a.parentNode) || this.__parentNode;
+      var _a2;
+      return ((_a2 = this["s-ol"]) == null ? void 0 : _a2.parentNode) || this.__parentNode;
     },
     set: function(value) {
       this.__parentNode = value;
     }
   });
+  if (node.nodeType === 1 /* ELEMENT_NODE */) {
+    const element = node;
+    if (((_a = element.tagName) == null ? void 0 : _a.includes("-")) && element.shadowRoot) {
+      if (import_app_data3.BUILD.isDev) {
+        console.log("\u{1F527} Patching focus method for slotted shadow DOM element:", element.tagName);
+      }
+      const originalFocus = element.focus.bind(element);
+      const originalDispatchEvent = element.dispatchEvent.bind(element);
+      const originalAddEventListener = element.addEventListener.bind(element);
+      let lastFocusTime = 0;
+      const blurSuppressionWindow = 200;
+      const blurListeners = [];
+      element.focus = function(options) {
+        lastFocusTime = Date.now();
+        originalFocus(options);
+      };
+      element.addEventListener = function(type, listener, options) {
+        if (type === "blur") {
+          const wrappedListener = function(event) {
+            const now = Date.now();
+            const timeSinceFocus = now - lastFocusTime;
+            if (timeSinceFocus < blurSuppressionWindow && lastFocusTime > 0) {
+              if (import_app_data3.BUILD.isDev) {
+                console.log("\u{1F6D1} Suppressing erroneous blur event - happened too soon after focus");
+              }
+              return;
+            }
+            listener.call(this, event);
+          };
+          blurListeners.push({ listener, options });
+          return originalAddEventListener.call(this, type, wrappedListener, options);
+        }
+        return originalAddEventListener.call(this, type, listener, options);
+      };
+      element.dispatchEvent = function(event) {
+        if (event.type === "blur") {
+          const now = Date.now();
+          const timeSinceFocus = now - lastFocusTime;
+          if (timeSinceFocus < blurSuppressionWindow && lastFocusTime > 0) {
+            if (import_app_data3.BUILD.isDev) {
+              console.log("\u{1F6D1} Preventing erroneous blur dispatchEvent - happened too soon after focus");
+            }
+            return true;
+          }
+        }
+        return originalDispatchEvent(event);
+      };
+    }
+  }
 };
 var validElementPatches = ["children", "nextElementSibling", "previousElementSibling"];
 var validNodesPatches = [

package/internal/testing/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stencil/core/internal/testing",
-  "version": "4.35.1-dev.1750395747.dcb189d",
+  "version": "4.35.1-dev.1750455125.b359bb3",
   "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.35.1-dev.1750395747.dcb189d | MIT Licensed | https://stenciljs.com
+ Stencil Mock Doc (CommonJS) v4.35.1-dev.1750455125.b359bb3 | MIT Licensed | https://stenciljs.com
  */
 "use strict";
 var __defProp = Object.defineProperty;

package/mock-doc/index.js

@@ -1,5 +1,5 @@
 /*!
- Stencil Mock Doc v4.35.1-dev.1750395747.dcb189d | MIT Licensed | https://stenciljs.com
+ Stencil Mock Doc v4.35.1-dev.1750455125.b359bb3 | 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.35.1-dev.1750395747.dcb189d",
+  "version": "4.35.1-dev.1750455125.b359bb3",
   "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.35.1-dev.1750395747.dcb189d",
+  "version": "4.35.1-dev.1750455125.b359bb3",
   "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.35.1-dev.1750395747.dcb189d | MIT Licensed | https://stenciljs.com
+ Stencil Screenshot v4.35.1-dev.1750455125.b359bb3 | 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.35.1-dev.1750395747.dcb189d",
+  "version": "4.35.1-dev.1750455125.b359bb3",
   "description": "Stencil Screenshot.",
   "main": "./index.js",
   "types": "./index.d.ts",

package/screenshot/pixel-match.js

@@ -1,5 +1,5 @@
 /*
- Stencil Screenshot Pixel Match v4.35.1-dev.1750395747.dcb189d | MIT Licensed | https://stenciljs.com
+ Stencil Screenshot Pixel Match v4.35.1-dev.1750455125.b359bb3 | MIT Licensed | https://stenciljs.com
  */
 "use strict";
 var __create = Object.create;