@aarsteinmedia/dotlottie-player 3.2.4 → 4.0.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 (8) hide show
  1. package/README.md +46 -30
  2. package/custom-elements.json +27 -0
  3. package/dist/cjs/index.js +20144 -232
  4. package/dist/esm/index.js +20144 -232
  5. package/dist/index.d.ts +11 -9
  6. package/dist/index.js +2 -174
  7. package/package.json +23 -11
  8. package/dist/custom-elements.json +0 -1308
package/dist/custom-elements.json DELETED
@@ -1,1308 +0,0 @@
1
- {
2
- "schemaVersion": "1.0.0",
3
- "readme": "",
4
- "modules": [
5
- {
6
- "kind": "javascript-module",
7
- "path": "src/enums.ts",
8
- "declarations": [],
9
- "exports": []
10
- },
11
- {
12
- "kind": "javascript-module",
13
- "path": "src/index.ts",
14
- "declarations": [
15
- {
16
- "kind": "variable",
17
- "name": "tagName",
18
- "type": {
19
- "text": "string"
20
- },
21
- "default": "'dotlottie-player'"
22
- }
23
- ],
24
- "exports": [
25
- {
26
- "kind": "js",
27
- "name": "default",
28
- "declaration": {
29
- "name": "DotLottiePlayer",
30
- "module": "src/index.ts"
31
- }
32
- },
33
- {
34
- "kind": "js",
35
- "name": "PlayMode",
36
- "declaration": {
37
- "name": "PlayMode",
38
- "package": "@/enums"
39
- }
40
- },
41
- {
42
- "kind": "js",
43
- "name": "PlayerEvents",
44
- "declaration": {
45
- "name": "PlayerEvents",
46
- "package": "@/enums"
47
- }
48
- },
49
- {
50
- "kind": "js",
51
- "name": "PlayerState",
52
- "declaration": {
53
- "name": "PlayerState",
54
- "package": "@/enums"
55
- }
56
- },
57
- {
58
- "kind": "js",
59
- "name": "tagName",
60
- "declaration": {
61
- "name": "tagName",
62
- "module": "src/index.ts"
63
- }
64
- },
65
- {
66
- "kind": "custom-element-definition",
67
- "name": "dotlottie-player",
68
- "declaration": {
69
- "name": "DotLottiePlayer",
70
- "package": "@/elements/DotLottiePlayer"
71
- }
72
- }
73
- ]
74
- },
75
- {
76
- "kind": "javascript-module",
77
- "path": "src/types.ts",
78
- "declarations": [],
79
- "exports": []
80
- },
81
- {
82
- "kind": "javascript-module",
83
- "path": "src/utils.ts",
84
- "declarations": [
85
- {
86
- "kind": "class",
87
- "description": "",
88
- "name": "CustomError",
89
- "members": [
90
- {
91
- "kind": "field",
92
- "name": "status",
93
- "type": {
94
- "text": "number | undefined"
95
- }
96
- }
97
- ],
98
- "superclass": {
99
- "name": "Error",
100
- "module": "src/utils.ts"
101
- }
102
- },
103
- {
104
- "kind": "function",
105
- "name": "addExt",
106
- "parameters": [
107
- {
108
- "name": "ext",
109
- "type": {
110
- "text": "string"
111
- }
112
- },
113
- {
114
- "name": "str",
115
- "optional": true,
116
- "type": {
117
- "text": "string"
118
- }
119
- }
120
- ]
121
- },
122
- {
123
- "kind": "variable",
124
- "name": "aspectRatio"
125
- },
126
- {
127
- "kind": "variable",
128
- "name": "base64ToU8"
129
- },
130
- {
131
- "kind": "variable",
132
- "name": "createDotLottie"
133
- },
134
- {
135
- "kind": "variable",
136
- "name": "createJSON"
137
- },
138
- {
139
- "kind": "variable",
140
- "name": "download"
141
- },
142
- {
143
- "kind": "variable",
144
- "name": "fileToBase64"
145
- },
146
- {
147
- "kind": "variable",
148
- "name": "frameOutput"
149
- },
150
- {
151
- "kind": "variable",
152
- "name": "getAnimationData"
153
- },
154
- {
155
- "kind": "variable",
156
- "name": "getArrayBuffer"
157
- },
158
- {
159
- "kind": "variable",
160
- "name": "getExt"
161
- },
162
- {
163
- "kind": "variable",
164
- "name": "getExtFromB64"
165
- },
166
- {
167
- "kind": "variable",
168
- "name": "getFilename"
169
- },
170
- {
171
- "kind": "variable",
172
- "name": "getLottieJSON"
173
- },
174
- {
175
- "kind": "variable",
176
- "name": "getManifest"
177
- },
178
- {
179
- "kind": "variable",
180
- "name": "getMimeFromExt"
181
- },
182
- {
183
- "kind": "variable",
184
- "name": "handleErrors"
185
- },
186
- {
187
- "kind": "variable",
188
- "name": "hasExt"
189
- },
190
- {
191
- "kind": "variable",
192
- "name": "isAudio"
193
- },
194
- {
195
- "kind": "variable",
196
- "name": "isBase64"
197
- },
198
- {
199
- "kind": "variable",
200
- "name": "isImage"
201
- },
202
- {
203
- "kind": "variable",
204
- "name": "isServer"
205
- },
206
- {
207
- "kind": "variable",
208
- "name": "parseBase64"
209
- },
210
- {
211
- "kind": "variable",
212
- "name": "prepareString"
213
- },
214
- {
215
- "kind": "variable",
216
- "name": "resolveAssets"
217
- },
218
- {
219
- "kind": "variable",
220
- "name": "unzip"
221
- },
222
- {
223
- "kind": "variable",
224
- "name": "useId"
225
- }
226
- ],
227
- "exports": [
228
- {
229
- "kind": "js",
230
- "name": "CustomError",
231
- "declaration": {
232
- "name": "CustomError",
233
- "module": "src/utils.ts"
234
- }
235
- },
236
- {
237
- "kind": "js",
238
- "name": "addExt",
239
- "declaration": {
240
- "name": "addExt",
241
- "module": "src/utils.ts"
242
- }
243
- },
244
- {
245
- "kind": "js",
246
- "name": "aspectRatio",
247
- "declaration": {
248
- "name": "aspectRatio",
249
- "module": "src/utils.ts"
250
- }
251
- },
252
- {
253
- "kind": "js",
254
- "name": "base64ToU8",
255
- "declaration": {
256
- "name": "base64ToU8",
257
- "module": "src/utils.ts"
258
- }
259
- },
260
- {
261
- "kind": "js",
262
- "name": "createDotLottie",
263
- "declaration": {
264
- "name": "createDotLottie",
265
- "module": "src/utils.ts"
266
- }
267
- },
268
- {
269
- "kind": "js",
270
- "name": "createJSON",
271
- "declaration": {
272
- "name": "createJSON",
273
- "module": "src/utils.ts"
274
- }
275
- },
276
- {
277
- "kind": "js",
278
- "name": "download",
279
- "declaration": {
280
- "name": "download",
281
- "module": "src/utils.ts"
282
- }
283
- },
284
- {
285
- "kind": "js",
286
- "name": "fileToBase64",
287
- "declaration": {
288
- "name": "fileToBase64",
289
- "module": "src/utils.ts"
290
- }
291
- },
292
- {
293
- "kind": "js",
294
- "name": "frameOutput",
295
- "declaration": {
296
- "name": "frameOutput",
297
- "module": "src/utils.ts"
298
- }
299
- },
300
- {
301
- "kind": "js",
302
- "name": "getAnimationData",
303
- "declaration": {
304
- "name": "getAnimationData",
305
- "module": "src/utils.ts"
306
- }
307
- },
308
- {
309
- "kind": "js",
310
- "name": "getArrayBuffer",
311
- "declaration": {
312
- "name": "getArrayBuffer",
313
- "module": "src/utils.ts"
314
- }
315
- },
316
- {
317
- "kind": "js",
318
- "name": "getExt",
319
- "declaration": {
320
- "name": "getExt",
321
- "module": "src/utils.ts"
322
- }
323
- },
324
- {
325
- "kind": "js",
326
- "name": "getExtFromB64",
327
- "declaration": {
328
- "name": "getExtFromB64",
329
- "module": "src/utils.ts"
330
- }
331
- },
332
- {
333
- "kind": "js",
334
- "name": "getFilename",
335
- "declaration": {
336
- "name": "getFilename",
337
- "module": "src/utils.ts"
338
- }
339
- },
340
- {
341
- "kind": "js",
342
- "name": "getLottieJSON",
343
- "declaration": {
344
- "name": "getLottieJSON",
345
- "module": "src/utils.ts"
346
- }
347
- },
348
- {
349
- "kind": "js",
350
- "name": "getManifest",
351
- "declaration": {
352
- "name": "getManifest",
353
- "module": "src/utils.ts"
354
- }
355
- },
356
- {
357
- "kind": "js",
358
- "name": "getMimeFromExt",
359
- "declaration": {
360
- "name": "getMimeFromExt",
361
- "module": "src/utils.ts"
362
- }
363
- },
364
- {
365
- "kind": "js",
366
- "name": "handleErrors",
367
- "declaration": {
368
- "name": "handleErrors",
369
- "module": "src/utils.ts"
370
- }
371
- },
372
- {
373
- "kind": "js",
374
- "name": "hasExt",
375
- "declaration": {
376
- "name": "hasExt",
377
- "module": "src/utils.ts"
378
- }
379
- },
380
- {
381
- "kind": "js",
382
- "name": "isAudio",
383
- "declaration": {
384
- "name": "isAudio",
385
- "module": "src/utils.ts"
386
- }
387
- },
388
- {
389
- "kind": "js",
390
- "name": "isBase64",
391
- "declaration": {
392
- "name": "isBase64",
393
- "module": "src/utils.ts"
394
- }
395
- },
396
- {
397
- "kind": "js",
398
- "name": "isImage",
399
- "declaration": {
400
- "name": "isImage",
401
- "module": "src/utils.ts"
402
- }
403
- },
404
- {
405
- "kind": "js",
406
- "name": "isServer",
407
- "declaration": {
408
- "name": "isServer",
409
- "module": "src/utils.ts"
410
- }
411
- },
412
- {
413
- "kind": "js",
414
- "name": "parseBase64",
415
- "declaration": {
416
- "name": "parseBase64",
417
- "module": "src/utils.ts"
418
- }
419
- },
420
- {
421
- "kind": "js",
422
- "name": "prepareString",
423
- "declaration": {
424
- "name": "prepareString",
425
- "module": "src/utils.ts"
426
- }
427
- },
428
- {
429
- "kind": "js",
430
- "name": "resolveAssets",
431
- "declaration": {
432
- "name": "resolveAssets",
433
- "module": "src/utils.ts"
434
- }
435
- },
436
- {
437
- "kind": "js",
438
- "name": "unzip",
439
- "declaration": {
440
- "name": "unzip",
441
- "module": "src/utils.ts"
442
- }
443
- },
444
- {
445
- "kind": "js",
446
- "name": "useId",
447
- "declaration": {
448
- "name": "useId",
449
- "module": "src/utils.ts"
450
- }
451
- }
452
- ]
453
- },
454
- {
455
- "kind": "javascript-module",
456
- "path": "src/elements/DotLottiePlayer.ts",
457
- "declarations": [
458
- {
459
- "kind": "class",
460
- "description": "dotLottie Player Web Component",
461
- "name": "DotLottiePlayer",
462
- "members": [
463
- {
464
- "kind": "field",
465
- "name": "shadow",
466
- "type": {
467
- "text": "ShadowRoot"
468
- },
469
- "privacy": "public"
470
- },
471
- {
472
- "kind": "field",
473
- "name": "template",
474
- "type": {
475
- "text": "HTMLTemplateElement"
476
- },
477
- "privacy": "public"
478
- },
479
- {
480
- "kind": "field",
481
- "name": "_renderControls",
482
- "privacy": "protected",
483
- "default": "renderControls"
484
- },
485
- {
486
- "kind": "field",
487
- "name": "_render",
488
- "privacy": "protected",
489
- "default": "renderPlayer"
490
- },
491
- {
492
- "kind": "field",
493
- "name": "observedProperties",
494
- "static": true,
495
- "readonly": true
496
- },
497
- {
498
- "kind": "method",
499
- "name": "propertyChangedCallback",
500
- "parameters": [
501
- {
502
- "name": "name",
503
- "type": {
504
- "text": "string"
505
- }
506
- },
507
- {
508
- "name": "_oldValue",
509
- "type": {
510
- "text": "unknown"
511
- }
512
- },
513
- {
514
- "name": "value",
515
- "type": {
516
- "text": "unknown"
517
- }
518
- }
519
- ]
520
- },
521
- {
522
- "kind": "field",
523
- "name": "animateOnScroll",
524
- "description": "Whether to trigger next frame with scroll"
525
- },
526
- {
527
- "kind": "field",
528
- "name": "autoplay",
529
- "description": "Autoplay"
530
- },
531
- {
532
- "kind": "field",
533
- "name": "background",
534
- "description": "Background color"
535
- },
536
- {
537
- "kind": "field",
538
- "name": "controls",
539
- "description": "Show controls"
540
- },
541
- {
542
- "kind": "field",
543
- "name": "count",
544
- "description": "Number of times to loop"
545
- },
546
- {
547
- "kind": "field",
548
- "name": "description",
549
- "description": "Description for screen readers"
550
- },
551
- {
552
- "kind": "field",
553
- "name": "direction",
554
- "description": "Direction of animation"
555
- },
556
- {
557
- "kind": "field",
558
- "name": "hover",
559
- "description": "Whether to play on mouseover"
560
- },
561
- {
562
- "kind": "field",
563
- "name": "intermission",
564
- "description": "Pause between loop intrations, in miliseconds"
565
- },
566
- {
567
- "kind": "field",
568
- "name": "loop",
569
- "description": "Loop animation"
570
- },
571
- {
572
- "kind": "field",
573
- "name": "mode",
574
- "description": "Play mode"
575
- },
576
- {
577
- "kind": "field",
578
- "name": "multiAnimationSettings",
579
- "description": "Multi-animation settings\nIf set, these will override conflicting settings"
580
- },
581
- {
582
- "kind": "field",
583
- "name": "objectfit",
584
- "description": "Resizing to container"
585
- },
586
- {
587
- "kind": "field",
588
- "name": "preserveAspectRatio",
589
- "description": "Resizing to container (Deprecated)"
590
- },
591
- {
592
- "kind": "field",
593
- "name": "renderer",
594
- "description": "Renderer to use: svg, canvas or html"
595
- },
596
- {
597
- "kind": "field",
598
- "name": "segment",
599
- "description": "Segment"
600
- },
601
- {
602
- "kind": "field",
603
- "name": "simple",
604
- "description": "Hide advanced controls"
605
- },
606
- {
607
- "kind": "field",
608
- "name": "speed",
609
- "description": "Speed"
610
- },
611
- {
612
- "kind": "field",
613
- "name": "src",
614
- "description": "Source, either path or JSON string"
615
- },
616
- {
617
- "kind": "field",
618
- "name": "subframe",
619
- "description": "Subframe"
620
- },
621
- {
622
- "kind": "field",
623
- "name": "_container",
624
- "type": {
625
- "text": "Element | null"
626
- },
627
- "privacy": "protected",
628
- "description": "Animation Container"
629
- },
630
- {
631
- "kind": "field",
632
- "name": "playerState",
633
- "type": {
634
- "text": "PlayerState | undefined"
635
- },
636
- "privacy": "public"
637
- },
638
- {
639
- "kind": "field",
640
- "name": "_isSettingsOpen",
641
- "type": {
642
- "text": "boolean"
643
- },
644
- "privacy": "protected",
645
- "default": "false"
646
- },
647
- {
648
- "kind": "field",
649
- "name": "_seeker",
650
- "type": {
651
- "text": "number"
652
- },
653
- "privacy": "protected",
654
- "default": "0"
655
- },
656
- {
657
- "kind": "field",
658
- "name": "_currentAnimation",
659
- "type": {
660
- "text": "number"
661
- },
662
- "privacy": "private",
663
- "default": "0"
664
- },
665
- {
666
- "kind": "field",
667
- "name": "_animations",
668
- "type": {
669
- "text": "LottieJSON[]"
670
- },
671
- "privacy": "private"
672
- },
673
- {
674
- "kind": "field",
675
- "name": "_intersectionObserver",
676
- "type": {
677
- "text": "IntersectionObserver | undefined"
678
- },
679
- "privacy": "private"
680
- },
681
- {
682
- "kind": "field",
683
- "name": "_lottieInstance",
684
- "type": {
685
- "text": "AnimationItem | null"
686
- },
687
- "privacy": "private",
688
- "default": "null"
689
- },
690
- {
691
- "kind": "field",
692
- "name": "_identifier",
693
- "privacy": "protected"
694
- },
695
- {
696
- "kind": "field",
697
- "name": "_errorMessage",
698
- "type": {
699
- "text": "string"
700
- },
701
- "privacy": "protected",
702
- "default": "'Something went wrong'"
703
- },
704
- {
705
- "kind": "field",
706
- "name": "_isBounce",
707
- "type": {
708
- "text": "boolean"
709
- },
710
- "privacy": "private",
711
- "default": "false"
712
- },
713
- {
714
- "kind": "field",
715
- "name": "_isDotLottie",
716
- "type": {
717
- "text": "boolean"
718
- },
719
- "privacy": "private",
720
- "default": "false"
721
- },
722
- {
723
- "kind": "field",
724
- "name": "_manifest",
725
- "type": {
726
- "text": "LottieManifest"
727
- },
728
- "privacy": "private"
729
- },
730
- {
731
- "kind": "field",
732
- "name": "_playerState",
733
- "type": {
734
- "text": "{\n prev: PlayerState\n count: number\n loaded: boolean\n visible: boolean\n scrollY: number\n scrollTimeout: NodeJS.Timeout | null\n }"
735
- },
736
- "privacy": "protected",
737
- "default": "{ count: 0, loaded: false, prev: PlayerState.Loading, scrollTimeout: null, scrollY: 0, visible: false, }"
738
- },
739
- {
740
- "kind": "method",
741
- "name": "_getOptions",
742
- "privacy": "private",
743
- "description": "Get options from props",
744
- "return": {
745
- "type": {
746
- "text": "AnimationConfig"
747
- }
748
- }
749
- },
750
- {
751
- "kind": "method",
752
- "name": "_addIntersectionObserver",
753
- "privacy": "private",
754
- "description": "Add IntersectionObserver"
755
- },
756
- {
757
- "kind": "method",
758
- "name": "load",
759
- "privacy": "public",
760
- "parameters": [
761
- {
762
- "name": "src",
763
- "type": {
764
- "text": "string | null"
765
- }
766
- }
767
- ],
768
- "description": "Initialize Lottie Web player"
769
- },
770
- {
771
- "kind": "method",
772
- "name": "getManifest",
773
- "privacy": "public",
774
- "description": "Get Lottie Manifest"
775
- },
776
- {
777
- "kind": "method",
778
- "name": "_toggleEventListeners",
779
- "privacy": "private",
780
- "parameters": [
781
- {
782
- "name": "action",
783
- "type": {
784
- "text": "'add' | 'remove'"
785
- }
786
- }
787
- ],
788
- "description": "Toggle event listeners"
789
- },
790
- {
791
- "kind": "method",
792
- "name": "_addEventListeners",
793
- "privacy": "private",
794
- "description": "Add event listeners"
795
- },
796
- {
797
- "kind": "method",
798
- "name": "_removeEventListeners",
799
- "privacy": "private",
800
- "description": "Remove event listeners"
801
- },
802
- {
803
- "kind": "method",
804
- "name": "_loopComplete",
805
- "privacy": "private"
806
- },
807
- {
808
- "kind": "method",
809
- "name": "_enterFrame",
810
- "privacy": "private"
811
- },
812
- {
813
- "kind": "method",
814
- "name": "_complete",
815
- "privacy": "private"
816
- },
817
- {
818
- "kind": "method",
819
- "name": "_DOMLoaded",
820
- "privacy": "private"
821
- },
822
- {
823
- "kind": "method",
824
- "name": "_dataReady",
825
- "privacy": "private"
826
- },
827
- {
828
- "kind": "method",
829
- "name": "_dataFailed",
830
- "privacy": "private"
831
- },
832
- {
833
- "kind": "method",
834
- "name": "_handleWindowBlur",
835
- "privacy": "private",
836
- "parameters": [
837
- {
838
- "name": "{ type }",
839
- "type": {
840
- "text": "FocusEvent"
841
- }
842
- }
843
- ]
844
- },
845
- {
846
- "kind": "method",
847
- "name": "_mouseEnter",
848
- "privacy": "private",
849
- "description": "Handle MouseEnter"
850
- },
851
- {
852
- "kind": "method",
853
- "name": "_mouseLeave",
854
- "privacy": "private",
855
- "description": "Handle MouseLeave"
856
- },
857
- {
858
- "kind": "method",
859
- "name": "_onVisibilityChange",
860
- "privacy": "private",
861
- "description": "Handle visibility change events"
862
- },
863
- {
864
- "kind": "method",
865
- "name": "_handleScroll",
866
- "privacy": "private",
867
- "description": "Handle scroll"
868
- },
869
- {
870
- "kind": "method",
871
- "name": "_handleSeekChange",
872
- "privacy": "protected",
873
- "parameters": [
874
- {
875
- "name": "{ target }",
876
- "type": {
877
- "text": "Event"
878
- }
879
- },
880
- {
881
- "name": "event",
882
- "type": {
883
- "text": "Event & { HTMLInputElement }"
884
- }
885
- }
886
- ],
887
- "description": "Handles click and drag actions on the progress track"
888
- },
889
- {
890
- "kind": "method",
891
- "name": "_isLottie",
892
- "privacy": "private",
893
- "parameters": [
894
- {
895
- "name": "json",
896
- "type": {
897
- "text": "LottieJSON"
898
- }
899
- }
900
- ]
901
- },
902
- {
903
- "kind": "method",
904
- "name": "addAnimation",
905
- "privacy": "public",
906
- "return": {
907
- "type": {
908
- "text": "Promise<{\n result?: void | ArrayBuffer\n success: boolean\n error?: string\n }>"
909
- }
910
- },
911
- "parameters": [
912
- {
913
- "name": "configs",
914
- "type": {
915
- "text": "[ AnimationConfig ]"
916
- }
917
- },
918
- {
919
- "name": "fileName",
920
- "optional": true,
921
- "type": {
922
- "text": "string"
923
- }
924
- },
925
- {
926
- "name": "shouldDownload",
927
- "default": "true",
928
- "description": "Whether to trigger a download in the browser.\nIf set to false the function returns an ArrayBuffer. Defaults to true.",
929
- "type": {
930
- "text": "boolean"
931
- }
932
- }
933
- ],
934
- "description": "Creates a new dotLottie file, by combinig several animations"
935
- },
936
- {
937
- "kind": "method",
938
- "name": "getLottie",
939
- "privacy": "public",
940
- "description": "Returns the lottie-web instance used in the component"
941
- },
942
- {
943
- "kind": "method",
944
- "name": "play",
945
- "privacy": "public",
946
- "description": "Play"
947
- },
948
- {
949
- "kind": "method",
950
- "name": "pause",
951
- "privacy": "public",
952
- "description": "Pause"
953
- },
954
- {
955
- "kind": "method",
956
- "name": "stop",
957
- "privacy": "public",
958
- "description": "Stop"
959
- },
960
- {
961
- "kind": "method",
962
- "name": "destroy",
963
- "privacy": "public",
964
- "description": "Destroy animation and element"
965
- },
966
- {
967
- "kind": "method",
968
- "name": "seek",
969
- "privacy": "public",
970
- "parameters": [
971
- {
972
- "name": "value",
973
- "type": {
974
- "text": "number | string"
975
- },
976
- "description": "Frame to seek to"
977
- }
978
- ],
979
- "description": "Seek to a given frame"
980
- },
981
- {
982
- "kind": "method",
983
- "name": "snapshot",
984
- "privacy": "public",
985
- "description": "Snapshot and download the current frame as SVG"
986
- },
987
- {
988
- "kind": "method",
989
- "name": "setSubframe",
990
- "privacy": "public",
991
- "parameters": [
992
- {
993
- "name": "value",
994
- "type": {
995
- "text": "boolean"
996
- },
997
- "description": "Whether animation uses subframe"
998
- }
999
- ],
1000
- "description": "Toggles subframe, for more smooth animations"
1001
- },
1002
- {
1003
- "kind": "method",
1004
- "name": "setCount",
1005
- "privacy": "public",
1006
- "parameters": [
1007
- {
1008
- "name": "value",
1009
- "type": {
1010
- "text": "number"
1011
- }
1012
- }
1013
- ],
1014
- "description": "Dynamically set count for loops"
1015
- },
1016
- {
1017
- "kind": "method",
1018
- "name": "_freeze",
1019
- "privacy": "protected",
1020
- "description": "Freeze animation.\nThis internal state pauses animation and is used to differentiate between\nuser requested pauses and component instigated pauses."
1021
- },
1022
- {
1023
- "kind": "method",
1024
- "name": "reload",
1025
- "privacy": "public",
1026
- "description": "Reload animation"
1027
- },
1028
- {
1029
- "kind": "method",
1030
- "name": "setSpeed",
1031
- "privacy": "public",
1032
- "parameters": [
1033
- {
1034
- "name": "value",
1035
- "default": "1",
1036
- "description": "Playback speed",
1037
- "type": {
1038
- "text": "number"
1039
- }
1040
- }
1041
- ],
1042
- "description": "Set animation playback speed"
1043
- },
1044
- {
1045
- "kind": "method",
1046
- "name": "setDirection",
1047
- "privacy": "public",
1048
- "parameters": [
1049
- {
1050
- "name": "value",
1051
- "type": {
1052
- "text": "AnimationDirection"
1053
- },
1054
- "description": "Animation direction"
1055
- }
1056
- ],
1057
- "description": "Animation play direction"
1058
- },
1059
- {
1060
- "kind": "method",
1061
- "name": "setLoop",
1062
- "privacy": "public",
1063
- "parameters": [
1064
- {
1065
- "name": "value",
1066
- "type": {
1067
- "text": "boolean"
1068
- }
1069
- }
1070
- ],
1071
- "description": "Set loop"
1072
- },
1073
- {
1074
- "kind": "method",
1075
- "name": "setMultiAnimationSettings",
1076
- "privacy": "public",
1077
- "parameters": [
1078
- {
1079
- "name": "settings",
1080
- "type": {
1081
- "text": "AnimationSettings[]"
1082
- }
1083
- }
1084
- ],
1085
- "description": "Set Multi-animation settings"
1086
- },
1087
- {
1088
- "kind": "method",
1089
- "name": "togglePlay",
1090
- "privacy": "public",
1091
- "description": "Toggle playing state"
1092
- },
1093
- {
1094
- "kind": "method",
1095
- "name": "toggleLoop",
1096
- "privacy": "public",
1097
- "description": "Toggle loop"
1098
- },
1099
- {
1100
- "kind": "method",
1101
- "name": "toggleBoomerang",
1102
- "privacy": "public",
1103
- "description": "Toggle Boomerang"
1104
- },
1105
- {
1106
- "kind": "method",
1107
- "name": "_toggleSettings",
1108
- "privacy": "private",
1109
- "parameters": [
1110
- {
1111
- "name": "flag",
1112
- "optional": true,
1113
- "type": {
1114
- "text": "boolean"
1115
- }
1116
- }
1117
- ],
1118
- "description": "Toggle show Settings"
1119
- },
1120
- {
1121
- "kind": "field",
1122
- "name": "_handleSettingsClick",
1123
- "privacy": "protected",
1124
- "description": "Handle settings click event"
1125
- },
1126
- {
1127
- "kind": "method",
1128
- "name": "_handleBlur",
1129
- "privacy": "protected",
1130
- "description": "Handle blur"
1131
- },
1132
- {
1133
- "kind": "method",
1134
- "name": "_switchInstance",
1135
- "privacy": "private",
1136
- "parameters": [
1137
- {
1138
- "name": "isPrevious",
1139
- "default": "false"
1140
- }
1141
- ]
1142
- },
1143
- {
1144
- "kind": "method",
1145
- "name": "next",
1146
- "privacy": "public",
1147
- "description": "Skip to next animation"
1148
- },
1149
- {
1150
- "kind": "method",
1151
- "name": "prev",
1152
- "privacy": "public",
1153
- "description": "Skip to previous animation"
1154
- },
1155
- {
1156
- "kind": "method",
1157
- "name": "convert",
1158
- "privacy": "public",
1159
- "parameters": [
1160
- {
1161
- "name": "{\n animations,\n fileName,\n manifest,\n shouldDownload = true,\n src,\n typeCheck,\n }",
1162
- "type": {
1163
- "text": "{\n /** External type safety */\n typeCheck?: boolean\n\n /** Externally added manifest */\n manifest?: LottieManifest\n\n /** Externally added animations */\n animations?: LottieJSON[]\n\n src?: string\n\n fileName?: string\n\n /** Whether to trigger a download in the browser. Defaults to true */\n shouldDownload?: boolean\n }"
1164
- }
1165
- }
1166
- ]
1167
- }
1168
- ],
1169
- "events": [
1170
- {
1171
- "type": {
1172
- "text": "CustomEvent"
1173
- }
1174
- }
1175
- ],
1176
- "attributes": [
1177
- {
1178
- "name": "animateOnScroll"
1179
- },
1180
- {
1181
- "name": "autoplay"
1182
- },
1183
- {
1184
- "name": "controls"
1185
- },
1186
- {
1187
- "name": "direction"
1188
- },
1189
- {
1190
- "name": "hover"
1191
- },
1192
- {
1193
- "name": "loop"
1194
- },
1195
- {
1196
- "name": "mode"
1197
- },
1198
- {
1199
- "name": "speed"
1200
- },
1201
- {
1202
- "name": "subframe"
1203
- }
1204
- ],
1205
- "superclass": {
1206
- "name": "EnhancedElement",
1207
- "package": "@/elements/EnhancedElement"
1208
- },
1209
- "tagName": "dotlottie-player",
1210
- "customElement": true
1211
- }
1212
- ],
1213
- "exports": [
1214
- {
1215
- "kind": "js",
1216
- "name": "DotLottiePlayer",
1217
- "declaration": {
1218
- "name": "DotLottiePlayer",
1219
- "module": "src/elements/DotLottiePlayer.ts"
1220
- }
1221
- }
1222
- ]
1223
- },
1224
- {
1225
- "kind": "javascript-module",
1226
- "path": "src/elements/EnhancedElement.ts",
1227
- "declarations": [
1228
- {
1229
- "kind": "class",
1230
- "description": "HTMLElement enhanced to track property changes",
1231
- "name": "EnhancedElement",
1232
- "superclass": {
1233
- "name": "HTMLElement"
1234
- },
1235
- "customElement": true
1236
- }
1237
- ],
1238
- "exports": [
1239
- {
1240
- "kind": "js",
1241
- "name": "default",
1242
- "declaration": {
1243
- "name": "EnhancedElement",
1244
- "module": "src/elements/EnhancedElement.ts"
1245
- }
1246
- }
1247
- ]
1248
- },
1249
- {
1250
- "kind": "javascript-module",
1251
- "path": "src/templates/controls.ts",
1252
- "declarations": [
1253
- {
1254
- "kind": "function",
1255
- "name": "renderControls",
1256
- "parameters": [
1257
- {
1258
- "name": "this",
1259
- "type": {
1260
- "text": "DotLottiePlayer"
1261
- }
1262
- }
1263
- ],
1264
- "description": "Render Controls"
1265
- }
1266
- ],
1267
- "exports": [
1268
- {
1269
- "kind": "js",
1270
- "name": "default",
1271
- "declaration": {
1272
- "name": "renderControls",
1273
- "module": "src/templates/controls.ts"
1274
- }
1275
- }
1276
- ]
1277
- },
1278
- {
1279
- "kind": "javascript-module",
1280
- "path": "src/templates/player.ts",
1281
- "declarations": [
1282
- {
1283
- "kind": "function",
1284
- "name": "renderPlayer",
1285
- "parameters": [
1286
- {
1287
- "name": "this",
1288
- "type": {
1289
- "text": "DotLottiePlayer"
1290
- }
1291
- }
1292
- ],
1293
- "description": "Render Player"
1294
- }
1295
- ],
1296
- "exports": [
1297
- {
1298
- "kind": "js",
1299
- "name": "default",
1300
- "declaration": {
1301
- "name": "renderPlayer",
1302
- "module": "src/templates/player.ts"
1303
- }
1304
- }
1305
- ]
1306
- }
1307
- ]
1308
- }