@node-projects/web-component-designer-visualization-addons 0.1.121 → 0.1.123

package/dist/components/BindingsEditor.d.ts

@@ -28,10 +28,11 @@ export declare class BindingsEditor extends BaseCustomWebComponentConstructorApp
         key: string;
         value: any;
     }[];
+    convertersString: string;
     objectValueType: string;
     protected _property: IProperty;
     protected _binding: IBinding & {
-        converter: Record<string, any>;
+        converter: Record<string, any> | string;
     };
     protected _bindingTarget: BindingTarget;
     protected _serviceContainer: ServiceContainer;
@@ -41,7 +42,9 @@ export declare class BindingsEditor extends BaseCustomWebComponentConstructorApp
     protected _objNmInput: HTMLInputElement;
     constructor(property: IProperty, binding: IBinding & {
         converter: Record<string, any>;
-    }, bindingTarget: BindingTarget, serviceContainer: ServiceContainer, instanceServiceContainer: InstanceServiceContainer, shell: VisualizationShell);
+    }, bindingTarget: BindingTarget, serviceContainer: ServiceContainer, instanceServiceContainer: InstanceServiceContainer, shell: VisualizationShell, config?: {
+        namedConverters: boolean;
+    });
     ready(): void;
     _focusRow(index: number): void;
     _updatefocusedRow(): void;

package/dist/components/BindingsEditor.js

@@ -56,8 +56,8 @@ export class BindingsEditor extends BaseCustomWebComponentConstructorAppend {
             </div>
             <div class="vertical-grid" style="margin-top: 10px;">
                 <div>
-                    <div class="input-headline">
-                        <span>converter</span>:
+                    <div class="input-headline" style="display: flex;align-items: center;">
+                        <span>converter</span>:<input id="namedConverterInput" style="width: 100%; margin-left: 15px;" value="{{?this.convertersString::change}}">
                     </div>
                 </div>
             </div>
@@ -181,6 +181,7 @@ export class BindingsEditor extends BaseCustomWebComponentConstructorAppend {
     events = '';
     invert = false;
     converters = [];
+    convertersString;
     objectValueType;
     _property;
     _binding;
@@ -190,7 +191,7 @@ export class BindingsEditor extends BaseCustomWebComponentConstructorAppend {
     _shell;
     _activeRow = -1;
     _objNmInput;
-    constructor(property, binding, bindingTarget, serviceContainer, instanceServiceContainer, shell) {
+    constructor(property, binding, bindingTarget, serviceContainer, instanceServiceContainer, shell, config = { namedConverters: true }) {
         super();
         super._restoreCachedInititalValues();
         this._objNmInput = this._getDomElement('objectName');
@@ -200,6 +201,9 @@ export class BindingsEditor extends BaseCustomWebComponentConstructorAppend {
         this._serviceContainer = serviceContainer;
         this._instanceServiceContainer = instanceServiceContainer;
         this._shell = shell;
+        if (!config?.namedConverters) {
+            this._getDomElement('namedConverterInput').style.display = 'none';
+        }
     }
     ready() {
         this._parseAttributesToProperties();
@@ -218,8 +222,13 @@ export class BindingsEditor extends BaseCustomWebComponentConstructorAppend {
             if (this._binding.bindableObjectNames)
                 this.objectNames = this._binding.bindableObjectNames.join(';');
             if (this._binding.converter) {
-                for (let c in this._binding.converter) {
-                    this.converters.push({ key: c, value: this._binding.converter[c] });
+                if (typeof this._binding.converter === 'string') {
+                    this.convertersString = this._binding.converter;
+                }
+                else {
+                    for (let c in this._binding.converter) {
+                        this.converters.push({ key: c, value: this._binding.converter[c] });
+                    }
                 }
             }
             if (this._binding.changedEvents && this._binding.changedEvents.length)

package/dist/helpers/BindingsHelper.js

@@ -757,7 +757,10 @@ export class BindingsHelper {
                     else {
                         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, relativeSignalPath));
+                        this._visualizationHandler.getState(s).then(x => {
+                            if (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));
                         }
@@ -841,7 +844,7 @@ export class BindingsHelper {
             valuesObject[signalVarNames.length - 1] = v;
         }
         if (binding[1].converter) {
-            if (binding[1].converter) {
+            if (typeof binding[1].converter === 'string') {
                 v = this.namedConverterCallback(binding[1].converter, v, element, binding);
             }
             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.121",
+  "version": "0.1.123",
   "type": "module",
   "main": "./dist/index.js",
   "author": "jochen.kuehner@gmx.de",