@node-projects/web-component-designer-visualization-addons 0.1.127 → 0.1.128

package/dist/components/SimpleScriptEditor.js

@@ -207,7 +207,7 @@ export class SimpleScriptEditor extends BaseCustomWebComponentConstructorAppend
     }
     //Converter from TypscriptJsonSchema to our Property list...
     async addPossibleCommands() {
-        let commands = Object.keys(this.scriptCommandsTypeInfo.definitions);
+        let commands = Object.keys(this.scriptCommandsTypeInfo.definitions).filter(x => this.scriptCommandsTypeInfo.definitions[x].type == 'object');
         for (let c of commands) {
             if (c == 'ScriptCommands')
                 continue;

package/dist/interfaces/IScriptMultiplexValue.d.ts

@@ -8,8 +8,9 @@ export declare class IScriptMultiplexValue {
     * complexString - a string with signals (contained in {})
     * complexSignal - read the value from a signal wich name is build here (it can contain other signals in {})
     * expression - js expression, 'ctx' is context object
+    * elementProperty - a property defined on the element raising the event
     */
-    source: 'signal' | 'property' | 'event' | 'parameter' | 'complexString' | 'complexSignal' | 'expression' | 'context';
+    source: 'signal' | 'property' | 'event' | 'parameter' | 'complexString' | 'complexSignal' | 'expression' | 'context' | 'elementProperty';
     /**
      * Name of the signal, the property of the component or the parameter of the script
      * or for example in a event : srcElement.value to get the value of a input wich raises the event

package/dist/interfaces/IScriptMultiplexValue.js

@@ -8,6 +8,7 @@ export class IScriptMultiplexValue {
     * complexString - a string with signals (contained in {})
     * complexSignal - read the value from a signal wich name is build here (it can contain other signals in {})
     * expression - js expression, 'ctx' is context object
+    * elementProperty - a property defined on the element raising the event
     */
     source;
     /**

package/dist/scripting/ScriptCommands.d.ts

@@ -5,7 +5,7 @@ export declare type RunnableScriptCommands = OpenScreen | OpenUrl | OpenDialog |
  * property - a property defined in the current screen/control
  * elementProperty - a property defined on the element raising the event
  */
-export type signalTarget = 'signal' | 'property' | 'elementProperty';
+export declare type signalTarget = 'signal' | 'property' | 'elementProperty';
 export interface Comment {
     type: 'Comment';
     comment: string;

package/dist/scripting/ScriptSystem.d.ts

@@ -23,7 +23,6 @@ export declare class ScriptSystem {
     getStateOrFieldOrParameter(name: string, context: contextType): Promise<any>;
     parseStringWithValues(text: string, context: contextType): Promise<string>;
     getSignalName(name: string, outerContext: contextType): string;
-    static extractPart(obj: any, propertyPath: string): any;
     createScriptContext(root: HTMLElement, event: Event, element: Element, parameters: Record<string, any>, relativeSignalsPath: string): any;
     assignAllScripts(source: string, javascriptCode: string, shadowRoot: ShadowRoot, instance: HTMLElement, visualizationHandler: VisualizationHandler, contextCreator?: (root: HTMLElement, event: Event, element: Element, parameters: Record<string, any>, relativeSignalsPath: string) => any, assignExternalScript?: (element: Element, event: string, scriptData: any) => void, runInitalization?: (jsObject: VisualisationElementScript) => void): Promise<VisualisationElementScript>;
 }

package/dist/scripting/ScriptSystem.js

@@ -1,4 +1,4 @@
-import { sleep } from "@node-projects/web-component-designer/dist/elements/helper/Helper.js";
+import { deepValue, setDeepValue, sleep } from "@node-projects/web-component-designer/dist/elements/helper/Helper.js";
 import { generateEventCodeFromBlockly } from "../blockly/BlocklyJavascriptHelper.js";
 import { parseBindingString } from "../helpers/BindingsHelper.js";
 import Long from 'long';
@@ -83,10 +83,10 @@ export class ScriptSystem {
     }
     async getValueFromTarget(target, name, context) {
         if (target === 'property') {
-            return context.root[name];
+            return deepValue(context.root, name);
         }
         else if (target === 'elementProperty') {
-            return context.element[name];
+            return deepValue(context.element, name);
         }
         else {
             return (await this._visualizationHandler.getState(this.getSignalName(name, context)))?.val;
@@ -94,10 +94,10 @@ export class ScriptSystem {
     }
     async setValueOnTarget(target, name, context, value) {
         if (target === 'property') {
-            context.root[name] = value;
+            setDeepValue(context.root, name, value);
         }
         else if (target === 'elementProperty') {
-            context.element[name] = value;
+            setDeepValue(context.element, name, value);
         }
         else {
             await this._visualizationHandler.setState(this.getSignalName(name, context), value);
@@ -349,7 +349,10 @@ export class ScriptSystem {
         if (typeof value === 'object') {
             switch (value.source) {
                 case 'property': {
-                    return outerContext.root[value.name];
+                    return deepValue(outerContext.root, value.name);
+                }
+                case 'elementProperty': {
+                    return deepValue(outerContext.element, value.name);
                 }
                 case 'signal': {
                     let sng = await this._visualizationHandler.getState(this.getSignalName(value.name, outerContext));
@@ -358,15 +361,14 @@ export class ScriptSystem {
                 case 'event': {
                     let obj = outerContext.event;
                     if (value.name)
-                        obj = ScriptSystem.extractPart(obj, value.name);
+                        obj = deepValue(obj, value.name);
                     return obj;
                 }
                 case 'parameter': {
                     return outerContext.parameters[value.name];
                 }
                 case 'context': {
-                    const obj = ScriptSystem.extractPart(outerContext, value.name);
-                    return obj;
+                    return deepValue(outerContext, value.name);
                 }
                 case 'complexString': {
                     let text = value.name;
@@ -427,13 +429,6 @@ export class ScriptSystem {
             return outerContext.relativeSignalsPath + name;
         return name;
     }
-    static extractPart(obj, propertyPath) {
-        let retVal = obj;
-        for (let p of propertyPath.split('.')) {
-            retVal = retVal?.[p];
-        }
-        return retVal;
-    }
     createScriptContext(root, event, element, parameters, relativeSignalsPath) {
         return { root, event, element, parameters, relativeSignalsPath };
     }

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