@node-projects/web-component-designer-visualization-addons 0.1.98 → 0.1.100
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.
- package/dist/components/BindingsEditor.js +1 -1
- package/dist/components/SimpleScriptEditor.js +1 -0
- package/dist/components/VisualizationPropertyGrid.d.ts +2 -1
- package/dist/components/VisualizationPropertyGrid.js +4 -3
- package/dist/scripting/ScriptSystem.js +2 -2
- package/dist/services/SignalPropertyEditor.js +1 -1
- package/package.json +1 -1
|
@@ -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(() => {
|
|
@@ -112,6 +112,7 @@ export class SimpleScriptEditor extends BaseCustomWebComponentConstructorAppend
|
|
|
112
112
|
this._propertygrid.visualizationShell = this.visualizationShell;
|
|
113
113
|
this._propertygrid.serviceContainer = this.serviceContainer;
|
|
114
114
|
this._propertygrid.instanceServiceContainer = this.instanceServiceContainer;
|
|
115
|
+
this._propertygrid.bindableObjectsTarget = 'script';
|
|
115
116
|
this._propertygrid.getTypeInfo = (obj, type) => typeInfoFromJsonSchema(this.scriptCommandsTypeInfo, obj, type);
|
|
116
117
|
this._propertygrid.getSpecialEditorForType = async (property, currentValue, propertyPath, wbRender, additionalInfo) => {
|
|
117
118
|
//@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
|
|
@@ -426,14 +426,14 @@ export class ScriptSystem {
|
|
|
426
426
|
if (script[0] == '{') {
|
|
427
427
|
let scriptObj = JSON.parse(script);
|
|
428
428
|
if ('commands' in scriptObj) {
|
|
429
|
-
e.addEventListener(evtName, (evt) => this.execute(scriptObj.commands,
|
|
429
|
+
e.addEventListener(evtName, (evt) => this.execute(scriptObj.commands, contextCreator(instance, evt, e, scriptObj.parameters, scriptObj.relativeSignalsPath)));
|
|
430
430
|
}
|
|
431
431
|
else if ('blocks' in scriptObj) {
|
|
432
432
|
let compiledFunc = null;
|
|
433
433
|
e.addEventListener(evtName, async (evt) => {
|
|
434
434
|
if (!compiledFunc)
|
|
435
435
|
compiledFunc = await generateEventCodeFromBlockly(scriptObj);
|
|
436
|
-
compiledFunc(evt, shadowRoot, scriptObj.parameters, scriptObj.relativeSignalsPath ?? '', visualizationHandler,
|
|
436
|
+
compiledFunc(evt, shadowRoot, scriptObj.parameters, scriptObj.relativeSignalsPath ?? '', visualizationHandler, contextCreator(instance, evt, e, scriptObj.parameters, scriptObj.relativeSignalsPath));
|
|
437
437
|
});
|
|
438
438
|
}
|
|
439
439
|
else {
|
|
@@ -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.100",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
7
7
|
"author": "jochen.kuehner@gmx.de",
|