@lottiefiles/lottie-player 1.5.2 → 1.5.6

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 (21) hide show
  1. package/CHANGELOG.md +74 -53
  2. package/README.md +75 -180
  3. package/dist/lottie-player.d.ts +4 -3
  4. package/dist/lottie-player.d.ts.map +1 -1
  5. package/dist/lottie-player.esm.js +60 -6872
  6. package/dist/lottie-player.esm.js.map +1 -1
  7. package/dist/lottie-player.js +76 -6898
  8. package/dist/lottie-player.js.map +1 -1
  9. package/dist/lottie-player.styles.d.ts +1 -1
  10. package/dist/lottie-player.styles.d.ts.map +1 -1
  11. package/dist/tgs-player.d.ts +5 -2
  12. package/dist/tgs-player.d.ts.map +1 -1
  13. package/dist/tgs-player.esm.js +54 -0
  14. package/dist/tgs-player.esm.js.map +1 -0
  15. package/dist/tgs-player.js +54 -0
  16. package/dist/tgs-player.js.map +1 -0
  17. package/dist/tgs-player.styles.d.ts +3 -0
  18. package/dist/tgs-player.styles.d.ts.map +1 -1
  19. package/package.json +41 -23
  20. package/dist/index.html +0 -49
  21. package/dist/sticker.tgs +0 -0
package/CHANGELOG.md CHANGED
@@ -3,156 +3,177 @@ All notable changes to this project will be documented in this file.
3
3
  The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/) and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html), enforced with [semantic-release](https://github.com/semantic-release/semantic-release).
4
4
 
5
5
 
6
- ## 1.5.1
6
+ # [1.3.0](https://github.com/LottieFiles/lottie-player/compare/v1.2.1...v1.3.0) (2021-12-16)
7
7
 
8
8
 
9
9
  ### Bug Fixes
10
10
 
11
- * **web-worker:** fixed web worker prop to work correctly with proper bundling adjustments.
11
+ * **add web worker:** add web worker ([a7f9491](https://github.com/LottieFiles/lottie-player/commit/a7f9491a151478aafd9b165a2a323ed1c8e84950))
12
+ * **count off by 1:** count adds an extra 1 as it starts from 0 ([f4efda4](https://github.com/LottieFiles/lottie-player/commit/f4efda485f3e0c5050aa9766dcb757fa328fd5c7))
13
+ * **css changes:** positioning issues fixed where lottie was overflowing out of container ([965823c](https://github.com/LottieFiles/lottie-player/commit/965823c29b4434d1edfdaf0fc4e413ed63e6a3d3))
14
+ * **css fix:** safari glitch error fix ([39dad7b](https://github.com/LottieFiles/lottie-player/commit/39dad7bfb0369e6cca54eb029a08c77b90cd57bd))
15
+ * **height calculation fic:** height calculation should happen only if controls are keyed in. bugfix ([7ac35d2](https://github.com/LottieFiles/lottie-player/commit/7ac35d2b062e464419d9f06eed4ac7f8cc1f5978))
16
+ * **missing build file:** missing build file. tgs player.js ([be764ec](https://github.com/LottieFiles/lottie-player/commit/be764ec04a0848bbf080782e61c4ffc0a3c15908))
17
+ * **small updates:** changelog, tests for interactivity lib breakage, lang added to aria labels ([f1c0543](https://github.com/LottieFiles/lottie-player/commit/f1c0543136fe59e043aa45b2d30e085c0c2124c1))
18
+ * **version bump:** version bump ([4edc7c4](https://github.com/LottieFiles/lottie-player/commit/4edc7c4065880358a3cf2a5592cea1e889052178))
19
+ * **version bump:** version bump ([49dbde2](https://github.com/LottieFiles/lottie-player/commit/49dbde2717395c548d918e0d5d3f3aec6f9e4179))
20
+ * **web worker mangling issue:** web worker mangling issue ([1c2632c](https://github.com/LottieFiles/lottie-player/commit/1c2632ce8972437463c3285fd3ea96a7d05f60ad))
12
21
 
13
22
 
14
- ## 1.5.0
23
+ ### Features
15
24
 
25
+ * **a11y:** fix focus and tabindex ([0dfecbc](https://github.com/LottieFiles/lottie-player/commit/0dfecbc7a2154feb1c19f5d6f99a842bc00a00ae))
26
+ * **accessibility:** added lang attribute to control buttons ([388c826](https://github.com/LottieFiles/lottie-player/commit/388c826704096d570f1b8c359f241375ffe13e15))
27
+ * **add web worker prop:** added webworker prop ([8a19443](https://github.com/LottieFiles/lottie-player/commit/8a19443c16adc7430ec59bb26824da116fd5609f))
28
+ * **bump lottie web:** bump lottie web version to latest ([f1f3422](https://github.com/LottieFiles/lottie-player/commit/f1f34225b53247762918d73e34ff27c5d98925df))
29
+ * **player container:** added role on div container ([5dd8868](https://github.com/LottieFiles/lottie-player/commit/5dd88688df6df496c3bd2370d47c57da07976b54))
30
+ * **web worker:** web worker bundling ([c1c09da](https://github.com/LottieFiles/lottie-player/commit/c1c09daa68f3212b544ee211d5202e106daab46d))
16
31
 
17
- ### Bug Fixes
32
+ # Changelog
18
33
 
19
- * **web-worker:** added web worker prop.
34
+ All notable changes to this project will be documented in this file.
35
+ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/) and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html), enforced with [semantic-release](https://github.com/semantic-release/semantic-release).
20
36
 
37
+ ## 1.5.4
21
38
 
22
- ## 1.4.5
39
+ - Fix focus with a css outline on button
40
+ - Fix tabindex when you have multiple animation on the same page
41
+ - Hide svg element from focus list
42
+ - Add a way to hide the slider for some animation
43
+ - add role to div container to prevent lighthouse warnings
23
44
 
45
+ ## 1.5.3
24
46
 
25
47
  ### Bug Fixes
26
48
 
27
- * **loop:** loop counter started at zero. changed to 1 instead.
49
+ - Missing tgs player.js file added
28
50
 
51
+ ## 1.5.2
29
52
 
30
- ## 1.4.4
53
+ ### Bug Fixes
54
+
55
+ - Lang tag added, tests added to test for breakage of interactivity library.
31
56
 
57
+ ## 1.5.1
32
58
 
33
59
  ### Bug Fixes
34
60
 
35
- * **resize:** fixed width and height responsiveness issues
61
+ - **web-worker:** fixed web worker prop to work correctly with proper bundling adjustments.
36
62
 
63
+ ## 1.5.0
37
64
 
38
- ## 1.4.3
65
+ ### Bug Fixes
66
+
67
+ - **web-worker:** added web worker prop.
39
68
 
69
+ ## 1.4.5
40
70
 
41
71
  ### Bug Fixes
42
72
 
43
- * **safari:** fixed safari glitching animation issue (used flex for controls placement instead of grid system)
73
+ - **loop:** loop counter started at zero. changed to 1 instead.
44
74
 
75
+ ## 1.4.4
45
76
 
46
- ## 1.4.2
77
+ ### Bug Fixes
47
78
 
79
+ - **resize:** fixed width and height responsiveness issues
80
+
81
+ ## 1.4.3
48
82
 
49
83
  ### Bug Fixes
50
84
 
51
- * **code:** fixed typescript errors with type assertions and restructuring of code
85
+ - **safari:** fixed safari glitching animation issue (used flex for controls placement instead of grid system)
52
86
 
87
+ ## 1.4.2
53
88
 
54
- ## 1.4.1
89
+ ### Bug Fixes
55
90
 
91
+ - **code:** fixed typescript errors with type assertions and restructuring of code
56
92
 
57
- ### Bug Fixes
93
+ ## 1.4.1
58
94
 
59
- * **code:** fixed typescript errors with type assertions and restructuring of code
60
- * **container:** added width and height inheritence to animation container
95
+ ### Bug Fixes
61
96
 
97
+ - **code:** fixed typescript errors with type assertions and restructuring of code
98
+ - **container:** added width and height inheritence to animation container
62
99
 
63
100
  ## 1.4.0
64
101
 
65
-
66
102
  ### Features
67
103
 
68
- * **event listeners:** added event listeners before json error check
69
- * **cleanup:** added a destroy method for cleanup of dom
70
-
104
+ - **event listeners:** added event listeners before json error check
105
+ - **cleanup:** added a destroy method for cleanup of dom
71
106
 
72
107
  ## 1.3.1
73
108
 
74
-
75
109
  ### Chore
76
110
 
77
- * **rollback:** rollback previous changes
78
-
111
+ - **rollback:** rollback previous changes
79
112
 
80
113
  ## 1.3.0
81
114
 
82
-
83
115
  ### Bug Fixes
84
116
 
85
- * **network call fix:** attempt to fix dual network call
86
-
117
+ - **network call fix:** attempt to fix dual network call
87
118
 
88
119
  ## [1.2.1](https://github.com/LottieFiles/lottie-player/compare/v1.2.0...v1.2.1) (2021-09-30)
89
120
 
90
-
91
121
  ### Bug Fixes
92
122
 
93
- * **safari fix:** safari height width inherit to container, eslint error fixes ([8c96be5](https://github.com/LottieFiles/lottie-player/commit/8c96be586d3128833d264f2c75511b4d03e95289))
123
+ - **safari fix:** safari height width inherit to container, eslint error fixes ([8c96be5](https://github.com/LottieFiles/lottie-player/commit/8c96be586d3128833d264f2c75511b4d03e95289))
94
124
 
95
125
  # [1.2.0](https://github.com/LottieFiles/lottie-player/compare/v1.1.4...v1.2.0) (2021-09-21)
96
126
 
97
-
98
127
  ### Features
99
128
 
100
- * **events and cleanup:** added event listeners before json error check and added a destroy method for cleanup ([646d63b](https://github.com/LottieFiles/lottie-player/commit/646d63b14e89a2c0079ddc9224fc8d8e97d84806))
129
+ - **events and cleanup:** added event listeners before json error check and added a destroy method for cleanup ([646d63b](https://github.com/LottieFiles/lottie-player/commit/646d63b14e89a2c0079ddc9224fc8d8e97d84806))
101
130
 
102
131
  ## [1.1.4](https://github.com/LottieFiles/lottie-player/compare/v1.1.3...v1.1.4) (2021-09-02)
103
132
 
104
-
105
133
  ### Bug Fixes
106
134
 
107
- * **rollback:** rollback due to race condition issues ([556307f](https://github.com/LottieFiles/lottie-player/commit/556307fc57a807c03ad1b3639c3e464d73cd87be))
135
+ - **rollback:** rollback due to race condition issues ([556307f](https://github.com/LottieFiles/lottie-player/commit/556307fc57a807c03ad1b3639c3e464d73cd87be))
108
136
 
109
137
  ## [1.1.3](https://github.com/LottieFiles/lottie-player/compare/v1.1.2...v1.1.3) (2021-09-02)
110
138
 
111
-
112
139
  ### Bug Fixes
113
140
 
114
- * **asset path bug fix:** asset path bug fix ([27d24e7](https://github.com/LottieFiles/lottie-player/commit/27d24e731b7203f849171657eae190bf55d59be8))
141
+ - **asset path bug fix:** asset path bug fix ([27d24e7](https://github.com/LottieFiles/lottie-player/commit/27d24e731b7203f849171657eae190bf55d59be8))
115
142
 
116
143
  ## [1.1.2](https://github.com/LottieFiles/lottie-player/compare/v1.1.1...v1.1.2) (2021-09-01)
117
144
 
118
-
119
145
  ### Bug Fixes
120
146
 
121
- * **cleanup:** cleanup ([339c0cb](https://github.com/LottieFiles/lottie-player/commit/339c0cb9396a6a0e5b5264769ac8d7b6498d163c))
122
- * **network calls:** removed redundant network call to json url ([8726536](https://github.com/LottieFiles/lottie-player/commit/8726536f12403694e5213c70189d877cc9fdec6a))
147
+ - **cleanup:** cleanup ([339c0cb](https://github.com/LottieFiles/lottie-player/commit/339c0cb9396a6a0e5b5264769ac8d7b6498d163c))
148
+ - **network calls:** removed redundant network call to json url ([8726536](https://github.com/LottieFiles/lottie-player/commit/8726536f12403694e5213c70189d877cc9fdec6a))
123
149
 
124
150
  ## [1.1.1](https://github.com/LottieFiles/lottie-player/compare/v1.1.0...v1.1.1) (2021-07-06)
125
151
 
126
-
127
152
  ### Bug Fixes
128
153
 
129
- * **player.ts:** race condition bug fix ([3a57dba](https://github.com/LottieFiles/lottie-player/commit/3a57dba10c043ec9549dc790e6a83398b0253094))
154
+ - **player.ts:** race condition bug fix ([3a57dba](https://github.com/LottieFiles/lottie-player/commit/3a57dba10c043ec9549dc790e6a83398b0253094))
130
155
 
131
156
  # [1.1.0](https://github.com/LottieFiles/lottie-player/compare/v1.0.0...v1.1.0) (2021-07-05)
132
157
 
133
-
134
158
  ### Bug Fixes
135
159
 
136
- * **duplicate method:** duplicate method bug fix ([7b09f39](https://github.com/LottieFiles/lottie-player/commit/7b09f39d32211575257f873b0219809639a4a1ae))
137
-
160
+ - **duplicate method:** duplicate method bug fix ([7b09f39](https://github.com/LottieFiles/lottie-player/commit/7b09f39d32211575257f873b0219809639a4a1ae))
138
161
 
139
162
  ### Features
140
163
 
141
- * **err handling:** err handling ([8ac685f](https://github.com/LottieFiles/lottie-player/commit/8ac685f0f9ca33bc1e36593edec16080a6197aa9))
164
+ - **err handling:** err handling ([8ac685f](https://github.com/LottieFiles/lottie-player/commit/8ac685f0f9ca33bc1e36593edec16080a6197aa9))
142
165
 
143
166
  # 1.0.0 (2021-06-22)
144
167
 
145
-
146
168
  ### Bug Fixes
147
169
 
148
- * **player.tsx:** race condition fix ([9ec58ef](https://github.com/LottieFiles/lottie-player/commit/9ec58ef4a7ac185a20fc93203fb2409e05178223))
149
-
170
+ - **player.tsx:** race condition fix ([9ec58ef](https://github.com/LottieFiles/lottie-player/commit/9ec58ef4a7ac185a20fc93203fb2409e05178223))
150
171
 
151
172
  ### Features
152
173
 
153
- * **accessibility:** added aria labels, and roles needed for voiceover tools,added keyboard ctrls ([1a76011](https://github.com/LottieFiles/lottie-player/commit/1a76011a2e908437f25ef9057307bf1bf9431461))
154
- * added basic sanity checks/tests ([e6ebe61](https://github.com/LottieFiles/lottie-player/commit/e6ebe616665000ce57e995e242bfee0435e8e71f))
155
- * added lerna, sample project using local dependency ([59d0bc0](https://github.com/LottieFiles/lottie-player/commit/59d0bc0f4cb94cd565cd590563c41673b9e43ed9))
156
- * fix tests, add sample lottie ([823a104](https://github.com/LottieFiles/lottie-player/commit/823a104094e49e34fb2f851a9ad6d34aebc5d9bf))
157
- * **package bump:** lottie web version bump ([71d5339](https://github.com/LottieFiles/lottie-player/commit/71d53399c291b2af30fd7abfad7e35a90efef9d9))
158
- * **packages:** lottie web engine bump to 5.7.8 ([f4e1a94](https://github.com/LottieFiles/lottie-player/commit/f4e1a94b61e034aeeb91bb2d4c6f339cb8b16647))
174
+ - **accessibility:** added aria labels, and roles needed for voiceover tools,added keyboard ctrls ([1a76011](https://github.com/LottieFiles/lottie-player/commit/1a76011a2e908437f25ef9057307bf1bf9431461))
175
+ - added basic sanity checks/tests ([e6ebe61](https://github.com/LottieFiles/lottie-player/commit/e6ebe616665000ce57e995e242bfee0435e8e71f))
176
+ - added lerna, sample project using local dependency ([59d0bc0](https://github.com/LottieFiles/lottie-player/commit/59d0bc0f4cb94cd565cd590563c41673b9e43ed9))
177
+ - fix tests, add sample lottie ([823a104](https://github.com/LottieFiles/lottie-player/commit/823a104094e49e34fb2f851a9ad6d34aebc5d9bf))
178
+ - **package bump:** lottie web version bump ([71d5339](https://github.com/LottieFiles/lottie-player/commit/71d53399c291b2af30fd7abfad7e35a90efef9d9))
179
+ - **packages:** lottie web engine bump to 5.7.8 ([f4e1a94](https://github.com/LottieFiles/lottie-player/commit/f4e1a94b61e034aeeb91bb2d4c6f339cb8b16647))
package/README.md CHANGED
@@ -9,11 +9,11 @@ This is a Web Component for easily embedding and playing Lottie animations and t
9
9
 
10
10
  ![screencast](https://i.imgur.com/miLzIkJ.gif)
11
11
 
12
- - [Basic usage examples](https://codesandbox.io/s/y2nxyvomyj)
12
+ [Basic usage examples](https://codesandbox.io/s/y2nxyvomyj)
13
13
 
14
14
  ## Documentation
15
15
 
16
- - [View documentation](https://lottiefiles.github.io/lottie-player/)
16
+ For full documentation, visit [docs.lottiefiles.com/lottie-player](https://docs.lottiefiles.com/lottie-player/)
17
17
 
18
18
  ## Installation
19
19
 
@@ -240,184 +240,79 @@ declare namespace JSX {
240
240
  }
241
241
  ```
242
242
 
243
- ## Properties
244
-
245
- | Property | Attribute | Description | Type | Default |
246
- | --------------------- | --------------------- | ----------------------------------- | ------------------------------------ | ----------------- |
247
- | `autoplay` | `autoplay` | Autoplay animation on load. | `boolean` | `false` |
248
- | `background` | `background` | Background color. | `string` | `undefined` |
249
- | `controls` | `controls` | Show controls. | `boolean` | `false` |
250
- | `count` | `count` | Number of times to loop animation. | `number` | `undefined` |
251
- | `direction` | `direction` | Direction of animation. | `number` | `1` |
252
- | `hover` | `hover` | Whether to play on mouse hover. | `boolean` | `false` |
253
- | `loop` | `loop` | Whether to loop animation. | `boolean` | `false` |
254
- | `mode` | `mode` | Play mode. | `PlayMode.Bounce \| PlayMode.Normal` | `PlayMode.Normal` |
255
- | `preserveAspectRatio` | `preserveAspectRatio` | Valid preserve aspect ratio value. | `string` | `'xMidYMid meet'` |
256
- | `renderer` | `renderer` | Renderer to use. | `"svg" \| "canvas"` | `"svg"` |
257
- | `speed` | `speed` | Animation speed. | `number` | `1` |
258
- | `src` _(required)_ | `src` | Bodymovin JSON data or URL to JSON. | `string` | `undefined` |
259
-
260
- *Direction value options are 1 and -1*
261
-
262
- ## Methods
263
-
264
- ### `getLottie() => Promise<any>`
265
-
266
- Returns the instance of lottie player used in the component.
267
-
268
- #### Returns
269
-
270
- Type: `Promise<any>`
271
-
272
- ### `load(src: string | object) => void`
273
-
274
- Load (and play) a given Bodymovin animation.
275
-
276
- #### Parameters
277
-
278
- | Name | Type | Description |
279
- | ----- | -------------------- | -------------------------------------------------------------- |
280
- | `src` | `string` or `object` | URL, or a JSON string or object representing a Bodymovin JSON. |
281
-
282
- #### Returns
283
-
284
- Type: `void`
285
-
286
- ### `pause() => void`
287
-
288
- Pause animation play.
289
-
290
- #### Returns
291
-
292
- Type: `void`
293
-
294
- ### `play() => void`
295
-
296
- Start playing animation.
297
-
298
- #### Returns
299
-
300
- Type: `void`
301
-
302
- ### `setDirection(value: number) => void`
303
-
304
- Animation play direction.
305
-
306
- #### Parameters
307
-
308
- | Name | Type | Description |
309
- | ------- | -------- | ----------------- |
310
- | `value` | `number` | Direction values. |
311
-
312
- #### Returns
313
-
314
- Type: `void`
315
-
316
- ### `setLooping(value: boolean) => void`
317
-
318
- Sets the looping of the animation.
319
-
320
- #### Parameters
321
-
322
- | Name | Type | Description |
323
- | ------- | --------- | -------------------------------------------------------- |
324
- | `value` | `boolean` | Whether to enable looping. Boolean true enables looping. |
325
-
326
- #### Returns
327
-
328
- Type: `void`
329
-
330
- ### `setSpeed(value?: number) => void`
331
-
332
- Sets animation play speed.
333
-
334
- #### Parameters
335
-
336
- | Name | Type | Description |
337
- | ------- | -------- | --------------- |
338
- | `value` | `number` | Playback speed. |
339
-
340
- #### Returns
341
-
342
- Type: `void`
343
-
344
- ### `stop() => void`
345
-
346
- Stops animation play.
347
-
348
- #### Returns
349
-
350
- Type: `void`
351
-
352
- ### `seek(value: number | string) => void`
353
-
354
- Seek to a given frame. Frame value can be a number or a percent string (e.g. 50%).
355
-
356
- #### Returns
357
-
358
- Type: `void`
359
-
360
- ### `snapshot(download?: boolean) => string`
361
-
362
- Snapshot the current frame as SVG.
363
- If 'download' argument is boolean true, then a download is triggered in browser.
364
-
365
- #### Returns
366
-
367
- Type: `string`
368
-
369
- ### `toggleLooping() => void`
370
-
371
- Toggles animation looping.
372
-
373
- #### Returns
374
-
375
- Type: `void`
376
-
377
- ### `togglePlay() => void`
378
-
379
- Toggle playing state.
380
-
381
- #### Returns
382
-
383
- Type: `void`
384
-
385
- ### `resize() => void`
386
-
387
- Resize animation stage and elements in response to changes in component.
388
-
389
- #### Returns
390
-
391
- Type: `void`
392
-
393
- ## Events
394
-
395
- The following events are exposed and can be listened to via `addEventListener` calls.
396
-
397
- | Name | Description |
398
- | ---------- | ------------------------------------------------------------------------- |
399
- | `load` | Animation data is loaded. |
400
- | `error` | An animation source cannot be parsed, fails to load or has format errors. |
401
- | `ready` | Animation data is loaded and player is ready. |
402
- | `play` | Animation starts playing. |
403
- | `pause` | Animation is paused. |
404
- | `stop` | Animation is stopped. |
405
- | `freeze` | Animation is paused due to player being invisible. |
406
- | `loop` | An animation loop is completed. |
407
- | `complete` | Animation is complete (all loops completed). |
408
- | `frame` | A new frame is entered. |
409
-
410
- ## Styling
411
-
412
- | Custom property | Description | Default |
413
- | ----------------------------------------- | ------------------------- | ---------------------- |
414
- | --lottie-player-toolbar-height | Toolbar height | 35px |
415
- | --lottie-player-toolbar-background-color | Toolbar background color | transparent |
416
- | --lottie-player-toolbar-icon-color | Toolbar icon color | #999 |
417
- | --lottie-player-toolbar-icon-hover-color | Toolbar icon hover color | #222 |
418
- | --lottie-player-toolbar-icon-active-color | Toolbar icon active color | #555 |
419
- | --lottie-player-seeker-track-color | Seeker track color | #CCC |
420
- | --lottie-player-seeker-thumb-color | Seeker thumb color | rgba(0, 107, 120, 0.8) |
243
+ Full documentation on player properties, methods, events and styling for the Lottie-player are available [here](https://docs.lottiefiles.com/lottie-player).
244
+
245
+
246
+ ## Community & Support
247
+
248
+ - [Github issues.](https://github.com/LottieFiles/lottie-player/issues) For bugs and errors you encounter using this player.
249
+ - [Discord.](https://lottiefiles.com/discord) For hanging out with the community and sharing your awesome Lottie animations!
250
+
251
+ ## Our other Lottie related libraries
252
+
253
+ <table style="table-layout:fixed; white-space: nowrap;">
254
+ <tr>
255
+ <th>Project</th>
256
+ <th>Description</th>
257
+ </tr>
258
+ <!-- TEMPLATE FOR NEW ROW -->
259
+ <!-- START ROW
260
+ <tr>
261
+ <td>lang</td>
262
+ <td><a href="" target="_blank" rel="noopener noreferrer">supabase-lang</a></td>
263
+ </tr>
264
+ END ROW -->
265
+ <tr>
266
+ <td><a href="https://github.com/LottieFiles/lottie-react" target="_blank" rel="noopener noreferrer">lottie-react</a></td>
267
+ <td>
268
+ A React component for the Lottie Web player.
269
+ </td>
270
+ </tr>
271
+ <tr>
272
+ <td><a href="https://github.com/LottieFiles/lottie-vue" target="_blank" rel="noopener noreferrer">lottie-vue</a></td>
273
+ <td>
274
+ A Vue component for the Lottie player.
275
+ </td>
276
+ </tr>
277
+ <tr>
278
+ <td><a href="https://github.com/LottieFiles/svelte-lottie-player" target="_blank" rel="noopener noreferrer">svelte-lottie-player</a></td>
279
+ <td>
280
+ Lottie player component for use with Svelte.
281
+ </td>
282
+ </tr>
283
+ <tr>
284
+ <td><a href="https://github.com/LottieFiles/jlottie" target="_blank" rel="noopener noreferrer">jLottie</a></td>
285
+ <td>
286
+ jLottie is suitable as a general purpose lottie player, though implements a subset of the features in the core player - this approach leads to a tiny footprint and great performance.
287
+ </td>
288
+ </tr>
289
+ <tr>
290
+ <td><a href="https://github.com/LottieFiles/lottie-interactivity" target="_blank" rel="noopener noreferrer">lottie-interactivity</a></td>
291
+ <td>
292
+ This is a small library to add scrolling, cursor interactivity and interaction chaining to your Lottie Animations.
293
+ </td>
294
+ </tr>
295
+ <tr>
296
+ <td><a href="https://github.com/orgs/dotlottie/repositories" target="_blank" rel="noopener noreferrer">dotLottie</a></td>
297
+ <td>
298
+ dotLottie is an open-source file format that aggregates one or more Lottie files and their associated resources into a single file. They are ZIP archives compressed with the Deflate compression method and carry the file extension of ".lottie".
299
+ </td>
300
+ </tr>
301
+ <tr>
302
+ <td><a href="https://github.com/LottieFiles/lottie-js" target="_blank" rel="noopener noreferrer">lottie-js</a></td>
303
+ <td>
304
+ The library consists of methods to map the Lottie JSON to the object model and interact with properties as well as manipulate them.
305
+ </td>
306
+ </tr>
307
+ <tr>
308
+ <td><a href="https://github.com/LottieFiles/lottie-theming" target="_blank" rel="noopener noreferrer">lottie-theming</a></td>
309
+ <td>
310
+ A library to extract themable properties and apply different themes to a given Lottie
311
+ </td>
312
+ </tr>
313
+
314
+
315
+ </table>
421
316
 
422
317
  ## License
423
318
 
package/dist/lottie-player.d.ts CHANGED
@@ -1,4 +1,5 @@
1
- import { LitElement, TemplateResult } from "lit-element";
1
+ import { LitElement } from "lit";
2
+ import { TemplateResult } from "lit/html.js";
2
3
  export declare enum PlayerState {
3
4
  Destroyed = "destroyed",
4
5
  Error = "error",
@@ -59,7 +60,7 @@ export declare class LottiePlayer extends LitElement {
59
60
  */
60
61
  currentState: PlayerState;
61
62
  /**
62
- * Animation speed.
63
+ * Animation description for screen readers.
63
64
  */
64
65
  description: string;
65
66
  /**
@@ -181,7 +182,7 @@ export declare class LottiePlayer extends LitElement {
181
182
  /**
182
183
  * Returns the styles for the component.
183
184
  */
184
- static get styles(): import("lit-element").CSSResult;
185
+ static get styles(): import("lit").CSSResult;
185
186
  /**
186
187
  * Cleanup on component destroy.
187
188
  */
package/dist/lottie-player.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"lottie-player.d.ts","sourceRoot":"","sources":["src/lottie-player.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"lottie-player.d.ts","sourceRoot":"","sources":["../src/lottie-player.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAEvC,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAO7C,oBAAY,WAAW;IACrB,SAAS,cAAc;IACvB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,OAAO,YAAY;CACpB;AAGD,oBAAY,QAAQ;IAClB,MAAM,WAAW;IACjB,MAAM,WAAW;CAClB;AAGD,oBAAY,YAAY;IACtB,QAAQ,aAAa;IACrB,SAAS,cAAc;IACvB,KAAK,UAAU;IACf,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,IAAI,SAAS;IACb,KAAK,UAAU;IACf,IAAI,SAAS;IACb,KAAK,UAAU;IACf,QAAQ,aAAa;IACrB,IAAI,SAAS;CACd;AAED;;GAEG;AACH,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,CAa9D;AAiCD;;;;;;GAMG;AACH,qBACa,YAAa,SAAQ,UAAU;IAC1C;;OAEG;IAEI,QAAQ,EAAE,OAAO,CAAS;IAEjC;;OAEG;IAEI,UAAU,CAAC,EAAE,MAAM,CAAiB;IAE3C;;OAEG;IAEI,QAAQ,EAAE,OAAO,CAAS;IAEjC;;OAEG;IAEI,KAAK,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IAEI,YAAY,EAAE,WAAW,CAAuB;IAEvD;;OAEG;IAEI,WAAW,EAAE,MAAM,CAAsB;IAEhD;;OAEG;IAEI,SAAS,EAAE,MAAM,CAAK;IAE7B;;OAEG;IAEI,KAAK,EAAE,OAAO,CAAS;IAE9B;;OAEG;IAEI,YAAY,EAAE,MAAM,CAAK;IAEhC;;OAEG;IAEI,IAAI,EAAE,OAAO,CAAS;IAE7B;;OAEG;IAEI,IAAI,EAAE,QAAQ,CAAmB;IAExC;;OAEG;IAEI,mBAAmB,EAAE,MAAM,CAAmB;IAErD;;OAEG;IAEI,QAAQ,EAAE,KAAK,CAAS;IAE/B;;OAEG;IAGI,MAAM,EAAE,GAAG,CAAC;IAEnB;;OAEG;IAEI,KAAK,EAAE,MAAM,CAAK;IAEzB;;OAEG;IAEI,GAAG,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IAEI,UAAU,CAAC,EAAE,OAAO,CAAC;IAE5B;;OAEG;IAEH,SAAS,CAAC,SAAS,EAAG,WAAW,CAAC;IAElC,OAAO,CAAC,GAAG,CAA+C;IAG1D,OAAO,CAAC,OAAO,CAAC,CAAM;IAEtB,OAAO,CAAC,UAAU,CAAC,CAAM;IAEzB,OAAO,CAAC,QAAQ,CAAa;IAE7B;;OAEG;IACU,IAAI,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM;IA6DtC;;OAEG;IACI,SAAS,IAAI,GAAG;IAIvB;;OAEG;IACI,IAAI;IAWX;;OAEG;IACI,KAAK,IAAI,IAAI;IAWpB;;OAEG;IACI,IAAI,IAAI,IAAI;IAYnB;;OAEG;IACI,OAAO,IAAI,IAAI;IAYtB;;OAEG;IACI,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI;IA8BzC;;;;OAIG;IACI,QAAQ,CAAC,QAAQ,GAAE,OAAc,GAAG,MAAM,GAAG,IAAI;IAyBxD;;;;OAIG;IACI,QAAQ,CAAC,KAAK,SAAI,GAAG,IAAI;IAQhC;;;;OAIG;IACI,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAQxC;;;;OAIG;IACI,UAAU,CAAC,KAAK,EAAE,OAAO,GAAG,IAAI;IAOvC;;OAEG;IACI,UAAU,IAAI,IAAI;IAMzB;;OAEG;IACI,aAAa,IAAI,IAAI;IAI5B;;OAEG;IACI,MAAM;IAQb;;OAEG;IACH,MAAM,KAAK,MAAM,4BAEhB;IAED;;OAEG;IACI,oBAAoB,IAAI,IAAI;IAsB5B,MAAM,IAAI,cAAc,GAAG,IAAI;IA0BtC;;OAEG;IACH,SAAS,CAAC,YAAY,IAAI,IAAI;IAgC9B,SAAS,CAAC,cAAc,IAAI,cAAc;IA4F1C;;OAEG;IACH,OAAO,CAAC,mBAAmB;IAQ3B;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAUzB,OAAO,CAAC,qBAAqB;IA8G7B;;;;OAIG;IACH,OAAO,CAAC,MAAM;CAUf"}