@node-projects/web-component-designer-visualization-addons 0.1.72 → 0.1.74

package/dist/scripting/ScriptCommands.d.ts

@@ -196,19 +196,20 @@ export interface SetElementProperty {
      */
     target: 'property' | 'attribute' | 'css' | 'class';
     /**
-     * where to search for the elements.
-     * element
+     * where to search for the elements (used as a start)
+     * element = currentElement
      * container = screen or customControl
      * @default container
      */
     targetSelectorTarget: 'container' | 'element';
     /**
      * wich parent, 0 = current, 1 = first parent, 2 = ...
+     * of the targetSelectorTarget
      * @default 0
      */
     parentIndex: number;
     /**
-     * css selector to find elements, if empty the targetSelectorTarget is used
+     * css selector to find elements on targetSelectorTarget, if empty the targetSelectorTarget directly is used
      */
     targetSelector: string;
     /**

package/dist/scripting/ScriptSystem.js

@@ -100,12 +100,12 @@ export class ScriptSystem {
                 break;
             }
             case 'Delay': {
-                const value = await this.getValue(command.value, context);
+                const value = await this.getValue(command.value ?? 500, context);
                 await sleep(value);
                 break;
             }
             case 'Console': {
-                const target = await this.getValue(command.target, context);
+                const target = await this.getValue(command.target ?? 'log', context);
                 const message = await this.getValue(command.message, context);
                 console[target](message);
                 break;
@@ -143,16 +143,18 @@ export class ScriptSystem {
             }
             case 'SetBitInSignal': {
                 const signal = await this.getValue(command.signal, context);
+                const bitNumber = await this.getValue(command.bitNumber ?? 0, context);
                 let state = await this._visualizationHandler.getState(this.getSignaName(signal, context));
-                let mask = Long.fromNumber(1).shiftLeft(command.bitNumber);
+                let mask = Long.fromNumber(1).shiftLeft(bitNumber);
                 const newVal = Long.fromNumber(state.val).or(mask).toNumber();
                 await this._visualizationHandler.setState(this.getSignaName(signal, context), newVal);
                 break;
             }
             case 'ClearBitInSignal': {
                 const signal = await this.getValue(command.signal, context);
+                const bitNumber = await this.getValue(command.bitNumber ?? 0, context);
                 let state = await this._visualizationHandler.getState(this.getSignaName(signal, context));
-                let mask = Long.fromNumber(1).shiftLeft(command.bitNumber);
+                let mask = Long.fromNumber(1).shiftLeft(bitNumber);
                 mask.negate();
                 const newVal = Long.fromNumber(state.val).and(mask).toNumber();
                 await this._visualizationHandler.setState(this.getSignaName(signal, context), newVal);
@@ -160,8 +162,9 @@ export class ScriptSystem {
             }
             case 'ToggleBitInSignal': {
                 const signal = await this.getValue(command.signal, context);
+                const bitNumber = await this.getValue(command.bitNumber ?? 0, context);
                 let state = await this._visualizationHandler.getState(this.getSignaName(signal, context));
-                let mask = Long.fromNumber(1).shiftLeft(command.bitNumber);
+                let mask = Long.fromNumber(1).shiftLeft(bitNumber);
                 const newVal = Long.fromNumber(state.val).xor(mask).toNumber();
                 await this._visualizationHandler.setState(this.getSignaName(signal, context), newVal);
                 break;
@@ -181,23 +184,27 @@ export class ScriptSystem {
                 command = ScriptUpgrades.upgradeSetElementProperty(command);
                 const name = await this.getValue(command.name, context);
                 const value = await this.getValue(command.value, context);
-                const parentIndex = await this.getValue(command.parentIndex, context);
-                let elements = this.getTargetFromTargetSelector(context, command.targetSelectorTarget, parentIndex, command.targetSelector);
+                const parentIndex = await this.getValue(command.parentIndex ?? 0, context);
+                const target = await this.getValue(command.target ?? 'property', context);
+                const targetSelectorTarget = await this.getValue(command.targetSelectorTarget ?? 'property', context);
+                const targetSelector = await this.getValue(command.targetSelector ?? 'container', context);
+                const mode = await this.getValue(command.mode, context);
+                let elements = this.getTargetFromTargetSelector(context, targetSelectorTarget, parentIndex, targetSelector);
                 for (let e of elements) {
-                    if (command.target == 'attribute') {
+                    if (target == 'attribute') {
                         e.setAttribute(name, value);
                     }
-                    else if (command.target == 'property') {
+                    else if (target == 'property') {
                         e[name] = value;
                     }
-                    else if (command.target == 'css') {
+                    else if (target == 'css') {
                         e.style[name] = value;
                     }
-                    else if (command.target == 'class') {
-                        if (command.mode === 'toggle') {
+                    else if (target == 'class') {
+                        if (mode === 'toggle') {
                             e.classList.toggle(value);
                         }
-                        else if (command.mode === 'remove') {
+                        else if (mode === 'remove') {
                             e.classList.remove(value);
                         }
                         else {

package/dist/services/VisualizationBindingsService.d.ts

@@ -3,6 +3,7 @@ import { BindingsHelper } from "../helpers/BindingsHelper.js";
 export declare class VisualizationBindingsService implements IBindingService {
     constructor(bindingsHelper: BindingsHelper);
     private _bindingsHelper;
+    static type: string;
     getBindings(designItem: IDesignItem): (IBinding & {
         converter: Record<string, any>;
     })[];

package/dist/services/VisualizationBindingsService.js

@@ -4,6 +4,7 @@ export class VisualizationBindingsService {
         this._bindingsHelper = bindingsHelper;
     }
     _bindingsHelper;
+    static type = 'visualization-binding';
     getBindings(designItem) {
         const iobBindings = Array.from(this._bindingsHelper.getBindings(designItem.element));
         return iobBindings.map(x => ({
@@ -15,7 +16,9 @@ export class VisualizationBindingsService {
             expression: x[1].expression,
             expressionTwoWay: x[1].expressionTwoWay,
             converter: x[1].converter,
-            type: x[1].type,
+            //type: x[1].type,
+            type: VisualizationBindingsService.type,
+            service: this,
             changedEvents: x[1].events,
             historic: x[1].historic,
             writeBackSignal: x[1].writeBackSignal,

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