@node-projects/web-component-designer-visualization-addons 0.1.77 → 0.1.78

package/dist/components/BindingsEditor.d.ts

@@ -1,5 +1,5 @@
 import { BaseCustomWebComponentConstructorAppend } from '@node-projects/base-custom-webcomponent';
-import { BindingTarget, IBinding, IProperty, ServiceContainer } from '@node-projects/web-component-designer';
+import { BindingTarget, IBinding, InstanceServiceContainer, IProperty, ServiceContainer } from '@node-projects/web-component-designer';
 import { VisualizationShell } from '../interfaces/VisualizationShell.js';
 export declare class BindingsEditor extends BaseCustomWebComponentConstructorAppend {
     static readonly template: HTMLTemplateElement;
@@ -33,12 +33,13 @@ export declare class BindingsEditor extends BaseCustomWebComponentConstructorApp
     private _binding;
     private _bindingTarget;
     private _serviceContainer;
+    private _instanceServiceContainer;
     private _shell;
     private _activeRow;
     private _objNmInput;
     constructor(property: IProperty, binding: IBinding & {
         converter: Record<string, any>;
-    }, bindingTarget: BindingTarget, serviceContainer: ServiceContainer, shell: VisualizationShell);
+    }, bindingTarget: BindingTarget, serviceContainer: ServiceContainer, instanceServiceContainer: InstanceServiceContainer, shell: VisualizationShell);
     ready(): void;
     _focusRow(index: number): void;
     _updatefocusedRow(): void;

package/dist/components/BindingsEditor.js

@@ -187,10 +187,11 @@ export class BindingsEditor extends BaseCustomWebComponentConstructorAppend {
     _binding;
     _bindingTarget;
     _serviceContainer;
+    _instanceServiceContainer;
     _shell;
     _activeRow = -1;
     _objNmInput;
-    constructor(property, binding, bindingTarget, serviceContainer, shell) {
+    constructor(property, binding, bindingTarget, serviceContainer, instanceServiceContainer, shell) {
         super();
         super._restoreCachedInititalValues();
         this._objNmInput = this._getDomElement('objnm');
@@ -198,6 +199,7 @@ export class BindingsEditor extends BaseCustomWebComponentConstructorAppend {
         this._binding = binding;
         this._bindingTarget = bindingTarget;
         this._serviceContainer = serviceContainer;
+        this._instanceServiceContainer = instanceServiceContainer;
         this._shell = shell;
     }
     ready() {
@@ -260,13 +262,19 @@ export class BindingsEditor extends BaseCustomWebComponentConstructorAppend {
     }
     async _select() {
         let b = new BindableObjectsBrowser();
-        b.initialize(this._serviceContainer);
+        b.initialize(this._serviceContainer, this._instanceServiceContainer);
         b.title = 'select signal...';
         const abortController = new AbortController();
         b.objectDoubleclicked.on(() => {
             abortController.abort();
             if (this.objectNames != '')
                 this.objectNames += ';';
+            if (b.selectedObject.specialType == 'signalProperty') {
+                this.objectNames += '?';
+            }
+            else if (b.selectedObject.bindabletype === 'property') {
+                this.objectNames += '??';
+            }
             this.objectNames += b.selectedObject.fullName;
             this._bindingsRefresh();
         });

package/dist/components/EventAssignment.js

@@ -349,6 +349,7 @@ export class EventAssignment extends BaseCustomWebComponentConstructorAppend {
             }
             let sc = new SimpleScriptEditor();
             sc.serviceContainer = selectedItem.serviceContainer;
+            sc.instanceServiceContainer = selectedItem.instanceServiceContainer;
             sc.scriptCommandsTypeInfo = this._scriptCommandsTypeInfo;
             sc.propertiesTypeInfo = this._propertiesTypeInfo;
             sc.visualizationShell = this._visualizationShell;

package/dist/components/SimpleScriptEditor.d.ts

@@ -1,6 +1,6 @@
 import { BaseCustomWebComponentConstructorAppend } from "@node-projects/base-custom-webcomponent";
 import { Script } from "../scripting/Script.js";
-import { ServiceContainer } from "@node-projects/web-component-designer";
+import { InstanceServiceContainer, ServiceContainer } from "@node-projects/web-component-designer";
 import { VisualizationHandler } from "../interfaces/VisualizationHandler.js";
 import { VisualizationShell } from "../interfaces/VisualizationShell.js";
 import '@node-projects/splitview.webcomponent';
@@ -9,6 +9,7 @@ export declare class SimpleScriptEditor extends BaseCustomWebComponentConstructo
     static readonly template: HTMLTemplateElement;
     static readonly is = "node-projects-visualization-simple-script-editor";
     serviceContainer: ServiceContainer;
+    instanceServiceContainer: InstanceServiceContainer;
     visualizationHandler: VisualizationHandler;
     visualizationShell: VisualizationShell;
     scriptCommandsTypeInfo: any;

package/dist/components/SimpleScriptEditor.js

@@ -55,6 +55,7 @@ export class SimpleScriptEditor extends BaseCustomWebComponentConstructorAppend
     `;
     static is = 'node-projects-visualization-simple-script-editor';
     serviceContainer;
+    instanceServiceContainer;
     visualizationHandler;
     visualizationShell;
     scriptCommandsTypeInfo;
@@ -82,6 +83,7 @@ export class SimpleScriptEditor extends BaseCustomWebComponentConstructorAppend
             pg.visualizationHandler = this.visualizationHandler;
             pg.visualizationShell = this.visualizationShell;
             pg.serviceContainer = this.serviceContainer;
+            pg.instanceServiceContainer = this.instanceServiceContainer;
             pg.getTypeInfo = (obj, type) => typeInfoFromJsonSchema(this.propertiesTypeInfo, obj, type);
             pg.showHead = false;
             pg.typeName = 'IScriptMultiplexValue';
@@ -99,6 +101,7 @@ export class SimpleScriptEditor extends BaseCustomWebComponentConstructorAppend
         this._propertygrid.visualizationHandler = this.visualizationHandler;
         this._propertygrid.visualizationShell = this.visualizationShell;
         this._propertygrid.serviceContainer = this.serviceContainer;
+        this._propertygrid.instanceServiceContainer = this.instanceServiceContainer;
         this._propertygrid.getTypeInfo = (obj, type) => typeInfoFromJsonSchema(this.scriptCommandsTypeInfo, obj, type);
         this._propertygrid.getSpecialEditorForType = async (property, currentValue, propertyPath, wbRender, additionalInfo) => {
             //@ts-ignore

package/dist/components/VisualizationPropertyGrid.d.ts

@@ -2,10 +2,12 @@ import { IProperty, PropertyGrid } from '@node-projects/propertygrid.webcomponen
 import { WbRenderEventType } from "types";
 import { VisualizationHandler } from '../interfaces/VisualizationHandler';
 import { VisualizationShell } from '../interfaces/VisualizationShell';
-import { ServiceContainer } from '@node-projects/web-component-designer';
+import { InstanceServiceContainer, ServiceContainer } from '@node-projects/web-component-designer';
 export declare class VisualizationPropertyGrid extends PropertyGrid {
     serviceContainer: ServiceContainer;
+    instanceServiceContainer: InstanceServiceContainer;
     visualizationHandler: VisualizationHandler;
     visualizationShell: VisualizationShell;
+    constructor();
     getEditorForType(property: IProperty, currentValue: any, propertyPath: string, wbRender: WbRenderEventType, additionalInfo?: any): Promise<HTMLElement>;
 }

package/dist/components/VisualizationPropertyGrid.js

@@ -3,8 +3,12 @@ import { BindableObjectsBrowser } from '@node-projects/web-component-designer-wi
 import { CodeViewMonaco } from '@node-projects/web-component-designer-codeview-monaco';
 export class VisualizationPropertyGrid extends PropertyGrid {
     serviceContainer;
+    instanceServiceContainer;
     visualizationHandler;
     visualizationShell;
+    constructor() {
+        super();
+    }
     async getEditorForType(property, currentValue, propertyPath, wbRender, additionalInfo) {
         if (this.getSpecialEditorForType) {
             let edt = await this.getSpecialEditorForType(property, currentValue, propertyPath, wbRender, additionalInfo);
@@ -44,7 +48,7 @@ export class VisualizationPropertyGrid extends PropertyGrid {
                 btn.textContent = '...';
                 btn.onclick = async () => {
                     let b = new BindableObjectsBrowser();
-                    b.initialize(this.serviceContainer);
+                    b.initialize(this.serviceContainer, this.instanceServiceContainer);
                     b.title = 'select signal...';
                     const abortController = new AbortController();
                     b.objectDoubleclicked.on(() => {

package/dist/services/SignalPropertyEditor.d.ts

@@ -2,6 +2,6 @@ import { BasePropertyEditor, IProperty, ValueType } from "@node-projects/web-com
 import { VisualizationShell } from "../interfaces/VisualizationShell.js";
 export declare class SignalPropertyEditor extends BasePropertyEditor<HTMLElement> {
     _ip: HTMLInputElement;
-    constructor(property: IProperty, shell: VisualizationShell);
+    constructor(property: IProperty, shell: VisualizationShell, context: any);
     refreshValue(valueType: ValueType, value: any): void;
 }

package/dist/services/SignalPropertyEditor.js

@@ -2,7 +2,7 @@ import { BasePropertyEditor } from "@node-projects/web-component-designer";
 import { BindableObjectsBrowser } from "@node-projects/web-component-designer-widgets-wunderbaum";
 export class SignalPropertyEditor extends BasePropertyEditor {
     _ip;
-    constructor(property, shell) {
+    constructor(property, shell, context) {
         super(property);
         let cnt = document.createElement('div');
         cnt.style.display = 'flex';
@@ -17,7 +17,7 @@ export class SignalPropertyEditor extends BasePropertyEditor {
         btn.textContent = '...';
         btn.onclick = async () => {
             let b = new BindableObjectsBrowser();
-            b.initialize(this.designItems[0].serviceContainer);
+            b.initialize(this.designItems[0].serviceContainer, context);
             b.title = 'select signal...';
             const abortController = new AbortController();
             b.objectDoubleclicked.on(() => {

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