wj-elements 0.1.220 → 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-B0Lm42bh.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);
     });
@@ -1510,7 +1512,6 @@ class Popup extends WJElement {
   afterDraw() {
     this.setAnchor();
     this.addEventListener("wje-popup:content-ready", () => {
-      debugger;
       this.markContentReady();
     }, { once: true });
     if (this.hasAttribute("active")) this.show(false);
@@ -1763,7 +1764,6 @@ class Popup extends WJElement {
    */
   show(dispatchEvent = true) {
     var _a, _b, _c, _d, _e, _f, _g, _h;
-    debugger;
     if (this.portal) {
       this._mountContentToPortal();
     }
@@ -1801,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");
     }
@@ -1821,4 +1823,4 @@ class Popup extends WJElement {
 export {
   Popup as P
 };
-//# sourceMappingURL=popup.element-B0Lm42bh.js.map
+//# sourceMappingURL=popup.element-CfXgoyrm.js.map