@lightningjs/blits 1.49.0 → 1.51.0

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 (22) hide show
  1. package/CHANGELOG.md +18 -2
  2. package/index.d.ts +19 -0
  3. package/package.json +3 -2
  4. package/src/announcer/announcer.js +5 -3
  5. package/src/application.js +98 -3
  6. package/src/component/base/methods.js +1 -2
  7. package/src/component/setup/state.js +2 -0
  8. package/src/component.js +35 -28
  9. package/src/components/FPScounter.js +1406 -1391
  10. package/src/components/RouterView.js +1 -1
  11. package/src/components/Sprite.js +35 -2
  12. package/src/components/index.js +0 -2
  13. package/src/engines/L3/element.js +9 -0
  14. package/src/engines/L3/launch.js +3 -1
  15. package/src/{focus.js → focus/focus.js} +6 -18
  16. package/src/focus/helpers.js +29 -0
  17. package/src/focus/hover.js +93 -0
  18. package/src/launch.js +1 -0
  19. package/src/lib/codegenerator/generator.js +4 -0
  20. package/src/lib/lifecycle.js +7 -0
  21. package/src/router/router.js +29 -6
  22. package/vscode/data/template-attributes.json +335 -86
package/src/components/FPScounter.js CHANGED
@@ -15,1648 +15,1663 @@
15
15
  * SPDX-License-Identifier: Apache-2.0
16
16
  */
17
17
 
18
- import Component from '../component.js'
18
+ import Blits from '../../index.js'
19
19
  import { renderer } from '../launch.js'
20
20
  import fps_sprite from '../../public/assets/fps_sprite.base64.js'
21
21
 
22
- export default () =>
23
- Component('FPScounter', {
24
- /* eslint-disable no-unused-vars */
25
- code: {
26
- render: function anonymous(parent, component, context, components, effect, getRaw, Log) {
27
- const elms = []
28
- const elementConfigs = []
29
- const forloops = []
30
- const props = []
31
- const created = []
32
- const effects = {}
33
- const skips = []
34
- let componentType
35
- let rootComponent = component
36
- let propData
37
- let slotComponent
38
- let inSlot = false
39
- let slotChildCounter = 0
40
- let cmps = []
41
- elementConfigs[0] = {}
42
- elementConfigs[0]['___wrapper'] = true
43
-
44
- elms[0] = this.element(
45
- { parent: parent || 'root' },
46
- inSlot === true ? slotComponent : component
47
- )
22
+ // exporting as named export to allow selective importing
23
+ export const FPScounter = Blits.Component('FPScounter', {
24
+ /* eslint-disable no-unused-vars */
25
+ code: {
26
+ render: function anonymous(parent, component, context, components, effect, getRaw, Log) {
27
+ const elms = []
28
+ const elementConfigs = []
29
+ const forloops = []
30
+ const props = []
31
+ const created = []
32
+ const effects = {}
33
+ const skips = []
34
+ let componentType
35
+ let rootComponent = component
36
+ let propData
37
+ let slotComponent
38
+ let inSlot = false
39
+ let slotChildCounter = 0
40
+ let cmps = []
41
+ elementConfigs[0] = {}
42
+ elementConfigs[0]['___wrapper'] = true
43
+
44
+ elms[0] = this.element(
45
+ { parent: parent || 'root' },
46
+ inSlot === true ? slotComponent : component
47
+ )
48
+
49
+ elms[0].populate(elementConfigs[0])
50
+
51
+ if (inSlot === true) {
52
+ slotChildCounter -= 1
53
+ }
48
54
 
49
- elms[0].populate(elementConfigs[0])
55
+ parent = elms[0]
56
+ elementConfigs[1] = {}
50
57
 
51
- if (inSlot === true) {
52
- slotChildCounter -= 1
53
- }
58
+ elms[1] = this.element(
59
+ { parent: parent || 'root' },
60
+ inSlot === true ? slotComponent : component
61
+ )
54
62
 
55
- parent = elms[0]
56
- elementConfigs[1] = {}
63
+ elementConfigs[1]['y'] = 15
64
+ elementConfigs[1]['x'] = 20
65
+ elms[1].populate(elementConfigs[1])
57
66
 
58
- elms[1] = this.element(
59
- { parent: parent || 'root' },
60
- inSlot === true ? slotComponent : component
61
- )
67
+ if (inSlot === true) {
68
+ slotChildCounter -= 1
69
+ }
62
70
 
63
- elementConfigs[1]['y'] = 15
64
- elementConfigs[1]['x'] = 20
65
- elms[1].populate(elementConfigs[1])
71
+ parent = elms[1]
72
+ elementConfigs[2] = {}
66
73
 
67
- if (inSlot === true) {
68
- slotChildCounter -= 1
69
- }
74
+ elms[2] = this.element(
75
+ { parent: parent || 'root' },
76
+ inSlot === true ? slotComponent : component
77
+ )
70
78
 
71
- parent = elms[1]
72
- elementConfigs[2] = {}
79
+ elms[2].populate(elementConfigs[2])
73
80
 
74
- elms[2] = this.element(
75
- { parent: parent || 'root' },
76
- inSlot === true ? slotComponent : component
77
- )
81
+ if (inSlot === true) {
82
+ slotChildCounter -= 1
83
+ }
78
84
 
79
- elms[2].populate(elementConfigs[2])
85
+ cmps[3] = (context.components && context.components['Sprite']) || components['Sprite']
80
86
 
81
- if (inSlot === true) {
82
- slotChildCounter -= 1
83
- }
87
+ parent = elms[2]
88
+ elementConfigs[3] = {}
84
89
 
85
- cmps[3] = (context.components && context.components['Sprite']) || components['Sprite']
90
+ elms[3] = this.element(
91
+ { parent: parent || 'root' },
92
+ inSlot === true ? slotComponent : component
93
+ )
86
94
 
87
- parent = elms[2]
88
- elementConfigs[3] = {}
95
+ elementConfigs[3]['holder'] = true
96
+ elementConfigs[3]['image'] = component.image
97
+ elementConfigs[3]['w'] = 43
98
+ elementConfigs[3]['h'] = 25
99
+ elementConfigs[3]['map'] = component.sprite
100
+ elementConfigs[3]['frame'] = 'fps'
89
101
 
90
- elms[3] = this.element(
91
- { parent: parent || 'root' },
92
- inSlot === true ? slotComponent : component
93
- )
94
-
95
- elementConfigs[3]['image'] = component.image
96
- elementConfigs[3]['w'] = 43
97
- elementConfigs[3]['h'] = 25
98
- elementConfigs[3]['map'] = component.sprite
99
- elementConfigs[3]['frame'] = 'fps'
100
-
101
- skips[3] = []
102
- if (typeof cmps[3] !== 'undefined') {
103
- for (let key in cmps[3][Symbol.for('config')].props) {
104
- delete elementConfigs[3][cmps[3][Symbol.for('config')].props[key]]
105
- skips[3].push(cmps[3][Symbol.for('config')].props[key])
106
- }
102
+ skips[3] = []
103
+ if (typeof cmps[3] !== 'undefined') {
104
+ for (let key in cmps[3][Symbol.for('config')].props) {
105
+ delete elementConfigs[3][cmps[3][Symbol.for('config')].props[key]]
106
+ skips[3].push(cmps[3][Symbol.for('config')].props[key])
107
107
  }
108
+ }
108
109
 
109
- elms[3].populate(elementConfigs[3])
110
+ elms[3].populate(elementConfigs[3])
110
111
 
111
- if (inSlot === true) {
112
- slotChildCounter -= 1
113
- }
112
+ if (inSlot === true) {
113
+ slotChildCounter -= 1
114
+ }
114
115
 
115
- parent = elms[3]
116
- props[4] = {}
117
- props[4]['image'] = component.image
118
- props[4]['w'] = 43
119
- props[4]['h'] = 25
120
- props[4]['map'] = component.sprite
121
- props[4]['frame'] = 'fps'
122
-
123
- componentType = props[4]['is'] || 'Sprite'
124
-
125
- components[4]
126
- if (typeof componentType === 'string') {
127
- components[4] =
128
- (context.components && context.components[componentType]) || components[componentType]
129
- if (!components[4]) {
130
- throw new Error('Component "Sprite" not found')
131
- }
132
- } else if (
133
- typeof componentType === 'function' &&
134
- componentType[Symbol.for('isComponent')] === true
135
- ) {
136
- components[4] = componentType
137
- }
116
+ parent = elms[3]
117
+ props[4] = {}
118
+ props[4]['image'] = component.image
119
+ props[4]['w'] = 43
120
+ props[4]['h'] = 25
121
+ props[4]['map'] = component.sprite
122
+ props[4]['frame'] = 'fps'
123
+
124
+ componentType = props[4]['is'] || 'Sprite'
125
+
126
+ components[4]
127
+ if (typeof componentType === 'string') {
128
+ components[4] =
129
+ (context.components && context.components[componentType]) || components[componentType]
130
+ if (!components[4]) {
131
+ throw new Error('Component "Sprite" not found')
132
+ }
133
+ } else if (
134
+ typeof componentType === 'function' &&
135
+ componentType[Symbol.for('isComponent')] === true
136
+ ) {
137
+ components[4] = componentType
138
+ }
138
139
 
139
- elms[4] = components[4].call(null, { props: props[4] }, elms[3], component)
140
+ elms[4] = components[4].call(null, { props: props[4] }, elms[3], component)
140
141
 
141
- if (elms[4][Symbol.for('slots')][0]) {
142
- parent = elms[4][Symbol.for('slots')][0]
143
- slotComponent = elms[4]
144
- inSlot = true
145
- } else {
146
- parent = elms[4][Symbol.for('children')][0]
147
- }
142
+ if (elms[4][Symbol.for('slots')][0]) {
143
+ parent = elms[4][Symbol.for('slots')][0]
144
+ slotComponent = elms[4]
145
+ inSlot = true
146
+ } else {
147
+ parent = elms[4][Symbol.for('children')][0]
148
+ }
148
149
 
149
- if (inSlot === true && slotChildCounter === 0) {
150
- inSlot = false
151
- }
150
+ if (inSlot === true && slotChildCounter === 0) {
151
+ inSlot = false
152
+ }
152
153
 
153
- parent = elms[2]
154
- elementConfigs[5] = {}
154
+ parent = elms[2]
155
+ elementConfigs[5] = {}
155
156
 
156
- elms[5] = this.element(
157
- { parent: parent || 'root' },
158
- inSlot === true ? slotComponent : component
159
- )
157
+ elms[5] = this.element(
158
+ { parent: parent || 'root' },
159
+ inSlot === true ? slotComponent : component
160
+ )
160
161
 
161
- elementConfigs[5]['x'] = 58
162
- elementConfigs[5]['y'] = 2
163
- elms[5].populate(elementConfigs[5])
162
+ elementConfigs[5]['x'] = 58
163
+ elementConfigs[5]['y'] = 2
164
+ elms[5].populate(elementConfigs[5])
164
165
 
165
- if (inSlot === true) {
166
- slotChildCounter -= 1
167
- }
166
+ if (inSlot === true) {
167
+ slotChildCounter -= 1
168
+ }
168
169
 
169
- cmps[6] = (context.components && context.components['Sprite']) || components['Sprite']
170
+ cmps[6] = (context.components && context.components['Sprite']) || components['Sprite']
170
171
 
171
- parent = elms[5]
172
- elementConfigs[6] = {}
172
+ parent = elms[5]
173
+ elementConfigs[6] = {}
173
174
 
174
- elms[6] = this.element(
175
- { parent: parent || 'root' },
176
- inSlot === true ? slotComponent : component
177
- )
175
+ elms[6] = this.element(
176
+ { parent: parent || 'root' },
177
+ inSlot === true ? slotComponent : component
178
+ )
178
179
 
179
- elementConfigs[6]['image'] = component.image
180
- elementConfigs[6]['x'] = 0
181
- elementConfigs[6]['h'] = 20
182
- elementConfigs[6]['w'] = 20
183
- elementConfigs[6]['map'] = component.sprite
184
- elementConfigs[6]['frame'] = component.fps[0]
185
-
186
- skips[6] = []
187
- if (typeof cmps[6] !== 'undefined') {
188
- for (let key in cmps[6][Symbol.for('config')].props) {
189
- delete elementConfigs[6][cmps[6][Symbol.for('config')].props[key]]
190
- skips[6].push(cmps[6][Symbol.for('config')].props[key])
191
- }
180
+ elementConfigs[6]['holder'] = true
181
+ elementConfigs[6]['image'] = component.image
182
+ elementConfigs[6]['x'] = 0
183
+ elementConfigs[6]['h'] = 20
184
+ elementConfigs[6]['w'] = 20
185
+ elementConfigs[6]['map'] = component.sprite
186
+ elementConfigs[6]['frame'] = component.fps[0]
187
+
188
+ skips[6] = []
189
+ if (typeof cmps[6] !== 'undefined') {
190
+ for (let key in cmps[6][Symbol.for('config')].props) {
191
+ delete elementConfigs[6][cmps[6][Symbol.for('config')].props[key]]
192
+ skips[6].push(cmps[6][Symbol.for('config')].props[key])
192
193
  }
194
+ }
193
195
 
194
- elms[6].populate(elementConfigs[6])
196
+ elms[6].populate(elementConfigs[6])
195
197
 
196
- if (inSlot === true) {
197
- slotChildCounter -= 1
198
- }
198
+ if (inSlot === true) {
199
+ slotChildCounter -= 1
200
+ }
199
201
 
200
- parent = elms[6]
201
- props[7] = {}
202
- props[7]['image'] = component.image
203
- props[7]['x'] = 0
204
- props[7]['h'] = 20
205
- props[7]['w'] = 20
206
- props[7]['map'] = component.sprite
207
-
208
- propData = component.fps[0]
209
- if (Array.isArray(propData) === true) {
210
- propData = getRaw(propData).slice(0)
211
- }
212
- props[7]['frame'] = propData
213
-
214
- componentType = props[7]['is'] || 'Sprite'
215
-
216
- components[7]
217
- if (typeof componentType === 'string') {
218
- components[7] =
219
- (context.components && context.components[componentType]) || components[componentType]
220
- if (!components[7]) {
221
- throw new Error('Component "Sprite" not found')
222
- }
223
- } else if (
224
- typeof componentType === 'function' &&
225
- componentType[Symbol.for('isComponent')] === true
226
- ) {
227
- components[7] = componentType
228
- }
202
+ parent = elms[6]
203
+ props[7] = {}
204
+ props[7]['image'] = component.image
205
+ props[7]['x'] = 0
206
+ props[7]['h'] = 20
207
+ props[7]['w'] = 20
208
+ props[7]['map'] = component.sprite
209
+
210
+ propData = component.fps[0]
211
+ if (Array.isArray(propData) === true) {
212
+ propData = getRaw(propData).slice(0)
213
+ }
214
+ props[7]['frame'] = propData
215
+
216
+ componentType = props[7]['is'] || 'Sprite'
217
+
218
+ components[7]
219
+ if (typeof componentType === 'string') {
220
+ components[7] =
221
+ (context.components && context.components[componentType]) || components[componentType]
222
+ if (!components[7]) {
223
+ throw new Error('Component "Sprite" not found')
224
+ }
225
+ } else if (
226
+ typeof componentType === 'function' &&
227
+ componentType[Symbol.for('isComponent')] === true
228
+ ) {
229
+ components[7] = componentType
230
+ }
229
231
 
230
- elms[7] = components[7].call(null, { props: props[7] }, elms[6], component)
232
+ elms[7] = components[7].call(null, { props: props[7] }, elms[6], component)
231
233
 
232
- if (elms[7][Symbol.for('slots')][0]) {
233
- parent = elms[7][Symbol.for('slots')][0]
234
- slotComponent = elms[7]
235
- inSlot = true
236
- } else {
237
- parent = elms[7][Symbol.for('children')][0]
238
- }
234
+ if (elms[7][Symbol.for('slots')][0]) {
235
+ parent = elms[7][Symbol.for('slots')][0]
236
+ slotComponent = elms[7]
237
+ inSlot = true
238
+ } else {
239
+ parent = elms[7][Symbol.for('children')][0]
240
+ }
239
241
 
240
- if (inSlot === true && slotChildCounter === 0) {
241
- inSlot = false
242
- }
242
+ if (inSlot === true && slotChildCounter === 0) {
243
+ inSlot = false
244
+ }
243
245
 
244
- cmps[8] = (context.components && context.components['Sprite']) || components['Sprite']
246
+ cmps[8] = (context.components && context.components['Sprite']) || components['Sprite']
245
247
 
246
- parent = elms[5]
247
- elementConfigs[8] = {}
248
+ parent = elms[5]
249
+ elementConfigs[8] = {}
248
250
 
249
- elms[8] = this.element(
250
- { parent: parent || 'root' },
251
- inSlot === true ? slotComponent : component
252
- )
251
+ elms[8] = this.element(
252
+ { parent: parent || 'root' },
253
+ inSlot === true ? slotComponent : component
254
+ )
255
+
256
+ elementConfigs[8]['holder'] = true
257
+ elementConfigs[8]['image'] = component.image
258
+ elementConfigs[8]['x'] = 18
259
+ elementConfigs[8]['h'] = 20
260
+ elementConfigs[8]['w'] = 20
261
+ elementConfigs[8]['map'] = component.sprite
262
+ elementConfigs[8]['frame'] = component.fps[1]
253
263
 
254
- elementConfigs[8]['image'] = component.image
255
- elementConfigs[8]['x'] = 18
256
- elementConfigs[8]['h'] = 20
257
- elementConfigs[8]['w'] = 20
258
- elementConfigs[8]['map'] = component.sprite
259
- elementConfigs[8]['frame'] = component.fps[1]
260
-
261
- skips[8] = []
262
- if (typeof cmps[8] !== 'undefined') {
263
- for (let key in cmps[8][Symbol.for('config')].props) {
264
- delete elementConfigs[8][cmps[8][Symbol.for('config')].props[key]]
265
- skips[8].push(cmps[8][Symbol.for('config')].props[key])
266
- }
264
+ skips[8] = []
265
+ if (typeof cmps[8] !== 'undefined') {
266
+ for (let key in cmps[8][Symbol.for('config')].props) {
267
+ delete elementConfigs[8][cmps[8][Symbol.for('config')].props[key]]
268
+ skips[8].push(cmps[8][Symbol.for('config')].props[key])
267
269
  }
270
+ }
268
271
 
269
- elms[8].populate(elementConfigs[8])
272
+ elms[8].populate(elementConfigs[8])
270
273
 
271
- if (inSlot === true) {
272
- slotChildCounter -= 1
273
- }
274
+ if (inSlot === true) {
275
+ slotChildCounter -= 1
276
+ }
274
277
 
275
- parent = elms[8]
276
- props[9] = {}
277
- props[9]['image'] = component.image
278
- props[9]['x'] = 18
279
- props[9]['h'] = 20
280
- props[9]['w'] = 20
281
- props[9]['map'] = component.sprite
282
-
283
- propData = component.fps[1]
284
- if (Array.isArray(propData) === true) {
285
- propData = getRaw(propData).slice(0)
286
- }
287
- props[9]['frame'] = propData
288
-
289
- componentType = props[9]['is'] || 'Sprite'
290
-
291
- components[9]
292
- if (typeof componentType === 'string') {
293
- components[9] =
294
- (context.components && context.components[componentType]) || components[componentType]
295
- if (!components[9]) {
296
- throw new Error('Component "Sprite" not found')
297
- }
298
- } else if (
299
- typeof componentType === 'function' &&
300
- componentType[Symbol.for('isComponent')] === true
301
- ) {
302
- components[9] = componentType
303
- }
278
+ parent = elms[8]
279
+ props[9] = {}
280
+ props[9]['image'] = component.image
281
+ props[9]['x'] = 18
282
+ props[9]['h'] = 20
283
+ props[9]['w'] = 20
284
+ props[9]['map'] = component.sprite
285
+
286
+ propData = component.fps[1]
287
+ if (Array.isArray(propData) === true) {
288
+ propData = getRaw(propData).slice(0)
289
+ }
290
+ props[9]['frame'] = propData
291
+
292
+ componentType = props[9]['is'] || 'Sprite'
293
+
294
+ components[9]
295
+ if (typeof componentType === 'string') {
296
+ components[9] =
297
+ (context.components && context.components[componentType]) || components[componentType]
298
+ if (!components[9]) {
299
+ throw new Error('Component "Sprite" not found')
300
+ }
301
+ } else if (
302
+ typeof componentType === 'function' &&
303
+ componentType[Symbol.for('isComponent')] === true
304
+ ) {
305
+ components[9] = componentType
306
+ }
304
307
 
305
- elms[9] = components[9].call(null, { props: props[9] }, elms[8], component)
308
+ elms[9] = components[9].call(null, { props: props[9] }, elms[8], component)
306
309
 
307
- if (elms[9][Symbol.for('slots')][0]) {
308
- parent = elms[9][Symbol.for('slots')][0]
309
- slotComponent = elms[9]
310
- inSlot = true
311
- } else {
312
- parent = elms[9][Symbol.for('children')][0]
313
- }
310
+ if (elms[9][Symbol.for('slots')][0]) {
311
+ parent = elms[9][Symbol.for('slots')][0]
312
+ slotComponent = elms[9]
313
+ inSlot = true
314
+ } else {
315
+ parent = elms[9][Symbol.for('children')][0]
316
+ }
314
317
 
315
- if (inSlot === true && slotChildCounter === 0) {
316
- inSlot = false
317
- }
318
+ if (inSlot === true && slotChildCounter === 0) {
319
+ inSlot = false
320
+ }
318
321
 
319
- cmps[10] = (context.components && context.components['Sprite']) || components['Sprite']
322
+ cmps[10] = (context.components && context.components['Sprite']) || components['Sprite']
320
323
 
321
- parent = elms[5]
322
- elementConfigs[10] = {}
324
+ parent = elms[5]
325
+ elementConfigs[10] = {}
323
326
 
324
- elms[10] = this.element(
325
- { parent: parent || 'root' },
326
- inSlot === true ? slotComponent : component
327
- )
327
+ elms[10] = this.element(
328
+ { parent: parent || 'root' },
329
+ inSlot === true ? slotComponent : component
330
+ )
331
+
332
+ elementConfigs[10]['holder'] = true
333
+ elementConfigs[10]['image'] = component.image
334
+ elementConfigs[10]['x'] = 36
335
+ elementConfigs[10]['h'] = 20
336
+ elementConfigs[10]['w'] = 20
337
+ elementConfigs[10]['map'] = component.sprite
338
+ elementConfigs[10]['frame'] = component.fps[2]
328
339
 
329
- elementConfigs[10]['image'] = component.image
330
- elementConfigs[10]['x'] = 36
331
- elementConfigs[10]['h'] = 20
332
- elementConfigs[10]['w'] = 20
333
- elementConfigs[10]['map'] = component.sprite
334
- elementConfigs[10]['frame'] = component.fps[2]
335
-
336
- skips[10] = []
337
- if (typeof cmps[10] !== 'undefined') {
338
- for (let key in cmps[10][Symbol.for('config')].props) {
339
- delete elementConfigs[10][cmps[10][Symbol.for('config')].props[key]]
340
- skips[10].push(cmps[10][Symbol.for('config')].props[key])
341
- }
340
+ skips[10] = []
341
+ if (typeof cmps[10] !== 'undefined') {
342
+ for (let key in cmps[10][Symbol.for('config')].props) {
343
+ delete elementConfigs[10][cmps[10][Symbol.for('config')].props[key]]
344
+ skips[10].push(cmps[10][Symbol.for('config')].props[key])
342
345
  }
346
+ }
343
347
 
344
- elms[10].populate(elementConfigs[10])
348
+ elms[10].populate(elementConfigs[10])
345
349
 
346
- if (inSlot === true) {
347
- slotChildCounter -= 1
348
- }
350
+ if (inSlot === true) {
351
+ slotChildCounter -= 1
352
+ }
349
353
 
350
- parent = elms[10]
351
- props[11] = {}
352
- props[11]['image'] = component.image
353
- props[11]['x'] = 36
354
- props[11]['h'] = 20
355
- props[11]['w'] = 20
356
- props[11]['map'] = component.sprite
357
-
358
- propData = component.fps[2]
359
- if (Array.isArray(propData) === true) {
360
- propData = getRaw(propData).slice(0)
361
- }
362
- props[11]['frame'] = propData
363
-
364
- componentType = props[11]['is'] || 'Sprite'
365
-
366
- components[11]
367
- if (typeof componentType === 'string') {
368
- components[11] =
369
- (context.components && context.components[componentType]) || components[componentType]
370
- if (!components[11]) {
371
- throw new Error('Component "Sprite" not found')
372
- }
373
- } else if (
374
- typeof componentType === 'function' &&
375
- componentType[Symbol.for('isComponent')] === true
376
- ) {
377
- components[11] = componentType
378
- }
354
+ parent = elms[10]
355
+ props[11] = {}
356
+ props[11]['image'] = component.image
357
+ props[11]['x'] = 36
358
+ props[11]['h'] = 20
359
+ props[11]['w'] = 20
360
+ props[11]['map'] = component.sprite
361
+
362
+ propData = component.fps[2]
363
+ if (Array.isArray(propData) === true) {
364
+ propData = getRaw(propData).slice(0)
365
+ }
366
+ props[11]['frame'] = propData
367
+
368
+ componentType = props[11]['is'] || 'Sprite'
369
+
370
+ components[11]
371
+ if (typeof componentType === 'string') {
372
+ components[11] =
373
+ (context.components && context.components[componentType]) || components[componentType]
374
+ if (!components[11]) {
375
+ throw new Error('Component "Sprite" not found')
376
+ }
377
+ } else if (
378
+ typeof componentType === 'function' &&
379
+ componentType[Symbol.for('isComponent')] === true
380
+ ) {
381
+ components[11] = componentType
382
+ }
379
383
 
380
- elms[11] = components[11].call(null, { props: props[11] }, elms[10], component)
384
+ elms[11] = components[11].call(null, { props: props[11] }, elms[10], component)
381
385
 
382
- if (elms[11][Symbol.for('slots')][0]) {
383
- parent = elms[11][Symbol.for('slots')][0]
384
- slotComponent = elms[11]
385
- inSlot = true
386
- } else {
387
- parent = elms[11][Symbol.for('children')][0]
388
- }
386
+ if (elms[11][Symbol.for('slots')][0]) {
387
+ parent = elms[11][Symbol.for('slots')][0]
388
+ slotComponent = elms[11]
389
+ inSlot = true
390
+ } else {
391
+ parent = elms[11][Symbol.for('children')][0]
392
+ }
389
393
 
390
- if (inSlot === true && slotChildCounter === 0) {
391
- inSlot = false
392
- }
394
+ if (inSlot === true && slotChildCounter === 0) {
395
+ inSlot = false
396
+ }
393
397
 
394
- parent = elms[1]
395
- elementConfigs[12] = {}
398
+ parent = elms[1]
399
+ elementConfigs[12] = {}
396
400
 
397
- elms[12] = this.element(
398
- { parent: parent || 'root' },
399
- inSlot === true ? slotComponent : component
400
- )
401
+ elms[12] = this.element(
402
+ { parent: parent || 'root' },
403
+ inSlot === true ? slotComponent : component
404
+ )
401
405
 
402
- elementConfigs[12]['x'] = 150
403
- elms[12].populate(elementConfigs[12])
406
+ elementConfigs[12]['x'] = 150
407
+ elms[12].populate(elementConfigs[12])
404
408
 
405
- if (inSlot === true) {
406
- slotChildCounter -= 1
407
- }
409
+ if (inSlot === true) {
410
+ slotChildCounter -= 1
411
+ }
408
412
 
409
- cmps[13] = (context.components && context.components['Sprite']) || components['Sprite']
413
+ cmps[13] = (context.components && context.components['Sprite']) || components['Sprite']
410
414
 
411
- parent = elms[12]
412
- elementConfigs[13] = {}
415
+ parent = elms[12]
416
+ elementConfigs[13] = {}
413
417
 
414
- elms[13] = this.element(
415
- { parent: parent || 'root' },
416
- inSlot === true ? slotComponent : component
417
- )
418
+ elms[13] = this.element(
419
+ { parent: parent || 'root' },
420
+ inSlot === true ? slotComponent : component
421
+ )
418
422
 
419
- elementConfigs[13]['image'] = component.image
420
- elementConfigs[13]['y'] = 2
421
- elementConfigs[13]['w'] = 48
422
- elementConfigs[13]['h'] = 25
423
- elementConfigs[13]['map'] = component.sprite
424
- elementConfigs[13]['frame'] = 'avg'
425
-
426
- skips[13] = []
427
- if (typeof cmps[13] !== 'undefined') {
428
- for (let key in cmps[13][Symbol.for('config')].props) {
429
- delete elementConfigs[13][cmps[13][Symbol.for('config')].props[key]]
430
- skips[13].push(cmps[13][Symbol.for('config')].props[key])
431
- }
423
+ elementConfigs[13]['holder'] = true
424
+ elementConfigs[13]['image'] = component.image
425
+ elementConfigs[13]['y'] = 2
426
+ elementConfigs[13]['w'] = 48
427
+ elementConfigs[13]['h'] = 25
428
+ elementConfigs[13]['map'] = component.sprite
429
+ elementConfigs[13]['frame'] = 'avg'
430
+
431
+ skips[13] = []
432
+ if (typeof cmps[13] !== 'undefined') {
433
+ for (let key in cmps[13][Symbol.for('config')].props) {
434
+ delete elementConfigs[13][cmps[13][Symbol.for('config')].props[key]]
435
+ skips[13].push(cmps[13][Symbol.for('config')].props[key])
432
436
  }
437
+ }
433
438
 
434
- elms[13].populate(elementConfigs[13])
439
+ elms[13].populate(elementConfigs[13])
435
440
 
436
- if (inSlot === true) {
437
- slotChildCounter -= 1
438
- }
441
+ if (inSlot === true) {
442
+ slotChildCounter -= 1
443
+ }
439
444
 
440
- parent = elms[13]
441
- props[14] = {}
442
- props[14]['image'] = component.image
443
- props[14]['y'] = 2
444
- props[14]['w'] = 48
445
- props[14]['h'] = 25
446
- props[14]['map'] = component.sprite
447
- props[14]['frame'] = 'avg'
448
-
449
- componentType = props[14]['is'] || 'Sprite'
450
-
451
- components[14]
452
- if (typeof componentType === 'string') {
453
- components[14] =
454
- (context.components && context.components[componentType]) || components[componentType]
455
- if (!components[14]) {
456
- throw new Error('Component "Sprite" not found')
457
- }
458
- } else if (
459
- typeof componentType === 'function' &&
460
- componentType[Symbol.for('isComponent')] === true
461
- ) {
462
- components[14] = componentType
463
- }
445
+ parent = elms[13]
446
+ props[14] = {}
447
+ props[14]['image'] = component.image
448
+ props[14]['y'] = 2
449
+ props[14]['w'] = 48
450
+ props[14]['h'] = 25
451
+ props[14]['map'] = component.sprite
452
+ props[14]['frame'] = 'avg'
453
+
454
+ componentType = props[14]['is'] || 'Sprite'
455
+
456
+ components[14]
457
+ if (typeof componentType === 'string') {
458
+ components[14] =
459
+ (context.components && context.components[componentType]) || components[componentType]
460
+ if (!components[14]) {
461
+ throw new Error('Component "Sprite" not found')
462
+ }
463
+ } else if (
464
+ typeof componentType === 'function' &&
465
+ componentType[Symbol.for('isComponent')] === true
466
+ ) {
467
+ components[14] = componentType
468
+ }
464
469
 
465
- elms[14] = components[14].call(null, { props: props[14] }, elms[13], component)
470
+ elms[14] = components[14].call(null, { props: props[14] }, elms[13], component)
466
471
 
467
- if (elms[14][Symbol.for('slots')][0]) {
468
- parent = elms[14][Symbol.for('slots')][0]
469
- slotComponent = elms[14]
470
- inSlot = true
471
- } else {
472
- parent = elms[14][Symbol.for('children')][0]
473
- }
472
+ if (elms[14][Symbol.for('slots')][0]) {
473
+ parent = elms[14][Symbol.for('slots')][0]
474
+ slotComponent = elms[14]
475
+ inSlot = true
476
+ } else {
477
+ parent = elms[14][Symbol.for('children')][0]
478
+ }
474
479
 
475
- if (inSlot === true && slotChildCounter === 0) {
476
- inSlot = false
477
- }
480
+ if (inSlot === true && slotChildCounter === 0) {
481
+ inSlot = false
482
+ }
478
483
 
479
- parent = elms[12]
480
- elementConfigs[15] = {}
484
+ parent = elms[12]
485
+ elementConfigs[15] = {}
481
486
 
482
- elms[15] = this.element(
483
- { parent: parent || 'root' },
484
- inSlot === true ? slotComponent : component
485
- )
487
+ elms[15] = this.element(
488
+ { parent: parent || 'root' },
489
+ inSlot === true ? slotComponent : component
490
+ )
486
491
 
487
- elementConfigs[15]['x'] = 63
488
- elementConfigs[15]['y'] = 2
489
- elms[15].populate(elementConfigs[15])
492
+ elementConfigs[15]['x'] = 63
493
+ elementConfigs[15]['y'] = 2
494
+ elms[15].populate(elementConfigs[15])
490
495
 
491
- if (inSlot === true) {
492
- slotChildCounter -= 1
493
- }
496
+ if (inSlot === true) {
497
+ slotChildCounter -= 1
498
+ }
494
499
 
495
- cmps[16] = (context.components && context.components['Sprite']) || components['Sprite']
500
+ cmps[16] = (context.components && context.components['Sprite']) || components['Sprite']
496
501
 
497
- parent = elms[15]
498
- elementConfigs[16] = {}
502
+ parent = elms[15]
503
+ elementConfigs[16] = {}
499
504
 
500
- elms[16] = this.element(
501
- { parent: parent || 'root' },
502
- inSlot === true ? slotComponent : component
503
- )
505
+ elms[16] = this.element(
506
+ { parent: parent || 'root' },
507
+ inSlot === true ? slotComponent : component
508
+ )
504
509
 
505
- elementConfigs[16]['image'] = component.image
506
- elementConfigs[16]['x'] = 0
507
- elementConfigs[16]['h'] = 20
508
- elementConfigs[16]['w'] = 20
509
- elementConfigs[16]['map'] = component.sprite
510
- elementConfigs[16]['frame'] = component.avgFps[0]
511
-
512
- skips[16] = []
513
- if (typeof cmps[16] !== 'undefined') {
514
- for (let key in cmps[16][Symbol.for('config')].props) {
515
- delete elementConfigs[16][cmps[16][Symbol.for('config')].props[key]]
516
- skips[16].push(cmps[16][Symbol.for('config')].props[key])
517
- }
510
+ elementConfigs[16]['holder'] = true
511
+ elementConfigs[16]['image'] = component.image
512
+ elementConfigs[16]['x'] = 0
513
+ elementConfigs[16]['h'] = 20
514
+ elementConfigs[16]['w'] = 20
515
+ elementConfigs[16]['map'] = component.sprite
516
+ elementConfigs[16]['frame'] = component.avgFps[0]
517
+
518
+ skips[16] = []
519
+ if (typeof cmps[16] !== 'undefined') {
520
+ for (let key in cmps[16][Symbol.for('config')].props) {
521
+ delete elementConfigs[16][cmps[16][Symbol.for('config')].props[key]]
522
+ skips[16].push(cmps[16][Symbol.for('config')].props[key])
518
523
  }
524
+ }
519
525
 
520
- elms[16].populate(elementConfigs[16])
526
+ elms[16].populate(elementConfigs[16])
521
527
 
522
- if (inSlot === true) {
523
- slotChildCounter -= 1
524
- }
528
+ if (inSlot === true) {
529
+ slotChildCounter -= 1
530
+ }
525
531
 
526
- parent = elms[16]
527
- props[17] = {}
528
- props[17]['image'] = component.image
529
- props[17]['x'] = 0
530
- props[17]['h'] = 20
531
- props[17]['w'] = 20
532
- props[17]['map'] = component.sprite
533
-
534
- propData = component.avgFps[0]
535
- if (Array.isArray(propData) === true) {
536
- propData = getRaw(propData).slice(0)
537
- }
538
- props[17]['frame'] = propData
539
-
540
- componentType = props[17]['is'] || 'Sprite'
541
-
542
- components[17]
543
- if (typeof componentType === 'string') {
544
- components[17] =
545
- (context.components && context.components[componentType]) || components[componentType]
546
- if (!components[17]) {
547
- throw new Error('Component "Sprite" not found')
548
- }
549
- } else if (
550
- typeof componentType === 'function' &&
551
- componentType[Symbol.for('isComponent')] === true
552
- ) {
553
- components[17] = componentType
554
- }
532
+ parent = elms[16]
533
+ props[17] = {}
534
+ props[17]['image'] = component.image
535
+ props[17]['x'] = 0
536
+ props[17]['h'] = 20
537
+ props[17]['w'] = 20
538
+ props[17]['map'] = component.sprite
539
+
540
+ propData = component.avgFps[0]
541
+ if (Array.isArray(propData) === true) {
542
+ propData = getRaw(propData).slice(0)
543
+ }
544
+ props[17]['frame'] = propData
545
+
546
+ componentType = props[17]['is'] || 'Sprite'
547
+
548
+ components[17]
549
+ if (typeof componentType === 'string') {
550
+ components[17] =
551
+ (context.components && context.components[componentType]) || components[componentType]
552
+ if (!components[17]) {
553
+ throw new Error('Component "Sprite" not found')
554
+ }
555
+ } else if (
556
+ typeof componentType === 'function' &&
557
+ componentType[Symbol.for('isComponent')] === true
558
+ ) {
559
+ components[17] = componentType
560
+ }
555
561
 
556
- elms[17] = components[17].call(null, { props: props[17] }, elms[16], component)
562
+ elms[17] = components[17].call(null, { props: props[17] }, elms[16], component)
557
563
 
558
- if (elms[17][Symbol.for('slots')][0]) {
559
- parent = elms[17][Symbol.for('slots')][0]
560
- slotComponent = elms[17]
561
- inSlot = true
562
- } else {
563
- parent = elms[17][Symbol.for('children')][0]
564
- }
564
+ if (elms[17][Symbol.for('slots')][0]) {
565
+ parent = elms[17][Symbol.for('slots')][0]
566
+ slotComponent = elms[17]
567
+ inSlot = true
568
+ } else {
569
+ parent = elms[17][Symbol.for('children')][0]
570
+ }
565
571
 
566
- if (inSlot === true && slotChildCounter === 0) {
567
- inSlot = false
568
- }
572
+ if (inSlot === true && slotChildCounter === 0) {
573
+ inSlot = false
574
+ }
569
575
 
570
- cmps[18] = (context.components && context.components['Sprite']) || components['Sprite']
576
+ cmps[18] = (context.components && context.components['Sprite']) || components['Sprite']
571
577
 
572
- parent = elms[15]
573
- elementConfigs[18] = {}
578
+ parent = elms[15]
579
+ elementConfigs[18] = {}
574
580
 
575
- elms[18] = this.element(
576
- { parent: parent || 'root' },
577
- inSlot === true ? slotComponent : component
578
- )
581
+ elms[18] = this.element(
582
+ { parent: parent || 'root' },
583
+ inSlot === true ? slotComponent : component
584
+ )
585
+
586
+ elementConfigs[18]['holder'] = true
587
+ elementConfigs[18]['image'] = component.image
588
+ elementConfigs[18]['x'] = 18
589
+ elementConfigs[18]['h'] = 20
590
+ elementConfigs[18]['w'] = 20
591
+ elementConfigs[18]['map'] = component.sprite
592
+ elementConfigs[18]['frame'] = component.avgFps[1]
579
593
 
580
- elementConfigs[18]['image'] = component.image
581
- elementConfigs[18]['x'] = 18
582
- elementConfigs[18]['h'] = 20
583
- elementConfigs[18]['w'] = 20
584
- elementConfigs[18]['map'] = component.sprite
585
- elementConfigs[18]['frame'] = component.avgFps[1]
586
-
587
- skips[18] = []
588
- if (typeof cmps[18] !== 'undefined') {
589
- for (let key in cmps[18][Symbol.for('config')].props) {
590
- delete elementConfigs[18][cmps[18][Symbol.for('config')].props[key]]
591
- skips[18].push(cmps[18][Symbol.for('config')].props[key])
592
- }
594
+ skips[18] = []
595
+ if (typeof cmps[18] !== 'undefined') {
596
+ for (let key in cmps[18][Symbol.for('config')].props) {
597
+ delete elementConfigs[18][cmps[18][Symbol.for('config')].props[key]]
598
+ skips[18].push(cmps[18][Symbol.for('config')].props[key])
593
599
  }
600
+ }
594
601
 
595
- elms[18].populate(elementConfigs[18])
602
+ elms[18].populate(elementConfigs[18])
596
603
 
597
- if (inSlot === true) {
598
- slotChildCounter -= 1
599
- }
604
+ if (inSlot === true) {
605
+ slotChildCounter -= 1
606
+ }
600
607
 
601
- parent = elms[18]
602
- props[19] = {}
603
- props[19]['image'] = component.image
604
- props[19]['x'] = 18
605
- props[19]['h'] = 20
606
- props[19]['w'] = 20
607
- props[19]['map'] = component.sprite
608
-
609
- propData = component.avgFps[1]
610
- if (Array.isArray(propData) === true) {
611
- propData = getRaw(propData).slice(0)
612
- }
613
- props[19]['frame'] = propData
614
-
615
- componentType = props[19]['is'] || 'Sprite'
616
-
617
- components[19]
618
- if (typeof componentType === 'string') {
619
- components[19] =
620
- (context.components && context.components[componentType]) || components[componentType]
621
- if (!components[19]) {
622
- throw new Error('Component "Sprite" not found')
623
- }
624
- } else if (
625
- typeof componentType === 'function' &&
626
- componentType[Symbol.for('isComponent')] === true
627
- ) {
628
- components[19] = componentType
629
- }
608
+ parent = elms[18]
609
+ props[19] = {}
610
+ props[19]['image'] = component.image
611
+ props[19]['x'] = 18
612
+ props[19]['h'] = 20
613
+ props[19]['w'] = 20
614
+ props[19]['map'] = component.sprite
615
+
616
+ propData = component.avgFps[1]
617
+ if (Array.isArray(propData) === true) {
618
+ propData = getRaw(propData).slice(0)
619
+ }
620
+ props[19]['frame'] = propData
621
+
622
+ componentType = props[19]['is'] || 'Sprite'
623
+
624
+ components[19]
625
+ if (typeof componentType === 'string') {
626
+ components[19] =
627
+ (context.components && context.components[componentType]) || components[componentType]
628
+ if (!components[19]) {
629
+ throw new Error('Component "Sprite" not found')
630
+ }
631
+ } else if (
632
+ typeof componentType === 'function' &&
633
+ componentType[Symbol.for('isComponent')] === true
634
+ ) {
635
+ components[19] = componentType
636
+ }
630
637
 
631
- elms[19] = components[19].call(null, { props: props[19] }, elms[18], component)
638
+ elms[19] = components[19].call(null, { props: props[19] }, elms[18], component)
632
639
 
633
- if (elms[19][Symbol.for('slots')][0]) {
634
- parent = elms[19][Symbol.for('slots')][0]
635
- slotComponent = elms[19]
636
- inSlot = true
637
- } else {
638
- parent = elms[19][Symbol.for('children')][0]
639
- }
640
+ if (elms[19][Symbol.for('slots')][0]) {
641
+ parent = elms[19][Symbol.for('slots')][0]
642
+ slotComponent = elms[19]
643
+ inSlot = true
644
+ } else {
645
+ parent = elms[19][Symbol.for('children')][0]
646
+ }
640
647
 
641
- if (inSlot === true && slotChildCounter === 0) {
642
- inSlot = false
643
- }
648
+ if (inSlot === true && slotChildCounter === 0) {
649
+ inSlot = false
650
+ }
644
651
 
645
- cmps[20] = (context.components && context.components['Sprite']) || components['Sprite']
652
+ cmps[20] = (context.components && context.components['Sprite']) || components['Sprite']
646
653
 
647
- parent = elms[15]
648
- elementConfigs[20] = {}
654
+ parent = elms[15]
655
+ elementConfigs[20] = {}
649
656
 
650
- elms[20] = this.element(
651
- { parent: parent || 'root' },
652
- inSlot === true ? slotComponent : component
653
- )
657
+ elms[20] = this.element(
658
+ { parent: parent || 'root' },
659
+ inSlot === true ? slotComponent : component
660
+ )
654
661
 
655
- elementConfigs[20]['image'] = component.image
656
- elementConfigs[20]['x'] = 36
657
- elementConfigs[20]['h'] = 20
658
- elementConfigs[20]['w'] = 20
659
- elementConfigs[20]['map'] = component.sprite
660
- elementConfigs[20]['frame'] = component.avgFps[2]
661
-
662
- skips[20] = []
663
- if (typeof cmps[20] !== 'undefined') {
664
- for (let key in cmps[20][Symbol.for('config')].props) {
665
- delete elementConfigs[20][cmps[20][Symbol.for('config')].props[key]]
666
- skips[20].push(cmps[20][Symbol.for('config')].props[key])
667
- }
662
+ elementConfigs[20]['holder'] = true
663
+ elementConfigs[20]['image'] = component.image
664
+ elementConfigs[20]['x'] = 36
665
+ elementConfigs[20]['h'] = 20
666
+ elementConfigs[20]['w'] = 20
667
+ elementConfigs[20]['map'] = component.sprite
668
+ elementConfigs[20]['frame'] = component.avgFps[2]
669
+
670
+ skips[20] = []
671
+ if (typeof cmps[20] !== 'undefined') {
672
+ for (let key in cmps[20][Symbol.for('config')].props) {
673
+ delete elementConfigs[20][cmps[20][Symbol.for('config')].props[key]]
674
+ skips[20].push(cmps[20][Symbol.for('config')].props[key])
668
675
  }
676
+ }
669
677
 
670
- elms[20].populate(elementConfigs[20])
678
+ elms[20].populate(elementConfigs[20])
671
679
 
672
- if (inSlot === true) {
673
- slotChildCounter -= 1
674
- }
680
+ if (inSlot === true) {
681
+ slotChildCounter -= 1
682
+ }
675
683
 
676
- parent = elms[20]
677
- props[21] = {}
678
- props[21]['image'] = component.image
679
- props[21]['x'] = 36
680
- props[21]['h'] = 20
681
- props[21]['w'] = 20
682
- props[21]['map'] = component.sprite
683
-
684
- propData = component.avgFps[2]
685
- if (Array.isArray(propData) === true) {
686
- propData = getRaw(propData).slice(0)
687
- }
688
- props[21]['frame'] = propData
689
-
690
- componentType = props[21]['is'] || 'Sprite'
691
-
692
- components[21]
693
- if (typeof componentType === 'string') {
694
- components[21] =
695
- (context.components && context.components[componentType]) || components[componentType]
696
- if (!components[21]) {
697
- throw new Error('Component "Sprite" not found')
698
- }
699
- } else if (
700
- typeof componentType === 'function' &&
701
- componentType[Symbol.for('isComponent')] === true
702
- ) {
703
- components[21] = componentType
704
- }
684
+ parent = elms[20]
685
+ props[21] = {}
686
+ props[21]['image'] = component.image
687
+ props[21]['x'] = 36
688
+ props[21]['h'] = 20
689
+ props[21]['w'] = 20
690
+ props[21]['map'] = component.sprite
691
+
692
+ propData = component.avgFps[2]
693
+ if (Array.isArray(propData) === true) {
694
+ propData = getRaw(propData).slice(0)
695
+ }
696
+ props[21]['frame'] = propData
697
+
698
+ componentType = props[21]['is'] || 'Sprite'
699
+
700
+ components[21]
701
+ if (typeof componentType === 'string') {
702
+ components[21] =
703
+ (context.components && context.components[componentType]) || components[componentType]
704
+ if (!components[21]) {
705
+ throw new Error('Component "Sprite" not found')
706
+ }
707
+ } else if (
708
+ typeof componentType === 'function' &&
709
+ componentType[Symbol.for('isComponent')] === true
710
+ ) {
711
+ components[21] = componentType
712
+ }
705
713
 
706
- elms[21] = components[21].call(null, { props: props[21] }, elms[20], component)
714
+ elms[21] = components[21].call(null, { props: props[21] }, elms[20], component)
707
715
 
708
- if (elms[21][Symbol.for('slots')][0]) {
709
- parent = elms[21][Symbol.for('slots')][0]
710
- slotComponent = elms[21]
711
- inSlot = true
712
- } else {
713
- parent = elms[21][Symbol.for('children')][0]
714
- }
716
+ if (elms[21][Symbol.for('slots')][0]) {
717
+ parent = elms[21][Symbol.for('slots')][0]
718
+ slotComponent = elms[21]
719
+ inSlot = true
720
+ } else {
721
+ parent = elms[21][Symbol.for('children')][0]
722
+ }
715
723
 
716
- if (inSlot === true && slotChildCounter === 0) {
717
- inSlot = false
718
- }
724
+ if (inSlot === true && slotChildCounter === 0) {
725
+ inSlot = false
726
+ }
719
727
 
720
- parent = elms[1]
721
- elementConfigs[22] = {}
728
+ parent = elms[1]
729
+ elementConfigs[22] = {}
722
730
 
723
- elms[22] = this.element(
724
- { parent: parent || 'root' },
725
- inSlot === true ? slotComponent : component
726
- )
731
+ elms[22] = this.element(
732
+ { parent: parent || 'root' },
733
+ inSlot === true ? slotComponent : component
734
+ )
727
735
 
728
- elementConfigs[22]['x'] = 0
729
- elementConfigs[22]['y'] = 40
730
- elms[22].populate(elementConfigs[22])
736
+ elementConfigs[22]['x'] = 0
737
+ elementConfigs[22]['y'] = 40
738
+ elms[22].populate(elementConfigs[22])
731
739
 
732
- if (inSlot === true) {
733
- slotChildCounter -= 1
734
- }
740
+ if (inSlot === true) {
741
+ slotChildCounter -= 1
742
+ }
735
743
 
736
- cmps[23] = (context.components && context.components['Sprite']) || components['Sprite']
744
+ cmps[23] = (context.components && context.components['Sprite']) || components['Sprite']
737
745
 
738
- parent = elms[22]
739
- elementConfigs[23] = {}
746
+ parent = elms[22]
747
+ elementConfigs[23] = {}
740
748
 
741
- elms[23] = this.element(
742
- { parent: parent || 'root' },
743
- inSlot === true ? slotComponent : component
744
- )
749
+ elms[23] = this.element(
750
+ { parent: parent || 'root' },
751
+ inSlot === true ? slotComponent : component
752
+ )
745
753
 
746
- elementConfigs[23]['image'] = component.image
747
- elementConfigs[23]['x'] = '-2'
748
- elementConfigs[23]['w'] = 47
749
- elementConfigs[23]['h'] = 25
750
- elementConfigs[23]['map'] = component.sprite
751
- elementConfigs[23]['frame'] = 'min'
752
-
753
- skips[23] = []
754
- if (typeof cmps[23] !== 'undefined') {
755
- for (let key in cmps[23][Symbol.for('config')].props) {
756
- delete elementConfigs[23][cmps[23][Symbol.for('config')].props[key]]
757
- skips[23].push(cmps[23][Symbol.for('config')].props[key])
758
- }
754
+ elementConfigs[23]['holder'] = true
755
+ elementConfigs[23]['image'] = component.image
756
+ elementConfigs[23]['x'] = '-2'
757
+ elementConfigs[23]['w'] = 47
758
+ elementConfigs[23]['h'] = 25
759
+ elementConfigs[23]['map'] = component.sprite
760
+ elementConfigs[23]['frame'] = 'min'
761
+
762
+ skips[23] = []
763
+ if (typeof cmps[23] !== 'undefined') {
764
+ for (let key in cmps[23][Symbol.for('config')].props) {
765
+ delete elementConfigs[23][cmps[23][Symbol.for('config')].props[key]]
766
+ skips[23].push(cmps[23][Symbol.for('config')].props[key])
759
767
  }
768
+ }
760
769
 
761
- elms[23].populate(elementConfigs[23])
770
+ elms[23].populate(elementConfigs[23])
762
771
 
763
- if (inSlot === true) {
764
- slotChildCounter -= 1
765
- }
772
+ if (inSlot === true) {
773
+ slotChildCounter -= 1
774
+ }
766
775
 
767
- parent = elms[23]
768
- props[24] = {}
769
- props[24]['image'] = component.image
770
- props[24]['x'] = '-2'
771
- props[24]['w'] = 47
772
- props[24]['h'] = 25
773
- props[24]['map'] = component.sprite
774
- props[24]['frame'] = 'min'
775
-
776
- componentType = props[24]['is'] || 'Sprite'
777
-
778
- components[24]
779
- if (typeof componentType === 'string') {
780
- components[24] =
781
- (context.components && context.components[componentType]) || components[componentType]
782
- if (!components[24]) {
783
- throw new Error('Component "Sprite" not found')
784
- }
785
- } else if (
786
- typeof componentType === 'function' &&
787
- componentType[Symbol.for('isComponent')] === true
788
- ) {
789
- components[24] = componentType
790
- }
776
+ parent = elms[23]
777
+ props[24] = {}
778
+ props[24]['image'] = component.image
779
+ props[24]['x'] = '-2'
780
+ props[24]['w'] = 47
781
+ props[24]['h'] = 25
782
+ props[24]['map'] = component.sprite
783
+ props[24]['frame'] = 'min'
784
+
785
+ componentType = props[24]['is'] || 'Sprite'
786
+
787
+ components[24]
788
+ if (typeof componentType === 'string') {
789
+ components[24] =
790
+ (context.components && context.components[componentType]) || components[componentType]
791
+ if (!components[24]) {
792
+ throw new Error('Component "Sprite" not found')
793
+ }
794
+ } else if (
795
+ typeof componentType === 'function' &&
796
+ componentType[Symbol.for('isComponent')] === true
797
+ ) {
798
+ components[24] = componentType
799
+ }
791
800
 
792
- elms[24] = components[24].call(null, { props: props[24] }, elms[23], component)
801
+ elms[24] = components[24].call(null, { props: props[24] }, elms[23], component)
793
802
 
794
- if (elms[24][Symbol.for('slots')][0]) {
795
- parent = elms[24][Symbol.for('slots')][0]
796
- slotComponent = elms[24]
797
- inSlot = true
798
- } else {
799
- parent = elms[24][Symbol.for('children')][0]
800
- }
803
+ if (elms[24][Symbol.for('slots')][0]) {
804
+ parent = elms[24][Symbol.for('slots')][0]
805
+ slotComponent = elms[24]
806
+ inSlot = true
807
+ } else {
808
+ parent = elms[24][Symbol.for('children')][0]
809
+ }
801
810
 
802
- if (inSlot === true && slotChildCounter === 0) {
803
- inSlot = false
804
- }
811
+ if (inSlot === true && slotChildCounter === 0) {
812
+ inSlot = false
813
+ }
805
814
 
806
- parent = elms[22]
807
- elementConfigs[25] = {}
815
+ parent = elms[22]
816
+ elementConfigs[25] = {}
808
817
 
809
- elms[25] = this.element(
810
- { parent: parent || 'root' },
811
- inSlot === true ? slotComponent : component
812
- )
818
+ elms[25] = this.element(
819
+ { parent: parent || 'root' },
820
+ inSlot === true ? slotComponent : component
821
+ )
813
822
 
814
- elementConfigs[25]['x'] = 58
815
- elementConfigs[25]['y'] = 2
816
- elms[25].populate(elementConfigs[25])
823
+ elementConfigs[25]['x'] = 58
824
+ elementConfigs[25]['y'] = 2
825
+ elms[25].populate(elementConfigs[25])
817
826
 
818
- if (inSlot === true) {
819
- slotChildCounter -= 1
820
- }
827
+ if (inSlot === true) {
828
+ slotChildCounter -= 1
829
+ }
821
830
 
822
- cmps[26] = (context.components && context.components['Sprite']) || components['Sprite']
831
+ cmps[26] = (context.components && context.components['Sprite']) || components['Sprite']
823
832
 
824
- parent = elms[25]
825
- elementConfigs[26] = {}
833
+ parent = elms[25]
834
+ elementConfigs[26] = {}
826
835
 
827
- elms[26] = this.element(
828
- { parent: parent || 'root' },
829
- inSlot === true ? slotComponent : component
830
- )
836
+ elms[26] = this.element(
837
+ { parent: parent || 'root' },
838
+ inSlot === true ? slotComponent : component
839
+ )
831
840
 
832
- elementConfigs[26]['image'] = component.image
833
- elementConfigs[26]['x'] = 0
834
- elementConfigs[26]['h'] = 20
835
- elementConfigs[26]['w'] = 20
836
- elementConfigs[26]['map'] = component.sprite
837
- elementConfigs[26]['frame'] = component.minFps[0]
838
-
839
- skips[26] = []
840
- if (typeof cmps[26] !== 'undefined') {
841
- for (let key in cmps[26][Symbol.for('config')].props) {
842
- delete elementConfigs[26][cmps[26][Symbol.for('config')].props[key]]
843
- skips[26].push(cmps[26][Symbol.for('config')].props[key])
844
- }
841
+ elementConfigs[26]['holder'] = true
842
+ elementConfigs[26]['image'] = component.image
843
+ elementConfigs[26]['x'] = 0
844
+ elementConfigs[26]['h'] = 20
845
+ elementConfigs[26]['w'] = 20
846
+ elementConfigs[26]['map'] = component.sprite
847
+ elementConfigs[26]['frame'] = component.minFps[0]
848
+
849
+ skips[26] = []
850
+ if (typeof cmps[26] !== 'undefined') {
851
+ for (let key in cmps[26][Symbol.for('config')].props) {
852
+ delete elementConfigs[26][cmps[26][Symbol.for('config')].props[key]]
853
+ skips[26].push(cmps[26][Symbol.for('config')].props[key])
845
854
  }
855
+ }
846
856
 
847
- elms[26].populate(elementConfigs[26])
857
+ elms[26].populate(elementConfigs[26])
848
858
 
849
- if (inSlot === true) {
850
- slotChildCounter -= 1
851
- }
859
+ if (inSlot === true) {
860
+ slotChildCounter -= 1
861
+ }
852
862
 
853
- parent = elms[26]
854
- props[27] = {}
855
- props[27]['image'] = component.image
856
- props[27]['x'] = 0
857
- props[27]['h'] = 20
858
- props[27]['w'] = 20
859
- props[27]['map'] = component.sprite
860
-
861
- propData = component.minFps[0]
862
- if (Array.isArray(propData) === true) {
863
- propData = getRaw(propData).slice(0)
864
- }
865
- props[27]['frame'] = propData
866
-
867
- componentType = props[27]['is'] || 'Sprite'
868
-
869
- components[27]
870
- if (typeof componentType === 'string') {
871
- components[27] =
872
- (context.components && context.components[componentType]) || components[componentType]
873
- if (!components[27]) {
874
- throw new Error('Component "Sprite" not found')
875
- }
876
- } else if (
877
- typeof componentType === 'function' &&
878
- componentType[Symbol.for('isComponent')] === true
879
- ) {
880
- components[27] = componentType
881
- }
863
+ parent = elms[26]
864
+ props[27] = {}
865
+ props[27]['image'] = component.image
866
+ props[27]['x'] = 0
867
+ props[27]['h'] = 20
868
+ props[27]['w'] = 20
869
+ props[27]['map'] = component.sprite
870
+
871
+ propData = component.minFps[0]
872
+ if (Array.isArray(propData) === true) {
873
+ propData = getRaw(propData).slice(0)
874
+ }
875
+ props[27]['frame'] = propData
876
+
877
+ componentType = props[27]['is'] || 'Sprite'
878
+
879
+ components[27]
880
+ if (typeof componentType === 'string') {
881
+ components[27] =
882
+ (context.components && context.components[componentType]) || components[componentType]
883
+ if (!components[27]) {
884
+ throw new Error('Component "Sprite" not found')
885
+ }
886
+ } else if (
887
+ typeof componentType === 'function' &&
888
+ componentType[Symbol.for('isComponent')] === true
889
+ ) {
890
+ components[27] = componentType
891
+ }
882
892
 
883
- elms[27] = components[27].call(null, { props: props[27] }, elms[26], component)
893
+ elms[27] = components[27].call(null, { props: props[27] }, elms[26], component)
884
894
 
885
- if (elms[27][Symbol.for('slots')][0]) {
886
- parent = elms[27][Symbol.for('slots')][0]
887
- slotComponent = elms[27]
888
- inSlot = true
889
- } else {
890
- parent = elms[27][Symbol.for('children')][0]
891
- }
895
+ if (elms[27][Symbol.for('slots')][0]) {
896
+ parent = elms[27][Symbol.for('slots')][0]
897
+ slotComponent = elms[27]
898
+ inSlot = true
899
+ } else {
900
+ parent = elms[27][Symbol.for('children')][0]
901
+ }
892
902
 
893
- if (inSlot === true && slotChildCounter === 0) {
894
- inSlot = false
895
- }
903
+ if (inSlot === true && slotChildCounter === 0) {
904
+ inSlot = false
905
+ }
896
906
 
897
- cmps[28] = (context.components && context.components['Sprite']) || components['Sprite']
907
+ cmps[28] = (context.components && context.components['Sprite']) || components['Sprite']
898
908
 
899
- parent = elms[25]
900
- elementConfigs[28] = {}
909
+ parent = elms[25]
910
+ elementConfigs[28] = {}
901
911
 
902
- elms[28] = this.element(
903
- { parent: parent || 'root' },
904
- inSlot === true ? slotComponent : component
905
- )
912
+ elms[28] = this.element(
913
+ { parent: parent || 'root' },
914
+ inSlot === true ? slotComponent : component
915
+ )
906
916
 
907
- elementConfigs[28]['image'] = component.image
908
- elementConfigs[28]['x'] = 18
909
- elementConfigs[28]['h'] = 20
910
- elementConfigs[28]['w'] = 20
911
- elementConfigs[28]['map'] = component.sprite
912
- elementConfigs[28]['frame'] = component.minFps[1]
913
-
914
- skips[28] = []
915
- if (typeof cmps[28] !== 'undefined') {
916
- for (let key in cmps[28][Symbol.for('config')].props) {
917
- delete elementConfigs[28][cmps[28][Symbol.for('config')].props[key]]
918
- skips[28].push(cmps[28][Symbol.for('config')].props[key])
919
- }
917
+ elementConfigs[28]['holder'] = true
918
+ elementConfigs[28]['image'] = component.image
919
+ elementConfigs[28]['x'] = 18
920
+ elementConfigs[28]['h'] = 20
921
+ elementConfigs[28]['w'] = 20
922
+ elementConfigs[28]['map'] = component.sprite
923
+ elementConfigs[28]['frame'] = component.minFps[1]
924
+
925
+ skips[28] = []
926
+ if (typeof cmps[28] !== 'undefined') {
927
+ for (let key in cmps[28][Symbol.for('config')].props) {
928
+ delete elementConfigs[28][cmps[28][Symbol.for('config')].props[key]]
929
+ skips[28].push(cmps[28][Symbol.for('config')].props[key])
920
930
  }
931
+ }
921
932
 
922
- elms[28].populate(elementConfigs[28])
933
+ elms[28].populate(elementConfigs[28])
923
934
 
924
- if (inSlot === true) {
925
- slotChildCounter -= 1
926
- }
935
+ if (inSlot === true) {
936
+ slotChildCounter -= 1
937
+ }
927
938
 
928
- parent = elms[28]
929
- props[29] = {}
930
- props[29]['image'] = component.image
931
- props[29]['x'] = 18
932
- props[29]['h'] = 20
933
- props[29]['w'] = 20
934
- props[29]['map'] = component.sprite
935
-
936
- propData = component.minFps[1]
937
- if (Array.isArray(propData) === true) {
938
- propData = getRaw(propData).slice(0)
939
- }
940
- props[29]['frame'] = propData
941
-
942
- componentType = props[29]['is'] || 'Sprite'
943
-
944
- components[29]
945
- if (typeof componentType === 'string') {
946
- components[29] =
947
- (context.components && context.components[componentType]) || components[componentType]
948
- if (!components[29]) {
949
- throw new Error('Component "Sprite" not found')
950
- }
951
- } else if (
952
- typeof componentType === 'function' &&
953
- componentType[Symbol.for('isComponent')] === true
954
- ) {
955
- components[29] = componentType
956
- }
939
+ parent = elms[28]
940
+ props[29] = {}
941
+ props[29]['image'] = component.image
942
+ props[29]['x'] = 18
943
+ props[29]['h'] = 20
944
+ props[29]['w'] = 20
945
+ props[29]['map'] = component.sprite
946
+
947
+ propData = component.minFps[1]
948
+ if (Array.isArray(propData) === true) {
949
+ propData = getRaw(propData).slice(0)
950
+ }
951
+ props[29]['frame'] = propData
952
+
953
+ componentType = props[29]['is'] || 'Sprite'
954
+
955
+ components[29]
956
+ if (typeof componentType === 'string') {
957
+ components[29] =
958
+ (context.components && context.components[componentType]) || components[componentType]
959
+ if (!components[29]) {
960
+ throw new Error('Component "Sprite" not found')
961
+ }
962
+ } else if (
963
+ typeof componentType === 'function' &&
964
+ componentType[Symbol.for('isComponent')] === true
965
+ ) {
966
+ components[29] = componentType
967
+ }
957
968
 
958
- elms[29] = components[29].call(null, { props: props[29] }, elms[28], component)
969
+ elms[29] = components[29].call(null, { props: props[29] }, elms[28], component)
959
970
 
960
- if (elms[29][Symbol.for('slots')][0]) {
961
- parent = elms[29][Symbol.for('slots')][0]
962
- slotComponent = elms[29]
963
- inSlot = true
964
- } else {
965
- parent = elms[29][Symbol.for('children')][0]
966
- }
971
+ if (elms[29][Symbol.for('slots')][0]) {
972
+ parent = elms[29][Symbol.for('slots')][0]
973
+ slotComponent = elms[29]
974
+ inSlot = true
975
+ } else {
976
+ parent = elms[29][Symbol.for('children')][0]
977
+ }
967
978
 
968
- if (inSlot === true && slotChildCounter === 0) {
969
- inSlot = false
970
- }
979
+ if (inSlot === true && slotChildCounter === 0) {
980
+ inSlot = false
981
+ }
971
982
 
972
- cmps[30] = (context.components && context.components['Sprite']) || components['Sprite']
983
+ cmps[30] = (context.components && context.components['Sprite']) || components['Sprite']
973
984
 
974
- parent = elms[25]
975
- elementConfigs[30] = {}
985
+ parent = elms[25]
986
+ elementConfigs[30] = {}
976
987
 
977
- elms[30] = this.element(
978
- { parent: parent || 'root' },
979
- inSlot === true ? slotComponent : component
980
- )
988
+ elms[30] = this.element(
989
+ { parent: parent || 'root' },
990
+ inSlot === true ? slotComponent : component
991
+ )
981
992
 
982
- elementConfigs[30]['image'] = component.image
983
- elementConfigs[30]['x'] = 36
984
- elementConfigs[30]['h'] = 20
985
- elementConfigs[30]['w'] = 20
986
- elementConfigs[30]['map'] = component.sprite
987
- elementConfigs[30]['frame'] = component.minFps[2]
988
-
989
- skips[30] = []
990
- if (typeof cmps[30] !== 'undefined') {
991
- for (let key in cmps[30][Symbol.for('config')].props) {
992
- delete elementConfigs[30][cmps[30][Symbol.for('config')].props[key]]
993
- skips[30].push(cmps[30][Symbol.for('config')].props[key])
994
- }
993
+ elementConfigs[30]['holder'] = true
994
+ elementConfigs[30]['image'] = component.image
995
+ elementConfigs[30]['x'] = 36
996
+ elementConfigs[30]['h'] = 20
997
+ elementConfigs[30]['w'] = 20
998
+ elementConfigs[30]['map'] = component.sprite
999
+ elementConfigs[30]['frame'] = component.minFps[2]
1000
+
1001
+ skips[30] = []
1002
+ if (typeof cmps[30] !== 'undefined') {
1003
+ for (let key in cmps[30][Symbol.for('config')].props) {
1004
+ delete elementConfigs[30][cmps[30][Symbol.for('config')].props[key]]
1005
+ skips[30].push(cmps[30][Symbol.for('config')].props[key])
995
1006
  }
1007
+ }
996
1008
 
997
- elms[30].populate(elementConfigs[30])
1009
+ elms[30].populate(elementConfigs[30])
998
1010
 
999
- if (inSlot === true) {
1000
- slotChildCounter -= 1
1001
- }
1011
+ if (inSlot === true) {
1012
+ slotChildCounter -= 1
1013
+ }
1002
1014
 
1003
- parent = elms[30]
1004
- props[31] = {}
1005
- props[31]['image'] = component.image
1006
- props[31]['x'] = 36
1007
- props[31]['h'] = 20
1008
- props[31]['w'] = 20
1009
- props[31]['map'] = component.sprite
1010
-
1011
- propData = component.minFps[2]
1012
- if (Array.isArray(propData) === true) {
1013
- propData = getRaw(propData).slice(0)
1014
- }
1015
- props[31]['frame'] = propData
1016
-
1017
- componentType = props[31]['is'] || 'Sprite'
1018
-
1019
- components[31]
1020
- if (typeof componentType === 'string') {
1021
- components[31] =
1022
- (context.components && context.components[componentType]) || components[componentType]
1023
- if (!components[31]) {
1024
- throw new Error('Component "Sprite" not found')
1025
- }
1026
- } else if (
1027
- typeof componentType === 'function' &&
1028
- componentType[Symbol.for('isComponent')] === true
1029
- ) {
1030
- components[31] = componentType
1031
- }
1015
+ parent = elms[30]
1016
+ props[31] = {}
1017
+ props[31]['image'] = component.image
1018
+ props[31]['x'] = 36
1019
+ props[31]['h'] = 20
1020
+ props[31]['w'] = 20
1021
+ props[31]['map'] = component.sprite
1022
+
1023
+ propData = component.minFps[2]
1024
+ if (Array.isArray(propData) === true) {
1025
+ propData = getRaw(propData).slice(0)
1026
+ }
1027
+ props[31]['frame'] = propData
1028
+
1029
+ componentType = props[31]['is'] || 'Sprite'
1030
+
1031
+ components[31]
1032
+ if (typeof componentType === 'string') {
1033
+ components[31] =
1034
+ (context.components && context.components[componentType]) || components[componentType]
1035
+ if (!components[31]) {
1036
+ throw new Error('Component "Sprite" not found')
1037
+ }
1038
+ } else if (
1039
+ typeof componentType === 'function' &&
1040
+ componentType[Symbol.for('isComponent')] === true
1041
+ ) {
1042
+ components[31] = componentType
1043
+ }
1032
1044
 
1033
- elms[31] = components[31].call(null, { props: props[31] }, elms[30], component)
1045
+ elms[31] = components[31].call(null, { props: props[31] }, elms[30], component)
1034
1046
 
1035
- if (elms[31][Symbol.for('slots')][0]) {
1036
- parent = elms[31][Symbol.for('slots')][0]
1037
- slotComponent = elms[31]
1038
- inSlot = true
1039
- } else {
1040
- parent = elms[31][Symbol.for('children')][0]
1041
- }
1047
+ if (elms[31][Symbol.for('slots')][0]) {
1048
+ parent = elms[31][Symbol.for('slots')][0]
1049
+ slotComponent = elms[31]
1050
+ inSlot = true
1051
+ } else {
1052
+ parent = elms[31][Symbol.for('children')][0]
1053
+ }
1042
1054
 
1043
- if (inSlot === true && slotChildCounter === 0) {
1044
- inSlot = false
1045
- }
1055
+ if (inSlot === true && slotChildCounter === 0) {
1056
+ inSlot = false
1057
+ }
1046
1058
 
1047
- parent = elms[1]
1048
- elementConfigs[32] = {}
1059
+ parent = elms[1]
1060
+ elementConfigs[32] = {}
1049
1061
 
1050
- elms[32] = this.element(
1051
- { parent: parent || 'root' },
1052
- inSlot === true ? slotComponent : component
1053
- )
1062
+ elms[32] = this.element(
1063
+ { parent: parent || 'root' },
1064
+ inSlot === true ? slotComponent : component
1065
+ )
1054
1066
 
1055
- elementConfigs[32]['x'] = 150
1056
- elementConfigs[32]['y'] = 40
1057
- elms[32].populate(elementConfigs[32])
1067
+ elementConfigs[32]['x'] = 150
1068
+ elementConfigs[32]['y'] = 40
1069
+ elms[32].populate(elementConfigs[32])
1058
1070
 
1059
- if (inSlot === true) {
1060
- slotChildCounter -= 1
1061
- }
1071
+ if (inSlot === true) {
1072
+ slotChildCounter -= 1
1073
+ }
1062
1074
 
1063
- cmps[33] = (context.components && context.components['Sprite']) || components['Sprite']
1075
+ cmps[33] = (context.components && context.components['Sprite']) || components['Sprite']
1064
1076
 
1065
- parent = elms[32]
1066
- elementConfigs[33] = {}
1077
+ parent = elms[32]
1078
+ elementConfigs[33] = {}
1067
1079
 
1068
- elms[33] = this.element(
1069
- { parent: parent || 'root' },
1070
- inSlot === true ? slotComponent : component
1071
- )
1080
+ elms[33] = this.element(
1081
+ { parent: parent || 'root' },
1082
+ inSlot === true ? slotComponent : component
1083
+ )
1084
+
1085
+ elementConfigs[33]['holder'] = true
1086
+ elementConfigs[33]['image'] = component.image
1087
+ elementConfigs[33]['w'] = 53
1088
+ elementConfigs[33]['h'] = 25
1089
+ elementConfigs[33]['map'] = component.sprite
1090
+ elementConfigs[33]['frame'] = 'max'
1072
1091
 
1073
- elementConfigs[33]['image'] = component.image
1074
- elementConfigs[33]['w'] = 53
1075
- elementConfigs[33]['h'] = 25
1076
- elementConfigs[33]['map'] = component.sprite
1077
- elementConfigs[33]['frame'] = 'max'
1078
-
1079
- skips[33] = []
1080
- if (typeof cmps[33] !== 'undefined') {
1081
- for (let key in cmps[33][Symbol.for('config')].props) {
1082
- delete elementConfigs[33][cmps[33][Symbol.for('config')].props[key]]
1083
- skips[33].push(cmps[33][Symbol.for('config')].props[key])
1084
- }
1092
+ skips[33] = []
1093
+ if (typeof cmps[33] !== 'undefined') {
1094
+ for (let key in cmps[33][Symbol.for('config')].props) {
1095
+ delete elementConfigs[33][cmps[33][Symbol.for('config')].props[key]]
1096
+ skips[33].push(cmps[33][Symbol.for('config')].props[key])
1085
1097
  }
1098
+ }
1086
1099
 
1087
- elms[33].populate(elementConfigs[33])
1100
+ elms[33].populate(elementConfigs[33])
1088
1101
 
1089
- if (inSlot === true) {
1090
- slotChildCounter -= 1
1091
- }
1102
+ if (inSlot === true) {
1103
+ slotChildCounter -= 1
1104
+ }
1092
1105
 
1093
- parent = elms[33]
1094
- props[34] = {}
1095
- props[34]['image'] = component.image
1096
- props[34]['w'] = 53
1097
- props[34]['h'] = 25
1098
- props[34]['map'] = component.sprite
1099
- props[34]['frame'] = 'max'
1100
-
1101
- componentType = props[34]['is'] || 'Sprite'
1102
-
1103
- components[34]
1104
- if (typeof componentType === 'string') {
1105
- components[34] =
1106
- (context.components && context.components[componentType]) || components[componentType]
1107
- if (!components[34]) {
1108
- throw new Error('Component "Sprite" not found')
1109
- }
1110
- } else if (
1111
- typeof componentType === 'function' &&
1112
- componentType[Symbol.for('isComponent')] === true
1113
- ) {
1114
- components[34] = componentType
1115
- }
1106
+ parent = elms[33]
1107
+ props[34] = {}
1108
+ props[34]['image'] = component.image
1109
+ props[34]['w'] = 53
1110
+ props[34]['h'] = 25
1111
+ props[34]['map'] = component.sprite
1112
+ props[34]['frame'] = 'max'
1113
+
1114
+ componentType = props[34]['is'] || 'Sprite'
1115
+
1116
+ components[34]
1117
+ if (typeof componentType === 'string') {
1118
+ components[34] =
1119
+ (context.components && context.components[componentType]) || components[componentType]
1120
+ if (!components[34]) {
1121
+ throw new Error('Component "Sprite" not found')
1122
+ }
1123
+ } else if (
1124
+ typeof componentType === 'function' &&
1125
+ componentType[Symbol.for('isComponent')] === true
1126
+ ) {
1127
+ components[34] = componentType
1128
+ }
1116
1129
 
1117
- elms[34] = components[34].call(null, { props: props[34] }, elms[33], component)
1130
+ elms[34] = components[34].call(null, { props: props[34] }, elms[33], component)
1118
1131
 
1119
- if (elms[34][Symbol.for('slots')][0]) {
1120
- parent = elms[34][Symbol.for('slots')][0]
1121
- slotComponent = elms[34]
1122
- inSlot = true
1123
- } else {
1124
- parent = elms[34][Symbol.for('children')][0]
1125
- }
1132
+ if (elms[34][Symbol.for('slots')][0]) {
1133
+ parent = elms[34][Symbol.for('slots')][0]
1134
+ slotComponent = elms[34]
1135
+ inSlot = true
1136
+ } else {
1137
+ parent = elms[34][Symbol.for('children')][0]
1138
+ }
1126
1139
 
1127
- if (inSlot === true && slotChildCounter === 0) {
1128
- inSlot = false
1129
- }
1140
+ if (inSlot === true && slotChildCounter === 0) {
1141
+ inSlot = false
1142
+ }
1130
1143
 
1131
- parent = elms[32]
1132
- elementConfigs[35] = {}
1144
+ parent = elms[32]
1145
+ elementConfigs[35] = {}
1133
1146
 
1134
- elms[35] = this.element(
1135
- { parent: parent || 'root' },
1136
- inSlot === true ? slotComponent : component
1137
- )
1147
+ elms[35] = this.element(
1148
+ { parent: parent || 'root' },
1149
+ inSlot === true ? slotComponent : component
1150
+ )
1138
1151
 
1139
- elementConfigs[35]['x'] = 63
1140
- elementConfigs[35]['y'] = 2
1141
- elms[35].populate(elementConfigs[35])
1152
+ elementConfigs[35]['x'] = 63
1153
+ elementConfigs[35]['y'] = 2
1154
+ elms[35].populate(elementConfigs[35])
1142
1155
 
1143
- if (inSlot === true) {
1144
- slotChildCounter -= 1
1145
- }
1156
+ if (inSlot === true) {
1157
+ slotChildCounter -= 1
1158
+ }
1146
1159
 
1147
- cmps[36] = (context.components && context.components['Sprite']) || components['Sprite']
1160
+ cmps[36] = (context.components && context.components['Sprite']) || components['Sprite']
1148
1161
 
1149
- parent = elms[35]
1150
- elementConfigs[36] = {}
1162
+ parent = elms[35]
1163
+ elementConfigs[36] = {}
1151
1164
 
1152
- elms[36] = this.element(
1153
- { parent: parent || 'root' },
1154
- inSlot === true ? slotComponent : component
1155
- )
1165
+ elms[36] = this.element(
1166
+ { parent: parent || 'root' },
1167
+ inSlot === true ? slotComponent : component
1168
+ )
1169
+
1170
+ elementConfigs[36]['holder'] = true
1171
+ elementConfigs[36]['image'] = component.image
1172
+ elementConfigs[36]['x'] = 0
1173
+ elementConfigs[36]['h'] = 20
1174
+ elementConfigs[36]['w'] = 20
1175
+ elementConfigs[36]['map'] = component.sprite
1176
+ elementConfigs[36]['frame'] = component.maxFps[0]
1156
1177
 
1157
- elementConfigs[36]['image'] = component.image
1158
- elementConfigs[36]['x'] = 0
1159
- elementConfigs[36]['h'] = 20
1160
- elementConfigs[36]['w'] = 20
1161
- elementConfigs[36]['map'] = component.sprite
1162
- elementConfigs[36]['frame'] = component.maxFps[0]
1163
-
1164
- skips[36] = []
1165
- if (typeof cmps[36] !== 'undefined') {
1166
- for (let key in cmps[36][Symbol.for('config')].props) {
1167
- delete elementConfigs[36][cmps[36][Symbol.for('config')].props[key]]
1168
- skips[36].push(cmps[36][Symbol.for('config')].props[key])
1169
- }
1178
+ skips[36] = []
1179
+ if (typeof cmps[36] !== 'undefined') {
1180
+ for (let key in cmps[36][Symbol.for('config')].props) {
1181
+ delete elementConfigs[36][cmps[36][Symbol.for('config')].props[key]]
1182
+ skips[36].push(cmps[36][Symbol.for('config')].props[key])
1170
1183
  }
1184
+ }
1171
1185
 
1172
- elms[36].populate(elementConfigs[36])
1186
+ elms[36].populate(elementConfigs[36])
1173
1187
 
1174
- if (inSlot === true) {
1175
- slotChildCounter -= 1
1176
- }
1188
+ if (inSlot === true) {
1189
+ slotChildCounter -= 1
1190
+ }
1177
1191
 
1178
- parent = elms[36]
1179
- props[37] = {}
1180
- props[37]['image'] = component.image
1181
- props[37]['x'] = 0
1182
- props[37]['h'] = 20
1183
- props[37]['w'] = 20
1184
- props[37]['map'] = component.sprite
1185
-
1186
- propData = component.maxFps[0]
1187
- if (Array.isArray(propData) === true) {
1188
- propData = getRaw(propData).slice(0)
1189
- }
1190
- props[37]['frame'] = propData
1191
-
1192
- componentType = props[37]['is'] || 'Sprite'
1193
-
1194
- components[37]
1195
- if (typeof componentType === 'string') {
1196
- components[37] =
1197
- (context.components && context.components[componentType]) || components[componentType]
1198
- if (!components[37]) {
1199
- throw new Error('Component "Sprite" not found')
1200
- }
1201
- } else if (
1202
- typeof componentType === 'function' &&
1203
- componentType[Symbol.for('isComponent')] === true
1204
- ) {
1205
- components[37] = componentType
1206
- }
1192
+ parent = elms[36]
1193
+ props[37] = {}
1194
+ props[37]['image'] = component.image
1195
+ props[37]['x'] = 0
1196
+ props[37]['h'] = 20
1197
+ props[37]['w'] = 20
1198
+ props[37]['map'] = component.sprite
1199
+
1200
+ propData = component.maxFps[0]
1201
+ if (Array.isArray(propData) === true) {
1202
+ propData = getRaw(propData).slice(0)
1203
+ }
1204
+ props[37]['frame'] = propData
1205
+
1206
+ componentType = props[37]['is'] || 'Sprite'
1207
+
1208
+ components[37]
1209
+ if (typeof componentType === 'string') {
1210
+ components[37] =
1211
+ (context.components && context.components[componentType]) || components[componentType]
1212
+ if (!components[37]) {
1213
+ throw new Error('Component "Sprite" not found')
1214
+ }
1215
+ } else if (
1216
+ typeof componentType === 'function' &&
1217
+ componentType[Symbol.for('isComponent')] === true
1218
+ ) {
1219
+ components[37] = componentType
1220
+ }
1207
1221
 
1208
- elms[37] = components[37].call(null, { props: props[37] }, elms[36], component)
1222
+ elms[37] = components[37].call(null, { props: props[37] }, elms[36], component)
1209
1223
 
1210
- if (elms[37][Symbol.for('slots')][0]) {
1211
- parent = elms[37][Symbol.for('slots')][0]
1212
- slotComponent = elms[37]
1213
- inSlot = true
1214
- } else {
1215
- parent = elms[37][Symbol.for('children')][0]
1216
- }
1224
+ if (elms[37][Symbol.for('slots')][0]) {
1225
+ parent = elms[37][Symbol.for('slots')][0]
1226
+ slotComponent = elms[37]
1227
+ inSlot = true
1228
+ } else {
1229
+ parent = elms[37][Symbol.for('children')][0]
1230
+ }
1217
1231
 
1218
- if (inSlot === true && slotChildCounter === 0) {
1219
- inSlot = false
1220
- }
1232
+ if (inSlot === true && slotChildCounter === 0) {
1233
+ inSlot = false
1234
+ }
1221
1235
 
1222
- cmps[38] = (context.components && context.components['Sprite']) || components['Sprite']
1236
+ cmps[38] = (context.components && context.components['Sprite']) || components['Sprite']
1223
1237
 
1224
- parent = elms[35]
1225
- elementConfigs[38] = {}
1238
+ parent = elms[35]
1239
+ elementConfigs[38] = {}
1226
1240
 
1227
- elms[38] = this.element(
1228
- { parent: parent || 'root' },
1229
- inSlot === true ? slotComponent : component
1230
- )
1241
+ elms[38] = this.element(
1242
+ { parent: parent || 'root' },
1243
+ inSlot === true ? slotComponent : component
1244
+ )
1231
1245
 
1232
- elementConfigs[38]['image'] = component.image
1233
- elementConfigs[38]['x'] = 18
1234
- elementConfigs[38]['h'] = 20
1235
- elementConfigs[38]['w'] = 20
1236
- elementConfigs[38]['map'] = component.sprite
1237
- elementConfigs[38]['frame'] = component.maxFps[1]
1238
-
1239
- skips[38] = []
1240
- if (typeof cmps[38] !== 'undefined') {
1241
- for (let key in cmps[38][Symbol.for('config')].props) {
1242
- delete elementConfigs[38][cmps[38][Symbol.for('config')].props[key]]
1243
- skips[38].push(cmps[38][Symbol.for('config')].props[key])
1244
- }
1246
+ elementConfigs[38]['holder'] = true
1247
+ elementConfigs[38]['image'] = component.image
1248
+ elementConfigs[38]['x'] = 18
1249
+ elementConfigs[38]['h'] = 20
1250
+ elementConfigs[38]['w'] = 20
1251
+ elementConfigs[38]['map'] = component.sprite
1252
+ elementConfigs[38]['frame'] = component.maxFps[1]
1253
+
1254
+ skips[38] = []
1255
+ if (typeof cmps[38] !== 'undefined') {
1256
+ for (let key in cmps[38][Symbol.for('config')].props) {
1257
+ delete elementConfigs[38][cmps[38][Symbol.for('config')].props[key]]
1258
+ skips[38].push(cmps[38][Symbol.for('config')].props[key])
1245
1259
  }
1260
+ }
1246
1261
 
1247
- elms[38].populate(elementConfigs[38])
1262
+ elms[38].populate(elementConfigs[38])
1248
1263
 
1249
- if (inSlot === true) {
1250
- slotChildCounter -= 1
1251
- }
1264
+ if (inSlot === true) {
1265
+ slotChildCounter -= 1
1266
+ }
1252
1267
 
1253
- parent = elms[38]
1254
- props[39] = {}
1255
- props[39]['image'] = component.image
1256
- props[39]['x'] = 18
1257
- props[39]['h'] = 20
1258
- props[39]['w'] = 20
1259
- props[39]['map'] = component.sprite
1260
-
1261
- propData = component.maxFps[1]
1262
- if (Array.isArray(propData) === true) {
1263
- propData = getRaw(propData).slice(0)
1264
- }
1265
- props[39]['frame'] = propData
1266
-
1267
- componentType = props[39]['is'] || 'Sprite'
1268
-
1269
- components[39]
1270
- if (typeof componentType === 'string') {
1271
- components[39] =
1272
- (context.components && context.components[componentType]) || components[componentType]
1273
- if (!components[39]) {
1274
- throw new Error('Component "Sprite" not found')
1275
- }
1276
- } else if (
1277
- typeof componentType === 'function' &&
1278
- componentType[Symbol.for('isComponent')] === true
1279
- ) {
1280
- components[39] = componentType
1281
- }
1268
+ parent = elms[38]
1269
+ props[39] = {}
1270
+ props[39]['image'] = component.image
1271
+ props[39]['x'] = 18
1272
+ props[39]['h'] = 20
1273
+ props[39]['w'] = 20
1274
+ props[39]['map'] = component.sprite
1275
+
1276
+ propData = component.maxFps[1]
1277
+ if (Array.isArray(propData) === true) {
1278
+ propData = getRaw(propData).slice(0)
1279
+ }
1280
+ props[39]['frame'] = propData
1281
+
1282
+ componentType = props[39]['is'] || 'Sprite'
1283
+
1284
+ components[39]
1285
+ if (typeof componentType === 'string') {
1286
+ components[39] =
1287
+ (context.components && context.components[componentType]) || components[componentType]
1288
+ if (!components[39]) {
1289
+ throw new Error('Component "Sprite" not found')
1290
+ }
1291
+ } else if (
1292
+ typeof componentType === 'function' &&
1293
+ componentType[Symbol.for('isComponent')] === true
1294
+ ) {
1295
+ components[39] = componentType
1296
+ }
1282
1297
 
1283
- elms[39] = components[39].call(null, { props: props[39] }, elms[38], component)
1298
+ elms[39] = components[39].call(null, { props: props[39] }, elms[38], component)
1284
1299
 
1285
- if (elms[39][Symbol.for('slots')][0]) {
1286
- parent = elms[39][Symbol.for('slots')][0]
1287
- slotComponent = elms[39]
1288
- inSlot = true
1289
- } else {
1290
- parent = elms[39][Symbol.for('children')][0]
1291
- }
1300
+ if (elms[39][Symbol.for('slots')][0]) {
1301
+ parent = elms[39][Symbol.for('slots')][0]
1302
+ slotComponent = elms[39]
1303
+ inSlot = true
1304
+ } else {
1305
+ parent = elms[39][Symbol.for('children')][0]
1306
+ }
1292
1307
 
1293
- if (inSlot === true && slotChildCounter === 0) {
1294
- inSlot = false
1295
- }
1308
+ if (inSlot === true && slotChildCounter === 0) {
1309
+ inSlot = false
1310
+ }
1296
1311
 
1297
- cmps[40] = (context.components && context.components['Sprite']) || components['Sprite']
1312
+ cmps[40] = (context.components && context.components['Sprite']) || components['Sprite']
1298
1313
 
1299
- parent = elms[35]
1300
- elementConfigs[40] = {}
1314
+ parent = elms[35]
1315
+ elementConfigs[40] = {}
1301
1316
 
1302
- elms[40] = this.element(
1303
- { parent: parent || 'root' },
1304
- inSlot === true ? slotComponent : component
1305
- )
1317
+ elms[40] = this.element(
1318
+ { parent: parent || 'root' },
1319
+ inSlot === true ? slotComponent : component
1320
+ )
1321
+
1322
+ elementConfigs[40]['holder'] = true
1323
+ elementConfigs[40]['image'] = component.image
1324
+ elementConfigs[40]['x'] = 36
1325
+ elementConfigs[40]['h'] = 20
1326
+ elementConfigs[40]['w'] = 20
1327
+ elementConfigs[40]['map'] = component.sprite
1328
+ elementConfigs[40]['frame'] = component.maxFps[2]
1306
1329
 
1307
- elementConfigs[40]['image'] = component.image
1308
- elementConfigs[40]['x'] = 36
1309
- elementConfigs[40]['h'] = 20
1310
- elementConfigs[40]['w'] = 20
1311
- elementConfigs[40]['map'] = component.sprite
1312
- elementConfigs[40]['frame'] = component.maxFps[2]
1313
-
1314
- skips[40] = []
1315
- if (typeof cmps[40] !== 'undefined') {
1316
- for (let key in cmps[40][Symbol.for('config')].props) {
1317
- delete elementConfigs[40][cmps[40][Symbol.for('config')].props[key]]
1318
- skips[40].push(cmps[40][Symbol.for('config')].props[key])
1319
- }
1330
+ skips[40] = []
1331
+ if (typeof cmps[40] !== 'undefined') {
1332
+ for (let key in cmps[40][Symbol.for('config')].props) {
1333
+ delete elementConfigs[40][cmps[40][Symbol.for('config')].props[key]]
1334
+ skips[40].push(cmps[40][Symbol.for('config')].props[key])
1320
1335
  }
1336
+ }
1321
1337
 
1322
- elms[40].populate(elementConfigs[40])
1338
+ elms[40].populate(elementConfigs[40])
1323
1339
 
1324
- if (inSlot === true) {
1325
- slotChildCounter -= 1
1326
- }
1340
+ if (inSlot === true) {
1341
+ slotChildCounter -= 1
1342
+ }
1327
1343
 
1328
- parent = elms[40]
1329
- props[41] = {}
1330
- props[41]['image'] = component.image
1331
- props[41]['x'] = 36
1332
- props[41]['h'] = 20
1333
- props[41]['w'] = 20
1334
- props[41]['map'] = component.sprite
1335
-
1336
- propData = component.maxFps[2]
1337
- if (Array.isArray(propData) === true) {
1338
- propData = getRaw(propData).slice(0)
1339
- }
1340
- props[41]['frame'] = propData
1341
-
1342
- componentType = props[41]['is'] || 'Sprite'
1343
-
1344
- components[41]
1345
- if (typeof componentType === 'string') {
1346
- components[41] =
1347
- (context.components && context.components[componentType]) || components[componentType]
1348
- if (!components[41]) {
1349
- throw new Error('Component "Sprite" not found')
1350
- }
1351
- } else if (
1352
- typeof componentType === 'function' &&
1353
- componentType[Symbol.for('isComponent')] === true
1354
- ) {
1355
- components[41] = componentType
1356
- }
1344
+ parent = elms[40]
1345
+ props[41] = {}
1346
+ props[41]['image'] = component.image
1347
+ props[41]['x'] = 36
1348
+ props[41]['h'] = 20
1349
+ props[41]['w'] = 20
1350
+ props[41]['map'] = component.sprite
1351
+
1352
+ propData = component.maxFps[2]
1353
+ if (Array.isArray(propData) === true) {
1354
+ propData = getRaw(propData).slice(0)
1355
+ }
1356
+ props[41]['frame'] = propData
1357
+
1358
+ componentType = props[41]['is'] || 'Sprite'
1359
+
1360
+ components[41]
1361
+ if (typeof componentType === 'string') {
1362
+ components[41] =
1363
+ (context.components && context.components[componentType]) || components[componentType]
1364
+ if (!components[41]) {
1365
+ throw new Error('Component "Sprite" not found')
1366
+ }
1367
+ } else if (
1368
+ typeof componentType === 'function' &&
1369
+ componentType[Symbol.for('isComponent')] === true
1370
+ ) {
1371
+ components[41] = componentType
1372
+ }
1357
1373
 
1358
- elms[41] = components[41].call(null, { props: props[41] }, elms[40], component)
1374
+ elms[41] = components[41].call(null, { props: props[41] }, elms[40], component)
1359
1375
 
1360
- if (elms[41][Symbol.for('slots')][0]) {
1361
- parent = elms[41][Symbol.for('slots')][0]
1362
- slotComponent = elms[41]
1363
- inSlot = true
1364
- } else {
1365
- parent = elms[41][Symbol.for('children')][0]
1366
- }
1376
+ if (elms[41][Symbol.for('slots')][0]) {
1377
+ parent = elms[41][Symbol.for('slots')][0]
1378
+ slotComponent = elms[41]
1379
+ inSlot = true
1380
+ } else {
1381
+ parent = elms[41][Symbol.for('children')][0]
1382
+ }
1367
1383
 
1368
- if (inSlot === true && slotChildCounter === 0) {
1369
- inSlot = false
1370
- }
1384
+ if (inSlot === true && slotChildCounter === 0) {
1385
+ inSlot = false
1386
+ }
1371
1387
 
1372
- return {
1373
- elms,
1374
- cleanup: () => {
1375
- rootComponent = null
1376
- propData = null
1377
- slotComponent = null
1378
- parent = null
1388
+ return {
1389
+ elms,
1390
+ cleanup: () => {
1391
+ rootComponent = null
1392
+ propData = null
1393
+ slotComponent = null
1394
+ parent = null
1379
1395
 
1380
- cmps[3] = null
1396
+ cmps[3] = null
1381
1397
 
1382
- props[4] = null
1383
- components[4] = null
1398
+ props[4] = null
1399
+ components[4] = null
1384
1400
 
1385
- cmps[6] = null
1401
+ cmps[6] = null
1386
1402
 
1387
- props[7] = null
1388
- components[7] = null
1403
+ props[7] = null
1404
+ components[7] = null
1389
1405
 
1390
- cmps[8] = null
1406
+ cmps[8] = null
1391
1407
 
1392
- props[9] = null
1393
- components[9] = null
1408
+ props[9] = null
1409
+ components[9] = null
1394
1410
 
1395
- cmps[10] = null
1411
+ cmps[10] = null
1396
1412
 
1397
- props[11] = null
1398
- components[11] = null
1413
+ props[11] = null
1414
+ components[11] = null
1399
1415
 
1400
- cmps[13] = null
1416
+ cmps[13] = null
1401
1417
 
1402
- props[14] = null
1403
- components[14] = null
1418
+ props[14] = null
1419
+ components[14] = null
1404
1420
 
1405
- cmps[16] = null
1421
+ cmps[16] = null
1406
1422
 
1407
- props[17] = null
1408
- components[17] = null
1423
+ props[17] = null
1424
+ components[17] = null
1409
1425
 
1410
- cmps[18] = null
1426
+ cmps[18] = null
1411
1427
 
1412
- props[19] = null
1413
- components[19] = null
1428
+ props[19] = null
1429
+ components[19] = null
1414
1430
 
1415
- cmps[20] = null
1431
+ cmps[20] = null
1416
1432
 
1417
- props[21] = null
1418
- components[21] = null
1433
+ props[21] = null
1434
+ components[21] = null
1419
1435
 
1420
- cmps[23] = null
1436
+ cmps[23] = null
1421
1437
 
1422
- props[24] = null
1423
- components[24] = null
1438
+ props[24] = null
1439
+ components[24] = null
1424
1440
 
1425
- cmps[26] = null
1441
+ cmps[26] = null
1426
1442
 
1427
- props[27] = null
1428
- components[27] = null
1443
+ props[27] = null
1444
+ components[27] = null
1429
1445
 
1430
- cmps[28] = null
1446
+ cmps[28] = null
1431
1447
 
1432
- props[29] = null
1433
- components[29] = null
1448
+ props[29] = null
1449
+ components[29] = null
1434
1450
 
1435
- cmps[30] = null
1451
+ cmps[30] = null
1436
1452
 
1437
- props[31] = null
1438
- components[31] = null
1453
+ props[31] = null
1454
+ components[31] = null
1439
1455
 
1440
- cmps[33] = null
1456
+ cmps[33] = null
1441
1457
 
1442
- props[34] = null
1443
- components[34] = null
1458
+ props[34] = null
1459
+ components[34] = null
1444
1460
 
1445
- cmps[36] = null
1461
+ cmps[36] = null
1446
1462
 
1447
- props[37] = null
1448
- components[37] = null
1463
+ props[37] = null
1464
+ components[37] = null
1449
1465
 
1450
- cmps[38] = null
1466
+ cmps[38] = null
1451
1467
 
1452
- props[39] = null
1453
- components[39] = null
1468
+ props[39] = null
1469
+ components[39] = null
1454
1470
 
1455
- cmps[40] = null
1471
+ cmps[40] = null
1456
1472
 
1457
- props[41] = null
1458
- components[41] = null
1459
- component = null
1460
- cmps.length = 0
1461
- elms.length = 0
1462
- components.length = 0
1463
- elementConfigs.length = 0
1464
- forloops.length = 0
1465
- props.length = 0
1466
- skips.length = 0
1467
- },
1468
- }
1469
- },
1470
- effects: [
1471
- function anonymous(component, elms, context, components, rootComponent, effect) {
1472
- if (
1473
- typeof skips === 'undefined' ||
1474
- typeof skips[6] === 'undefined' ||
1475
- skips[6].indexOf('frame') === -1
1476
- )
1477
- elms[6].set('frame', component.fps[0])
1478
- },
1479
- function anonymous(component, elms, context, components, rootComponent, effect) {
1480
- elms[7][Symbol.for('props')]['frame'] = component.fps[0]
1481
- },
1482
- function anonymous(component, elms, context, components, rootComponent, effect) {
1483
- if (
1484
- typeof skips === 'undefined' ||
1485
- typeof skips[8] === 'undefined' ||
1486
- skips[8].indexOf('frame') === -1
1487
- )
1488
- elms[8].set('frame', component.fps[1])
1489
- },
1490
- function anonymous(component, elms, context, components, rootComponent, effect) {
1491
- elms[9][Symbol.for('props')]['frame'] = component.fps[1]
1492
- },
1493
- function anonymous(component, elms, context, components, rootComponent, effect) {
1494
- if (
1495
- typeof skips === 'undefined' ||
1496
- typeof skips[10] === 'undefined' ||
1497
- skips[10].indexOf('frame') === -1
1498
- )
1499
- elms[10].set('frame', component.fps[2])
1500
- },
1501
- function anonymous(component, elms, context, components, rootComponent, effect) {
1502
- elms[11][Symbol.for('props')]['frame'] = component.fps[2]
1503
- },
1504
- function anonymous(component, elms, context, components, rootComponent, effect) {
1505
- if (
1506
- typeof skips === 'undefined' ||
1507
- typeof skips[16] === 'undefined' ||
1508
- skips[16].indexOf('frame') === -1
1509
- )
1510
- elms[16].set('frame', component.avgFps[0])
1511
- },
1512
- function anonymous(component, elms, context, components, rootComponent, effect) {
1513
- elms[17][Symbol.for('props')]['frame'] = component.avgFps[0]
1514
- },
1515
- function anonymous(component, elms, context, components, rootComponent, effect) {
1516
- if (
1517
- typeof skips === 'undefined' ||
1518
- typeof skips[18] === 'undefined' ||
1519
- skips[18].indexOf('frame') === -1
1520
- )
1521
- elms[18].set('frame', component.avgFps[1])
1522
- },
1523
- function anonymous(component, elms, context, components, rootComponent, effect) {
1524
- elms[19][Symbol.for('props')]['frame'] = component.avgFps[1]
1473
+ props[41] = null
1474
+ components[41] = null
1475
+ component = null
1476
+ cmps.length = 0
1477
+ elms.length = 0
1478
+ components.length = 0
1479
+ elementConfigs.length = 0
1480
+ forloops.length = 0
1481
+ props.length = 0
1482
+ skips.length = 0
1525
1483
  },
1526
- function anonymous(component, elms, context, components, rootComponent, effect) {
1527
- if (
1528
- typeof skips === 'undefined' ||
1529
- typeof skips[20] === 'undefined' ||
1530
- skips[20].indexOf('frame') === -1
1531
- )
1532
- elms[20].set('frame', component.avgFps[2])
1533
- },
1534
- function anonymous(component, elms, context, components, rootComponent, effect) {
1535
- elms[21][Symbol.for('props')]['frame'] = component.avgFps[2]
1536
- },
1537
- function anonymous(component, elms, context, components, rootComponent, effect) {
1538
- if (
1539
- typeof skips === 'undefined' ||
1540
- typeof skips[26] === 'undefined' ||
1541
- skips[26].indexOf('frame') === -1
1542
- )
1543
- elms[26].set('frame', component.minFps[0])
1544
- },
1545
- function anonymous(component, elms, context, components, rootComponent, effect) {
1546
- elms[27][Symbol.for('props')]['frame'] = component.minFps[0]
1547
- },
1548
- function anonymous(component, elms, context, components, rootComponent, effect) {
1549
- if (
1550
- typeof skips === 'undefined' ||
1551
- typeof skips[28] === 'undefined' ||
1552
- skips[28].indexOf('frame') === -1
1553
- )
1554
- elms[28].set('frame', component.minFps[1])
1555
- },
1556
- function anonymous(component, elms, context, components, rootComponent, effect) {
1557
- elms[29][Symbol.for('props')]['frame'] = component.minFps[1]
1558
- },
1559
- function anonymous(component, elms, context, components, rootComponent, effect) {
1560
- if (
1561
- typeof skips === 'undefined' ||
1562
- typeof skips[30] === 'undefined' ||
1563
- skips[30].indexOf('frame') === -1
1564
- )
1565
- elms[30].set('frame', component.minFps[2])
1566
- },
1567
- function anonymous(component, elms, context, components, rootComponent, effect) {
1568
- elms[31][Symbol.for('props')]['frame'] = component.minFps[2]
1569
- },
1570
- function anonymous(component, elms, context, components, rootComponent, effect) {
1571
- if (
1572
- typeof skips === 'undefined' ||
1573
- typeof skips[36] === 'undefined' ||
1574
- skips[36].indexOf('frame') === -1
1575
- )
1576
- elms[36].set('frame', component.maxFps[0])
1577
- },
1578
- function anonymous(component, elms, context, components, rootComponent, effect) {
1579
- elms[37][Symbol.for('props')]['frame'] = component.maxFps[0]
1580
- },
1581
- function anonymous(component, elms, context, components, rootComponent, effect) {
1582
- if (
1583
- typeof skips === 'undefined' ||
1584
- typeof skips[38] === 'undefined' ||
1585
- skips[38].indexOf('frame') === -1
1586
- )
1587
- elms[38].set('frame', component.maxFps[1])
1588
- },
1589
- function anonymous(component, elms, context, components, rootComponent, effect) {
1590
- elms[39][Symbol.for('props')]['frame'] = component.maxFps[1]
1591
- },
1592
- function anonymous(component, elms, context, components, rootComponent, effect) {
1593
- if (
1594
- typeof skips === 'undefined' ||
1595
- typeof skips[40] === 'undefined' ||
1596
- skips[40].indexOf('frame') === -1
1597
- )
1598
- elms[40].set('frame', component.maxFps[2])
1599
- },
1600
- function anonymous(component, elms, context, components, rootComponent, effect) {
1601
- elms[41][Symbol.for('props')]['frame'] = component.maxFps[2]
1602
- },
1603
- ],
1604
- context: {},
1605
- },
1606
- state() {
1607
- return {
1608
- image: fps_sprite,
1609
- sprite: {
1610
- defaults: {
1611
- y: 1,
1612
- w: 20,
1613
- h: 20,
1614
- },
1615
- frames: {
1616
- '-': { x: -1000 },
1617
- 0: { x: 1 },
1618
- 1: { x: 23 },
1619
- 2: { x: 45 },
1620
- 3: { x: 67 },
1621
- 4: { x: 89 },
1622
- 5: { x: 111 },
1623
- 6: { x: 133 },
1624
- 7: { x: 155 },
1625
- 8: { x: 177 },
1626
- 9: { x: 199 },
1627
- avg: { x: 221, w: 48, h: 25 },
1628
- fps: { x: 271, w: 43, h: 25 },
1629
- max: { x: 316, w: 53, h: 25 },
1630
- min: { x: 371, w: 47, h: 25 },
1631
- },
1632
- },
1633
- fps: '---',
1634
- avgFps: '---',
1635
- minFps: '---',
1636
- maxFps: '---',
1637
1484
  }
1638
1485
  },
1639
- hooks: {
1640
- ready() {
1641
- let minFps = 10000
1642
- let maxFps = 0
1643
- let avgFps = 0
1644
- let totalFps = 0
1645
- let fpsUpdateCounter = 0
1646
-
1647
- // This leaks - might be L3 SubTexture issue
1648
- // renderer.on('fpsUpdate', (rM, { fps }) => {
1649
- // minFps = Math.min(fps, minFps)
1650
- // maxFps = Math.max(fps, maxFps)
1651
- // totalFps += fps
1652
- // fpsUpdateCounter++
1653
- // avgFps = Math.round(totalFps / fpsUpdateCounter)
1654
-
1655
- // this.fps = fps.toString().padStart(3, '0')
1656
- // this.avgFps = avgFps.toString().padStart(3, '0')
1657
- // this.minFps = minFps.toString().padStart(3, '0')
1658
- // this.maxFps = maxFps.toString().padStart(3, '0')
1659
- // })
1486
+ effects: [
1487
+ function anonymous(component, elms, context, components, rootComponent, effect) {
1488
+ if (
1489
+ typeof skips === 'undefined' ||
1490
+ typeof skips[6] === 'undefined' ||
1491
+ skips[6].indexOf('frame') === -1
1492
+ )
1493
+ elms[6].set('frame', component.fps[0])
1494
+ },
1495
+ function anonymous(component, elms, context, components, rootComponent, effect) {
1496
+ elms[7][Symbol.for('props')]['frame'] = component.fps[0]
1497
+ },
1498
+ function anonymous(component, elms, context, components, rootComponent, effect) {
1499
+ if (
1500
+ typeof skips === 'undefined' ||
1501
+ typeof skips[8] === 'undefined' ||
1502
+ skips[8].indexOf('frame') === -1
1503
+ )
1504
+ elms[8].set('frame', component.fps[1])
1505
+ },
1506
+ function anonymous(component, elms, context, components, rootComponent, effect) {
1507
+ elms[9][Symbol.for('props')]['frame'] = component.fps[1]
1508
+ },
1509
+ function anonymous(component, elms, context, components, rootComponent, effect) {
1510
+ if (
1511
+ typeof skips === 'undefined' ||
1512
+ typeof skips[10] === 'undefined' ||
1513
+ skips[10].indexOf('frame') === -1
1514
+ )
1515
+ elms[10].set('frame', component.fps[2])
1516
+ },
1517
+ function anonymous(component, elms, context, components, rootComponent, effect) {
1518
+ elms[11][Symbol.for('props')]['frame'] = component.fps[2]
1519
+ },
1520
+ function anonymous(component, elms, context, components, rootComponent, effect) {
1521
+ if (
1522
+ typeof skips === 'undefined' ||
1523
+ typeof skips[16] === 'undefined' ||
1524
+ skips[16].indexOf('frame') === -1
1525
+ )
1526
+ elms[16].set('frame', component.avgFps[0])
1527
+ },
1528
+ function anonymous(component, elms, context, components, rootComponent, effect) {
1529
+ elms[17][Symbol.for('props')]['frame'] = component.avgFps[0]
1530
+ },
1531
+ function anonymous(component, elms, context, components, rootComponent, effect) {
1532
+ if (
1533
+ typeof skips === 'undefined' ||
1534
+ typeof skips[18] === 'undefined' ||
1535
+ skips[18].indexOf('frame') === -1
1536
+ )
1537
+ elms[18].set('frame', component.avgFps[1])
1538
+ },
1539
+ function anonymous(component, elms, context, components, rootComponent, effect) {
1540
+ elms[19][Symbol.for('props')]['frame'] = component.avgFps[1]
1541
+ },
1542
+ function anonymous(component, elms, context, components, rootComponent, effect) {
1543
+ if (
1544
+ typeof skips === 'undefined' ||
1545
+ typeof skips[20] === 'undefined' ||
1546
+ skips[20].indexOf('frame') === -1
1547
+ )
1548
+ elms[20].set('frame', component.avgFps[2])
1549
+ },
1550
+ function anonymous(component, elms, context, components, rootComponent, effect) {
1551
+ elms[21][Symbol.for('props')]['frame'] = component.avgFps[2]
1552
+ },
1553
+ function anonymous(component, elms, context, components, rootComponent, effect) {
1554
+ if (
1555
+ typeof skips === 'undefined' ||
1556
+ typeof skips[26] === 'undefined' ||
1557
+ skips[26].indexOf('frame') === -1
1558
+ )
1559
+ elms[26].set('frame', component.minFps[0])
1560
+ },
1561
+ function anonymous(component, elms, context, components, rootComponent, effect) {
1562
+ elms[27][Symbol.for('props')]['frame'] = component.minFps[0]
1563
+ },
1564
+ function anonymous(component, elms, context, components, rootComponent, effect) {
1565
+ if (
1566
+ typeof skips === 'undefined' ||
1567
+ typeof skips[28] === 'undefined' ||
1568
+ skips[28].indexOf('frame') === -1
1569
+ )
1570
+ elms[28].set('frame', component.minFps[1])
1571
+ },
1572
+ function anonymous(component, elms, context, components, rootComponent, effect) {
1573
+ elms[29][Symbol.for('props')]['frame'] = component.minFps[1]
1574
+ },
1575
+ function anonymous(component, elms, context, components, rootComponent, effect) {
1576
+ if (
1577
+ typeof skips === 'undefined' ||
1578
+ typeof skips[30] === 'undefined' ||
1579
+ skips[30].indexOf('frame') === -1
1580
+ )
1581
+ elms[30].set('frame', component.minFps[2])
1582
+ },
1583
+ function anonymous(component, elms, context, components, rootComponent, effect) {
1584
+ elms[31][Symbol.for('props')]['frame'] = component.minFps[2]
1585
+ },
1586
+ function anonymous(component, elms, context, components, rootComponent, effect) {
1587
+ if (
1588
+ typeof skips === 'undefined' ||
1589
+ typeof skips[36] === 'undefined' ||
1590
+ skips[36].indexOf('frame') === -1
1591
+ )
1592
+ elms[36].set('frame', component.maxFps[0])
1593
+ },
1594
+ function anonymous(component, elms, context, components, rootComponent, effect) {
1595
+ elms[37][Symbol.for('props')]['frame'] = component.maxFps[0]
1596
+ },
1597
+ function anonymous(component, elms, context, components, rootComponent, effect) {
1598
+ if (
1599
+ typeof skips === 'undefined' ||
1600
+ typeof skips[38] === 'undefined' ||
1601
+ skips[38].indexOf('frame') === -1
1602
+ )
1603
+ elms[38].set('frame', component.maxFps[1])
1604
+ },
1605
+ function anonymous(component, elms, context, components, rootComponent, effect) {
1606
+ elms[39][Symbol.for('props')]['frame'] = component.maxFps[1]
1607
+ },
1608
+ function anonymous(component, elms, context, components, rootComponent, effect) {
1609
+ if (
1610
+ typeof skips === 'undefined' ||
1611
+ typeof skips[40] === 'undefined' ||
1612
+ skips[40].indexOf('frame') === -1
1613
+ )
1614
+ elms[40].set('frame', component.maxFps[2])
1615
+ },
1616
+ function anonymous(component, elms, context, components, rootComponent, effect) {
1617
+ elms[41][Symbol.for('props')]['frame'] = component.maxFps[2]
1618
+ },
1619
+ ],
1620
+ context: {},
1621
+ },
1622
+ state() {
1623
+ return {
1624
+ image: fps_sprite,
1625
+ sprite: {
1626
+ defaults: {
1627
+ y: 1,
1628
+ w: 20,
1629
+ h: 20,
1630
+ },
1631
+ frames: {
1632
+ '-': { x: -1000 },
1633
+ 0: { x: 1 },
1634
+ 1: { x: 23 },
1635
+ 2: { x: 45 },
1636
+ 3: { x: 67 },
1637
+ 4: { x: 89 },
1638
+ 5: { x: 111 },
1639
+ 6: { x: 133 },
1640
+ 7: { x: 155 },
1641
+ 8: { x: 177 },
1642
+ 9: { x: 199 },
1643
+ avg: { x: 221, w: 48, h: 25 },
1644
+ fps: { x: 271, w: 43, h: 25 },
1645
+ max: { x: 316, w: 53, h: 25 },
1646
+ min: { x: 371, w: 47, h: 25 },
1647
+ },
1660
1648
  },
1649
+ fps: '---',
1650
+ avgFps: '---',
1651
+ minFps: '---',
1652
+ maxFps: '---',
1653
+ }
1654
+ },
1655
+ hooks: {
1656
+ ready() {
1657
+ let minFps = 10000
1658
+ let maxFps = 0
1659
+ let avgFps = 0
1660
+ let totalFps = 0
1661
+ let fpsUpdateCounter = 0
1662
+
1663
+ renderer.on('fpsUpdate', (rM, { fps }) => {
1664
+ minFps = Math.min(fps, minFps)
1665
+ maxFps = Math.max(fps, maxFps)
1666
+ totalFps += fps
1667
+ fpsUpdateCounter++
1668
+ avgFps = Math.round(totalFps / fpsUpdateCounter)
1669
+
1670
+ this.fps = fps.toString().padStart(3, '0')
1671
+ this.avgFps = avgFps.toString().padStart(3, '0')
1672
+ this.minFps = minFps.toString().padStart(3, '0')
1673
+ this.maxFps = maxFps.toString().padStart(3, '0')
1674
+ })
1661
1675
  },
1662
- })
1676
+ },
1677
+ })