@lightningjs/blits 1.30.2 → 1.31.1

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 (152) hide show
  1. package/CHANGELOG.md +1035 -1019
  2. package/LICENSE +202 -202
  3. package/NOTICE +12 -12
  4. package/README.md +33 -33
  5. package/bin/index.js +8 -8
  6. package/blits.d.ts +6 -6
  7. package/index.d.ts +1099 -1099
  8. package/index.js +28 -28
  9. package/package.json +57 -56
  10. package/public/assets/fps_sprite.base64.js +1 -1
  11. package/scripts/postpublish.js +59 -59
  12. package/scripts/prepublishOnly.js +84 -84
  13. package/scripts/prepush.js +78 -78
  14. package/src/announcer/announcer.js +162 -162
  15. package/src/announcer/speechSynthesis.js +107 -107
  16. package/src/application.js +100 -100
  17. package/src/component/base/announcer.js +27 -27
  18. package/src/component/base/events.js +69 -69
  19. package/src/component/base/index.js +33 -33
  20. package/src/component/base/methods.js +244 -244
  21. package/src/component/base/router.js +41 -41
  22. package/src/component/base/timeouts_intervals.js +99 -99
  23. package/src/component/base/utils.js +72 -72
  24. package/src/component/setup/computed.js +48 -48
  25. package/src/component/setup/index.js +62 -62
  26. package/src/component/setup/input.js +30 -30
  27. package/src/component/setup/methods.js +37 -37
  28. package/src/component/setup/props.js +62 -62
  29. package/src/component/setup/routes.js +42 -42
  30. package/src/component/setup/state.js +59 -59
  31. package/src/component/setup/watch.js +35 -35
  32. package/src/component.js +437 -437
  33. package/src/components/Circle.js +73 -73
  34. package/src/components/FPScounter.js +1510 -1510
  35. package/src/components/RouterView.js +81 -81
  36. package/src/components/Sprite.js +94 -94
  37. package/src/components/index.js +28 -28
  38. package/src/constants.js +21 -21
  39. package/src/engine.js +1 -1
  40. package/src/engines/L3/element.js +744 -744
  41. package/src/engines/L3/fontLoader.js +38 -38
  42. package/src/engines/L3/index.js +7 -7
  43. package/src/engines/L3/launch.js +123 -123
  44. package/src/engines/L3/shaderLoader.js +12 -12
  45. package/src/engines/index.js +1 -1
  46. package/src/focus.js +90 -90
  47. package/src/helpers/deepEqualArray.js +50 -50
  48. package/src/helpers/fetchJson.js +34 -34
  49. package/src/helpers/sequence.js +26 -26
  50. package/src/launch.js +123 -123
  51. package/src/lib/blitsfileconverter/blitsfileconverter.js +52 -52
  52. package/src/lib/codegenerator/generator.js +788 -788
  53. package/src/lib/colors/colors.js +92 -92
  54. package/src/lib/colors/htmlColors.js +168 -168
  55. package/src/lib/componentId.js +49 -49
  56. package/src/lib/eventListeners.js +123 -123
  57. package/src/lib/hooks.js +59 -59
  58. package/src/lib/lifecycle.js +85 -85
  59. package/src/lib/log.js +117 -117
  60. package/src/lib/precompiler/precompiler.js +73 -73
  61. package/src/lib/reactivity/effect.js +93 -93
  62. package/src/lib/reactivity/reactive.js +208 -208
  63. package/src/lib/reactivityguard/computedprops.js +218 -218
  64. package/src/lib/symbols.js +108 -108
  65. package/src/lib/templateparser/parser.js +386 -386
  66. package/src/lib/utils.js +27 -27
  67. package/src/plugin.js +27 -27
  68. package/src/plugins/appstate.js +26 -26
  69. package/src/plugins/index.js +20 -20
  70. package/src/plugins/language.js +152 -152
  71. package/src/plugins/log.js +25 -25
  72. package/src/plugins/theme.js +94 -94
  73. package/src/router/router.js +516 -514
  74. package/src/router/transitions/fadeIn.js +27 -27
  75. package/src/router/transitions/fadeInOut.js +33 -33
  76. package/src/router/transitions/index.js +21 -21
  77. package/src/router/transitions/slideIn.js +28 -28
  78. package/src/router/transitions/slideInOut.js +33 -33
  79. package/src/settings.js +40 -40
  80. package/vite/blitsFileConverter.js +67 -67
  81. package/vite/index.js +28 -28
  82. package/vite/msdfGenerator.js +269 -269
  83. package/vite/preCompiler.js +47 -42
  84. package/vite/reactivityGuard.js +45 -45
  85. package/vscode/data/template-attributes.json +589 -589
  86. package/.editorconfig +0 -7
  87. package/.eslintignore +0 -1
  88. package/.eslintrc.cjs +0 -65
  89. package/.github/workflows/comment-lint-results.yml +0 -125
  90. package/.github/workflows/comment-test-results.yml +0 -109
  91. package/.github/workflows/deploy-docs.yml +0 -27
  92. package/.github/workflows/run-blits-tests.yml +0 -142
  93. package/.github/workflows/run-lint.yml +0 -128
  94. package/.husky/pre-commit +0 -1
  95. package/.husky/pre-push +0 -1
  96. package/.vscode/extensions.json +0 -7
  97. package/.vscode/settings.json +0 -9
  98. package/COPYING +0 -1
  99. package/banner.png +0 -0
  100. package/docs/.nojekyll +0 -0
  101. package/docs/README.md +0 -19
  102. package/docs/_sidebar.md +0 -37
  103. package/docs/built-in/directives.md +0 -50
  104. package/docs/built-in/for-loop.md +0 -204
  105. package/docs/built-in/layout.md +0 -168
  106. package/docs/components/component_state.md +0 -90
  107. package/docs/components/computed_properties.md +0 -45
  108. package/docs/components/lifecycle_events.md +0 -42
  109. package/docs/components/methods.md +0 -45
  110. package/docs/components/props.md +0 -56
  111. package/docs/components/user_input.md +0 -186
  112. package/docs/components/utility_methods.md +0 -320
  113. package/docs/components/watchers.md +0 -34
  114. package/docs/essentials/application_root.md +0 -19
  115. package/docs/essentials/components.md +0 -68
  116. package/docs/essentials/displaying_images.md +0 -67
  117. package/docs/essentials/displaying_text.md +0 -135
  118. package/docs/essentials/element_attributes.md +0 -195
  119. package/docs/essentials/settings.md +0 -117
  120. package/docs/essentials/template_syntax.md +0 -83
  121. package/docs/getting_started/file_structure.md +0 -58
  122. package/docs/getting_started/getting_started.md +0 -45
  123. package/docs/getting_started/intro.md +0 -20
  124. package/docs/index.html +0 -47
  125. package/docs/performance/lazy-loading.md +0 -161
  126. package/docs/plugins/global_app_state.md +0 -98
  127. package/docs/plugins/language.md +0 -172
  128. package/docs/plugins/text-to-speech-announcer.md +0 -120
  129. package/docs/plugins/theme.md +0 -176
  130. package/docs/router/basics.md +0 -175
  131. package/docs/router/hooks.md +0 -70
  132. package/docs/router/transitions.md +0 -146
  133. package/docs/sidebar.json +0 -171
  134. package/docs/transitions_animations/transitions.md +0 -150
  135. package/jsconfig.json +0 -12
  136. package/src/component/setup/props.test.js +0 -238
  137. package/src/component.test.js +0 -388
  138. package/src/components/Circle.orig.js +0 -31
  139. package/src/components/FPScounter.orig.js +0 -121
  140. package/src/components/RouterView.orig.js +0 -54
  141. package/src/components/Sprite.orig.js +0 -58
  142. package/src/components/index.orig.js +0 -28
  143. package/src/engines/L3/element.test.js +0 -579
  144. package/src/helpers/deepEqualArray.test.js +0 -127
  145. package/src/lib/codegenerator/generator.test.js +0 -3801
  146. package/src/lib/colors/colors.test.js +0 -290
  147. package/src/lib/componentId.test.js +0 -84
  148. package/src/lib/eventListeners.test.js +0 -236
  149. package/src/lib/reactivity/effect.test.js +0 -35
  150. package/src/lib/reactivity/reactive.test.js +0 -27
  151. package/src/lib/templateparser/parser.test.js +0 -1411
  152. package/src/router/router.test.js +0 -473
package/vscode/data/template-attributes.json CHANGED
@@ -1,589 +1,589 @@
1
- {
2
- "x": {
3
- "attrType": "regular",
4
- "types": [
5
- "number"
6
- ],
7
- "defaultValue": 0,
8
- "reactive": true,
9
- "description": "The x position of the Element in pixels, relative to its parent - allows negative values and decimals.",
10
- "usedIn": [
11
- "Element",
12
- "Text",
13
- "Layout",
14
- "RouterView",
15
- "Component"
16
- ]
17
- },
18
- "y": {
19
- "attrType": "regular",
20
- "types": [
21
- "number"
22
- ],
23
- "defaultValue": 0,
24
- "reactive": true,
25
- "description": "The y position of the Element in pixels, relative to its parent - allows negative values and decimals.",
26
- "usedIn": [
27
- "Element",
28
- "Text",
29
- "Layout",
30
- "RouterView",
31
- "Component"
32
- ]
33
- },
34
- "z": {
35
- "attrType": "regular",
36
- "types": [
37
- "number"
38
- ],
39
- "defaultValue": 0,
40
- "reactive": true,
41
- "description": "The z index of the element.",
42
- "usedIn": [
43
- "Element",
44
- "Text",
45
- "Layout",
46
- "RouterView"
47
- ]
48
- },
49
- "w": {
50
- "attrType": "regular",
51
- "types": [
52
- "number"
53
- ],
54
- "defaultValue": 0,
55
- "reactive": true,
56
- "description": "The width of the element in pixels. Allows negative values and decimals.",
57
- "usedIn": [
58
- "Element",
59
- "Text",
60
- "RouterView"
61
- ]
62
- },
63
- "h": {
64
- "attrType": "regular",
65
- "types": [
66
- "number"
67
- ],
68
- "defaultValue": 0,
69
- "reactive": true,
70
- "description": "The height of the element in pixels, relative to its parent. Allows negative values and decimals.",
71
- "usedIn": [
72
- "Element",
73
- "Text",
74
- "RouterView"
75
- ]
76
- },
77
- "zIndex": {
78
- "attrType": "regular",
79
- "types": [
80
- "number"
81
- ],
82
- "defaultValue": 0,
83
- "reactive": true,
84
- "description": "The z-index of the element.",
85
- "usedIn": [
86
- "Element",
87
- "Text",
88
- "Layout",
89
- "RouterView"
90
- ]
91
- },
92
- "width": {
93
- "attrType": "regular",
94
- "types": [
95
- "number"
96
- ],
97
- "defaultValue": 0,
98
- "reactive": true,
99
- "description": "The width of the element in pixels. Allows negative values and decimals.",
100
- "usedIn": [
101
- "Element",
102
- "Text",
103
- "RouterView"
104
- ]
105
- },
106
- "height": {
107
- "attrType": "regular",
108
- "types": [
109
- "number"
110
- ],
111
- "defaultValue": 0,
112
- "reactive": true,
113
- "description": "The height of the element in pixels, relative to its parent. Allows negative values and decimals.",
114
- "usedIn": [
115
- "Element",
116
- "Text",
117
- "RouterView"
118
- ]
119
- },
120
- "color": {
121
- "attrType": "regular",
122
- "types": [
123
- "string"
124
- ],
125
- "defaultValue": "transparent",
126
- "reactive": true,
127
- "description": "The color of the Element. Allows any hexadecimal, hexadecimal with alpha channel, hexadecimal shorthands, RGB, RGBA, and HTML color names.",
128
- "usedIn": [
129
- "Element",
130
- "Text",
131
- "Layout",
132
- "RouterView"
133
- ]
134
- },
135
- "alpha": {
136
- "attrType": "regular",
137
- "types": [
138
- "number"
139
- ],
140
- "defaultValue": 1,
141
- "reactive": true,
142
- "description": "The alpha attribute controls the opacity of the element. Allows values equal to 0, 1, and between 0 and 1.",
143
- "usedIn": [
144
- "Element",
145
- "Text",
146
- "Layout",
147
- "RouterView",
148
- "Component"
149
- ]
150
- },
151
- "rotation": {
152
- "attrType": "regular",
153
- "types": [
154
- "number"
155
- ],
156
- "defaultValue": 0,
157
- "reactive": true,
158
- "description": "The rotation attribute rotates the Element. Allows both positive and negative values in degrees.",
159
- "usedIn": [
160
- "Element",
161
- "Text",
162
- "Layout",
163
- "RouterView"
164
- ]
165
- },
166
- "scale": {
167
- "attrType": "regular",
168
- "types": [
169
- "number"
170
- ],
171
- "defaultValue": 1,
172
- "reactive": true,
173
- "description": "The scale attribute scales the element. Allows any value greater than 0.",
174
- "usedIn": [
175
- "Element",
176
- "Text",
177
- "Layout",
178
- "RouterView",
179
- "Component"
180
- ]
181
- },
182
- "mount": {
183
- "attrType": "regular",
184
- "types": [
185
- "number",
186
- {
187
- "type": "object",
188
- "properties": {
189
- "x": {
190
- "type": "number"
191
- },
192
- "y": {
193
- "type": "number"
194
- }
195
- }
196
- }
197
- ],
198
- "defaultValue": 0,
199
- "reactive": true,
200
- "description": "The x or y position of the Element in pixels, relative to its parent. Allows values between 0 and 1 and decimals.",
201
- "usedIn": [
202
- "Element",
203
- "Text",
204
- "Layout",
205
- "RouterView"
206
- ]
207
- },
208
- "pivot": {
209
- "attrType": "regular",
210
- "types": [
211
- "number",
212
- {
213
- "type": "object",
214
- "properties": {
215
- "x": {
216
- "type": "number"
217
- },
218
- "y": {
219
- "type": "number"
220
- }
221
- }
222
- }
223
- ],
224
- "defaultValue": 0,
225
- "reactive": true,
226
- "description": "The x or y position of the pivot point in pixels, relative to its parent. Allows values between 0 and 1 and decimals.",
227
- "usedIn": [
228
- "Element",
229
- "Text",
230
- "Layout",
231
- "RouterView"
232
- ]
233
- },
234
- "clipping": {
235
- "attrType": "regular",
236
- "types": [
237
- "enum"
238
- ],
239
- "values": [
240
- "true",
241
- "false"
242
- ],
243
- "defaultValue": "false",
244
- "reactive": true,
245
- "description": "The clipping attribute cuts off the element positioning within specified height and width. Possible values are true or false.",
246
- "usedIn": [
247
- "Element",
248
- "Text",
249
- "RouterView"
250
- ]
251
- },
252
- "overflow": {
253
- "attrType": "regular",
254
- "types": [
255
- "enum"
256
- ],
257
- "values": [
258
- "true",
259
- "false"
260
- ],
261
- "defaultValue": "true",
262
- "reactive": true,
263
- "description": "The overflow attribute allows the element to extend beyond the specified height and width. Possible values are true or false.",
264
- "usedIn": [
265
- "Text",
266
- "Element"
267
- ]
268
- },
269
- "content": {
270
- "attrType": "regular",
271
- "types": [
272
- "string"
273
- ],
274
- "defaultValue": null,
275
- "reactive": true,
276
- "description": "The text to be displayed. Can be hardcoded text, a dynamic value, or a reactive value.",
277
- "usedIn": [
278
- "Text"
279
- ]
280
- },
281
- "font": {
282
- "attrType": "regular",
283
- "types": [
284
- "string"
285
- ],
286
- "defaultValue": "sans-serif",
287
- "reactive": true,
288
- "description": "The font family.",
289
- "usedIn": [
290
- "Text"
291
- ]
292
- },
293
- "size": {
294
- "attrType": "regular",
295
- "types": [
296
- "number"
297
- ],
298
- "defaultValue": 32,
299
- "reactive": true,
300
- "description": "The size of a text element. Allows any number greater than or equal to zero.",
301
- "usedIn": [
302
- "Text"
303
- ]
304
- },
305
- "letterspacing": {
306
- "attrType": "regular",
307
- "types": [
308
- "number"
309
- ],
310
- "defaultValue": 0,
311
- "reactive": true,
312
- "description": "Letter spacing in pixels. Allows any number greater than or equal to zero.",
313
- "usedIn": [
314
- "Text"
315
- ]
316
- },
317
- "align": {
318
- "attrType": "regular",
319
- "types": [
320
- "enum"
321
- ],
322
- "values": [
323
- "left",
324
- "right",
325
- "center"
326
- ],
327
- "defaultValue": null,
328
- "reactive": true,
329
- "description": "Align position of the element.",
330
- "usedIn": [
331
- "Text"
332
- ]
333
- },
334
- "maxwidth": {
335
- "attrType": "regular",
336
- "types": [
337
- "number"
338
- ],
339
- "defaultValue": null,
340
- "reactive": true,
341
- "description": "The maximum length of a line of text in pixels.",
342
- "usedIn": [
343
- "Text"
344
- ]
345
- },
346
- "maxlines": {
347
- "attrType": "regular",
348
- "types": [
349
- "number"
350
- ],
351
- "defaultValue": null,
352
- "reactive": true,
353
- "description": "Maximum number of lines that will be displayed.",
354
- "usedIn": [
355
- "Text"
356
- ]
357
- },
358
- "maxheight": {
359
- "attrType": "regular",
360
- "types": [
361
- "number"
362
- ],
363
- "defaultValue": null,
364
- "reactive": true,
365
- "description": "Maximum height of a text block; lines exceeding this height will not be displayed.",
366
- "usedIn": [
367
- "Text"
368
- ]
369
- },
370
- "lineheight": {
371
- "attrType": "regular",
372
- "types": [
373
- "number"
374
- ],
375
- "defaultValue": null,
376
- "reactive": true,
377
- "description": "The spacing between lines in pixels.",
378
- "usedIn": [
379
- "Text"
380
- ]
381
- },
382
- "contain": {
383
- "attrType": "regular",
384
- "types": [
385
- "enum"
386
- ],
387
- "values": [
388
- "none",
389
- "width",
390
- "both"
391
- ],
392
- "defaultValue": "none",
393
- "reactive": true,
394
- "description": "The strategy for containing text within the bounds.",
395
- "usedIn": [
396
- "Text"
397
- ]
398
- },
399
- "textoverflow": {
400
- "attrType": "regular",
401
- "types": [
402
- "string"
403
- ],
404
- "defaultValue": null,
405
- "reactive": true,
406
- "description": "The suffix to be added when text is cropped due to bounds limits. Defaults to ...",
407
- "usedIn": [
408
- "Text"
409
- ]
410
- },
411
- "direction": {
412
- "attrType": "regular",
413
- "types": [
414
- "enum"
415
- ],
416
- "values": [
417
- "horizontal",
418
- "vertical"
419
- ],
420
- "defaultValue": "horizontal",
421
- "reactive": true,
422
- "description": "Controls the direction of content.",
423
- "usedIn": [
424
- "Layout"
425
- ]
426
- },
427
- "gap": {
428
- "attrType": "regular",
429
- "types": [
430
- "number"
431
- ],
432
- "defaultValue": null,
433
- "reactive": true,
434
- "description": "Controls how much space will be added between each Element or Component.",
435
- "usedIn": [
436
- "Layout"
437
- ]
438
- },
439
- "is": {
440
- "attrType": "regular",
441
- "types": [
442
- "string"
443
- ],
444
- "defaultValue": null,
445
- "reactive": true,
446
- "description": "Dynamically instantiates a Component.",
447
- "usedIn": [
448
- "Component"
449
- ]
450
- },
451
- "ref": {
452
- "attrType": "regular",
453
- "types": [
454
- "string"
455
- ],
456
- "defaultValue": null,
457
- "reactive": true,
458
- "description": "Refers to the Element or Component in the template.",
459
- "usedIn": [
460
- "Element",
461
- "Text",
462
- "Layout",
463
- "RouterView",
464
- "Component"
465
- ]
466
- },
467
- "for": {
468
- "attrType": "regular",
469
- "types": [
470
- "string"
471
- ],
472
- "defaultValue": null,
473
- "reactive": true,
474
- "description": "Directive for repeating multiple instances of an Element or a Component.",
475
- "usedIn": [
476
- "Element",
477
- "Text",
478
- "Layout",
479
- "RouterView",
480
- "Component"
481
- ]
482
- },
483
- "show": {
484
- "attrType": "regular",
485
- "types": [
486
- "string"
487
- ],
488
- "defaultValue": null,
489
- "reactive": true,
490
- "description": "Conditionally shows and hides Components and Elements.",
491
- "usedIn": [
492
- "Element",
493
- "Text",
494
- "Layout",
495
- "RouterView",
496
- "Component"
497
- ]
498
- },
499
- "align-items": {
500
- "attrType": "regular",
501
- "types": [
502
- "enum"
503
- ],
504
- "values": [
505
- "start",
506
- "center",
507
- "end"
508
- ],
509
- "defaultValue": null,
510
- "reactive": true,
511
- "description": "Specifies how to align children on the opposite axis.",
512
- "usedIn": [
513
- "Layout"
514
- ]
515
- },
516
- "padding": {
517
- "attrType": "regular",
518
- "types": [
519
- "number",
520
- {
521
- "type": "object",
522
- "properties": {
523
- "top": {
524
- "type": "number"
525
- },
526
- "bottom": {
527
- "type": "number"
528
- },
529
- "left": {
530
- "type": "number"
531
- },
532
- "right": {
533
- "type": "number"
534
- },
535
- "x": {
536
- "type": "number"
537
- },
538
- "y": {
539
- "type": "number"
540
- }
541
- }
542
- }
543
- ],
544
- "defaultValue": null,
545
- "reactive": true,
546
- "description": "Adds spacing between the content and the edges of the Layout Component.",
547
- "usedIn": [
548
- "Layout"
549
- ]
550
- },
551
- "@loaded": {
552
- "attrType": "event",
553
- "types": [
554
- "string"
555
- ],
556
- "defaultValue": null,
557
- "reactive": false,
558
- "description": "Fires when an image or text element loads, providing its dimensions. Must be a function reference.",
559
- "usedIn": [
560
- "Element",
561
- "Text"
562
- ]
563
- },
564
- "@error": {
565
- "attrType": "event",
566
- "types": [
567
- "string"
568
- ],
569
- "defaultValue": null,
570
- "reactive": false,
571
- "description": " Fires when an image fails to load, passing an error message. Must be a function reference.",
572
- "usedIn": [
573
- "Element",
574
- "Text"
575
- ]
576
- },
577
- "@updated": {
578
- "attrType": "event",
579
- "types": [
580
- "string"
581
- ],
582
- "defaultValue": null,
583
- "reactive": false,
584
- "description": " Fires when each update in Layout children. Must be a function reference.",
585
- "usedIn": [
586
- "Layout"
587
- ]
588
- }
589
- }
1
+ {
2
+ "x": {
3
+ "attrType": "regular",
4
+ "types": [
5
+ "number"
6
+ ],
7
+ "defaultValue": 0,
8
+ "reactive": true,
9
+ "description": "The x position of the Element in pixels, relative to its parent - allows negative values and decimals.",
10
+ "usedIn": [
11
+ "Element",
12
+ "Text",
13
+ "Layout",
14
+ "RouterView",
15
+ "Component"
16
+ ]
17
+ },
18
+ "y": {
19
+ "attrType": "regular",
20
+ "types": [
21
+ "number"
22
+ ],
23
+ "defaultValue": 0,
24
+ "reactive": true,
25
+ "description": "The y position of the Element in pixels, relative to its parent - allows negative values and decimals.",
26
+ "usedIn": [
27
+ "Element",
28
+ "Text",
29
+ "Layout",
30
+ "RouterView",
31
+ "Component"
32
+ ]
33
+ },
34
+ "z": {
35
+ "attrType": "regular",
36
+ "types": [
37
+ "number"
38
+ ],
39
+ "defaultValue": 0,
40
+ "reactive": true,
41
+ "description": "The z index of the element.",
42
+ "usedIn": [
43
+ "Element",
44
+ "Text",
45
+ "Layout",
46
+ "RouterView"
47
+ ]
48
+ },
49
+ "w": {
50
+ "attrType": "regular",
51
+ "types": [
52
+ "number"
53
+ ],
54
+ "defaultValue": 0,
55
+ "reactive": true,
56
+ "description": "The width of the element in pixels. Allows negative values and decimals.",
57
+ "usedIn": [
58
+ "Element",
59
+ "Text",
60
+ "RouterView"
61
+ ]
62
+ },
63
+ "h": {
64
+ "attrType": "regular",
65
+ "types": [
66
+ "number"
67
+ ],
68
+ "defaultValue": 0,
69
+ "reactive": true,
70
+ "description": "The height of the element in pixels, relative to its parent. Allows negative values and decimals.",
71
+ "usedIn": [
72
+ "Element",
73
+ "Text",
74
+ "RouterView"
75
+ ]
76
+ },
77
+ "zIndex": {
78
+ "attrType": "regular",
79
+ "types": [
80
+ "number"
81
+ ],
82
+ "defaultValue": 0,
83
+ "reactive": true,
84
+ "description": "The z-index of the element.",
85
+ "usedIn": [
86
+ "Element",
87
+ "Text",
88
+ "Layout",
89
+ "RouterView"
90
+ ]
91
+ },
92
+ "width": {
93
+ "attrType": "regular",
94
+ "types": [
95
+ "number"
96
+ ],
97
+ "defaultValue": 0,
98
+ "reactive": true,
99
+ "description": "The width of the element in pixels. Allows negative values and decimals.",
100
+ "usedIn": [
101
+ "Element",
102
+ "Text",
103
+ "RouterView"
104
+ ]
105
+ },
106
+ "height": {
107
+ "attrType": "regular",
108
+ "types": [
109
+ "number"
110
+ ],
111
+ "defaultValue": 0,
112
+ "reactive": true,
113
+ "description": "The height of the element in pixels, relative to its parent. Allows negative values and decimals.",
114
+ "usedIn": [
115
+ "Element",
116
+ "Text",
117
+ "RouterView"
118
+ ]
119
+ },
120
+ "color": {
121
+ "attrType": "regular",
122
+ "types": [
123
+ "string"
124
+ ],
125
+ "defaultValue": "transparent",
126
+ "reactive": true,
127
+ "description": "The color of the Element. Allows any hexadecimal, hexadecimal with alpha channel, hexadecimal shorthands, RGB, RGBA, and HTML color names.",
128
+ "usedIn": [
129
+ "Element",
130
+ "Text",
131
+ "Layout",
132
+ "RouterView"
133
+ ]
134
+ },
135
+ "alpha": {
136
+ "attrType": "regular",
137
+ "types": [
138
+ "number"
139
+ ],
140
+ "defaultValue": 1,
141
+ "reactive": true,
142
+ "description": "The alpha attribute controls the opacity of the element. Allows values equal to 0, 1, and between 0 and 1.",
143
+ "usedIn": [
144
+ "Element",
145
+ "Text",
146
+ "Layout",
147
+ "RouterView",
148
+ "Component"
149
+ ]
150
+ },
151
+ "rotation": {
152
+ "attrType": "regular",
153
+ "types": [
154
+ "number"
155
+ ],
156
+ "defaultValue": 0,
157
+ "reactive": true,
158
+ "description": "The rotation attribute rotates the Element. Allows both positive and negative values in degrees.",
159
+ "usedIn": [
160
+ "Element",
161
+ "Text",
162
+ "Layout",
163
+ "RouterView"
164
+ ]
165
+ },
166
+ "scale": {
167
+ "attrType": "regular",
168
+ "types": [
169
+ "number"
170
+ ],
171
+ "defaultValue": 1,
172
+ "reactive": true,
173
+ "description": "The scale attribute scales the element. Allows any value greater than 0.",
174
+ "usedIn": [
175
+ "Element",
176
+ "Text",
177
+ "Layout",
178
+ "RouterView",
179
+ "Component"
180
+ ]
181
+ },
182
+ "mount": {
183
+ "attrType": "regular",
184
+ "types": [
185
+ "number",
186
+ {
187
+ "type": "object",
188
+ "properties": {
189
+ "x": {
190
+ "type": "number"
191
+ },
192
+ "y": {
193
+ "type": "number"
194
+ }
195
+ }
196
+ }
197
+ ],
198
+ "defaultValue": 0,
199
+ "reactive": true,
200
+ "description": "The x or y position of the Element in pixels, relative to its parent. Allows values between 0 and 1 and decimals.",
201
+ "usedIn": [
202
+ "Element",
203
+ "Text",
204
+ "Layout",
205
+ "RouterView"
206
+ ]
207
+ },
208
+ "pivot": {
209
+ "attrType": "regular",
210
+ "types": [
211
+ "number",
212
+ {
213
+ "type": "object",
214
+ "properties": {
215
+ "x": {
216
+ "type": "number"
217
+ },
218
+ "y": {
219
+ "type": "number"
220
+ }
221
+ }
222
+ }
223
+ ],
224
+ "defaultValue": 0,
225
+ "reactive": true,
226
+ "description": "The x or y position of the pivot point in pixels, relative to its parent. Allows values between 0 and 1 and decimals.",
227
+ "usedIn": [
228
+ "Element",
229
+ "Text",
230
+ "Layout",
231
+ "RouterView"
232
+ ]
233
+ },
234
+ "clipping": {
235
+ "attrType": "regular",
236
+ "types": [
237
+ "enum"
238
+ ],
239
+ "values": [
240
+ "true",
241
+ "false"
242
+ ],
243
+ "defaultValue": "false",
244
+ "reactive": true,
245
+ "description": "The clipping attribute cuts off the element positioning within specified height and width. Possible values are true or false.",
246
+ "usedIn": [
247
+ "Element",
248
+ "Text",
249
+ "RouterView"
250
+ ]
251
+ },
252
+ "overflow": {
253
+ "attrType": "regular",
254
+ "types": [
255
+ "enum"
256
+ ],
257
+ "values": [
258
+ "true",
259
+ "false"
260
+ ],
261
+ "defaultValue": "true",
262
+ "reactive": true,
263
+ "description": "The overflow attribute allows the element to extend beyond the specified height and width. Possible values are true or false.",
264
+ "usedIn": [
265
+ "Text",
266
+ "Element"
267
+ ]
268
+ },
269
+ "content": {
270
+ "attrType": "regular",
271
+ "types": [
272
+ "string"
273
+ ],
274
+ "defaultValue": null,
275
+ "reactive": true,
276
+ "description": "The text to be displayed. Can be hardcoded text, a dynamic value, or a reactive value.",
277
+ "usedIn": [
278
+ "Text"
279
+ ]
280
+ },
281
+ "font": {
282
+ "attrType": "regular",
283
+ "types": [
284
+ "string"
285
+ ],
286
+ "defaultValue": "sans-serif",
287
+ "reactive": true,
288
+ "description": "The font family.",
289
+ "usedIn": [
290
+ "Text"
291
+ ]
292
+ },
293
+ "size": {
294
+ "attrType": "regular",
295
+ "types": [
296
+ "number"
297
+ ],
298
+ "defaultValue": 32,
299
+ "reactive": true,
300
+ "description": "The size of a text element. Allows any number greater than or equal to zero.",
301
+ "usedIn": [
302
+ "Text"
303
+ ]
304
+ },
305
+ "letterspacing": {
306
+ "attrType": "regular",
307
+ "types": [
308
+ "number"
309
+ ],
310
+ "defaultValue": 0,
311
+ "reactive": true,
312
+ "description": "Letter spacing in pixels. Allows any number greater than or equal to zero.",
313
+ "usedIn": [
314
+ "Text"
315
+ ]
316
+ },
317
+ "align": {
318
+ "attrType": "regular",
319
+ "types": [
320
+ "enum"
321
+ ],
322
+ "values": [
323
+ "left",
324
+ "right",
325
+ "center"
326
+ ],
327
+ "defaultValue": null,
328
+ "reactive": true,
329
+ "description": "Align position of the element.",
330
+ "usedIn": [
331
+ "Text"
332
+ ]
333
+ },
334
+ "maxwidth": {
335
+ "attrType": "regular",
336
+ "types": [
337
+ "number"
338
+ ],
339
+ "defaultValue": null,
340
+ "reactive": true,
341
+ "description": "The maximum length of a line of text in pixels.",
342
+ "usedIn": [
343
+ "Text"
344
+ ]
345
+ },
346
+ "maxlines": {
347
+ "attrType": "regular",
348
+ "types": [
349
+ "number"
350
+ ],
351
+ "defaultValue": null,
352
+ "reactive": true,
353
+ "description": "Maximum number of lines that will be displayed.",
354
+ "usedIn": [
355
+ "Text"
356
+ ]
357
+ },
358
+ "maxheight": {
359
+ "attrType": "regular",
360
+ "types": [
361
+ "number"
362
+ ],
363
+ "defaultValue": null,
364
+ "reactive": true,
365
+ "description": "Maximum height of a text block; lines exceeding this height will not be displayed.",
366
+ "usedIn": [
367
+ "Text"
368
+ ]
369
+ },
370
+ "lineheight": {
371
+ "attrType": "regular",
372
+ "types": [
373
+ "number"
374
+ ],
375
+ "defaultValue": null,
376
+ "reactive": true,
377
+ "description": "The spacing between lines in pixels.",
378
+ "usedIn": [
379
+ "Text"
380
+ ]
381
+ },
382
+ "contain": {
383
+ "attrType": "regular",
384
+ "types": [
385
+ "enum"
386
+ ],
387
+ "values": [
388
+ "none",
389
+ "width",
390
+ "both"
391
+ ],
392
+ "defaultValue": "none",
393
+ "reactive": true,
394
+ "description": "The strategy for containing text within the bounds.",
395
+ "usedIn": [
396
+ "Text"
397
+ ]
398
+ },
399
+ "textoverflow": {
400
+ "attrType": "regular",
401
+ "types": [
402
+ "string"
403
+ ],
404
+ "defaultValue": null,
405
+ "reactive": true,
406
+ "description": "The suffix to be added when text is cropped due to bounds limits. Defaults to ...",
407
+ "usedIn": [
408
+ "Text"
409
+ ]
410
+ },
411
+ "direction": {
412
+ "attrType": "regular",
413
+ "types": [
414
+ "enum"
415
+ ],
416
+ "values": [
417
+ "horizontal",
418
+ "vertical"
419
+ ],
420
+ "defaultValue": "horizontal",
421
+ "reactive": true,
422
+ "description": "Controls the direction of content.",
423
+ "usedIn": [
424
+ "Layout"
425
+ ]
426
+ },
427
+ "gap": {
428
+ "attrType": "regular",
429
+ "types": [
430
+ "number"
431
+ ],
432
+ "defaultValue": null,
433
+ "reactive": true,
434
+ "description": "Controls how much space will be added between each Element or Component.",
435
+ "usedIn": [
436
+ "Layout"
437
+ ]
438
+ },
439
+ "is": {
440
+ "attrType": "regular",
441
+ "types": [
442
+ "string"
443
+ ],
444
+ "defaultValue": null,
445
+ "reactive": true,
446
+ "description": "Dynamically instantiates a Component.",
447
+ "usedIn": [
448
+ "Component"
449
+ ]
450
+ },
451
+ "ref": {
452
+ "attrType": "regular",
453
+ "types": [
454
+ "string"
455
+ ],
456
+ "defaultValue": null,
457
+ "reactive": true,
458
+ "description": "Refers to the Element or Component in the template.",
459
+ "usedIn": [
460
+ "Element",
461
+ "Text",
462
+ "Layout",
463
+ "RouterView",
464
+ "Component"
465
+ ]
466
+ },
467
+ "for": {
468
+ "attrType": "regular",
469
+ "types": [
470
+ "string"
471
+ ],
472
+ "defaultValue": null,
473
+ "reactive": true,
474
+ "description": "Directive for repeating multiple instances of an Element or a Component.",
475
+ "usedIn": [
476
+ "Element",
477
+ "Text",
478
+ "Layout",
479
+ "RouterView",
480
+ "Component"
481
+ ]
482
+ },
483
+ "show": {
484
+ "attrType": "regular",
485
+ "types": [
486
+ "string"
487
+ ],
488
+ "defaultValue": null,
489
+ "reactive": true,
490
+ "description": "Conditionally shows and hides Components and Elements.",
491
+ "usedIn": [
492
+ "Element",
493
+ "Text",
494
+ "Layout",
495
+ "RouterView",
496
+ "Component"
497
+ ]
498
+ },
499
+ "align-items": {
500
+ "attrType": "regular",
501
+ "types": [
502
+ "enum"
503
+ ],
504
+ "values": [
505
+ "start",
506
+ "center",
507
+ "end"
508
+ ],
509
+ "defaultValue": null,
510
+ "reactive": true,
511
+ "description": "Specifies how to align children on the opposite axis.",
512
+ "usedIn": [
513
+ "Layout"
514
+ ]
515
+ },
516
+ "padding": {
517
+ "attrType": "regular",
518
+ "types": [
519
+ "number",
520
+ {
521
+ "type": "object",
522
+ "properties": {
523
+ "top": {
524
+ "type": "number"
525
+ },
526
+ "bottom": {
527
+ "type": "number"
528
+ },
529
+ "left": {
530
+ "type": "number"
531
+ },
532
+ "right": {
533
+ "type": "number"
534
+ },
535
+ "x": {
536
+ "type": "number"
537
+ },
538
+ "y": {
539
+ "type": "number"
540
+ }
541
+ }
542
+ }
543
+ ],
544
+ "defaultValue": null,
545
+ "reactive": true,
546
+ "description": "Adds spacing between the content and the edges of the Layout Component.",
547
+ "usedIn": [
548
+ "Layout"
549
+ ]
550
+ },
551
+ "@loaded": {
552
+ "attrType": "event",
553
+ "types": [
554
+ "string"
555
+ ],
556
+ "defaultValue": null,
557
+ "reactive": false,
558
+ "description": "Fires when an image or text element loads, providing its dimensions. Must be a function reference.",
559
+ "usedIn": [
560
+ "Element",
561
+ "Text"
562
+ ]
563
+ },
564
+ "@error": {
565
+ "attrType": "event",
566
+ "types": [
567
+ "string"
568
+ ],
569
+ "defaultValue": null,
570
+ "reactive": false,
571
+ "description": " Fires when an image fails to load, passing an error message. Must be a function reference.",
572
+ "usedIn": [
573
+ "Element",
574
+ "Text"
575
+ ]
576
+ },
577
+ "@updated": {
578
+ "attrType": "event",
579
+ "types": [
580
+ "string"
581
+ ],
582
+ "defaultValue": null,
583
+ "reactive": false,
584
+ "description": " Fires when each update in Layout children. Must be a function reference.",
585
+ "usedIn": [
586
+ "Layout"
587
+ ]
588
+ }
589
+ }