@aarsteinmedia/dotlottie-player 5.0.1 → 5.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +6 -0
- package/custom-elements.json +237 -284
- package/dist/index.d.ts +134 -125
- package/dist/index.js +1364 -1287
- package/dist/unpkg.js +2 -0
- package/package.json +20 -23
- package/dist/unpkg/index.js +0 -2
package/custom-elements.json
CHANGED
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
},
|
|
21
21
|
{
|
|
22
22
|
"kind": "class",
|
|
23
|
-
"description": "
|
|
23
|
+
"description": "DotLottie Player Web Component.",
|
|
24
24
|
"name": "DotLottiePlayer",
|
|
25
25
|
"members": [
|
|
26
26
|
{
|
|
@@ -30,470 +30,429 @@
|
|
|
30
30
|
"readonly": true
|
|
31
31
|
},
|
|
32
32
|
{
|
|
33
|
-
"kind": "
|
|
34
|
-
"name": "
|
|
35
|
-
"
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
},
|
|
39
|
-
{
|
|
40
|
-
"name": "_oldValue"
|
|
41
|
-
},
|
|
42
|
-
{
|
|
43
|
-
"name": "value"
|
|
44
|
-
}
|
|
45
|
-
]
|
|
33
|
+
"kind": "field",
|
|
34
|
+
"name": "styles",
|
|
35
|
+
"static": true,
|
|
36
|
+
"description": "Return the styles for the component.",
|
|
37
|
+
"readonly": true
|
|
46
38
|
},
|
|
47
39
|
{
|
|
48
40
|
"kind": "field",
|
|
49
41
|
"name": "animateOnScroll",
|
|
50
|
-
"description": "Whether to trigger next frame with scroll"
|
|
42
|
+
"description": "Whether to trigger next frame with scroll."
|
|
51
43
|
},
|
|
52
44
|
{
|
|
53
45
|
"kind": "field",
|
|
54
46
|
"name": "autoplay",
|
|
55
|
-
"description": "Autoplay"
|
|
47
|
+
"description": "Autoplay."
|
|
56
48
|
},
|
|
57
49
|
{
|
|
58
50
|
"kind": "field",
|
|
59
51
|
"name": "background",
|
|
60
|
-
"description": "Background color"
|
|
52
|
+
"description": "Background color."
|
|
61
53
|
},
|
|
62
54
|
{
|
|
63
55
|
"kind": "field",
|
|
64
56
|
"name": "controls",
|
|
65
|
-
"description": "Show controls"
|
|
57
|
+
"description": "Show controls."
|
|
66
58
|
},
|
|
67
59
|
{
|
|
68
60
|
"kind": "field",
|
|
69
61
|
"name": "count",
|
|
70
|
-
"description": "Number of times to loop"
|
|
62
|
+
"description": "Number of times to loop."
|
|
71
63
|
},
|
|
72
64
|
{
|
|
73
65
|
"kind": "field",
|
|
74
66
|
"name": "description",
|
|
75
|
-
"description": "Description for screen readers"
|
|
67
|
+
"description": "Description for screen readers."
|
|
76
68
|
},
|
|
77
69
|
{
|
|
78
70
|
"kind": "field",
|
|
79
71
|
"name": "direction",
|
|
80
|
-
"description": "Direction of animation"
|
|
72
|
+
"description": "Direction of animation."
|
|
81
73
|
},
|
|
82
74
|
{
|
|
83
75
|
"kind": "field",
|
|
84
76
|
"name": "hover",
|
|
85
|
-
"description": "Whether to play on mouseover"
|
|
77
|
+
"description": "Whether to play on mouseover."
|
|
86
78
|
},
|
|
87
79
|
{
|
|
88
80
|
"kind": "field",
|
|
89
81
|
"name": "intermission",
|
|
90
|
-
"description": "Pause between loop intrations, in miliseconds"
|
|
82
|
+
"description": "Pause between loop intrations, in miliseconds."
|
|
91
83
|
},
|
|
92
84
|
{
|
|
93
85
|
"kind": "field",
|
|
94
86
|
"name": "loop",
|
|
95
|
-
"description": "Loop animation"
|
|
87
|
+
"description": "Loop animation."
|
|
96
88
|
},
|
|
97
89
|
{
|
|
98
90
|
"kind": "field",
|
|
99
91
|
"name": "mode",
|
|
100
|
-
"description": "Play mode"
|
|
92
|
+
"description": "Play mode."
|
|
101
93
|
},
|
|
102
94
|
{
|
|
103
95
|
"kind": "field",
|
|
104
96
|
"name": "objectfit",
|
|
105
|
-
"description": "Resizing to container"
|
|
97
|
+
"description": "Resizing to container."
|
|
106
98
|
},
|
|
107
99
|
{
|
|
108
100
|
"kind": "field",
|
|
109
101
|
"name": "preserveAspectRatio",
|
|
110
|
-
"description": "Resizing to container (Deprecated)"
|
|
102
|
+
"description": "Resizing to container (Deprecated)."
|
|
111
103
|
},
|
|
112
104
|
{
|
|
113
105
|
"kind": "field",
|
|
114
106
|
"name": "renderer",
|
|
115
|
-
"description": "Renderer to use: svg, canvas or html"
|
|
107
|
+
"description": "Renderer to use: svg, canvas or html."
|
|
116
108
|
},
|
|
117
109
|
{
|
|
118
110
|
"kind": "field",
|
|
119
111
|
"name": "simple",
|
|
120
|
-
"description": "Hide advanced controls"
|
|
112
|
+
"description": "Hide advanced controls."
|
|
121
113
|
},
|
|
122
114
|
{
|
|
123
115
|
"kind": "field",
|
|
124
116
|
"name": "speed",
|
|
125
|
-
"description": "Speed"
|
|
117
|
+
"description": "Speed."
|
|
126
118
|
},
|
|
127
119
|
{
|
|
128
120
|
"kind": "field",
|
|
129
121
|
"name": "src",
|
|
130
|
-
"description": "Source, either path or JSON string"
|
|
122
|
+
"description": "Source, either path or JSON string."
|
|
131
123
|
},
|
|
132
124
|
{
|
|
133
125
|
"kind": "field",
|
|
134
126
|
"name": "subframe",
|
|
135
|
-
"description": "Subframe"
|
|
127
|
+
"description": "Subframe."
|
|
136
128
|
},
|
|
137
129
|
{
|
|
138
130
|
"kind": "method",
|
|
139
|
-
"name": "
|
|
140
|
-
"description": "Get Multi-animation settings",
|
|
141
|
-
"return": {
|
|
142
|
-
"type": {
|
|
143
|
-
"text": "AnimationSettings[]"
|
|
144
|
-
}
|
|
145
|
-
}
|
|
146
|
-
},
|
|
147
|
-
{
|
|
148
|
-
"kind": "method",
|
|
149
|
-
"name": "setMultiAnimationSettings",
|
|
131
|
+
"name": "addAnimation",
|
|
150
132
|
"parameters": [
|
|
151
133
|
{
|
|
152
|
-
"name": "
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
134
|
+
"name": "configs"
|
|
135
|
+
},
|
|
136
|
+
{
|
|
137
|
+
"name": "fileName"
|
|
138
|
+
},
|
|
139
|
+
{
|
|
140
|
+
"name": "shouldDownload",
|
|
141
|
+
"default": "true"
|
|
156
142
|
}
|
|
157
143
|
],
|
|
158
|
-
"description": "
|
|
144
|
+
"description": "Creates a new dotLottie file, by combinig several animations.\nIf set to false the function returns an ArrayBuffer. Defaults to true."
|
|
159
145
|
},
|
|
160
146
|
{
|
|
161
147
|
"kind": "method",
|
|
162
|
-
"name": "
|
|
148
|
+
"name": "convert",
|
|
163
149
|
"parameters": [
|
|
164
150
|
{
|
|
165
|
-
"name": "
|
|
166
|
-
"type": {
|
|
167
|
-
"text": "Vector2"
|
|
168
|
-
}
|
|
151
|
+
"name": "{ animations: animationsFromProps, fileName, manifest, shouldDownload = true, src: srcFromProps, typeCheck }"
|
|
169
152
|
}
|
|
170
|
-
]
|
|
171
|
-
"description": "Set playback segment"
|
|
153
|
+
]
|
|
172
154
|
},
|
|
173
155
|
{
|
|
174
156
|
"kind": "method",
|
|
175
|
-
"name": "
|
|
176
|
-
"description": "
|
|
177
|
-
"return": {
|
|
178
|
-
"type": {
|
|
179
|
-
"text": "Vector2"
|
|
180
|
-
}
|
|
181
|
-
}
|
|
157
|
+
"name": "destroy",
|
|
158
|
+
"description": "Destroy animation and element."
|
|
182
159
|
},
|
|
183
160
|
{
|
|
184
161
|
"kind": "method",
|
|
185
|
-
"name": "
|
|
186
|
-
"description": "
|
|
187
|
-
"return": {
|
|
188
|
-
"type": {
|
|
189
|
-
"text": "AnimationConfig"
|
|
190
|
-
}
|
|
191
|
-
}
|
|
162
|
+
"name": "getLottie",
|
|
163
|
+
"description": "Returns the lottie-web instance used in the component."
|
|
192
164
|
},
|
|
193
165
|
{
|
|
194
166
|
"kind": "method",
|
|
195
|
-
"name": "
|
|
196
|
-
"description": "
|
|
167
|
+
"name": "getManifest",
|
|
168
|
+
"description": "Get Lottie Manifest."
|
|
197
169
|
},
|
|
198
170
|
{
|
|
199
171
|
"kind": "method",
|
|
200
|
-
"name": "
|
|
201
|
-
"
|
|
202
|
-
{
|
|
203
|
-
"name": "src"
|
|
204
|
-
}
|
|
205
|
-
],
|
|
206
|
-
"description": "Initialize Lottie Web player"
|
|
172
|
+
"name": "getMultiAnimationSettings",
|
|
173
|
+
"description": "Get Multi-animation settings."
|
|
207
174
|
},
|
|
208
175
|
{
|
|
209
176
|
"kind": "method",
|
|
210
|
-
"name": "
|
|
211
|
-
"description": "Get
|
|
177
|
+
"name": "getSegment",
|
|
178
|
+
"description": "Get playback segment."
|
|
212
179
|
},
|
|
213
180
|
{
|
|
214
181
|
"kind": "method",
|
|
215
|
-
"name": "
|
|
182
|
+
"name": "load",
|
|
216
183
|
"parameters": [
|
|
217
184
|
{
|
|
218
|
-
"name": "
|
|
185
|
+
"name": "src"
|
|
219
186
|
}
|
|
220
187
|
],
|
|
221
|
-
"description": "
|
|
222
|
-
},
|
|
223
|
-
{
|
|
224
|
-
"kind": "method",
|
|
225
|
-
"name": "_addEventListeners",
|
|
226
|
-
"description": "Add event listeners"
|
|
188
|
+
"description": "Initialize Lottie Web player."
|
|
227
189
|
},
|
|
228
190
|
{
|
|
229
191
|
"kind": "method",
|
|
230
|
-
"name": "
|
|
231
|
-
"description": "
|
|
192
|
+
"name": "next",
|
|
193
|
+
"description": "Skip to next animation."
|
|
232
194
|
},
|
|
233
195
|
{
|
|
234
196
|
"kind": "method",
|
|
235
|
-
"name": "
|
|
197
|
+
"name": "pause",
|
|
198
|
+
"description": "Pause."
|
|
236
199
|
},
|
|
237
200
|
{
|
|
238
201
|
"kind": "method",
|
|
239
|
-
"name": "
|
|
202
|
+
"name": "play",
|
|
203
|
+
"description": "Play."
|
|
240
204
|
},
|
|
241
205
|
{
|
|
242
206
|
"kind": "method",
|
|
243
|
-
"name": "
|
|
207
|
+
"name": "prev",
|
|
208
|
+
"description": "Skip to previous animation."
|
|
244
209
|
},
|
|
245
210
|
{
|
|
246
211
|
"kind": "method",
|
|
247
|
-
"name": "
|
|
212
|
+
"name": "propertyChangedCallback",
|
|
213
|
+
"parameters": [
|
|
214
|
+
{
|
|
215
|
+
"name": "name"
|
|
216
|
+
},
|
|
217
|
+
{
|
|
218
|
+
"name": "_oldValue"
|
|
219
|
+
},
|
|
220
|
+
{
|
|
221
|
+
"name": "value"
|
|
222
|
+
}
|
|
223
|
+
],
|
|
224
|
+
"description": "Name: string, oldValue: string, newValue: string.",
|
|
225
|
+
"inheritedFrom": {
|
|
226
|
+
"name": "PropertyCallbackElement",
|
|
227
|
+
"module": "dist/index.js"
|
|
228
|
+
}
|
|
248
229
|
},
|
|
249
230
|
{
|
|
250
231
|
"kind": "method",
|
|
251
|
-
"name": "
|
|
232
|
+
"name": "reload",
|
|
233
|
+
"description": "Reload animation."
|
|
252
234
|
},
|
|
253
235
|
{
|
|
254
236
|
"kind": "method",
|
|
255
|
-
"name": "
|
|
237
|
+
"name": "seek",
|
|
238
|
+
"parameters": [
|
|
239
|
+
{
|
|
240
|
+
"name": "value",
|
|
241
|
+
"description": "Frame to seek to."
|
|
242
|
+
}
|
|
243
|
+
],
|
|
244
|
+
"description": "Seek to a given frame."
|
|
256
245
|
},
|
|
257
246
|
{
|
|
258
247
|
"kind": "method",
|
|
259
|
-
"name": "
|
|
248
|
+
"name": "setCount",
|
|
260
249
|
"parameters": [
|
|
261
250
|
{
|
|
262
|
-
"name": "
|
|
251
|
+
"name": "value"
|
|
263
252
|
}
|
|
264
|
-
]
|
|
253
|
+
],
|
|
254
|
+
"description": "Dynamically set count for loops."
|
|
265
255
|
},
|
|
266
256
|
{
|
|
267
257
|
"kind": "method",
|
|
268
|
-
"name": "
|
|
269
|
-
"
|
|
258
|
+
"name": "setDirection",
|
|
259
|
+
"parameters": [
|
|
260
|
+
{
|
|
261
|
+
"name": "value",
|
|
262
|
+
"description": "Animation direction."
|
|
263
|
+
}
|
|
264
|
+
],
|
|
265
|
+
"description": "Animation play direction."
|
|
270
266
|
},
|
|
271
267
|
{
|
|
272
268
|
"kind": "method",
|
|
273
|
-
"name": "
|
|
274
|
-
"
|
|
269
|
+
"name": "setLoop",
|
|
270
|
+
"parameters": [
|
|
271
|
+
{
|
|
272
|
+
"name": "value"
|
|
273
|
+
}
|
|
274
|
+
],
|
|
275
|
+
"description": "Set loop."
|
|
275
276
|
},
|
|
276
277
|
{
|
|
277
278
|
"kind": "method",
|
|
278
|
-
"name": "
|
|
279
|
-
"
|
|
279
|
+
"name": "setMultiAnimationSettings",
|
|
280
|
+
"parameters": [
|
|
281
|
+
{
|
|
282
|
+
"name": "settings"
|
|
283
|
+
}
|
|
284
|
+
],
|
|
285
|
+
"description": "Set Multi-animation settings."
|
|
280
286
|
},
|
|
281
287
|
{
|
|
282
288
|
"kind": "method",
|
|
283
|
-
"name": "
|
|
284
|
-
"
|
|
289
|
+
"name": "setSegment",
|
|
290
|
+
"parameters": [
|
|
291
|
+
{
|
|
292
|
+
"name": "segment"
|
|
293
|
+
}
|
|
294
|
+
],
|
|
295
|
+
"description": "Set playback segment."
|
|
285
296
|
},
|
|
286
297
|
{
|
|
287
298
|
"kind": "method",
|
|
288
|
-
"name": "
|
|
299
|
+
"name": "setSpeed",
|
|
289
300
|
"parameters": [
|
|
290
301
|
{
|
|
291
|
-
"name": "
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
"name": "event",
|
|
295
|
-
"type": {
|
|
296
|
-
"text": "Event & { HTMLInputElement }"
|
|
297
|
-
}
|
|
302
|
+
"name": "value",
|
|
303
|
+
"default": "1",
|
|
304
|
+
"description": "Playback speed."
|
|
298
305
|
}
|
|
299
306
|
],
|
|
300
|
-
"description": "
|
|
307
|
+
"description": "Set animation playback speed."
|
|
301
308
|
},
|
|
302
309
|
{
|
|
303
310
|
"kind": "method",
|
|
304
|
-
"name": "
|
|
311
|
+
"name": "setSubframe",
|
|
305
312
|
"parameters": [
|
|
306
313
|
{
|
|
307
|
-
"name": "
|
|
314
|
+
"name": "value",
|
|
315
|
+
"description": "Whether animation uses subframe."
|
|
308
316
|
}
|
|
309
|
-
]
|
|
317
|
+
],
|
|
318
|
+
"description": "Toggles subframe, for more smooth animations."
|
|
310
319
|
},
|
|
311
320
|
{
|
|
312
321
|
"kind": "method",
|
|
313
|
-
"name": "
|
|
322
|
+
"name": "snapshot",
|
|
314
323
|
"parameters": [
|
|
315
324
|
{
|
|
316
|
-
"name": "
|
|
317
|
-
"
|
|
318
|
-
"text": "[ AnimationConfig ]"
|
|
319
|
-
}
|
|
320
|
-
},
|
|
321
|
-
{
|
|
322
|
-
"name": "fileName",
|
|
323
|
-
"type": {
|
|
324
|
-
"text": "string"
|
|
325
|
-
}
|
|
325
|
+
"name": "shouldDownload",
|
|
326
|
+
"default": "true"
|
|
326
327
|
},
|
|
327
328
|
{
|
|
328
|
-
"name": "
|
|
329
|
-
"default": "
|
|
330
|
-
"description": "Whether to trigger a download in the browser.\nIf set to false the function returns an ArrayBuffer. Defaults to true.",
|
|
331
|
-
"type": {
|
|
332
|
-
"text": "boolean"
|
|
333
|
-
}
|
|
329
|
+
"name": "name",
|
|
330
|
+
"default": "'AM Lottie'"
|
|
334
331
|
}
|
|
335
332
|
],
|
|
336
|
-
"description": "
|
|
333
|
+
"description": "Snapshot and download the current frame as SVG."
|
|
337
334
|
},
|
|
338
335
|
{
|
|
339
336
|
"kind": "method",
|
|
340
|
-
"name": "
|
|
341
|
-
"description": "
|
|
337
|
+
"name": "stop",
|
|
338
|
+
"description": "Stop."
|
|
342
339
|
},
|
|
343
340
|
{
|
|
344
341
|
"kind": "method",
|
|
345
|
-
"name": "
|
|
346
|
-
"description": "
|
|
342
|
+
"name": "toggleBoomerang",
|
|
343
|
+
"description": "Toggle Boomerang."
|
|
347
344
|
},
|
|
348
345
|
{
|
|
349
346
|
"kind": "method",
|
|
350
|
-
"name": "
|
|
351
|
-
"description": "
|
|
347
|
+
"name": "toggleLoop",
|
|
348
|
+
"description": "Toggle loop."
|
|
352
349
|
},
|
|
353
350
|
{
|
|
354
351
|
"kind": "method",
|
|
355
|
-
"name": "
|
|
356
|
-
"description": "
|
|
352
|
+
"name": "togglePlay",
|
|
353
|
+
"description": "Toggle playing state."
|
|
357
354
|
},
|
|
358
355
|
{
|
|
359
356
|
"kind": "method",
|
|
360
|
-
"name": "
|
|
361
|
-
"description": "
|
|
357
|
+
"name": "_freeze",
|
|
358
|
+
"description": "Freeze animation.\nThis internal state pauses animation and is used to differentiate between\nuser requested pauses and component instigated pauses."
|
|
362
359
|
},
|
|
363
360
|
{
|
|
364
361
|
"kind": "method",
|
|
365
|
-
"name": "
|
|
366
|
-
"
|
|
367
|
-
{
|
|
368
|
-
"name": "value",
|
|
369
|
-
"description": "Frame to seek to",
|
|
370
|
-
"type": {
|
|
371
|
-
"text": "number | string"
|
|
372
|
-
}
|
|
373
|
-
}
|
|
374
|
-
],
|
|
375
|
-
"description": "Seek to a given frame"
|
|
362
|
+
"name": "_handleBlur",
|
|
363
|
+
"description": "Handle blur."
|
|
376
364
|
},
|
|
377
365
|
{
|
|
378
366
|
"kind": "method",
|
|
379
|
-
"name": "
|
|
367
|
+
"name": "_handleSeekChange",
|
|
380
368
|
"parameters": [
|
|
381
369
|
{
|
|
382
|
-
"name": "
|
|
383
|
-
"default": "true"
|
|
384
|
-
},
|
|
385
|
-
{
|
|
386
|
-
"name": "name",
|
|
387
|
-
"default": "'AM Lottie'"
|
|
370
|
+
"name": "{ target }"
|
|
388
371
|
}
|
|
389
372
|
],
|
|
390
|
-
"description": "
|
|
373
|
+
"description": "Handles click and drag actions on the progress track."
|
|
391
374
|
},
|
|
392
375
|
{
|
|
393
376
|
"kind": "method",
|
|
394
|
-
"name": "
|
|
395
|
-
"
|
|
396
|
-
{
|
|
397
|
-
"name": "value",
|
|
398
|
-
"description": "Whether animation uses subframe",
|
|
399
|
-
"type": {
|
|
400
|
-
"text": "boolean"
|
|
401
|
-
}
|
|
402
|
-
}
|
|
403
|
-
],
|
|
404
|
-
"description": "Toggles subframe, for more smooth animations"
|
|
377
|
+
"name": "_addEventListeners",
|
|
378
|
+
"description": "Add event listeners."
|
|
405
379
|
},
|
|
406
380
|
{
|
|
407
381
|
"kind": "method",
|
|
408
|
-
"name": "
|
|
409
|
-
"
|
|
410
|
-
{
|
|
411
|
-
"name": "value"
|
|
412
|
-
}
|
|
413
|
-
],
|
|
414
|
-
"description": "Dynamically set count for loops"
|
|
382
|
+
"name": "_addIntersectionObserver",
|
|
383
|
+
"description": "Add IntersectionObserver."
|
|
415
384
|
},
|
|
416
385
|
{
|
|
417
386
|
"kind": "method",
|
|
418
|
-
"name": "
|
|
419
|
-
"description": "Freeze animation.\nThis internal state pauses animation and is used to differentiate between\nuser requested pauses and component instigated pauses."
|
|
387
|
+
"name": "_complete"
|
|
420
388
|
},
|
|
421
389
|
{
|
|
422
390
|
"kind": "method",
|
|
423
|
-
"name": "
|
|
424
|
-
"description": "Reload animation"
|
|
391
|
+
"name": "_dataFailed"
|
|
425
392
|
},
|
|
426
393
|
{
|
|
427
394
|
"kind": "method",
|
|
428
|
-
"name": "
|
|
429
|
-
"parameters": [
|
|
430
|
-
{
|
|
431
|
-
"name": "value",
|
|
432
|
-
"default": "1",
|
|
433
|
-
"description": "Playback speed",
|
|
434
|
-
"type": {
|
|
435
|
-
"text": "number"
|
|
436
|
-
}
|
|
437
|
-
}
|
|
438
|
-
],
|
|
439
|
-
"description": "Set animation playback speed"
|
|
395
|
+
"name": "_dataReady"
|
|
440
396
|
},
|
|
441
397
|
{
|
|
442
398
|
"kind": "method",
|
|
443
|
-
"name": "
|
|
399
|
+
"name": "_DOMLoaded"
|
|
400
|
+
},
|
|
401
|
+
{
|
|
402
|
+
"kind": "method",
|
|
403
|
+
"name": "_enterFrame"
|
|
404
|
+
},
|
|
405
|
+
{
|
|
406
|
+
"kind": "method",
|
|
407
|
+
"name": "_getOptions",
|
|
408
|
+
"description": "Get options from props."
|
|
409
|
+
},
|
|
410
|
+
{
|
|
411
|
+
"kind": "method",
|
|
412
|
+
"name": "_handleScroll",
|
|
413
|
+
"description": "Handle scroll."
|
|
414
|
+
},
|
|
415
|
+
{
|
|
416
|
+
"kind": "method",
|
|
417
|
+
"name": "_handleWindowBlur",
|
|
444
418
|
"parameters": [
|
|
445
419
|
{
|
|
446
|
-
"name": "
|
|
447
|
-
"description": "Animation direction",
|
|
448
|
-
"type": {
|
|
449
|
-
"text": "AnimationDirection"
|
|
450
|
-
}
|
|
420
|
+
"name": "{ type }"
|
|
451
421
|
}
|
|
452
|
-
]
|
|
453
|
-
"description": "Animation play direction"
|
|
422
|
+
]
|
|
454
423
|
},
|
|
455
424
|
{
|
|
456
425
|
"kind": "method",
|
|
457
|
-
"name": "
|
|
426
|
+
"name": "_isLottie",
|
|
458
427
|
"parameters": [
|
|
459
428
|
{
|
|
460
|
-
"name": "
|
|
461
|
-
"type": {
|
|
462
|
-
"text": "boolean"
|
|
463
|
-
}
|
|
429
|
+
"name": "json"
|
|
464
430
|
}
|
|
465
|
-
]
|
|
466
|
-
"description": "Set loop"
|
|
431
|
+
]
|
|
467
432
|
},
|
|
468
433
|
{
|
|
469
434
|
"kind": "method",
|
|
470
|
-
"name": "
|
|
471
|
-
"description": "Toggle playing state"
|
|
435
|
+
"name": "_loopComplete"
|
|
472
436
|
},
|
|
473
437
|
{
|
|
474
438
|
"kind": "method",
|
|
475
|
-
"name": "
|
|
476
|
-
"description": "
|
|
439
|
+
"name": "_mouseEnter",
|
|
440
|
+
"description": "Handle MouseEnter."
|
|
477
441
|
},
|
|
478
442
|
{
|
|
479
443
|
"kind": "method",
|
|
480
|
-
"name": "
|
|
481
|
-
"description": "
|
|
444
|
+
"name": "_mouseLeave",
|
|
445
|
+
"description": "Handle MouseLeave."
|
|
482
446
|
},
|
|
483
447
|
{
|
|
484
448
|
"kind": "method",
|
|
485
|
-
"name": "
|
|
486
|
-
"
|
|
487
|
-
{
|
|
488
|
-
"name": "flag"
|
|
489
|
-
}
|
|
490
|
-
],
|
|
491
|
-
"description": "Toggle show Settings"
|
|
449
|
+
"name": "_onVisibilityChange",
|
|
450
|
+
"description": "Handle visibility change events."
|
|
492
451
|
},
|
|
493
452
|
{
|
|
494
453
|
"kind": "method",
|
|
495
|
-
"name": "
|
|
496
|
-
"description": "
|
|
454
|
+
"name": "_removeEventListeners",
|
|
455
|
+
"description": "Remove event listeners."
|
|
497
456
|
},
|
|
498
457
|
{
|
|
499
458
|
"kind": "method",
|
|
@@ -507,59 +466,47 @@
|
|
|
507
466
|
},
|
|
508
467
|
{
|
|
509
468
|
"kind": "method",
|
|
510
|
-
"name": "
|
|
511
|
-
"
|
|
512
|
-
|
|
513
|
-
|
|
514
|
-
|
|
515
|
-
|
|
516
|
-
"description": "
|
|
469
|
+
"name": "_toggleEventListeners",
|
|
470
|
+
"parameters": [
|
|
471
|
+
{
|
|
472
|
+
"name": "action"
|
|
473
|
+
}
|
|
474
|
+
],
|
|
475
|
+
"description": "Toggle event listeners."
|
|
517
476
|
},
|
|
518
477
|
{
|
|
519
478
|
"kind": "method",
|
|
520
|
-
"name": "
|
|
479
|
+
"name": "_toggleSettings",
|
|
521
480
|
"parameters": [
|
|
522
481
|
{
|
|
523
|
-
"name": "
|
|
482
|
+
"name": "flag"
|
|
524
483
|
}
|
|
525
|
-
]
|
|
526
|
-
|
|
527
|
-
{
|
|
528
|
-
"kind": "field",
|
|
529
|
-
"name": "styles",
|
|
530
|
-
"static": true,
|
|
531
|
-
"description": "Return the styles for the component",
|
|
532
|
-
"readonly": true
|
|
533
|
-
},
|
|
534
|
-
{
|
|
535
|
-
"kind": "field",
|
|
536
|
-
"name": "_renderControls",
|
|
537
|
-
"default": "renderControls"
|
|
484
|
+
],
|
|
485
|
+
"description": "Toggle show Settings."
|
|
538
486
|
},
|
|
539
487
|
{
|
|
540
488
|
"kind": "field",
|
|
541
|
-
"name": "
|
|
542
|
-
"default": "renderPlayer"
|
|
489
|
+
"name": "playerState"
|
|
543
490
|
},
|
|
544
491
|
{
|
|
545
492
|
"kind": "field",
|
|
546
|
-
"name": "
|
|
493
|
+
"name": "_container",
|
|
547
494
|
"type": {
|
|
548
|
-
"text": "
|
|
495
|
+
"text": "null"
|
|
549
496
|
},
|
|
550
|
-
"default": "
|
|
497
|
+
"default": "null"
|
|
551
498
|
},
|
|
552
499
|
{
|
|
553
500
|
"kind": "field",
|
|
554
|
-
"name": "
|
|
501
|
+
"name": "_errorMessage",
|
|
555
502
|
"type": {
|
|
556
|
-
"text": "
|
|
503
|
+
"text": "string"
|
|
557
504
|
},
|
|
558
|
-
"default": "
|
|
505
|
+
"default": "'Something went wrong'"
|
|
559
506
|
},
|
|
560
507
|
{
|
|
561
508
|
"kind": "field",
|
|
562
|
-
"name": "
|
|
509
|
+
"name": "_identifier"
|
|
563
510
|
},
|
|
564
511
|
{
|
|
565
512
|
"kind": "field",
|
|
@@ -571,15 +518,25 @@
|
|
|
571
518
|
},
|
|
572
519
|
{
|
|
573
520
|
"kind": "field",
|
|
574
|
-
"name": "
|
|
521
|
+
"name": "_playerState",
|
|
575
522
|
"type": {
|
|
576
|
-
"text": "
|
|
523
|
+
"text": "object"
|
|
577
524
|
},
|
|
578
|
-
"default": "0"
|
|
525
|
+
"default": "{ count: 0, loaded: false, prev: PlayerState.Loading, scrollTimeout: null, scrollY: 0, visible: false }"
|
|
579
526
|
},
|
|
580
527
|
{
|
|
581
528
|
"kind": "field",
|
|
582
|
-
"name": "
|
|
529
|
+
"name": "_render",
|
|
530
|
+
"default": "renderPlayer"
|
|
531
|
+
},
|
|
532
|
+
{
|
|
533
|
+
"kind": "field",
|
|
534
|
+
"name": "_renderControls",
|
|
535
|
+
"default": "renderControls"
|
|
536
|
+
},
|
|
537
|
+
{
|
|
538
|
+
"kind": "field",
|
|
539
|
+
"name": "_seeker",
|
|
583
540
|
"type": {
|
|
584
541
|
"text": "number"
|
|
585
542
|
},
|
|
@@ -595,27 +552,23 @@
|
|
|
595
552
|
},
|
|
596
553
|
{
|
|
597
554
|
"kind": "field",
|
|
598
|
-
"name": "
|
|
555
|
+
"name": "_currentAnimation",
|
|
599
556
|
"type": {
|
|
600
|
-
"text": "
|
|
557
|
+
"text": "number"
|
|
601
558
|
},
|
|
602
|
-
"default": "
|
|
603
|
-
},
|
|
604
|
-
{
|
|
605
|
-
"kind": "field",
|
|
606
|
-
"name": "_identifier"
|
|
559
|
+
"default": "0"
|
|
607
560
|
},
|
|
608
561
|
{
|
|
609
562
|
"kind": "field",
|
|
610
|
-
"name": "
|
|
563
|
+
"name": "_isBounce",
|
|
611
564
|
"type": {
|
|
612
|
-
"text": "
|
|
565
|
+
"text": "boolean"
|
|
613
566
|
},
|
|
614
|
-
"default": "
|
|
567
|
+
"default": "false"
|
|
615
568
|
},
|
|
616
569
|
{
|
|
617
570
|
"kind": "field",
|
|
618
|
-
"name": "
|
|
571
|
+
"name": "_isDotLottie",
|
|
619
572
|
"type": {
|
|
620
573
|
"text": "boolean"
|
|
621
574
|
},
|
|
@@ -623,19 +576,19 @@
|
|
|
623
576
|
},
|
|
624
577
|
{
|
|
625
578
|
"kind": "field",
|
|
626
|
-
"name": "
|
|
579
|
+
"name": "_lottieInstance",
|
|
627
580
|
"type": {
|
|
628
|
-
"text": "
|
|
581
|
+
"text": "null"
|
|
629
582
|
},
|
|
630
|
-
"default": "
|
|
583
|
+
"default": "null"
|
|
631
584
|
},
|
|
632
585
|
{
|
|
633
586
|
"kind": "field",
|
|
634
|
-
"name": "
|
|
587
|
+
"name": "_multiAnimationSettings",
|
|
635
588
|
"type": {
|
|
636
|
-
"text": "
|
|
589
|
+
"text": "array"
|
|
637
590
|
},
|
|
638
|
-
"default": "
|
|
591
|
+
"default": "[]"
|
|
639
592
|
},
|
|
640
593
|
{
|
|
641
594
|
"kind": "field",
|
|
@@ -693,7 +646,7 @@
|
|
|
693
646
|
"name": "PropertyCallbackElement",
|
|
694
647
|
"module": "dist/index.js"
|
|
695
648
|
},
|
|
696
|
-
"tagName": "
|
|
649
|
+
"tagName": "tagName",
|
|
697
650
|
"customElement": true
|
|
698
651
|
},
|
|
699
652
|
{
|
|
@@ -708,7 +661,7 @@
|
|
|
708
661
|
"exports": [
|
|
709
662
|
{
|
|
710
663
|
"kind": "custom-element-definition",
|
|
711
|
-
"name": "
|
|
664
|
+
"name": "tagName",
|
|
712
665
|
"declaration": {
|
|
713
666
|
"name": "DotLottiePlayer",
|
|
714
667
|
"module": "dist/index.js"
|