@node-projects/web-component-designer-visualization-addons 0.1.93 → 0.1.95

package/dist/components/EventAssignment.js

@@ -1,5 +1,5 @@
 import { BaseCustomWebComponentConstructorAppend, css, html } from "@node-projects/base-custom-webcomponent";
-import { ContextMenu, PropertiesHelper } from "@node-projects/web-component-designer";
+import { ContextMenu, copyTextToClipboard, getTextFromClipboard, PropertiesHelper } from "@node-projects/web-component-designer";
 import { ParameterEditor } from "./ParameterEditor.js";
 import { BlocklyScriptEditor } from "../blockly/BlocklyScriptEditor.js";
 import { SimpleScriptEditor } from "./SimpleScriptEditor.js";
@@ -41,7 +41,7 @@ export class EventAssignment extends BaseCustomWebComponentConstructorAppend {
         }`;
     static template = html `
         <template repeat:item="[[this.events]]">
-            <div @click="[[this._ctxMenu(event, item)]]" @contextmenu="[[this._ctxMenu(event, item)]]" class="rect" css:background-color="[[this._getScriptTypeColor(item)]]"></div>
+            <div @click="[[this._ctxMenu(event, item)]]" @contextmenu="[[this._ctxMenu(event, item)]]" class="rect" title="[[this._getScriptType(item)]]" css:background-color="[[this._getScriptTypeColor(item)]]"></div>
             <a @click="[[this._showContextMenuAssignScript(event, item, false)]]" @contextmenu="[[this._ctxMenu(event, item)]]" title="[[item.name]]">[[item.name]]</a>
             <div>[[this._createControlsForScript(item)]]</div>
         </template>
@@ -209,8 +209,23 @@ export class EventAssignment extends BaseCustomWebComponentConstructorAppend {
         const evtType = this._getScriptType(eventItem);
         if (evtType == 'empty')
             this._showContextMenuAssignScript(e, eventItem, true);
-        else if (evtType != 'none')
-            ContextMenu.show([{ title: 'remove', action: () => { this.selectedItems[0].removeAttribute('@' + eventItem.name); this._bindingsRefresh(); } }], e);
+        else if (evtType != 'none') {
+            let ctxMenu = [
+                {
+                    title: 'remove',
+                    action: () => { this.selectedItems[0].removeAttribute('@' + eventItem.name); this._bindingsRefresh(); }
+                }, {
+                    title: '-'
+                }, {
+                    title: 'copy',
+                    action: () => { copyTextToClipboard(this.selectedItems[0].getAttribute('@' + eventItem.name)); }
+                }, {
+                    title: 'paste',
+                    action: async () => { this.selectedItems[0].setAttribute('@' + eventItem.name, await getTextFromClipboard()); }
+                }
+            ];
+            ContextMenu.show(ctxMenu, e);
+        }
         else
             this._showContextMenuAssignScript(e, eventItem, true);
     }
@@ -259,6 +274,17 @@ export class EventAssignment extends BaseCustomWebComponentConstructorAppend {
                 action: () => { this.selectedItems[0].removeAttribute('@' + eventItem.name); this._bindingsRefresh(); }
             });
         }
+        if (evtType != 'empty') {
+            ctxMenu.push({
+                title: '-'
+            }, {
+                title: 'copy',
+                action: () => { copyTextToClipboard(this.selectedItems[0].getAttribute('@' + eventItem.name)); }
+            }, {
+                title: 'paste',
+                action: async () => { this.selectedItems[0].setAttribute('@' + eventItem.name, await getTextFromClipboard()); }
+            });
+        }
         return ctxMenu;
     }
     async _showContextMenuAssignScript(event, eventItem, isCtxMenu) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "description": "web-component-designer addon for visualizations",
   "name": "@node-projects/web-component-designer-visualization-addons",
-  "version": "0.1.93",
+  "version": "0.1.95",
   "type": "module",
   "main": "./dist/index.js",
   "author": "jochen.kuehner@gmx.de",