wj-elements 0.1.221 → 0.1.222

package/dist/packages/wje-dropdown/dropdown.element.d.ts

@@ -52,11 +52,16 @@ export default class Dropdown extends WJElement {
      */
     draw(): DocumentFragment;
     anchorSlot: HTMLSlotElement;
-    popupHideCallback: (e: any) => void;
     /**
      * Adds event listeners for the mouseenter and mouseleave events.
      */
     afterDraw(): void;
+    popupHideCallback: (e: any) => void;
+    /**
+     * Handles delegated clicks from inside the popup and closes the dropdown when a leaf menu item is selected.
+     * This works even when the menu is portaled, because we rely on the composed path.
+     */
+    onMenuItemClick: (e: any) => void;
     /**
      * @summary Toggles the dropdown element between active and inactive states.
      * Calls the `onOpen` method if the element is currently inactive,
@@ -81,4 +86,5 @@ export default class Dropdown extends WJElement {
     beforeClose: () => void;
     afterClose: () => void;
     onClose: () => void;
+    #private;
 }

package/dist/{popup.element-DmYw9KXv.js → popup.element-CfXgoyrm.js}

@@ -1385,7 +1385,9 @@ class Popup extends WJElement {
       this.showHide();
     });
     __publicField(this, "clickHandler", (e) => {
-      const path = e.composedPath();
+      const path = typeof e.composedPath === "function" ? e.composedPath() : [];
+      const isMenuClick = path.some((n) => n && (n.tagName === "WJE-MENU-ITEM" || n.tagName === "WJE-MENU" || n.tagName === "WJE-DROPDOWN"));
+      if (isMenuClick) return;
       const inside = path.includes(this) || this.floatingEl && path.includes(this.floatingEl);
       if (!inside && this.hasAttribute("active")) this.hide(true);
     });
@@ -1799,7 +1801,9 @@ class Popup extends WJElement {
     (_c = this.cleanup) == null ? void 0 : _c.call(this);
     this.cleanup = void 0;
     document.removeEventListener("click", this.clickHandler, { capture: true });
-    this._restoreContentFromPortal();
+    if (this.portal && this._portaled) {
+      this._restoreContentFromPortal();
+    }
     if (this.hasAttribute("active")) {
       this.removeAttribute("active");
     }
@@ -1819,4 +1823,4 @@ class Popup extends WJElement {
 export {
   Popup as P
 };
-//# sourceMappingURL=popup.element-DmYw9KXv.js.map
+//# sourceMappingURL=popup.element-CfXgoyrm.js.map