@lottiefiles/lottie-player 2.0.0 → 2.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,6 @@
1
+ /**
2
+ * Copyright 2021 Design Barn Inc.
3
+ */
4
+ declare const _default: import("lit").CSSResult;
5
+ export default _default;
6
+ //# sourceMappingURL=lottie-player.styles.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"lottie-player.styles.d.ts","sourceRoot":"","sources":["../src/lottie-player.styles.ts"],"names":[],"mappings":"AAAA;;GAEG;;AAIH,wBA6JE"}
@@ -1,263 +1,29 @@
1
- import { LitElement, CSSResult } from 'lit';
2
- import { TemplateResult } from 'lit/html.js';
3
- import { AnimationItem } from 'lottie-web';
4
-
5
- /**
6
- * Copyright 2023 Design Barn Inc.
7
- */
8
-
9
- declare enum PlayerState {
10
- Destroyed = "destroyed",
11
- Error = "error",
12
- Frozen = "frozen",
13
- Loading = "loading",
14
- Ready = "ready",
15
- Paused = "paused",
16
- Playing = "playing",
17
- Stopped = "stopped"
18
- }
19
- declare enum PlayMode {
20
- Bounce = "bounce",
21
- Normal = "normal"
22
- }
23
- interface Versions {
24
- lottiePlayerVersion: string;
25
- lottieWebVersion: string;
26
- }
27
- interface InternalPlayerState {
28
- background: string;
29
- currentState: PlayerState;
30
- frame: number;
31
- seeker: number;
32
- autoplay: boolean;
33
- direction: number;
34
- hover: boolean;
35
- intermission: number;
36
- loop: boolean;
37
- count?: number;
38
- playMode: PlayMode;
39
- speed: number;
40
- }
41
- /**
42
- * LottiePlayer web component class
43
- *
44
- */
45
- declare class LottiePlayer extends LitElement {
46
- /**
47
- * Autoplay animation on load.
48
- */
49
- autoplay: boolean;
50
- /**
51
- * Background color.
52
- */
53
- background?: string;
54
- /**
55
- * Show controls.
56
- */
57
- controls: boolean;
58
- /**
59
- * Number of times to loop animation.
60
- */
61
- count?: number;
62
- /**
63
- * Player state.
64
- */
65
- currentState: PlayerState;
66
- /**
67
- * Animation description for screen readers.
68
- */
69
- description: string;
70
- /**
71
- * Direction of animation.
72
- */
73
- direction: number;
74
- /**
75
- * Disable checking if the Lottie is valid before loading
76
- */
77
- disableCheck?: boolean;
78
- /**
79
- * Disable using shadow dom as the root
80
- */
81
- disableShadowDOM: boolean;
82
- /**
83
- * Whether to play on mouse hover
84
- */
85
- hover: boolean;
86
- /**
87
- * Intermission
88
- */
89
- intermission: number;
90
- /**
91
- * Whether to loop animation.
92
- */
93
- loop: boolean;
94
- /**
95
- * Play mode.
96
- */
97
- mode: PlayMode;
98
- /**
99
- * Aspect ratio to pass to lottie-web.
100
- */
101
- preserveAspectRatio: string;
102
- /**
103
- * Renderer to use.
104
- */
105
- renderer: 'svg' | 'canvas';
106
- /**
107
- * seeker
108
- */
109
- seeker: number;
110
- /**
111
- * Animation speed.
112
- */
113
- speed: number;
114
- /**
115
- * Bodymovin JSON data or URL to JSON.
116
- */
117
- src?: string;
118
- /**
119
- * Viewbox size for renderer settings
120
- */
121
- viewBoxSize?: string;
122
- /**
123
- * Enable web workers
124
- */
125
- webworkers?: boolean;
126
- /**
127
- * Animation container.
128
- */
129
- protected container: HTMLElement;
130
- private _counter;
131
- private _io;
132
- private _lottie?;
133
- /**
134
- * Destroy animation and lottie-player element.
135
- */
136
- destroy(): void;
137
- /**
138
- * Cleanup on component destroy.
139
- */
140
- disconnectedCallback(): void;
141
- /**
142
- * Returns the lottie-web instance used in the component.
143
- */
144
- getLottie(): any;
145
- /**
146
- * Returns the lottie-web version and this player's version
147
- */
148
- getVersions(): Versions;
149
- /**
150
- * Configure and initialize lottie-web player instance.
151
- */
152
- load(src: string | AnimationItem): Promise<void>;
153
- /**
154
- * Pause animation play.
155
- */
156
- pause(): void;
157
- /**
158
- * Start playing animation.
159
- */
160
- play(): void;
161
- getState(): InternalPlayerState;
162
- render(): TemplateResult | void;
163
- /**
164
- * Resize animation.
165
- */
166
- resize(): void;
167
- /**
168
- * Seek to a given frame.
169
- */
170
- seek(value: number | string): void;
171
- /**
172
- * Animation play direction.
173
- *
174
- * @param value - Direction values.
175
- */
176
- setDirection(value: 1 | -1): void;
177
- /**
178
- * Sets the looping of the animation.
179
- *
180
- * @param value - Whether to enable looping. Boolean true enables looping.
181
- */
182
- setLooping(value: boolean): void;
183
- /**
184
- * Sets animation play speed.
185
- *
186
- * @param value - Playback speed.
187
- */
188
- setSpeed(value?: number): void;
189
- /**
190
- * Snapshot the current frame as SVG.
191
- *
192
- * If 'download' argument is boolean true, then a download is triggered in browser.
193
- */
194
- snapshot(download?: boolean): string;
195
- /**
196
- * Stops animation play.
197
- */
198
- stop(): void;
199
- /**
200
- * Toggles animation looping.
201
- */
202
- toggleLooping(): void;
203
- /**
204
- * Toggle playing state.
205
- */
206
- togglePlay(): void;
207
- /**
208
- * Returns the styles for the component.
209
- */
210
- static get styles(): CSSResult;
211
- protected createRenderRoot(): Element | ShadowRoot;
212
- /**
213
- * Initialize everything on component first render.
214
- */
215
- protected firstUpdated(): Promise<void>;
216
- protected renderControls(): TemplateResult;
217
- private _attachEventListeners;
218
- /**
219
- * Freeze animation play.
220
- * This internal state pauses animation and is used to differentiate between
221
- * user requested pauses and component instigated pauses.
222
- */
223
- private _freeze;
224
- /**
225
- * Handles click and drag actions on the progress track.
226
- */
227
- private _handleSeekChange;
228
- /**
229
- * Handle visibility change events.
230
- */
231
- private _onVisibilityChange;
232
- }
233
-
234
- /**
235
- * Copyright 2023 Design Barn Inc.
236
- */
237
-
238
- /**
239
- * TGSPlayer web component class
240
- *
241
- * @export
242
- * @class TGSPlayer
243
- * @extends {LottiePlayer}
244
- */
245
- declare class TGSPlayer extends LottiePlayer {
246
- /**
247
- * Strict format checks for TGS.
248
- */
249
- strict: boolean;
250
- /**
251
- * Configure and initialize lottie-web player instance.
252
- */
253
- load(src: string | AnimationItem): Promise<void>;
254
- /**
255
- * Returns the styles for the component.
256
- */
257
- static get styles(): CSSResult;
258
- protected formatCheck(data: any): string[];
259
- private checkLayer;
260
- private checkItems;
261
- }
262
-
263
- export { TGSPlayer };
1
+ /**
2
+ * Copyright 2022 Design Barn Inc.
3
+ */
4
+ import { LottiePlayer } from "./lottie-player";
5
+ /**
6
+ * TGSPlayer web component class
7
+ *
8
+ * @export
9
+ * @class TGSPlayer
10
+ * @extends {LottiePlayer}
11
+ */
12
+ export declare class TGSPlayer extends LottiePlayer {
13
+ /**
14
+ * Strict format checks for TGS.
15
+ */
16
+ strict: boolean;
17
+ /**
18
+ * Configure and initialize lottie-web player instance.
19
+ */
20
+ load(src: string | object): Promise<void>;
21
+ /**
22
+ * Returns the styles for the component.
23
+ */
24
+ static get styles(): import("lit").CSSResult;
25
+ protected formatCheck(data: any): string[];
26
+ private checkLayer;
27
+ private checkItems;
28
+ }
29
+ //# sourceMappingURL=tgs-player.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tgs-player.d.ts","sourceRoot":"","sources":["../src/tgs-player.ts"],"names":[],"mappings":"AAAA;;GAEG;AAKH,OAAO,EAAE,YAAY,EAA0B,MAAM,iBAAiB,CAAC;AAyCvE;;;;;;GAMG;AACH,qBACa,SAAU,SAAQ,YAAY;IACzC;;OAEG;IAEI,MAAM,UAAQ;IAErB;;OAEG;IACU,IAAI,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,IAAI,CAAC;IA4BtD;;OAEG;IACH,MAAM,KAAK,MAAM,4BAEhB;IAED,SAAS,CAAC,WAAW,CAAC,IAAI,EAAE,GAAG,GAAG,MAAM,EAAE;IAoC1C,OAAO,CAAC,UAAU;IAgDlB,OAAO,CAAC,UAAU;CA6BnB"}