@lottiefiles/lottie-player 1.5.2 → 1.5.6

Sign up to get free protection for your applications and to get access to all the features.
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":"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"}