@node-projects/web-component-designer 0.0.125 → 0.0.126

package/dist/elements/widgets/designerView/extensions/contextMenu/MultipleItemsSelectedContextMenu.d.ts

@@ -1,4 +1,4 @@
-import { IContextMenuItem } from "../../../../helper/contextMenu/IContextmenuItem";
+import { IContextMenuItem } from "../../../../helper/contextMenu/IContextMenuItem";
 import { IDesignItem } from "../../../../item/IDesignItem";
 import { IDesignerCanvas } from "../../IDesignerCanvas";
 import { ContextmenuInitiator, IContextMenuExtension } from "./IContextMenuExtension";

package/dist/elements/widgets/designerView/extensions/contextMenu/PathContextMenu.d.ts

@@ -1,4 +1,4 @@
-import { IContextMenuItem } from "../../../../helper/contextMenu/IContextmenuItem";
+import { IContextMenuItem } from "../../../../helper/contextMenu/IContextMenuItem";
 import { IDesignItem } from "../../../../item/IDesignItem";
 import { IDesignerCanvas } from "../../IDesignerCanvas";
 import { ContextmenuInitiator, IContextMenuExtension } from "./IContextMenuExtension";

package/dist/elements/widgets/designerView/extensions/contextMenu/RectContextMenu.d.ts

@@ -1,4 +1,4 @@
-import { IContextMenuItem } from "../../../../helper/contextMenu/IContextmenuItem";
+import { IContextMenuItem } from "../../../../helper/contextMenu/IContextMenuItem";
 import { IDesignItem } from "../../../../item/IDesignItem";
 import { IDesignerCanvas } from "../../IDesignerCanvas";
 import { ContextmenuInitiator, IContextMenuExtension } from "./IContextMenuExtension";

package/dist/elements/widgets/designerView/extensions/contextMenu/RotateLeftAndRightContextMenu.d.ts

@@ -1,4 +1,4 @@
-import { IContextMenuItem } from "../../../../helper/contextMenu/IContextmenuItem";
+import { IContextMenuItem } from "../../../../helper/contextMenu/IContextMenuItem";
 import { IDesignItem } from "../../../../item/IDesignItem";
 import { IDesignerCanvas } from "../../IDesignerCanvas";
 import { ContextmenuInitiator, IContextMenuExtension } from "./IContextMenuExtension";

package/dist/elements/widgets/designerView/extensions/contextMenu/SelectAllChildrenContextMenu.d.ts

@@ -1,4 +1,4 @@
-import { IContextMenuItem } from "../../../../helper/contextMenu/IContextmenuItem";
+import { IContextMenuItem } from "../../../../helper/contextMenu/IContextMenuItem";
 import { IDesignItem } from "../../../../item/IDesignItem";
 import { IDesignerCanvas } from "../../IDesignerCanvas";
 import { ContextmenuInitiator, IContextMenuExtension } from "./IContextMenuExtension";

package/dist/elements/widgets/designerView/extensions/contextMenu/SeperatorContextMenu.d.ts

@@ -1,4 +1,4 @@
-import { IContextMenuItem } from "../../../../helper/contextMenu/IContextmenuItem";
+import { IContextMenuItem } from "../../../../helper/contextMenu/IContextMenuItem";
 import { IDesignItem } from "../../../../item/IDesignItem";
 import { IDesignerCanvas } from "../../IDesignerCanvas";
 import { ContextmenuInitiator, IContextMenuExtension } from "./IContextMenuExtension";

package/dist/elements/widgets/designerView/extensions/contextMenu/ZMoveContextMenu.d.ts

@@ -1,4 +1,4 @@
-import { IContextMenuItem } from "../../../../helper/contextMenu/IContextmenuItem";
+import { IContextMenuItem } from "../../../../helper/contextMenu/IContextMenuItem";
 import { IDesignItem } from "../../../../item/IDesignItem";
 import { IDesignerCanvas } from "../../IDesignerCanvas";
 import { ContextmenuInitiator, IContextMenuExtension } from "./IContextMenuExtension";

package/dist/elements/widgets/designerView/extensions/contextMenu/ZoomToElementContextMenu.d.ts

@@ -1,4 +1,4 @@
-import { IContextMenuItem } from "../../../../helper/contextMenu/IContextmenuItem";
+import { IContextMenuItem } from "../../../../helper/contextMenu/IContextMenuItem";
 import { IDesignItem } from "../../../../item/IDesignItem";
 import { IDesignerCanvas } from "../../IDesignerCanvas";
 import { ContextmenuInitiator, IContextMenuExtension } from "./IContextMenuExtension";

package/dist/elements/widgets/designerView/extensions/svg/PathExtension.js

@@ -2,7 +2,7 @@ import { AbstractExtension } from "../AbstractExtension";
 import "../../../../helper/PathDataPolyfill";
 import { EventNames } from "../../../../../enums/EventNames";
 import { createPathD } from "../../../../helper/PathDataPolyfill";
-import { ContextMenuHelper } from "../../../../helper/contextMenu/ContextMenuHelper";
+import { ContextMenu } from "../../../../helper/contextMenu/ContextMenu";
 export class PathExtension extends AbstractExtension {
     _lastPos;
     _parentRect;
@@ -253,7 +253,7 @@ export class PathExtension extends AbstractExtension {
         circle.addEventListener(EventNames.PointerUp, event => this.pointerEvent(event, circle, p, index));
         circle.addEventListener(EventNames.ContextMenu, event => {
             event.preventDefault();
-            ContextMenuHelper.showContextMenu(null, event, null, items);
+            ContextMenu.show(items, event);
         });
     }
     _drawPathLine(x1, y1, x2, y2) {

package/dist/elements/widgets/designerView/tools/PointerTool.js

@@ -46,7 +46,7 @@ export class PointerTool {
                 if (s.stopEventHandling(designerCanvas, event, currentElement))
                     return;
             }
-        if (event.button == 2) {
+        if (event.button == 2 && event.type == EventNames.PointerDown) {
             this._showContextMenu(event, designerCanvas);
             return;
         }

package/dist/elements/widgets/propertyGrid/PropertyGridPropertyList.js

@@ -1,6 +1,6 @@
 import { BaseCustomWebComponentLazyAppend, css, DomHelper } from '@node-projects/base-custom-webcomponent';
-import { ContextMenuHelper } from '../../helper/contextMenu/ContextMenuHelper';
 import { ValueType } from '../../services/propertiesService/ValueType';
+import { ContextMenu } from '../../helper/contextMenu/ContextMenu';
 export class PropertyGridPropertyList extends BaseCustomWebComponentLazyAppend {
     _div;
     _propertyMap = new Map();
@@ -146,7 +146,7 @@ export class PropertyGridPropertyList extends BaseCustomWebComponentLazyAppend {
             ]);
         }
         ;
-        ContextMenuHelper.showContextMenu(null, event, null, ctxMenu);
+        ContextMenu.show(ctxMenu, event);
     }
     designItemsChanged(designItems) {
         this._designItems = designItems;

package/dist/elements/widgets/treeView/treeViewExtended.d.ts

@@ -3,7 +3,7 @@ import { ITreeView } from './ITreeView';
 import { IDesignItem } from '../../item/IDesignItem';
 import { ISelectionChangedEvent } from '../../services/selectionService/ISelectionChangedEvent';
 import { InstanceServiceContainer } from '../../services/InstanceServiceContainer.js';
-import { ContextMenuHelper } from '../../helper/contextMenu/ContextMenuHelper.js';
+import { ContextMenu } from '../../helper/contextMenu/ContextMenu';
 export declare class TreeViewExtended extends BaseCustomWebComponentConstructorAppend implements ITreeView {
     private _treeDiv;
     private _tree;
@@ -21,7 +21,7 @@ export declare class TreeViewExtended extends BaseCustomWebComponentConstructorA
     _switchLockAtDesignTimeState(img: HTMLImageElement, designItem: IDesignItem): void;
     _showHideAtRunTimeState(img: HTMLImageElement, designItem: IDesignItem): void;
     _switchHideAtRunTimeState(img: HTMLImageElement, designItem: IDesignItem): void;
-    showDesignItemContextMenu(designItem: IDesignItem, event: MouseEvent): ContextMenuHelper;
+    showDesignItemContextMenu(designItem: IDesignItem, event: MouseEvent): ContextMenu;
     ready(): Promise<void>;
     createTree(rootItem: IDesignItem): void;
     set instanceServiceContainer(value: InstanceServiceContainer);

package/dist/elements/widgets/treeView/treeViewExtended.js

@@ -1,7 +1,7 @@
 import { css, html, BaseCustomWebComponentConstructorAppend } from '@node-projects/base-custom-webcomponent';
 import { NodeType } from '../../item/NodeType';
 import { assetsPath } from '../../../Constants';
-import { ContextMenuHelper } from '../../helper/contextMenu/ContextMenuHelper.js';
+import { ContextMenu } from '../../helper/contextMenu/ContextMenu';
 export class TreeViewExtended extends BaseCustomWebComponentConstructorAppend {
     _treeDiv;
     _tree;
@@ -157,7 +157,7 @@ export class TreeViewExtended extends BaseCustomWebComponentConstructorAppend {
                 mnuItems.push(...cme.provideContextMenuItems(event, designItem.instanceServiceContainer.designerCanvas, designItem));
             }
         }
-        let ctxMnu = ContextMenuHelper.showContextMenu(null, event, null, mnuItems);
+        let ctxMnu = ContextMenu.show(mnuItems, event);
         return ctxMnu;
     }
     async ready() {
@@ -185,8 +185,8 @@ export class TreeViewExtended extends BaseCustomWebComponentConstructorAppend {
                 let node = data.node;
                 if (node.tr.children[0]) {
                     let designItem = node.data.ref;
+                    node.tr.oncontextmenu = (e) => this.showDesignItemContextMenu(designItem, e);
                     if (designItem && designItem.nodeType === NodeType.Element && designItem !== designItem.instanceServiceContainer.contentService.rootDesignItem) {
-                        node.tr.oncontextmenu = (e) => this.showDesignItemContextMenu(designItem, e);
                         node.tr.onmouseenter = (e) => designItem.instanceServiceContainer.designerCanvas.showHoverExtension(designItem.element);
                         node.tr.onmouseleave = (e) => designItem.instanceServiceContainer.designerCanvas.showHoverExtension(null);
                         let d = document.createElement("div");

package/dist/index.d.ts

@@ -9,9 +9,9 @@ export * from "./elements/helper/PathDataPolyfill.js";
 export * from "./elements/helper/Screenshot.js";
 export * from "./elements/loader/OldCustomElementsManifestLoader.js";
 export * from "./elements/helper/w3color.js";
-export * from "./elements/helper/contextMenu/ContextMenuHelper.js";
+export * from "./elements/helper/contextMenu/ContextMenu.js";
 export * from "./elements/helper/Helper.js";
-export type { IContextMenuItem } from "./elements/helper/contextMenu/IContextmenuItem.js";
+export type { IContextMenuItem } from "./elements/helper/contextMenu/IContextMenuItem.js";
 export * from "./elements/item/DesignItem.js";
 export type { IDesignItem } from "./elements/item/IDesignItem.js";
 export type { IBinding } from "./elements/item/IBinding.js";

package/dist/index.js

@@ -9,7 +9,7 @@ export * from "./elements/helper/PathDataPolyfill.js";
 export * from "./elements/helper/Screenshot.js";
 export * from "./elements/loader/OldCustomElementsManifestLoader.js";
 export * from "./elements/helper/w3color.js";
-export * from "./elements/helper/contextMenu/ContextMenuHelper.js";
+export * from "./elements/helper/contextMenu/ContextMenu.js";
 export * from "./elements/helper/Helper.js";
 export * from "./elements/item/DesignItem.js";
 export * from "./elements/item/BindingMode.js";

package/package.json

@@ -1,7 +1,7 @@
 {
   "description": "A UI designer for Polymer apps",
   "name": "@node-projects/web-component-designer",
-  "version": "0.0.125",
+  "version": "0.0.126",
   "type": "module",
   "main": "./dist/index.js",
   "author": "",