@lightningjs/blits 1.30.0 → 1.30.2

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 (149) hide show
  1. package/.editorconfig +7 -7
  2. package/.eslintignore +1 -1
  3. package/.eslintrc.cjs +65 -65
  4. package/.github/workflows/comment-lint-results.yml +124 -124
  5. package/.github/workflows/comment-test-results.yml +108 -108
  6. package/.github/workflows/deploy-docs.yml +27 -27
  7. package/.github/workflows/run-blits-tests.yml +141 -141
  8. package/.github/workflows/run-lint.yml +127 -127
  9. package/.husky/pre-commit +1 -1
  10. package/.vscode/extensions.json +7 -7
  11. package/.vscode/settings.json +9 -9
  12. package/CHANGELOG.md +1019 -1005
  13. package/COPYING +1 -0
  14. package/LICENSE +202 -202
  15. package/NOTICE +12 -12
  16. package/README.md +33 -33
  17. package/bin/index.js +8 -8
  18. package/blits.d.ts +6 -6
  19. package/docs/README.md +19 -19
  20. package/docs/_sidebar.md +37 -37
  21. package/docs/built-in/directives.md +50 -50
  22. package/docs/built-in/for-loop.md +203 -203
  23. package/docs/built-in/layout.md +168 -168
  24. package/docs/components/component_state.md +90 -90
  25. package/docs/components/computed_properties.md +45 -45
  26. package/docs/components/lifecycle_events.md +42 -42
  27. package/docs/components/methods.md +45 -45
  28. package/docs/components/props.md +56 -56
  29. package/docs/components/user_input.md +186 -186
  30. package/docs/components/utility_methods.md +320 -320
  31. package/docs/components/watchers.md +34 -34
  32. package/docs/essentials/application_root.md +19 -19
  33. package/docs/essentials/components.md +68 -68
  34. package/docs/essentials/displaying_images.md +67 -67
  35. package/docs/essentials/displaying_text.md +135 -135
  36. package/docs/essentials/element_attributes.md +195 -195
  37. package/docs/essentials/settings.md +117 -117
  38. package/docs/essentials/template_syntax.md +83 -83
  39. package/docs/getting_started/file_structure.md +58 -58
  40. package/docs/getting_started/getting_started.md +45 -45
  41. package/docs/getting_started/intro.md +20 -20
  42. package/docs/index.html +47 -47
  43. package/docs/performance/lazy-loading.md +161 -161
  44. package/docs/plugins/global_app_state.md +98 -98
  45. package/docs/plugins/language.md +172 -172
  46. package/docs/plugins/text-to-speech-announcer.md +119 -119
  47. package/docs/plugins/theme.md +176 -176
  48. package/docs/router/basics.md +175 -175
  49. package/docs/router/hooks.md +70 -70
  50. package/docs/router/transitions.md +146 -146
  51. package/docs/sidebar.json +171 -171
  52. package/docs/transitions_animations/transitions.md +150 -150
  53. package/index.d.ts +1099 -1099
  54. package/index.js +28 -28
  55. package/jsconfig.json +12 -12
  56. package/package.json +56 -56
  57. package/public/assets/fps_sprite.base64.js +1 -1
  58. package/scripts/postpublish.js +59 -59
  59. package/scripts/prepublishOnly.js +84 -84
  60. package/scripts/prepush.js +78 -78
  61. package/src/announcer/announcer.js +162 -162
  62. package/src/announcer/speechSynthesis.js +107 -107
  63. package/src/application.js +100 -100
  64. package/src/component/base/announcer.js +27 -27
  65. package/src/component/base/events.js +69 -69
  66. package/src/component/base/index.js +33 -33
  67. package/src/component/base/methods.js +244 -244
  68. package/src/component/base/router.js +41 -41
  69. package/src/component/base/timeouts_intervals.js +99 -99
  70. package/src/component/base/utils.js +72 -72
  71. package/src/component/setup/computed.js +48 -48
  72. package/src/component/setup/index.js +62 -62
  73. package/src/component/setup/input.js +30 -30
  74. package/src/component/setup/methods.js +37 -37
  75. package/src/component/setup/props.js +62 -62
  76. package/src/component/setup/props.test.js +238 -238
  77. package/src/component/setup/routes.js +42 -42
  78. package/src/component/setup/state.js +59 -59
  79. package/src/component/setup/watch.js +35 -35
  80. package/src/component.js +437 -437
  81. package/src/component.test.js +388 -388
  82. package/src/components/Circle.js +73 -73
  83. package/src/components/Circle.orig.js +31 -31
  84. package/src/components/FPScounter.js +1510 -1510
  85. package/src/components/FPScounter.orig.js +121 -121
  86. package/src/components/RouterView.js +81 -81
  87. package/src/components/RouterView.orig.js +54 -54
  88. package/src/components/Sprite.js +94 -94
  89. package/src/components/Sprite.orig.js +58 -58
  90. package/src/components/index.js +28 -28
  91. package/src/components/index.orig.js +28 -28
  92. package/src/constants.js +21 -21
  93. package/src/engine.js +1 -1
  94. package/src/engines/L3/element.js +744 -744
  95. package/src/engines/L3/element.test.js +579 -579
  96. package/src/engines/L3/fontLoader.js +38 -38
  97. package/src/engines/L3/index.js +7 -7
  98. package/src/engines/L3/launch.js +123 -123
  99. package/src/engines/L3/shaderLoader.js +12 -12
  100. package/src/engines/index.js +1 -1
  101. package/src/focus.js +90 -90
  102. package/src/helpers/deepEqualArray.js +50 -50
  103. package/src/helpers/deepEqualArray.test.js +127 -127
  104. package/src/helpers/fetchJson.js +34 -34
  105. package/src/helpers/sequence.js +26 -26
  106. package/src/launch.js +123 -123
  107. package/src/lib/blitsfileconverter/blitsfileconverter.js +52 -52
  108. package/src/lib/codegenerator/generator.js +788 -788
  109. package/src/lib/codegenerator/generator.test.js +3801 -3801
  110. package/src/lib/colors/colors.js +92 -92
  111. package/src/lib/colors/colors.test.js +290 -290
  112. package/src/lib/colors/htmlColors.js +168 -168
  113. package/src/lib/componentId.js +49 -49
  114. package/src/lib/componentId.test.js +84 -84
  115. package/src/lib/eventListeners.js +123 -123
  116. package/src/lib/eventListeners.test.js +236 -236
  117. package/src/lib/hooks.js +59 -59
  118. package/src/lib/lifecycle.js +85 -85
  119. package/src/lib/log.js +117 -117
  120. package/src/lib/precompiler/precompiler.js +73 -73
  121. package/src/lib/reactivity/effect.js +93 -93
  122. package/src/lib/reactivity/effect.test.js +35 -35
  123. package/src/lib/reactivity/reactive.js +208 -208
  124. package/src/lib/reactivity/reactive.test.js +27 -27
  125. package/src/lib/reactivityguard/computedprops.js +218 -218
  126. package/src/lib/symbols.js +108 -108
  127. package/src/lib/templateparser/parser.js +386 -386
  128. package/src/lib/templateparser/parser.test.js +1411 -1411
  129. package/src/lib/utils.js +27 -27
  130. package/src/plugin.js +27 -27
  131. package/src/plugins/appstate.js +26 -26
  132. package/src/plugins/index.js +20 -20
  133. package/src/plugins/language.js +152 -152
  134. package/src/plugins/log.js +25 -25
  135. package/src/plugins/theme.js +94 -94
  136. package/src/router/router.js +514 -514
  137. package/src/router/router.test.js +473 -473
  138. package/src/router/transitions/fadeIn.js +27 -27
  139. package/src/router/transitions/fadeInOut.js +33 -33
  140. package/src/router/transitions/index.js +21 -21
  141. package/src/router/transitions/slideIn.js +28 -28
  142. package/src/router/transitions/slideInOut.js +33 -33
  143. package/src/settings.js +40 -40
  144. package/vite/blitsFileConverter.js +67 -67
  145. package/vite/index.js +28 -28
  146. package/vite/msdfGenerator.js +269 -269
  147. package/vite/preCompiler.js +42 -42
  148. package/vite/reactivityGuard.js +45 -45
  149. package/vscode/data/template-attributes.json +589 -589
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
+ }