@node-projects/web-component-designer-visualization-addons 0.1.45 → 0.1.46

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 +27 -24
  2. package/package.json +1 -1
package/dist/helpers/BindingsHelper.js CHANGED
@@ -208,93 +208,96 @@ export class BindingsHelper {
208
208
  delete bindingCopy.events;
209
209
  }
210
210
  const eventsString = binding.twoWay && binding.events?.length > 0 ? '::' + binding.events.join(',') : '';
211
- if (binding.target == BindingTarget.property &&
211
+ let needsJson = false;
212
+ if (eventsString && binding.expression?.includes('::') || binding.expressionTwoWay?.includes('::'))
213
+ needsJson = true;
214
+ if (!needsJson && binding.target == BindingTarget.property &&
212
215
  !binding.expression && !binding.expressionTwoWay &&
213
216
  binding.converter == null &&
214
217
  !binding.type &&
215
218
  !binding.historic) {
216
219
  if (targetName == 'textContent')
217
- return [bindingPrefixContent + 'text', (binding.twoWay ? '=' : '') + (binding.inverted ? '!' : '') + binding.signal + eventsString + (!binding.twoWay && binding.signal.includes(';') ? ';' : '')];
220
+ return [bindingPrefixContent + 'text', (binding.twoWay ? '=' : '') + (binding.inverted ? '!' : '') + binding.signal + (!binding.twoWay && binding.signal.includes(';') ? ';' : '') + eventsString];
218
221
  if (targetName == 'innerHTML')
219
- return [bindingPrefixContent + 'html', (binding.twoWay ? '=' : '') + (binding.inverted ? '!' : '') + binding.signal + eventsString + (!binding.twoWay && binding.signal.includes(';') ? ';' : '')];
220
- return [bindingPrefixProperty + PropertiesHelper.camelToDashCase(targetName), (binding.twoWay ? '=' : '') + (binding.inverted ? '!' : '') + binding.signal + eventsString + (!binding.twoWay && binding.signal.includes(';') ? ';' : '')];
222
+ return [bindingPrefixContent + 'html', (binding.twoWay ? '=' : '') + (binding.inverted ? '!' : '') + binding.signal + (!binding.twoWay && binding.signal.includes(';') ? ';' : '') + eventsString];
223
+ return [bindingPrefixProperty + PropertiesHelper.camelToDashCase(targetName), (binding.twoWay ? '=' : '') + (binding.inverted ? '!' : '') + binding.signal + (!binding.twoWay && binding.signal.includes(';') ? ';' : '') + eventsString];
221
224
  }
222
225
  //Multi Var Expressions
223
- if (binding.target == BindingTarget.property &&
226
+ if (!needsJson && binding.target == BindingTarget.property &&
224
227
  binding.expression && !binding.expression.includes("\n") && !binding.expression.includes(";") &&
225
228
  !binding.expressionTwoWay &&
226
229
  binding.converter == null &&
227
230
  !binding.type &&
228
231
  !binding.historic) {
229
232
  if (targetName == 'textContent')
230
- return [bindingPrefixContent + 'text', (binding.inverted ? '!' : '') + binding.signal + eventsString + ';' + binding.expression];
233
+ return [bindingPrefixContent + 'text', (binding.inverted ? '!' : '') + binding.signal + ';' + binding.expression + eventsString];
231
234
  if (targetName == 'innerHTML')
232
- return [bindingPrefixContent + 'html', (binding.inverted ? '!' : '') + binding.signal + eventsString + ';' + binding.expression];
233
- return [bindingPrefixProperty + PropertiesHelper.camelToDashCase(targetName), (binding.twoWay ? '=' : '') + (binding.inverted ? '!' : '') + binding.signal + eventsString + ';' + binding.expression];
235
+ return [bindingPrefixContent + 'html', (binding.inverted ? '!' : '') + binding.signal + ';' + binding.expression + eventsString];
236
+ return [bindingPrefixProperty + PropertiesHelper.camelToDashCase(targetName), (binding.twoWay ? '=' : '') + (binding.inverted ? '!' : '') + binding.signal + ';' + binding.expression + eventsString];
234
237
  }
235
- if (binding.target == BindingTarget.attribute &&
238
+ if (!needsJson && binding.target == BindingTarget.attribute &&
236
239
  !binding.expression && !binding.expressionTwoWay &&
237
240
  binding.converter == null &&
238
241
  !binding.type &&
239
242
  !binding.historic) {
240
- return [bindingPrefixAttribute + PropertiesHelper.camelToDashCase(targetName), (binding.twoWay ? '=' : '') + (binding.inverted ? '!' : '') + binding.signal + eventsString + (!binding.twoWay && binding.signal.includes(';') ? ';' : '')];
243
+ return [bindingPrefixAttribute + PropertiesHelper.camelToDashCase(targetName), (binding.twoWay ? '=' : '') + (binding.inverted ? '!' : '') + binding.signal + (!binding.twoWay && binding.signal.includes(';') ? ';' : '') + eventsString];
241
244
  }
242
245
  //Multi Var Expressions
243
- if (binding.target == BindingTarget.attribute &&
246
+ if (!needsJson && binding.target == BindingTarget.attribute &&
244
247
  binding.expression && !binding.expression.includes("\n") && !binding.expression.includes(";") &&
245
248
  !binding.expressionTwoWay &&
246
249
  binding.converter == null &&
247
250
  !binding.type &&
248
251
  !binding.historic) {
249
- return [bindingPrefixAttribute + PropertiesHelper.camelToDashCase(targetName), (binding.twoWay ? '=' : '') + (binding.inverted ? '!' : '') + binding.signal + eventsString + ';' + binding.expression];
252
+ return [bindingPrefixAttribute + PropertiesHelper.camelToDashCase(targetName), (binding.twoWay ? '=' : '') + (binding.inverted ? '!' : '') + binding.signal + ';' + binding.expression + eventsString];
250
253
  }
251
- if (binding.target == BindingTarget.class &&
254
+ if (!needsJson && binding.target == BindingTarget.class &&
252
255
  !binding.expression && !binding.expressionTwoWay &&
253
256
  binding.converter == null &&
254
257
  !binding.type &&
255
258
  !binding.historic) {
256
- return [bindingPrefixClass + PropertiesHelper.camelToDashCase(targetName), (binding.inverted ? '!' : '') + binding.signal + eventsString + (!binding.twoWay && binding.signal.includes(';') ? ';' : '')];
259
+ return [bindingPrefixClass + PropertiesHelper.camelToDashCase(targetName), (binding.inverted ? '!' : '') + binding.signal + (!binding.twoWay && binding.signal.includes(';') ? ';' : '') + eventsString];
257
260
  }
258
261
  //Multi Var Expressions
259
- if (binding.target == BindingTarget.class &&
262
+ if (!needsJson && binding.target == BindingTarget.class &&
260
263
  binding.expression && !binding.expression.includes("\n") && !binding.expression.includes(";") &&
261
264
  !binding.expressionTwoWay &&
262
265
  binding.converter == null &&
263
266
  !binding.type &&
264
267
  !binding.historic) {
265
- return [bindingPrefixClass + PropertiesHelper.camelToDashCase(targetName), (binding.inverted ? '!' : '') + binding.signal + eventsString + ';' + binding.expression];
268
+ return [bindingPrefixClass + PropertiesHelper.camelToDashCase(targetName), (binding.inverted ? '!' : '') + binding.signal + ';' + binding.expression + eventsString];
266
269
  }
267
- if (binding.target == BindingTarget.css &&
270
+ if (!needsJson && binding.target == BindingTarget.css &&
268
271
  !binding.expression && !binding.expressionTwoWay &&
269
272
  binding.converter == null &&
270
273
  !binding.type &&
271
274
  !binding.historic) {
272
- return [bindingPrefixCss + PropertiesHelper.camelToDashCase(targetName), (binding.inverted ? '!' : '') + binding.signal + eventsString + (!binding.twoWay && binding.signal.includes(';') ? ';' : '')];
275
+ return [bindingPrefixCss + PropertiesHelper.camelToDashCase(targetName), (binding.inverted ? '!' : '') + binding.signal + (!binding.twoWay && binding.signal.includes(';') ? ';' : '') + eventsString];
273
276
  }
274
277
  //Multi Var Expressions
275
- if (binding.target == BindingTarget.css &&
278
+ if (!needsJson && binding.target == BindingTarget.css &&
276
279
  binding.expression && !binding.expression.includes("\n") && !binding.expression.includes(";") &&
277
280
  !binding.expressionTwoWay &&
278
281
  binding.converter == null &&
279
282
  !binding.type &&
280
283
  !binding.historic) {
281
- return [bindingPrefixCss + PropertiesHelper.camelToDashCase(targetName), (binding.inverted ? '!' : '') + binding.signal + eventsString + ';' + binding.expression];
284
+ return [bindingPrefixCss + PropertiesHelper.camelToDashCase(targetName), (binding.inverted ? '!' : '') + binding.signal + ';' + binding.expression + eventsString];
282
285
  }
283
- if (binding.target == BindingTarget.cssvar &&
286
+ if (!needsJson && binding.target == BindingTarget.cssvar &&
284
287
  !binding.expression && !binding.expressionTwoWay &&
285
288
  binding.converter == null &&
286
289
  !binding.type &&
287
290
  !binding.historic) {
288
- return [bindingPrefixCssVar + BindingsHelper.camelToDotCase(targetName.substring(2)), (binding.inverted ? '!' : '') + binding.signal + eventsString + (!binding.twoWay && binding.signal.includes(';') ? ';' : '')];
291
+ return [bindingPrefixCssVar + BindingsHelper.camelToDotCase(targetName.substring(2)), (binding.inverted ? '!' : '') + binding.signal + (!binding.twoWay && binding.signal.includes(';') ? ';' : '') + eventsString];
289
292
  }
290
293
  //Multi Var Expressions
291
- if (binding.target == BindingTarget.cssvar &&
294
+ if (!needsJson && binding.target == BindingTarget.cssvar &&
292
295
  binding.expression && !binding.expression.includes("\n") && !binding.expression.includes(";") &&
293
296
  !binding.expressionTwoWay &&
294
297
  binding.converter == null &&
295
298
  !binding.type &&
296
299
  !binding.historic) {
297
- return [bindingPrefixCssVar + PropertiesHelper.camelToDashCase(targetName), (binding.inverted ? '!' : '') + binding.signal + eventsString + ';' + binding.expression];
300
+ return [bindingPrefixCssVar + PropertiesHelper.camelToDashCase(targetName), (binding.inverted ? '!' : '') + binding.signal + ';' + binding.expression + eventsString];
298
301
  }
299
302
  if (binding.inverted === null || binding.inverted === false) {
300
303
  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.45",
4
+ "version": "0.1.46",
5
5
  "type": "module",
6
6
  "main": "./dist/index.js",
7
7
  "author": "jochen.kuehner@gmx.de",