@aarsteinmedia/dotlottie-player 5.3.2 → 6.0.1

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