@node-projects/web-component-designer-visualization-addons 0.1.6 → 0.1.7

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.
Files changed (5) hide show
  1. package/dist/helpers/BindingsHelper.js +3 -3
  2. package/dist/interfaces/VisualizationHandler.d.ts +1 -1
  3. package/dist/scripting/ScriptSystem.js +8 -8
  4. package/dist/services/BindableObjectDragDropService.js +6 -6
  5. package/package.json +1 -1
package/dist/helpers/BindingsHelper.js CHANGED
@@ -448,7 +448,7 @@ export class BindingsHelper {
448
448
  }
449
449
  else {
450
450
  if (s.includes('{')) {
451
- let indirectSignal = new IndirectSignal(this._visualizationHandler, s, (value) => this.handleValueChanged(element, binding, value.value, valuesObject, i, signalVars, false));
451
+ let indirectSignal = new IndirectSignal(this._visualizationHandler, s, (value) => this.handleValueChanged(element, binding, value.val, valuesObject, i, signalVars, false));
452
452
  if (!cleanupCalls)
453
453
  cleanupCalls = [];
454
454
  cleanupCalls.push(() => indirectSignal.dispose());
@@ -479,10 +479,10 @@ export class BindingsHelper {
479
479
  this._visualizationHandler.getHistoricData(s, binding[1].historic).then(x => this.handleValueChanged(element, binding, x?.values, valuesObject, i, signalVars, true));
480
480
  }
481
481
  else {
482
- const cb = (id, value) => this.handleValueChanged(element, binding, value.value, valuesObject, i, signalVars, false);
482
+ const cb = (id, value) => this.handleValueChanged(element, binding, value.val, valuesObject, i, signalVars, false);
483
483
  unsubscribeList.push([s, cb]);
484
484
  this._visualizationHandler.subscribeState(s, cb);
485
- this._visualizationHandler.getState(s).then(x => this.handleValueChanged(element, binding, x?.value, valuesObject, i, signalVars, false));
485
+ this._visualizationHandler.getState(s).then(x => this.handleValueChanged(element, binding, x?.val, valuesObject, i, signalVars, false));
486
486
  if (binding[1].twoWay && i == 0) {
487
487
  this.addTwoWayBinding(binding, element, v => this._visualizationHandler.setState(s, v));
488
488
  }
package/dist/interfaces/VisualizationHandler.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  type StateValue = string | number | boolean | null;
2
2
  export interface State {
3
- value: StateValue;
3
+ val: StateValue;
4
4
  }
5
5
  export interface Signal {
6
6
  "$type": 'Signal';
package/dist/scripting/ScriptSystem.js CHANGED
@@ -32,7 +32,7 @@ export class ScriptSystem {
32
32
  case 'ToggleSignalValue': {
33
33
  const signal = await this.getValue(command.signal, context);
34
34
  let state = await this._visualizationHandler.getState(signal);
35
- await this._visualizationHandler.setState(signal, !state?.value);
35
+ await this._visualizationHandler.setState(signal, !state?.val);
36
36
  break;
37
37
  }
38
38
  case 'SetSignalValue': {
@@ -43,13 +43,13 @@ export class ScriptSystem {
43
43
  case 'IncrementSignalValue': {
44
44
  const signal = await this.getValue(command.signal, context);
45
45
  let state = await this._visualizationHandler.getState(signal);
46
- await this._visualizationHandler.setState(signal, state.value + await this.getValue(command.value, context));
46
+ await this._visualizationHandler.setState(signal, state.val + await this.getValue(command.value, context));
47
47
  break;
48
48
  }
49
49
  case 'DecrementSignalValue': {
50
50
  const signal = await this.getValue(command.signal, context);
51
51
  let state = await this._visualizationHandler.getState(signal);
52
- await this._visualizationHandler.setState(signal, state.value - await this.getValue(command.value, context));
52
+ await this._visualizationHandler.setState(signal, state.val - await this.getValue(command.value, context));
53
53
  break;
54
54
  }
55
55
  case 'CalculateSignalValue': {
@@ -59,7 +59,7 @@ export class ScriptSystem {
59
59
  let results = await Promise.all(parsed.signals.map(x => this._visualizationHandler.getState(x)));
60
60
  let nm = '';
61
61
  for (let i = 0; i < parsed.parts.length - 1; i++) {
62
- let v = results[i].value;
62
+ let v = results[i].val;
63
63
  if (v == null)
64
64
  return;
65
65
  nm += v + parsed.parts[i + 1];
@@ -72,7 +72,7 @@ export class ScriptSystem {
72
72
  const signal = await this.getValue(command.signal, context);
73
73
  let state = await this._visualizationHandler.getState(signal);
74
74
  let mask = Long.fromNumber(1).shiftLeft(command.bitNumber);
75
- const newVal = Long.fromNumber(state.value).or(mask).toNumber();
75
+ const newVal = Long.fromNumber(state.val).or(mask).toNumber();
76
76
  await this._visualizationHandler.setState(signal, newVal);
77
77
  break;
78
78
  }
@@ -81,7 +81,7 @@ export class ScriptSystem {
81
81
  let state = await this._visualizationHandler.getState(signal);
82
82
  let mask = Long.fromNumber(1).shiftLeft(command.bitNumber);
83
83
  mask.negate();
84
- const newVal = Long.fromNumber(state.value).and(mask).toNumber();
84
+ const newVal = Long.fromNumber(state.val).and(mask).toNumber();
85
85
  await this._visualizationHandler.setState(signal, newVal);
86
86
  break;
87
87
  }
@@ -89,7 +89,7 @@ export class ScriptSystem {
89
89
  const signal = await this.getValue(command.signal, context);
90
90
  let state = await this._visualizationHandler.getState(signal);
91
91
  let mask = Long.fromNumber(1).shiftLeft(command.bitNumber);
92
- const newVal = Long.fromNumber(state.value).xor(mask).toNumber();
92
+ const newVal = Long.fromNumber(state.val).xor(mask).toNumber();
93
93
  await this._visualizationHandler.setState(signal, newVal);
94
94
  break;
95
95
  }
@@ -139,7 +139,7 @@ export class ScriptSystem {
139
139
  }
140
140
  case 'signal': {
141
141
  let sng = await this._visualizationHandler.getState(value.name);
142
- return sng.value;
142
+ return sng.val;
143
143
  }
144
144
  case 'event': {
145
145
  let obj = outerContext.event;
package/dist/services/BindableObjectDragDropService.js CHANGED
@@ -56,24 +56,24 @@ export class BindableObjectDragDropService {
56
56
  let grp;
57
57
  let state = await this._visualizationHandler.getState(bindableObject.fullName);
58
58
  //TODO: only icon&image if val is a url with extension
59
- if (info.role === 'url' && typeof state?.value === 'string') {
60
- if (state.value.endsWith('jpg') || state.value.endsWith('jpeg') || state.value.endsWith('png') || state.value.endsWith('gif') || state.value.endsWith('svg')) {
59
+ if (info.role === 'url' && typeof state?.val === 'string') {
60
+ if (state.val.endsWith('jpg') || state.val.endsWith('jpeg') || state.val.endsWith('png') || state.val.endsWith('gif') || state.val.endsWith('svg')) {
61
61
  const img = document.createElement('img');
62
62
  di = DesignItem.createDesignItemFromInstance(img, designerCanvas.serviceContainer, designerCanvas.instanceServiceContainer);
63
63
  grp = di.openGroup("Insert");
64
64
  const binding = { signal: bindableObject.fullName, target: BindingTarget.property };
65
65
  let serializedBinding = this._bindingsHelper.serializeBinding(img, 'src', binding);
66
66
  di.setAttribute(serializedBinding[0], serializedBinding[1]);
67
- di.element.src = state.value;
67
+ di.element.src = state.val;
68
68
  }
69
- else if (state.value.endsWith('mp4')) {
69
+ else if (state.val.endsWith('mp4')) {
70
70
  const video = document.createElement('video');
71
71
  di = DesignItem.createDesignItemFromInstance(video, designerCanvas.serviceContainer, designerCanvas.instanceServiceContainer);
72
72
  grp = di.openGroup("Insert");
73
73
  const binding = { signal: bindableObject.fullName, target: BindingTarget.property };
74
74
  let serializedBinding = this._bindingsHelper.serializeBinding(video, 'src', binding);
75
75
  di.setAttribute(serializedBinding[0], serializedBinding[1]);
76
- di.element.src = state.value;
76
+ di.element.src = state.val;
77
77
  }
78
78
  else {
79
79
  const video = document.createElement('iframe');
@@ -82,7 +82,7 @@ export class BindableObjectDragDropService {
82
82
  const binding = { signal: bindableObject.fullName, target: BindingTarget.property };
83
83
  let serializedBinding = this._bindingsHelper.serializeBinding(video, 'src', binding);
84
84
  di.setAttribute(serializedBinding[0], serializedBinding[1]);
85
- di.element.src = state.value;
85
+ di.element.src = state.val;
86
86
  }
87
87
  }
88
88
  if (!di) {
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.6",
4
+ "version": "0.1.7",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",
7
7
  "author": "jochen.kuehner@gmx.de",