@dotglitch/ngx-common 1.0.7 → 1.0.8

package/fesm2020/dotglitch-ngx-common.mjs

@@ -703,7 +703,7 @@ class MenuDirective {
             el.onclick = this.openMenu.bind(this);
             el.addEventListener('contextmenu', (e) => {
                 e.preventDefault();
-                this.openMenu(e);
+                this.openMenu(e, this.ctxMenuItems);
             });
         }
         if (!this.config?.trigger) {
@@ -715,7 +715,7 @@ class MenuDirective {
                 if (t == "contextmenu") {
                     el.addEventListener(t, (e) => {
                         e.preventDefault();
-                        this.openMenu(e);
+                        this.openMenu(e, this.ctxMenuItems);
                     });
                 }
                 else {
@@ -724,10 +724,11 @@ class MenuDirective {
             });
         }
     }
-    async openMenu(evt) {
+    async openMenu(evt, items = this.menuItems) {
         const el = this.viewContainer.element.nativeElement;
         el.classList.add("ngx-menu-open");
-        return openMenu(this.dialog, this.menuItems, this.data, evt, this.config, el)
+        const isCtxEvent = evt.button == 2;
+        return openMenu(this.dialog, items, this.data, evt, this.config, isCtxEvent ? null : el)
             .then((...res) => {
             el.classList.remove("ngx-menu-open");
             return res;
@@ -778,12 +779,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
             }] } });
 // Helper to open the menu without using the directive.
 const openMenu = async (dialog, menuItems, data, evt, config = {}, el) => {
+    // console.log({ dialog, menuItems, data, evt, config, el });
     evt.preventDefault();
     evt.stopPropagation();
-    const cords = getPosition(el || evt, config, await calcMenuItemBounds(menuItems, data));
-    const specificId = crypto.randomUUID();
+    // Apply defaults.
     if (!config.alignment)
         config.alignment = "start";
+    const cords = getPosition(el || evt, config, await calcMenuItemBounds(menuItems, data));
+    const specificId = crypto.randomUUID();
     return new Promise(res => {
         dialog.open(MenuComponent, {
             data: {