@dotglitch/ngx-common 1.0.5 → 1.0.7

package/fesm2020/dotglitch-ngx-common.mjs

@@ -517,10 +517,10 @@ class MenuComponent {
                 }
         });
         // Show the icon column if there are any items with an icon
-        this.showIconColumn = !!this.items.find(i => typeof i == "object" &&
+        this.showIconColumn = !!this.items?.find(i => typeof i == "object" &&
             typeof i['icon'] == "string" &&
             i['icon'].length > 2);
-        this.showShortcutColumn = !!this.items.find(i => typeof i == "object" &&
+        this.showShortcutColumn = !!this.items?.find(i => typeof i == "object" &&
             typeof i['shortcut'] == "string" &&
             i['shortcut'].length > 2);
         // setTimeout(() => {
@@ -707,7 +707,6 @@ class MenuDirective {
             });
         }
         if (!this.config?.trigger) {
-            el.onclick = this.openMenu.bind(this);
             el.addEventListener('click', this.openMenu.bind(this));
         }
         else {
@@ -728,7 +727,7 @@ class MenuDirective {
     async openMenu(evt) {
         const el = this.viewContainer.element.nativeElement;
         el.classList.add("ngx-menu-open");
-        return openMenu(this.dialog, this.menuItems, this.data, evt, this.config)
+        return openMenu(this.dialog, this.menuItems, this.data, evt, this.config, el)
             .then((...res) => {
             el.classList.remove("ngx-menu-open");
             return res;
@@ -778,10 +777,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
                 args: ["ngx-menu-config"]
             }] } });
 // Helper to open the menu without using the directive.
-const openMenu = async (dialog, menuItems, data, evt, config = {}) => {
+const openMenu = async (dialog, menuItems, data, evt, config = {}, el) => {
     evt.preventDefault();
     evt.stopPropagation();
-    const cords = getPosition(evt, config, await calcMenuItemBounds(menuItems, data));
+    const cords = getPosition(el || evt, config, await calcMenuItemBounds(menuItems, data));
     const specificId = crypto.randomUUID();
     if (!config.alignment)
         config.alignment = "start";