@node-projects/web-component-designer-visualization-addons 0.1.11 → 0.1.13

package/dist/helpers/BindingsHelper.js

@@ -55,8 +55,7 @@ export class IndirectSignal {
         this.values = new Array(this.signals.length);
         for (let i = 0; i < this.signals.length; i++) {
             let cb = (id, value) => this.handleValueChanged(value.val, i);
-            this.unsubscribeList.push(cb);
-            this.visualizationHandler.subscribeState(this.signals[i], cb);
+            this.unsubscribeList.push([cb, this.visualizationHandler.subscribeState(this.signals[i], cb)]);
         }
     }
     parseIndirectBinding(id) {
@@ -75,24 +74,23 @@ export class IndirectSignal {
         }
         if (this.combinedName != nm) {
             if (this.unsubscribeTargetValue) {
-                this.visualizationHandler.unsubscribeState(this.combinedName, this.unsubscribeTargetValue);
+                this.visualizationHandler.unsubscribeState(this.combinedName, this.unsubscribeTargetValue[0], this.unsubscribeTargetValue[1]);
             }
             if (!this.disposed) {
                 this.combinedName = nm;
                 let cb = (id, value) => this.valueChangedCb(value);
-                this.unsubscribeTargetValue = cb;
-                this.visualizationHandler.subscribeState(nm, cb);
+                this.unsubscribeTargetValue = [cb, this.visualizationHandler.subscribeState(nm, cb)];
             }
         }
     }
     dispose() {
         this.disposed = true;
         if (this.unsubscribeTargetValue) {
-            this.visualizationHandler.unsubscribeState(this.combinedName, this.unsubscribeTargetValue);
+            this.visualizationHandler.unsubscribeState(this.combinedName, this.unsubscribeTargetValue[0], this.unsubscribeTargetValue[1]);
             this.unsubscribeTargetValue = null;
         }
         for (let i = 0; i < this.signals.length; i++) {
-            this.visualizationHandler.unsubscribeState(this.signals[i], this.unsubscribeList[i]);
+            this.visualizationHandler.unsubscribeState(this.signals[i], this.unsubscribeList[i][0], this.unsubscribeList[i][1]);
         }
     }
     setState(value) {
@@ -397,7 +395,7 @@ export class BindingsHelper {
         let cleanupCalls;
         const cleanUp = () => {
             for (const u of unsubscribeList) {
-                this._visualizationHandler.unsubscribeState(u[0], u[1]);
+                this._visualizationHandler.unsubscribeState(u[0], u[1], u[2]);
             }
             if (cleanupCalls) {
                 for (let e of cleanupCalls) {
@@ -509,8 +507,7 @@ export class BindingsHelper {
                     }
                     else {
                         const cb = (id, value) => this.handleValueChanged(element, binding, value.val, valuesObject, i, signalVars, false);
-                        unsubscribeList.push([s, cb]);
-                        this._visualizationHandler.subscribeState(s, cb);
+                        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));
                         if (binding[1].twoWay && i == 0) {
                             this.addTwoWayBinding(binding, element, v => this._visualizationHandler.setState(s, v));

package/dist/interfaces/VisualizationHandler.d.ts

@@ -14,8 +14,8 @@ type StateChangeHandler = (id: string, state: State) => void;
 export interface VisualizationHandler {
     getState(id: string): Promise<State>;
     setState(id: string, val: State | StateValue, ack?: boolean): Promise<void>;
-    subscribeState(id: string, cb: StateChangeHandler): Promise<void>;
-    unsubscribeState(id: string, cb: StateChangeHandler): void;
+    subscribeState(id: string, cb: StateChangeHandler): any;
+    unsubscribeState(id: string, cb: StateChangeHandler, info: any): void;
     getObject(id: string): Promise<Signal>;
     getHistoricData(id: string, config: any): any;
     getAllNames(type: string): any;

package/dist/scripting/ScriptSystem.d.ts

@@ -17,5 +17,5 @@ export declare class ScriptSystem {
         root: HTMLElement;
     }): Promise<any>;
     static extractPart(obj: any, propertyPath: string): any;
-    assignAllScripts(source: string, javascriptCode: string, shadowRoot: ShadowRoot, instance: HTMLElement): Promise<VisualisationElementScript>;
+    assignAllScripts(source: string, javascriptCode: string, shadowRoot: ShadowRoot, instance: HTMLElement, assignExternalScript?: (element: Element, event: string, scriptData: any) => void): Promise<VisualisationElementScript>;
 }

package/dist/scripting/ScriptSystem.js

@@ -158,7 +158,7 @@ export class ScriptSystem {
         }
         return retVal;
     }
-    async assignAllScripts(source, javascriptCode, shadowRoot, instance) {
+    async assignAllScripts(source, javascriptCode, shadowRoot, instance, assignExternalScript) {
         const allElements = shadowRoot.querySelectorAll('*');
         let jsObject = null;
         if (javascriptCode) {
@@ -192,6 +192,10 @@ export class ScriptSystem {
                                     compiledFunc(evt, shadowRoot);
                                 });
                             }
+                            else {
+                                if (assignExternalScript)
+                                    assignExternalScript(e, evtName, scriptObj);
+                            }
                         }
                         else {
                             e.addEventListener(evtName, (evt) => {

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