@node-projects/web-component-designer-visualization-addons 0.1.22 → 0.1.24

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 (2) hide show
  1. package/dist/helpers/BindingsHelper.js +45 -46
  2. package/package.json +1 -1
package/dist/helpers/BindingsHelper.js CHANGED
@@ -122,20 +122,28 @@ export class BindingsHelper {
122
122
  if (value[0] === '=') {
123
123
  value = value.substring(1);
124
124
  binding.signal = value;
125
+ if (value.includes('::')) {
126
+ const parts = value.split('::');
127
+ value = parts[0];
128
+ binding.signal = value;
129
+ binding.events = parts[1].split(',');
130
+ }
125
131
  binding.twoWay = true;
126
- if (element instanceof HTMLInputElement)
127
- binding.events = ['change'];
128
- else if (element instanceof HTMLSelectElement)
129
- binding.events = ['change'];
130
- else {
131
- if (isLit(element)) {
132
- binding.events = [propname];
133
- }
132
+ if (!binding.events) {
133
+ if (element instanceof HTMLInputElement)
134
+ binding.events = ['change'];
135
+ else if (element instanceof HTMLSelectElement)
136
+ binding.events = ['change'];
134
137
  else {
135
- binding.events = [propname + '-changed'];
136
- //Binding could be a lit elemnt but not yet loaded
137
- binding.maybeLitElement = true;
138
- binding.litEventNames = [propname];
138
+ if (isLit(element)) {
139
+ binding.events = [propname];
140
+ }
141
+ else {
142
+ binding.events = [propname + '-changed'];
143
+ //Binding could be a lit elemnt but not yet loaded
144
+ binding.maybeLitElement = true;
145
+ binding.litEventNames = [propname];
146
+ }
139
147
  }
140
148
  }
141
149
  }
@@ -183,17 +191,17 @@ export class BindingsHelper {
183
191
  else if (!isLit(element) && binding.events?.[0] == targetName + '-changed')
184
192
  delete bindingCopy.events;
185
193
  }
194
+ const eventsString = binding.events?.length > 0 ? '::' + binding.events.join(',') : '';
186
195
  if (binding.target == BindingTarget.property &&
187
196
  !binding.expression && !binding.expressionTwoWay &&
188
197
  binding.converter == null &&
189
198
  !binding.type &&
190
- !binding.historic &&
191
- (bindingCopy.events == null || bindingCopy.events.length == 0)) {
199
+ !binding.historic) {
192
200
  if (targetName == 'textContent')
193
- return [bindingPrefixContent + 'text', (binding.twoWay ? '=' : '') + (binding.inverted ? '!' : '') + binding.signal + (!binding.twoWay && binding.signal.includes(';') ? ';' : '')];
201
+ return [bindingPrefixContent + 'text', (binding.twoWay ? '=' : '') + (binding.inverted ? '!' : '') + binding.signal + eventsString + (!binding.twoWay && binding.signal.includes(';') ? ';' : '')];
194
202
  if (targetName == 'innerHTML')
195
- return [bindingPrefixContent + 'html', (binding.twoWay ? '=' : '') + (binding.inverted ? '!' : '') + binding.signal + (!binding.twoWay && binding.signal.includes(';') ? ';' : '')];
196
- return [bindingPrefixProperty + PropertiesHelper.camelToDashCase(targetName), (binding.twoWay ? '=' : '') + (binding.inverted ? '!' : '') + binding.signal + (!binding.twoWay && binding.signal.includes(';') ? ';' : '')];
203
+ return [bindingPrefixContent + 'html', (binding.twoWay ? '=' : '') + (binding.inverted ? '!' : '') + binding.signal + eventsString + (!binding.twoWay && binding.signal.includes(';') ? ';' : '')];
204
+ return [bindingPrefixProperty + PropertiesHelper.camelToDashCase(targetName), (binding.twoWay ? '=' : '') + (binding.inverted ? '!' : '') + binding.signal + eventsString + (!binding.twoWay && binding.signal.includes(';') ? ';' : '')];
197
205
  }
198
206
  //Multi Var Expressions
199
207
  if (binding.target == BindingTarget.property &&
@@ -201,21 +209,19 @@ export class BindingsHelper {
201
209
  !binding.expressionTwoWay &&
202
210
  binding.converter == null &&
203
211
  !binding.type &&
204
- !binding.historic &&
205
- (bindingCopy.events == null || bindingCopy.events.length == 0)) {
212
+ !binding.historic) {
206
213
  if (targetName == 'textContent')
207
- return [bindingPrefixContent + 'text', (binding.inverted ? '!' : '') + binding.signal + ';' + binding.expression];
214
+ return [bindingPrefixContent + 'text', (binding.inverted ? '!' : '') + binding.signal + eventsString + ';' + binding.expression];
208
215
  if (targetName == 'innerHTML')
209
- return [bindingPrefixContent + 'html', (binding.inverted ? '!' : '') + binding.signal + ';' + binding.expression];
210
- return [bindingPrefixProperty + PropertiesHelper.camelToDashCase(targetName), (binding.twoWay ? '=' : '') + (binding.inverted ? '!' : '') + binding.signal + ';' + binding.expression];
216
+ return [bindingPrefixContent + 'html', (binding.inverted ? '!' : '') + binding.signal + eventsString + ';' + binding.expression];
217
+ return [bindingPrefixProperty + PropertiesHelper.camelToDashCase(targetName), (binding.twoWay ? '=' : '') + (binding.inverted ? '!' : '') + binding.signal + eventsString + ';' + binding.expression];
211
218
  }
212
219
  if (binding.target == BindingTarget.attribute &&
213
220
  !binding.expression && !binding.expressionTwoWay &&
214
221
  binding.converter == null &&
215
222
  !binding.type &&
216
- !binding.historic &&
217
- (binding.events == null || binding.events.length == 0)) {
218
- return [bindingPrefixAttribute + PropertiesHelper.camelToDashCase(targetName), (binding.twoWay ? '=' : '') + (binding.inverted ? '!' : '') + binding.signal + (!binding.twoWay && binding.signal.includes(';') ? ';' : '')];
223
+ !binding.historic) {
224
+ return [bindingPrefixAttribute + PropertiesHelper.camelToDashCase(targetName), (binding.twoWay ? '=' : '') + (binding.inverted ? '!' : '') + binding.signal + eventsString + (!binding.twoWay && binding.signal.includes(';') ? ';' : '')];
219
225
  }
220
226
  //Multi Var Expressions
221
227
  if (binding.target == BindingTarget.attribute &&
@@ -223,17 +229,15 @@ export class BindingsHelper {
223
229
  !binding.expressionTwoWay &&
224
230
  binding.converter == null &&
225
231
  !binding.type &&
226
- !binding.historic &&
227
- (binding.events == null || binding.events.length == 0)) {
228
- return [bindingPrefixAttribute + PropertiesHelper.camelToDashCase(targetName), (binding.twoWay ? '=' : '') + (binding.inverted ? '!' : '') + binding.signal + ';' + binding.expression];
232
+ !binding.historic) {
233
+ return [bindingPrefixAttribute + PropertiesHelper.camelToDashCase(targetName), (binding.twoWay ? '=' : '') + (binding.inverted ? '!' : '') + binding.signal + eventsString + ';' + binding.expression];
229
234
  }
230
235
  if (binding.target == BindingTarget.class &&
231
236
  !binding.expression && !binding.expressionTwoWay &&
232
237
  binding.converter == null &&
233
238
  !binding.type &&
234
- !binding.historic &&
235
- (binding.events == null || binding.events.length == 0)) {
236
- return [bindingPrefixClass + PropertiesHelper.camelToDashCase(targetName), (binding.inverted ? '!' : '') + binding.signal + (!binding.twoWay && binding.signal.includes(';') ? ';' : '')];
239
+ !binding.historic) {
240
+ return [bindingPrefixClass + PropertiesHelper.camelToDashCase(targetName), (binding.inverted ? '!' : '') + binding.signal + eventsString + (!binding.twoWay && binding.signal.includes(';') ? ';' : '')];
237
241
  }
238
242
  //Multi Var Expressions
239
243
  if (binding.target == BindingTarget.class &&
@@ -241,17 +245,15 @@ export class BindingsHelper {
241
245
  !binding.expressionTwoWay &&
242
246
  binding.converter == null &&
243
247
  !binding.type &&
244
- !binding.historic &&
245
- (binding.events == null || binding.events.length == 0)) {
246
- return [bindingPrefixClass + PropertiesHelper.camelToDashCase(targetName), (binding.inverted ? '!' : '') + binding.signal + ';' + binding.expression];
248
+ !binding.historic) {
249
+ return [bindingPrefixClass + PropertiesHelper.camelToDashCase(targetName), (binding.inverted ? '!' : '') + binding.signal + eventsString + ';' + binding.expression];
247
250
  }
248
251
  if (binding.target == BindingTarget.css &&
249
252
  !binding.expression && !binding.expressionTwoWay &&
250
253
  binding.converter == null &&
251
254
  !binding.type &&
252
- !binding.historic &&
253
- (binding.events == null || binding.events.length == 0)) {
254
- return [bindingPrefixCss + PropertiesHelper.camelToDashCase(targetName), (binding.inverted ? '!' : '') + binding.signal + (!binding.twoWay && binding.signal.includes(';') ? ';' : '')];
255
+ !binding.historic) {
256
+ return [bindingPrefixCss + PropertiesHelper.camelToDashCase(targetName), (binding.inverted ? '!' : '') + binding.signal + eventsString + (!binding.twoWay && binding.signal.includes(';') ? ';' : '')];
255
257
  }
256
258
  //Multi Var Expressions
257
259
  if (binding.target == BindingTarget.css &&
@@ -259,17 +261,15 @@ export class BindingsHelper {
259
261
  !binding.expressionTwoWay &&
260
262
  binding.converter == null &&
261
263
  !binding.type &&
262
- !binding.historic &&
263
- (binding.events == null || binding.events.length == 0)) {
264
- return [bindingPrefixCss + PropertiesHelper.camelToDashCase(targetName), (binding.inverted ? '!' : '') + binding.signal + ';' + binding.expression];
264
+ !binding.historic) {
265
+ return [bindingPrefixCss + PropertiesHelper.camelToDashCase(targetName), (binding.inverted ? '!' : '') + binding.signal + eventsString + ';' + binding.expression];
265
266
  }
266
267
  if (binding.target == BindingTarget.cssvar &&
267
268
  !binding.expression && !binding.expressionTwoWay &&
268
269
  binding.converter == null &&
269
270
  !binding.type &&
270
- !binding.historic &&
271
- (binding.events == null || binding.events.length == 0)) {
272
- return [bindingPrefixCssVar + BindingsHelper.camelToDotCase(targetName.substring(2)), (binding.inverted ? '!' : '') + binding.signal + (!binding.twoWay && binding.signal.includes(';') ? ';' : '')];
271
+ !binding.historic) {
272
+ return [bindingPrefixCssVar + BindingsHelper.camelToDotCase(targetName.substring(2)), (binding.inverted ? '!' : '') + binding.signal + eventsString + (!binding.twoWay && binding.signal.includes(';') ? ';' : '')];
273
273
  }
274
274
  //Multi Var Expressions
275
275
  if (binding.target == BindingTarget.cssvar &&
@@ -277,9 +277,8 @@ export class BindingsHelper {
277
277
  !binding.expressionTwoWay &&
278
278
  binding.converter == null &&
279
279
  !binding.type &&
280
- !binding.historic &&
281
- (binding.events == null || binding.events.length == 0)) {
282
- return [bindingPrefixCssVar + PropertiesHelper.camelToDashCase(targetName), (binding.inverted ? '!' : '') + binding.signal + ';' + binding.expression];
280
+ !binding.historic) {
281
+ return [bindingPrefixCssVar + PropertiesHelper.camelToDashCase(targetName), (binding.inverted ? '!' : '') + binding.signal + eventsString + ';' + binding.expression];
283
282
  }
284
283
  if (binding.inverted === null || binding.inverted === false) {
285
284
  delete bindingCopy.inverted;
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.22",
4
+ "version": "0.1.24",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",
7
7
  "author": "jochen.kuehner@gmx.de",