@node-projects/web-component-designer-visualization-addons 0.1.99 → 0.1.101
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -262,7 +262,7 @@ export class BindingsEditor extends BaseCustomWebComponentConstructorAppend {
|
|
|
262
262
|
}
|
|
263
263
|
async _select() {
|
|
264
264
|
let b = new BindableObjectsBrowser();
|
|
265
|
-
b.initialize(this._serviceContainer, this._instanceServiceContainer);
|
|
265
|
+
b.initialize(this._serviceContainer, this._instanceServiceContainer, 'binding');
|
|
266
266
|
b.title = 'select signal...';
|
|
267
267
|
const abortController = new AbortController();
|
|
268
268
|
b.objectDoubleclicked.on(() => {
|
|
@@ -84,6 +84,7 @@ export class SimpleScriptEditor extends BaseCustomWebComponentConstructorAppend
|
|
|
84
84
|
pg.visualizationShell = this.visualizationShell;
|
|
85
85
|
pg.serviceContainer = this.serviceContainer;
|
|
86
86
|
pg.instanceServiceContainer = this.instanceServiceContainer;
|
|
87
|
+
pg.bindableObjectsTarget = 'script';
|
|
87
88
|
pg.getTypeInfo = (obj, type) => typeInfoFromJsonSchema(this.propertiesTypeInfo, obj, type);
|
|
88
89
|
pg.showHead = false;
|
|
89
90
|
pg.typeName = 'IScriptMultiplexValue';
|
|
@@ -96,6 +97,9 @@ export class SimpleScriptEditor extends BaseCustomWebComponentConstructorAppend
|
|
|
96
97
|
if (b.bindabletype == 'property') {
|
|
97
98
|
pg.setPropertyValue('source', 'property');
|
|
98
99
|
}
|
|
100
|
+
else if (b.bindabletype == 'context') {
|
|
101
|
+
pg.setPropertyValue('source', 'context');
|
|
102
|
+
}
|
|
99
103
|
else {
|
|
100
104
|
pg.setPropertyValue('source', 'signal');
|
|
101
105
|
}
|
|
@@ -112,6 +116,7 @@ export class SimpleScriptEditor extends BaseCustomWebComponentConstructorAppend
|
|
|
112
116
|
this._propertygrid.visualizationShell = this.visualizationShell;
|
|
113
117
|
this._propertygrid.serviceContainer = this.serviceContainer;
|
|
114
118
|
this._propertygrid.instanceServiceContainer = this.instanceServiceContainer;
|
|
119
|
+
this._propertygrid.bindableObjectsTarget = 'script';
|
|
115
120
|
this._propertygrid.getTypeInfo = (obj, type) => typeInfoFromJsonSchema(this.scriptCommandsTypeInfo, obj, type);
|
|
116
121
|
this._propertygrid.getSpecialEditorForType = async (property, currentValue, propertyPath, wbRender, additionalInfo) => {
|
|
117
122
|
//@ts-ignore
|
|
@@ -2,12 +2,13 @@ import { IProperty, PropertyGrid } from '@node-projects/propertygrid.webcomponen
|
|
|
2
2
|
import { WbRenderEventType } from "types";
|
|
3
3
|
import { VisualizationHandler } from '../interfaces/VisualizationHandler';
|
|
4
4
|
import { VisualizationShell } from '../interfaces/VisualizationShell';
|
|
5
|
-
import { IBindableObject, InstanceServiceContainer, ServiceContainer } from '@node-projects/web-component-designer';
|
|
5
|
+
import { BindableObjectsTarget, IBindableObject, InstanceServiceContainer, ServiceContainer } from '@node-projects/web-component-designer';
|
|
6
6
|
export declare class VisualizationPropertyGrid extends PropertyGrid {
|
|
7
7
|
serviceContainer: ServiceContainer;
|
|
8
8
|
instanceServiceContainer: InstanceServiceContainer;
|
|
9
9
|
visualizationHandler: VisualizationHandler;
|
|
10
10
|
visualizationShell: VisualizationShell;
|
|
11
|
+
bindableObjectsTarget: BindableObjectsTarget;
|
|
11
12
|
constructor();
|
|
12
13
|
bindingDoubleClicked: (bindableObject: IBindableObject<any>) => void;
|
|
13
14
|
getEditorForType(property: IProperty, currentValue: any, propertyPath: string, wbRender: WbRenderEventType, additionalInfo?: any): Promise<HTMLElement>;
|
|
@@ -6,6 +6,7 @@ export class VisualizationPropertyGrid extends PropertyGrid {
|
|
|
6
6
|
instanceServiceContainer;
|
|
7
7
|
visualizationHandler;
|
|
8
8
|
visualizationShell;
|
|
9
|
+
bindableObjectsTarget = 'property';
|
|
9
10
|
constructor() {
|
|
10
11
|
super();
|
|
11
12
|
}
|
|
@@ -49,7 +50,7 @@ export class VisualizationPropertyGrid extends PropertyGrid {
|
|
|
49
50
|
btn.textContent = '...';
|
|
50
51
|
btn.onclick = async () => {
|
|
51
52
|
let b = new BindableObjectsBrowser();
|
|
52
|
-
b.initialize(this.serviceContainer, this.instanceServiceContainer);
|
|
53
|
+
b.initialize(this.serviceContainer, this.instanceServiceContainer, this.bindableObjectsTarget);
|
|
53
54
|
b.title = 'select signal...';
|
|
54
55
|
const abortController = new AbortController();
|
|
55
56
|
b.objectDoubleclicked.on(() => {
|
|
@@ -90,8 +91,8 @@ export class VisualizationPropertyGrid extends PropertyGrid {
|
|
|
90
91
|
}
|
|
91
92
|
else {
|
|
92
93
|
let monacoInfo = {
|
|
93
|
-
content: `declare global {
|
|
94
|
-
var context: { event: Event, element: Element };
|
|
94
|
+
content: `declare global {
|
|
95
|
+
var context: { event: Event, element: Element };
|
|
95
96
|
}`, filePath: 'global.d.ts'
|
|
96
97
|
};
|
|
97
98
|
//@ts-ignore
|
|
@@ -17,7 +17,7 @@ export class SignalPropertyEditor extends BasePropertyEditor {
|
|
|
17
17
|
btn.textContent = '...';
|
|
18
18
|
btn.onclick = async () => {
|
|
19
19
|
let b = new BindableObjectsBrowser();
|
|
20
|
-
b.initialize(this.designItems[0].serviceContainer, this.designItems[0].instanceServiceContainer);
|
|
20
|
+
b.initialize(this.designItems[0].serviceContainer, this.designItems[0].instanceServiceContainer, 'property');
|
|
21
21
|
b.title = 'select signal...';
|
|
22
22
|
const abortController = new AbortController();
|
|
23
23
|
b.objectDoubleclicked.on(() => {
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"description": "web-component-designer addon for visualizations",
|
|
3
3
|
"name": "@node-projects/web-component-designer-visualization-addons",
|
|
4
|
-
"version": "0.1.
|
|
4
|
+
"version": "0.1.101",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
7
7
|
"author": "jochen.kuehner@gmx.de",
|