@vaadin/component-base 24.1.0 → 24.2.0-alpha1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/component-base",
-  "version": "24.1.0",
+  "version": "24.2.0-alpha1",
   "publishConfig": {
     "access": "public"
   },
@@ -39,8 +39,8 @@
   },
   "devDependencies": {
     "@esm-bundle/chai": "^4.3.4",
-    "@vaadin/testing-helpers": "^0.4.0",
+    "@vaadin/testing-helpers": "^0.4.2",
     "sinon": "^13.0.2"
   },
-  "gitHead": "7fdfe7d5ceb4c305a894f8e9dc11e5b7d04cf1f2"
+  "gitHead": "0dbb118320203ab6c0c07450a3e718815367589f"
 }

package/src/dom-utils.d.ts

@@ -13,6 +13,12 @@
  */
 export function getAncestorRootNodes(node: Node): Node[];
 
+/**
+ * Traverses the given node and its parents, including those that are across
+ * the shadow root boundaries, until it finds a node that matches the selector.
+ */
+export function getClosestElement(selector: string, node: Node): Node | null;
+
 /**
  * Takes a string with values separated by space and returns a set the values
  */

package/src/dom-utils.js

@@ -40,6 +40,22 @@ export function getAncestorRootNodes(node) {
   return result;
 }
 
+/**
+ * Traverses the given node and its parents, including those that are across
+ * the shadow root boundaries, until it finds a node that matches the selector.
+ *
+ * @param {string} selector The CSS selector to match against
+ * @param {Node} node The starting node for the traversal
+ * @return {Node | null} The closest matching element, or null if no match is found
+ */
+export function getClosestElement(selector, node) {
+  if (!node) {
+    return null;
+  }
+
+  return node.closest(selector) || getClosestElement(selector, node.getRootNode().host);
+}
+
 /**
  * Takes a string with values separated by space and returns a set the values
  *

package/src/element-mixin.js

@@ -45,7 +45,7 @@ const registered = new Set();
 export const ElementMixin = (superClass) =>
   class VaadinElementMixin extends DirMixin(superClass) {
     static get version() {
-      return '24.1.0';
+      return '24.2.0-alpha1';
     }
 
     /** @protected */

package/src/slot-controller.js

@@ -81,8 +81,10 @@ export class SlotController extends EventTarget {
 
     if (children.length === 0) {
       const defaultNode = this.attachDefaultNode();
-      this.nodes = [defaultNode];
-      this.initNode(defaultNode);
+      if (defaultNode) {
+        this.nodes = [defaultNode];
+        this.initNode(defaultNode);
+      }
     } else {
       this.nodes = children;
       children.forEach((node) => {
@@ -205,6 +207,8 @@ export class SlotController extends EventTarget {
       const newNodes = info.addedNodes.filter((node) => !isEmptyTextNode(node) && !current.includes(node));
 
       if (info.removedNodes.length) {
+        this.nodes = current.filter((node) => !info.removedNodes.includes(node));
+
         info.removedNodes.forEach((node) => {
           this.teardownNode(node);
         });

package/src/url-utils.d.ts

@@ -0,0 +1,10 @@
+/**
+ * @license
+ * Copyright (c) 2023 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */
+
+/**
+ * Check if two paths match
+ */
+export declare function matchPaths(path1: string, path2: string): boolean;

package/src/url-utils.js

@@ -0,0 +1,16 @@
+/**
+ * @license
+ * Copyright (c) 2023 Vaadin Ltd.
+ * This program is available under Apache License Version 2.0, available at https://vaadin.com/license/
+ */
+
+/**
+ * Check if two paths match
+ *
+ * @param {string} path1
+ * @param {string} path2
+ */
+export function matchPaths(path1, path2) {
+  const base = document.baseURI;
+  return new URL(path1, base).pathname === new URL(path2, base).pathname;
+}