@node-projects/web-component-designer-visualization-addons 0.1.37 → 0.1.39

package/dist/components/EventAssignment.d.ts

@@ -2,7 +2,7 @@ import { BaseCustomWebComponentConstructorAppend } from "@node-projects/base-cus
 import { IContextMenuItem, IDesignItem, IEvent, InstanceServiceContainer } from "@node-projects/web-component-designer";
 import { VisualizationShell } from "../interfaces/VisualizationShell.js";
 import { VisualizationHandler } from "../interfaces/VisualizationHandler.js";
-type scriptType = 'jsdirect' | 'js' | 'script' | 'blockly' | 'none';
+type scriptType = 'jsdirect' | 'js' | 'script' | 'blockly' | 'none' | 'empty';
 export declare class EventAssignment extends BaseCustomWebComponentConstructorAppend {
     static style: CSSStyleSheet;
     static template: HTMLTemplateElement;
@@ -11,6 +11,7 @@ export declare class EventAssignment extends BaseCustomWebComponentConstructorAp
         js: string;
         blockly: string;
         script: string;
+        empty: string;
     };
     static readonly is = "node-projects-visualization-event-assignment";
     constructor();

package/dist/components/EventAssignment.js

@@ -30,6 +30,7 @@ export class EventAssignment extends BaseCustomWebComponentConstructorAppend {
         }
         a {
             cursor: pointer;
+            white-space: nowrap;
         }
         a:hover {
             cursor: pointer;
@@ -55,7 +56,8 @@ export class EventAssignment extends BaseCustomWebComponentConstructorAppend {
     static scriptTypeColors = {
         'js': 'purple',
         'blockly': 'yellow',
-        'script': 'lightgreen'
+        'script': 'lightgreen',
+        'empty': 'pink'
     };
     static is = 'node-projects-visualization-event-assignment';
     constructor() {
@@ -183,6 +185,8 @@ export class EventAssignment extends BaseCustomWebComponentConstructorAppend {
                         return 'script';
                     return 'js';
                 }
+                else if (val == '')
+                    return 'empty';
                 else
                     return 'js';
             }
@@ -201,7 +205,9 @@ export class EventAssignment extends BaseCustomWebComponentConstructorAppend {
     _ctxMenu(e, eventItem) {
         e.preventDefault();
         const evtType = this._getScriptType(eventItem);
-        if (evtType != 'none')
+        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
             this._showContextMenuAssignScript(e, eventItem, true);
@@ -256,11 +262,11 @@ export class EventAssignment extends BaseCustomWebComponentConstructorAppend {
     async _showContextMenuAssignScript(event, eventItem, isCtxMenu) {
         event.preventDefault();
         const evtType = this._getScriptType(eventItem);
-        if (evtType != 'none' && !isCtxMenu) {
+        if (evtType != 'none' && evtType != 'empty' && !isCtxMenu) {
             this._editEvent(evtType, event, eventItem);
         }
         else {
-            const ctxMenu = this._createAssignScriptContextMenu(event, eventItem);
+            let ctxMenu = this._createAssignScriptContextMenu(event, eventItem);
             ContextMenu.show(ctxMenu, event);
         }
     }

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.37",
+  "version": "0.1.39",
   "type": "module",
   "main": "./dist/index.js",
   "author": "jochen.kuehner@gmx.de",