@vaadin/component-base 24.9.4 → 24.9.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/component-base",
-  "version": "24.9.4",
+  "version": "24.9.6",
   "publishConfig": {
     "access": "public"
   },
@@ -38,10 +38,10 @@
     "lit": "^3.0.0"
   },
   "devDependencies": {
-    "@vaadin/chai-plugins": "~24.9.4",
-    "@vaadin/test-runner-commands": "~24.9.4",
+    "@vaadin/chai-plugins": "~24.9.6",
+    "@vaadin/test-runner-commands": "~24.9.6",
     "@vaadin/testing-helpers": "^1.1.0",
     "sinon": "^18.0.0"
   },
-  "gitHead": "7084e972641ef2355ffc281cbd932c070f998ed1"
+  "gitHead": "04dec563d48efd4e5ca0c0b96687302666ee5ab1"
 }

package/src/define.js

@@ -13,7 +13,7 @@ function dashToCamelCase(dash) {
 
 const experimentalMap = {};
 
-export function defineCustomElement(CustomElement, version = '24.9.4') {
+export function defineCustomElement(CustomElement, version = '24.9.6') {
   Object.defineProperty(CustomElement, 'version', {
     get() {
       return version;

package/src/slot-controller.js

@@ -129,6 +129,10 @@ export class SlotController extends EventTarget {
   getSlotChildren() {
     const { slotName } = this;
     return Array.from(this.host.childNodes).filter((node) => {
+      // Ignore nodes with data-slot-ignore attribute
+      if (node.nodeType === Node.ELEMENT_NODE && node.hasAttribute('data-slot-ignore')) {
+        return false;
+      }
       // Either an element (any slot) or a text node (only un-named slot).
       return (
         (node.nodeType === Node.ELEMENT_NODE && node.slot === slotName) ||
@@ -203,7 +207,13 @@ export class SlotController extends EventTarget {
 
       // Calling `slot.assignedNodes()` includes whitespace text nodes in case of default slot:
       // unlike comment nodes, they are not filtered out. So we need to manually ignore them.
-      const newNodes = addedNodes.filter((node) => !isEmptyTextNode(node) && !current.includes(node));
+      // Also ignore nodes with data-slot-ignore attribute.
+      const newNodes = addedNodes.filter(
+        (node) =>
+          !isEmptyTextNode(node) &&
+          !current.includes(node) &&
+          !(node.nodeType === Node.ELEMENT_NODE && node.hasAttribute('data-slot-ignore')),
+      );
 
       if (removedNodes.length) {
         this.nodes = current.filter((node) => !removedNodes.includes(node));