@node-projects/web-component-designer-visualization-addons 0.1.51 → 0.1.53

package/dist/blockly/BlocklyJavascriptHelper.d.ts

@@ -1,2 +1,3 @@
+import { VisualizationHandler } from '../interfaces/VisualizationHandler.js';
 import './components/components.js';
-export declare function generateEventCodeFromBlockly(data: any): Promise<(event: Event, shadowRoot: ShadowRoot, parameters: Record<string, any>, relativeSignalsPath: string) => void>;
+export declare function generateEventCodeFromBlockly(data: any): Promise<(event: Event, shadowRoot: ShadowRoot, parameters: Record<string, any>, relativeSignalsPath: string, visualizationHandler: VisualizationHandler, context: any) => void>;

package/dist/blockly/BlocklyJavascriptHelper.js

@@ -1,4 +1,3 @@
-//import Blockly from 'blockly';
 import './components/components.js';
 //TODO: remove imports, only leave Runtime
 const prefix = `function extractPart(obj, propertyPath) {
@@ -15,7 +14,7 @@ function delay(ms) {
     });
 }
 
-export async function run(eventData, shadowRoot, parameters, relativeSignalsPath) {
+export async function run(eventData, shadowRoot, parameters, relativeSignalsPath, visualizationHandler, context) {
 `;
 const postfix = `}`;
 export async function generateEventCodeFromBlockly(data) {
@@ -36,9 +35,9 @@ export async function generateEventCodeFromBlockly(data) {
     //@ts-ignore
     Blockly.JavaScript.addReservedWords('delay');
     //@ts-ignore
-    Blockly.JavaScript.addReservedWords('IOB');
+    Blockly.JavaScript.addReservedWords('visualizationHandler');
     //@ts-ignore
-    Blockly.JavaScript.addReservedWords('RUNTIME');
+    Blockly.JavaScript.addReservedWords('context');
     //@ts-ignore
     let code = Blockly.JavaScript.workspaceToCode(workspace);
     const scriptUrl = URL.createObjectURL(new Blob([prefix + code + postfix], { type: 'application/javascript' }));

package/dist/blockly/BlocklyScriptEditor.d.ts

@@ -8,7 +8,8 @@ export declare class BlocklyScriptEditor extends BaseCustomWebComponentConstruct
     static blocklyStyle1: CSSStyleSheet;
     static blocklyStyle2: CSSStyleSheet;
     resizeObserver: ResizeObserver;
-    constructor();
+    private _toolbox;
+    constructor(toolbox: any);
     createBlockly(): void;
     ready(): void;
     save(): any;

package/dist/blockly/BlocklyScriptEditor.js

@@ -1,5 +1,4 @@
 import { BaseCustomWebComponentConstructorAppend, html, css } from '@node-projects/base-custom-webcomponent';
-import toolbox from './BlocklyToolbox.js';
 //import Blockly from 'blockly';
 export class BlocklyScriptEditor extends BaseCustomWebComponentConstructorAppend {
     static template = html `
@@ -19,9 +18,11 @@ export class BlocklyScriptEditor extends BaseCustomWebComponentConstructorAppend
     static blocklyStyle1;
     static blocklyStyle2;
     resizeObserver;
-    constructor() {
+    _toolbox;
+    constructor(toolbox) {
         super();
         super._restoreCachedInititalValues();
+        this._toolbox = toolbox;
         this.blocklyDiv = this._getDomElement('blocklyDiv');
         this._assignEvents();
         this.createBlockly();
@@ -50,7 +51,7 @@ export class BlocklyScriptEditor extends BaseCustomWebComponentConstructorAppend
         //@ts-ignore
         this.workspace = Blockly.inject(this.blocklyDiv, {
             theme: theme,
-            toolbox: toolbox,
+            toolbox: this._toolbox,
             renderer: renderer,
             trashcan: true,
             zoom: {

package/dist/blockly/BlocklyToolbox.js

@@ -1,6 +1,4 @@
 import './components/components.js';
-//TODO: OpenScreen
-//setTimeout
 export default {
     kind: 'categoryToolbox',
     contents: [

package/dist/blockly/components/GetState.js

@@ -15,7 +15,7 @@ Blockly.Blocks['get_state'] = {
 Blockly.JavaScript.forBlock['get_state'] = function (block, generator) {
     //@ts-ignore
     const id = Blockly.JavaScript.valueToCode(block, 'OID', Blockly.JavaScript.ORDER_ATOMIC);
-    const code = `(await IOB.getState((${id}[0] === '.' ? relativeSignalsPath : '') + ${id})).val`;
+    const code = `(await visualizationHandler.getState((${id}[0] === '.' ? relativeSignalsPath : '') + ${id})).val`;
     //@ts-ignore
     return [code, Blockly.JavaScript.ORDER_NONE];
 };

package/dist/blockly/components/SetState.js

@@ -21,6 +21,6 @@ Blockly.JavaScript.forBlock['set_state'] = function (block) {
     const id = Blockly.JavaScript.valueToCode(block, 'OID', Blockly.JavaScript.ORDER_ATOMIC);
     //@ts-ignore
     const value = Blockly.JavaScript.valueToCode(block, 'VALUE', Blockly.JavaScript.ORDER_ATOMIC);
-    const code = `await IOB.setState((${id}[0] === '.' ? relativeSignalsPath : '') + ${id}, ${value});\n`;
+    const code = `await visualizationHandler.setState((${id}[0] === '.' ? relativeSignalsPath : '') + ${id}, ${value});\n`;
     return code;
 };

package/dist/components/BindingsEditor.d.ts

@@ -18,6 +18,7 @@ export declare class BindingsEditor extends BaseCustomWebComponentConstructorApp
     twoWayPossible: boolean;
     twoWay: boolean;
     expression: string;
+    writeBackSignal: string;
     expressionTwoWay: string;
     historic: any;
     objectNames: string;

package/dist/components/BindingsEditor.js

@@ -42,6 +42,10 @@ export class BindingsEditor extends BaseCustomWebComponentConstructorAppend {
                         <div class="row">
                             <node-projects-code-view-monaco id="expression" single-row language="javascript" style="width: 100%; min-height: 17px; height: 17px; position: relative; overflow: hidden; resize: vertical;" .code="{{?this.expression}}"></iobroker-webui-monaco-editor>
                         </div>
+                        <div class="row">
+                          <span style="text-wrap: nowrap" style="cursor: pointer;" title="write back the value build by a formula to a signal">write back signal :</span>
+                          <input style="width: 100% margin-left: 5px;" .disabled="[[!this.expression]]" .value="{{?this.writeBackSignal}}" >
+                        </div>
                         <div class="row">
                             <span style="cursor: pointer;" title="javascript expression. access property with 'value'">formula write back (two way)</span>
                         </div>
@@ -171,6 +175,7 @@ export class BindingsEditor extends BaseCustomWebComponentConstructorAppend {
     twoWayPossible = false;
     twoWay = false;
     expression = '';
+    writeBackSignal = '';
     expressionTwoWay = '';
     historic;
     objectNames = '';
@@ -204,6 +209,7 @@ export class BindingsEditor extends BaseCustomWebComponentConstructorAppend {
         if (this._binding) {
             this.twoWay = this._binding.mode == BindingMode.twoWay;
             this.expression = this._binding.expression;
+            this.writeBackSignal = this._binding.writeBackSignal;
             this.expressionTwoWay = this._binding.expressionTwoWay;
             this.historic = this._binding.historic;
             this.invert = this._binding.invert;

package/dist/components/EventAssignment.d.ts

@@ -16,6 +16,7 @@ export declare class EventAssignment extends BaseCustomWebComponentConstructorAp
     static readonly is = "node-projects-visualization-event-assignment";
     constructor();
     ready(): void;
+    private _blocklyToolbox;
     private _instanceServiceContainer;
     private _selectionChangedHandler;
     private _selectedItems;
@@ -24,7 +25,7 @@ export declare class EventAssignment extends BaseCustomWebComponentConstructorAp
     private _scriptCommandsTypeInfo;
     private _propertiesTypeInfo;
     events: IEvent[];
-    initialize(visualizationHandler: VisualizationHandler, visualizationShell: VisualizationShell, scriptCommandsTypeInfo: any, propertiesTypeInfo: any): void;
+    initialize(visualizationHandler: VisualizationHandler, visualizationShell: VisualizationShell, scriptCommandsTypeInfo: any, propertiesTypeInfo: any, blocklyToolbox: any): void;
     set instanceServiceContainer(value: InstanceServiceContainer);
     protected _createControlsForScript(eventItem: IEvent): any;
     protected _getScriptName(eventItem: IEvent): any;

package/dist/components/EventAssignment.js

@@ -67,6 +67,7 @@ export class EventAssignment extends BaseCustomWebComponentConstructorAppend {
     ready() {
         this._bindingsParse();
     }
+    _blocklyToolbox;
     _instanceServiceContainer;
     _selectionChangedHandler;
     _selectedItems;
@@ -75,11 +76,12 @@ export class EventAssignment extends BaseCustomWebComponentConstructorAppend {
     _scriptCommandsTypeInfo;
     _propertiesTypeInfo;
     events;
-    initialize(visualizationHandler, visualizationShell, scriptCommandsTypeInfo, propertiesTypeInfo) {
+    initialize(visualizationHandler, visualizationShell, scriptCommandsTypeInfo, propertiesTypeInfo, blocklyToolbox) {
         this._visualizationHandler = visualizationHandler;
         this._visualizationShell = visualizationShell;
         this._scriptCommandsTypeInfo = scriptCommandsTypeInfo;
         this._propertiesTypeInfo = propertiesTypeInfo;
+        this._blocklyToolbox = blocklyToolbox;
     }
     set instanceServiceContainer(value) {
         this._instanceServiceContainer = value;
@@ -304,7 +306,7 @@ export class EventAssignment extends BaseCustomWebComponentConstructorAppend {
     }
     async _editBlockly(e, eventItem) {
         let selectedItem = this.selectedItems[0];
-        const edt = new BlocklyScriptEditor();
+        const edt = new BlocklyScriptEditor(this._blocklyToolbox);
         edt.title = "Blockly Script for '" + eventItem.name + "' of '" + selectedItem.name + "'";
         let data = selectedItem.getAttribute('@' + eventItem.name);
         let parameters = null;

package/dist/helpers/BindingsHelper.d.ts

@@ -50,7 +50,7 @@ export declare class BindingsHelper {
     applyBinding(element: Element, binding: namedBinding, relativeSignalPath: string, root: HTMLElement): () => void;
     private addTwoWayBinding;
     private static parseValueWithType;
-    handleValueChanged(element: Element, binding: namedBinding, value: any, valuesObject: any[], index: number, signalVarNames: string[], noParse: boolean): void;
+    handleValueChanged(element: Element, binding: namedBinding, value: any, valuesObject: any[], index: number, signalVarNames: string[], noParse: boolean, relativeSignalPath: string): void;
     static camelToDotCase(text: string): string;
     static dotToCamelCase(text: string): string;
 }

package/dist/helpers/BindingsHelper.js

@@ -224,7 +224,8 @@ export class BindingsHelper {
             !binding.expression && !binding.expressionTwoWay &&
             binding.converter == null &&
             !binding.type &&
-            !binding.historic) {
+            !binding.historic &&
+            !binding.writeBackSignal) {
             if (targetName == 'textContent')
                 return [bindingPrefixContent + 'text', (binding.twoWay ? '=' : '') + (binding.inverted ? '!' : '') + binding.signal + (!binding.twoWay && binding.signal.includes(';') ? ';' : '') + eventsString];
             if (targetName == 'innerHTML')
@@ -237,7 +238,8 @@ export class BindingsHelper {
             !binding.expressionTwoWay &&
             binding.converter == null &&
             !binding.type &&
-            !binding.historic) {
+            !binding.historic &&
+            !binding.writeBackSignal) {
             if (targetName == 'textContent')
                 return [bindingPrefixContent + 'text', (binding.inverted ? '!' : '') + binding.signal + ';' + binding.expression + eventsString];
             if (targetName == 'innerHTML')
@@ -248,7 +250,8 @@ export class BindingsHelper {
             !binding.expression && !binding.expressionTwoWay &&
             binding.converter == null &&
             !binding.type &&
-            !binding.historic) {
+            !binding.historic &&
+            !binding.writeBackSignal) {
             return [bindingPrefixAttribute + PropertiesHelper.camelToDashCase(targetName), (binding.twoWay ? '=' : '') + (binding.inverted ? '!' : '') + binding.signal + (!binding.twoWay && binding.signal.includes(';') ? ';' : '') + eventsString];
         }
         //Multi Var Expressions
@@ -257,14 +260,16 @@ export class BindingsHelper {
             !binding.expressionTwoWay &&
             binding.converter == null &&
             !binding.type &&
-            !binding.historic) {
+            !binding.historic &&
+            !binding.writeBackSignal) {
             return [bindingPrefixAttribute + PropertiesHelper.camelToDashCase(targetName), (binding.twoWay ? '=' : '') + (binding.inverted ? '!' : '') + binding.signal + ';' + binding.expression + eventsString];
         }
         if (!needsJson && binding.target == BindingTarget.class &&
             !binding.expression && !binding.expressionTwoWay &&
             binding.converter == null &&
             !binding.type &&
-            !binding.historic) {
+            !binding.historic &&
+            !binding.writeBackSignal) {
             return [bindingPrefixClass + PropertiesHelper.camelToDashCase(targetName), (binding.inverted ? '!' : '') + binding.signal + (!binding.twoWay && binding.signal.includes(';') ? ';' : '') + eventsString];
         }
         //Multi Var Expressions
@@ -273,14 +278,16 @@ export class BindingsHelper {
             !binding.expressionTwoWay &&
             binding.converter == null &&
             !binding.type &&
-            !binding.historic) {
+            !binding.historic &&
+            !binding.writeBackSignal) {
             return [bindingPrefixClass + PropertiesHelper.camelToDashCase(targetName), (binding.inverted ? '!' : '') + binding.signal + ';' + binding.expression + eventsString];
         }
         if (!needsJson && binding.target == BindingTarget.css &&
             !binding.expression && !binding.expressionTwoWay &&
             binding.converter == null &&
             !binding.type &&
-            !binding.historic) {
+            !binding.historic &&
+            !binding.writeBackSignal) {
             return [bindingPrefixCss + PropertiesHelper.camelToDashCase(targetName), (binding.inverted ? '!' : '') + binding.signal + (!binding.twoWay && binding.signal.includes(';') ? ';' : '') + eventsString];
         }
         //Multi Var Expressions
@@ -289,14 +296,16 @@ export class BindingsHelper {
             !binding.expressionTwoWay &&
             binding.converter == null &&
             !binding.type &&
-            !binding.historic) {
+            !binding.historic &&
+            !binding.writeBackSignal) {
             return [bindingPrefixCss + PropertiesHelper.camelToDashCase(targetName), (binding.inverted ? '!' : '') + binding.signal + ';' + binding.expression + eventsString];
         }
         if (!needsJson && binding.target == BindingTarget.cssvar &&
             !binding.expression && !binding.expressionTwoWay &&
             binding.converter == null &&
             !binding.type &&
-            !binding.historic) {
+            !binding.historic &&
+            !binding.writeBackSignal) {
             return [bindingPrefixCssVar + BindingsHelper.camelToDotCase(targetName.substring(2)), (binding.inverted ? '!' : '') + binding.signal + (!binding.twoWay && binding.signal.includes(';') ? ';' : '') + eventsString];
         }
         //Multi Var Expressions
@@ -305,7 +314,8 @@ export class BindingsHelper {
             !binding.expressionTwoWay &&
             binding.converter == null &&
             !binding.type &&
-            !binding.historic) {
+            !binding.historic &&
+            !binding.writeBackSignal) {
             return [bindingPrefixCssVar + PropertiesHelper.camelToDashCase(targetName), (binding.inverted ? '!' : '') + binding.signal + ';' + binding.expression + eventsString];
         }
         if (binding.inverted === null || binding.inverted === false) {
@@ -571,7 +581,7 @@ export class BindingsHelper {
                         let disableValueChanged = false;
                         if (!disableValueChanged) {
                             disableValueChanged = true;
-                            this.handleValueChanged(element, binding, root[nm], valuesObject, i, signalVars, false);
+                            this.handleValueChanged(element, binding, root[nm], valuesObject, i, signalVars, false, relativeSignalPath);
                             disableValueChanged = false;
                         }
                     };
@@ -580,7 +590,7 @@ export class BindingsHelper {
                         cleanupCalls = [];
                     cleanupCalls.push(() => root.removeEventListener(PropertiesHelper.camelToDashCase(nm) + '-changed', evtCallback));
                     try {
-                        this.handleValueChanged(element, binding, root[nm], valuesObject, i, signalVars, false);
+                        this.handleValueChanged(element, binding, root[nm], valuesObject, i, signalVars, false, relativeSignalPath);
                     }
                     catch (err) {
                         console.error(err);
@@ -596,12 +606,12 @@ export class BindingsHelper {
                     mS = this._visualizationHandler.getNormalizedSignalName(mS, relativeSignalPath, element);
                 }
                 this._visualizationHandler.getObject(mS).then(x => {
-                    this.handleValueChanged(element, binding, x, valuesObject, i, signalVars, true);
+                    this.handleValueChanged(element, binding, x, valuesObject, i, signalVars, true, relativeSignalPath);
                 });
             }
             else {
                 if (s.includes('{')) {
-                    let indirectSignal = new IndirectSignal(this._visualizationHandler, s, (value) => this.handleValueChanged(element, binding, value.val, valuesObject, i, signalVars, false), element, relativeSignalPath, root);
+                    let indirectSignal = new IndirectSignal(this._visualizationHandler, s, (value) => this.handleValueChanged(element, binding, value.val, valuesObject, i, signalVars, false, relativeSignalPath), element, relativeSignalPath, root);
                     if (!cleanupCalls)
                         cleanupCalls = [];
                     cleanupCalls.push(() => indirectSignal.dispose());
@@ -615,7 +625,7 @@ export class BindingsHelper {
                             let myTimer = { timerId: -1 };
                             const loadHistoric = async () => {
                                 const res = await this._visualizationHandler.getHistoricData(s, binding[1].historic);
-                                this.handleValueChanged(element, binding, res?.values, valuesObject, i, signalVars, true);
+                                this.handleValueChanged(element, binding, res?.values, valuesObject, i, signalVars, true, relativeSignalPath);
                                 if (myTimer.timerId !== null)
                                     myTimer.timerId = setTimeout(loadHistoric, binding[1].historic.reloadInterval);
                             };
@@ -629,12 +639,12 @@ export class BindingsHelper {
                             });
                         }
                         else
-                            this._visualizationHandler.getHistoricData(s, binding[1].historic).then(x => this.handleValueChanged(element, binding, x?.values, valuesObject, i, signalVars, true));
+                            this._visualizationHandler.getHistoricData(s, binding[1].historic).then(x => this.handleValueChanged(element, binding, x?.values, valuesObject, i, signalVars, true, relativeSignalPath));
                     }
                     else {
-                        const cb = (id, value) => this.handleValueChanged(element, binding, value.val, valuesObject, i, signalVars, false);
+                        const cb = (id, value) => this.handleValueChanged(element, binding, value.val, valuesObject, i, signalVars, false, relativeSignalPath);
                         unsubscribeList.push([s, cb, this._visualizationHandler.subscribeState(s, cb)]);
-                        this._visualizationHandler.getState(s).then(x => this.handleValueChanged(element, binding, x?.val, valuesObject, i, signalVars, false));
+                        this._visualizationHandler.getState(s).then(x => this.handleValueChanged(element, binding, x?.val, valuesObject, i, signalVars, false, relativeSignalPath));
                         if (binding[1].twoWay && i == 0) {
                             this.addTwoWayBinding(binding, element, v => this._visualizationHandler.setState(s, v));
                         }
@@ -694,13 +704,13 @@ export class BindingsHelper {
                     return value?.toString();
                 case 'integer':
                     return parseInt(value);
-                case 'bitOfNumber':
-                    return parseInt(value);
+                //case 'bitOfNumber':
+                //  return parseInt(<any>value);
             }
         }
         return value;
     }
-    handleValueChanged(element, binding, value, valuesObject, index, signalVarNames, noParse) {
+    handleValueChanged(element, binding, value, valuesObject, index, signalVarNames, noParse, relativeSignalPath) {
         let v = value;
         //should this be done??
         if (!noParse && index == 0)
@@ -768,6 +778,13 @@ export class BindingsHelper {
         }
         if (binding[1].inverted)
             v = !v;
+        if (binding[1].writeBackSignal) {
+            let wb = binding[1].writeBackSignal;
+            if (wb[0] === '.') {
+                wb = relativeSignalPath + wb;
+            }
+            this._visualizationHandler.setState(wb, v, true);
+        }
         if (binding[1].target == BindingTarget.property)
             element[binding[0]] = v;
         else if (binding[1].target == BindingTarget.attribute)

package/dist/interfaces/IScriptMultiplexValue.d.ts

@@ -6,7 +6,7 @@ export declare class IScriptMultiplexValue {
     * parameter - a parameter you hand over
     * 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 {})
-    * not yet implemented: expression - js expression, member access needs to be defined {event, parameter, component/this, signals??? - async? }
+    * expression - js expression, 'ctx' is context object
     */
     source: 'signal' | 'property' | 'event' | 'parameter' | 'complexString' | 'complexSignal' | 'expression';
     /**

package/dist/interfaces/IScriptMultiplexValue.js

@@ -6,7 +6,7 @@ export class IScriptMultiplexValue {
     * parameter - a parameter you hand over
     * 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 {})
-    * not yet implemented: expression - js expression, member access needs to be defined {event, parameter, component/this, signals??? - async? }
+    * expression - js expression, 'ctx' is context object
     */
     source;
     /**

package/dist/interfaces/VisualizationBinding.d.ts

@@ -12,8 +12,10 @@ export interface VisualizationBinding {
     compiledExpression?: Function;
     compiledExpressionTwoWay?: Function;
     type?: string;
+    writeBackSignal?: string;
     historic?: {
         reloadInterval?: number;
+        [nm: string]: any;
     };
     maybeLitElement?: boolean;
     litEventNames?: string[];

package/dist/scripting/ScriptSystem.d.ts

@@ -20,5 +20,5 @@ export declare class ScriptSystem {
     parseStringWithValues(text: string, context: contextType): Promise<string>;
     getSignaName(name: string, outerContext: contextType): string;
     static extractPart(obj: any, propertyPath: string): any;
-    assignAllScripts(source: string, javascriptCode: string, shadowRoot: ShadowRoot, instance: HTMLElement, assignExternalScript?: (element: Element, event: string, scriptData: any) => void): Promise<VisualisationElementScript>;
+    assignAllScripts(source: string, javascriptCode: string, shadowRoot: ShadowRoot, instance: HTMLElement, visualizationHandler: VisualizationHandler, context?: any, assignExternalScript?: (element: Element, event: string, scriptData: any) => void): Promise<VisualisationElementScript>;
 }

package/dist/scripting/ScriptSystem.js

@@ -172,6 +172,11 @@ export class ScriptSystem {
                     }
                     return null;
                 }
+                case 'expression': {
+                    //@ts-ignore
+                    var ctx = outerContext;
+                    return eval(value.name);
+                }
             }
         }
         return value;
@@ -183,6 +188,12 @@ export class ScriptSystem {
             var ctx = context;
             return eval('ctx.' + name.substring(1));
         }
+        else if (name[0] === '?' && name[1] === '??') {
+            return context.root[name.substring(2)];
+        }
+        else if (name[0] === '?') {
+            return await this._visualizationHandler.getState(this.getSignaName(context.root[name.substring(2)], context));
+        }
         return await this._visualizationHandler.getState(this.getSignaName(name, context));
     }
     async parseStringWithValues(text, context) {
@@ -209,7 +220,7 @@ export class ScriptSystem {
         }
         return retVal;
     }
-    async assignAllScripts(source, javascriptCode, shadowRoot, instance, assignExternalScript) {
+    async assignAllScripts(source, javascriptCode, shadowRoot, instance, visualizationHandler, context, assignExternalScript) {
         const allElements = shadowRoot.querySelectorAll('*');
         let jsObject = null;
         if (javascriptCode) {
@@ -240,7 +251,7 @@ export class ScriptSystem {
                                 e.addEventListener(evtName, async (evt) => {
                                     if (!compiledFunc)
                                         compiledFunc = await generateEventCodeFromBlockly(scriptObj);
-                                    compiledFunc(evt, shadowRoot, scriptObj.parameters, scriptObj.relativeSignalsPath ?? '');
+                                    compiledFunc(evt, shadowRoot, scriptObj.parameters, scriptObj.relativeSignalsPath ?? '', visualizationHandler, context);
                                 });
                             }
                             else {

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