@lottiefiles/lottie-player 1.7.0 → 2.0.0

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2019 LottieFiles.com
+Copyright (c) 2023 LottieFiles.com
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/dist/lottie-player.d.ts

@@ -1,233 +1,252 @@
-import { LitElement } from "lit";
-import { TemplateResult } from "lit/html.js";
-export declare enum PlayerState {
-    Destroyed = "destroyed",
-    Error = "error",
-    Frozen = "frozen",
-    Loading = "loading",
-    Paused = "paused",
-    Playing = "playing",
-    Stopped = "stopped"
-}
-export declare enum PlayMode {
-    Bounce = "bounce",
-    Normal = "normal"
-}
-export declare enum PlayerEvents {
-    Complete = "complete",
-    Destroyed = "destroyed",
-    Error = "error",
-    Frame = "frame",
-    Freeze = "freeze",
-    Load = "load",
-    Loop = "loop",
-    Pause = "pause",
-    Play = "play",
-    Ready = "ready",
-    Rendered = "rendered",
-    Stop = "stop"
-}
-export interface Versions {
-    lottiePlayerVersion: string;
-    lottieWebVersion: string;
-}
-/**
- * Parse a resource into a JSON object or a URL string
- */
-export declare function parseSrc(src: string | object): string | object;
-/**
- * LottiePlayer web component class
- *
- * @export
- * @class LottiePlayer
- * @extends {LitElement}
- */
-export declare class LottiePlayer extends LitElement {
-    /**
-     * Autoplay animation on load.
-     */
-    autoplay: boolean;
-    /**
-     * Background color.
-     */
-    background?: string;
-    /**
-     * Show controls.
-     */
-    controls: boolean;
-    /**
-     * Number of times to loop animation.
-     */
-    count?: number;
-    /**
-     * Player state.
-     */
-    currentState: PlayerState;
-    /**
-     * Animation description for screen readers.
-     */
-    description: string;
-    /**
-     * Direction of animation.
-     */
-    direction: number;
-    /**
-     * Disable checking if the Lottie is valid before loading
-     */
-    disableCheck?: boolean;
-    /**
-     * Disable using shadow dom as the root
-     */
-    disableShadowDOM: boolean;
-    /**
-     * Whether to play on mouse hover
-     */
-    hover: boolean;
-    /**
-     * Intermission
-     */
-    intermission: number;
-    /**
-     * Whether to loop animation.
-     */
-    loop: boolean;
-    /**
-     * Play mode.
-     */
-    mode: PlayMode;
-    /**
-     * Aspect ratio to pass to lottie-web.
-     */
-    preserveAspectRatio: string;
-    /**
-     * Renderer to use.
-     */
-    renderer: "svg";
-    /**
-     * Viewbox size for renderer settings
-     */
-    viewBoxSize?: string;
-    /**
-     * seeker
-     */
-    seeker: any;
-    /**
-     * Animation speed.
-     */
-    speed: number;
-    /**
-     * Bodymovin JSON data or URL to JSON.
-     */
-    src?: string;
-    /**
-     * Enable web workers
-     */
-    webworkers?: boolean;
-    /**
-     * Animation container.
-     */
-    protected container: HTMLElement;
-    private _io;
-    private _lottie?;
-    private _prevState?;
-    private _counter;
-    /**
-     * Configure and initialize lottie-web player instance.
-     */
-    load(src: string | object): Promise<void>;
-    /**
-     * Returns the lottie-web instance used in the component.
-     */
-    getLottie(): any;
-    /**
-     * Returns the lottie-web version and this player's version
-     */
-    getVersions(): Versions;
-    /**
-     * Start playing animation.
-     */
-    play(): void;
-    /**
-     * Pause animation play.
-     */
-    pause(): void;
-    /**
-     * Stops animation play.
-     */
-    stop(): void;
-    /**
-     * Destroy animation and lottie-player element.
-     */
-    destroy(): void;
-    /**
-     * Seek to a given frame.
-     */
-    seek(value: number | string): void;
-    /**
-     * Snapshot the current frame as SVG.
-     *
-     * If 'download' argument is boolean true, then a download is triggered in browser.
-     */
-    snapshot(download?: boolean): string | void;
-    /**
-     * Sets animation play speed.
-     *
-     * @param value Playback speed.
-     */
-    setSpeed(value?: number): void;
-    /**
-     * Animation play direction.
-     *
-     * @param value Direction values.
-     */
-    setDirection(value: number): void;
-    /**
-     * Sets the looping of the animation.
-     *
-     * @param value Whether to enable looping. Boolean true enables looping.
-     */
-    setLooping(value: boolean): void;
-    /**
-     * Toggle playing state.
-     */
-    togglePlay(): void;
-    /**
-     * Toggles animation looping.
-     */
-    toggleLooping(): void;
-    /**
-     * Resize animation.
-     */
-    resize(): void;
-    /**
-     * Returns the styles for the component.
-     */
-    static get styles(): import("lit").CSSResult;
-    /**
-     * Cleanup on component destroy.
-     */
-    disconnectedCallback(): void;
-    render(): TemplateResult | void;
-    protected createRenderRoot(): Element | ShadowRoot;
-    /**
-     * Initialize everything on component first render.
-     */
-    protected firstUpdated(): void;
-    protected renderControls(): TemplateResult;
-    /**
-     * Handle visibility change events.
-     */
-    private _onVisibilityChange;
-    /**
-     * Handles click and drag actions on the progress track.
-     */
-    private _handleSeekChange;
-    private _attachEventListeners;
-    /**
-     * Freeze animation play.
-     * This internal state pauses animation and is used to differentiate between
-     * user requested pauses and component instigated pauses.
-     */
-    private freeze;
-}
-//# sourceMappingURL=lottie-player.d.ts.map
+import { LitElement, CSSResult } from 'lit';
+import { TemplateResult } from 'lit/html.js';
+import { AnimationItem } from 'lottie-web';
+
+/**
+ * Copyright 2023 Design Barn Inc.
+ */
+
+declare enum PlayerState {
+    Destroyed = "destroyed",
+    Error = "error",
+    Frozen = "frozen",
+    Loading = "loading",
+    Ready = "ready",
+    Paused = "paused",
+    Playing = "playing",
+    Stopped = "stopped"
+}
+declare enum PlayMode {
+    Bounce = "bounce",
+    Normal = "normal"
+}
+declare enum PlayerEvents {
+    Complete = "complete",
+    Destroyed = "destroyed",
+    Error = "error",
+    Frame = "frame",
+    Freeze = "freeze",
+    Load = "load",
+    Loop = "loop",
+    Pause = "pause",
+    Play = "play",
+    Ready = "ready",
+    Rendered = "rendered",
+    Stop = "stop"
+}
+interface Versions {
+    lottiePlayerVersion: string;
+    lottieWebVersion: string;
+}
+interface InternalPlayerState {
+    background: string;
+    currentState: PlayerState;
+    frame: number;
+    seeker: number;
+    autoplay: boolean;
+    direction: number;
+    hover: boolean;
+    intermission: number;
+    loop: boolean;
+    count?: number;
+    playMode: PlayMode;
+    speed: number;
+}
+/**
+ * Parse a resource into a JSON object or a URL string
+ */
+declare function parseSrc(src: string | AnimationItem): string | AnimationItem;
+/**
+ * LottiePlayer web component class
+ *
+ */
+declare class LottiePlayer extends LitElement {
+    /**
+     * Autoplay animation on load.
+     */
+    autoplay: boolean;
+    /**
+     * Background color.
+     */
+    background?: string;
+    /**
+     * Show controls.
+     */
+    controls: boolean;
+    /**
+     * Number of times to loop animation.
+     */
+    count?: number;
+    /**
+     * Player state.
+     */
+    currentState: PlayerState;
+    /**
+     * Animation description for screen readers.
+     */
+    description: string;
+    /**
+     * Direction of animation.
+     */
+    direction: number;
+    /**
+     * Disable checking if the Lottie is valid before loading
+     */
+    disableCheck?: boolean;
+    /**
+     * Disable using shadow dom as the root
+     */
+    disableShadowDOM: boolean;
+    /**
+     * Whether to play on mouse hover
+     */
+    hover: boolean;
+    /**
+     * Intermission
+     */
+    intermission: number;
+    /**
+     * Whether to loop animation.
+     */
+    loop: boolean;
+    /**
+     * Play mode.
+     */
+    mode: PlayMode;
+    /**
+     * Aspect ratio to pass to lottie-web.
+     */
+    preserveAspectRatio: string;
+    /**
+     * Renderer to use.
+     */
+    renderer: 'svg' | 'canvas';
+    /**
+     * seeker
+     */
+    seeker: number;
+    /**
+     * Animation speed.
+     */
+    speed: number;
+    /**
+     * Bodymovin JSON data or URL to JSON.
+     */
+    src?: string;
+    /**
+     * Viewbox size for renderer settings
+     */
+    viewBoxSize?: string;
+    /**
+     * Enable web workers
+     */
+    webworkers?: boolean;
+    /**
+     * Animation container.
+     */
+    protected container: HTMLElement;
+    private _counter;
+    private _io;
+    private _lottie?;
+    /**
+     * Destroy animation and lottie-player element.
+     */
+    destroy(): void;
+    /**
+     * Cleanup on component destroy.
+     */
+    disconnectedCallback(): void;
+    /**
+     * Returns the lottie-web instance used in the component.
+     */
+    getLottie(): any;
+    /**
+     * Returns the lottie-web version and this player's version
+     */
+    getVersions(): Versions;
+    /**
+     * Configure and initialize lottie-web player instance.
+     */
+    load(src: string | AnimationItem): Promise<void>;
+    /**
+     * Pause animation play.
+     */
+    pause(): void;
+    /**
+     * Start playing animation.
+     */
+    play(): void;
+    getState(): InternalPlayerState;
+    render(): TemplateResult | void;
+    /**
+     * Resize animation.
+     */
+    resize(): void;
+    /**
+     * Seek to a given frame.
+     */
+    seek(value: number | string): void;
+    /**
+     * Animation play direction.
+     *
+     * @param value - Direction values.
+     */
+    setDirection(value: 1 | -1): void;
+    /**
+     * Sets the looping of the animation.
+     *
+     * @param value - Whether to enable looping. Boolean true enables looping.
+     */
+    setLooping(value: boolean): void;
+    /**
+     * Sets animation play speed.
+     *
+     * @param value - Playback speed.
+     */
+    setSpeed(value?: number): void;
+    /**
+     * Snapshot the current frame as SVG.
+     *
+     * If 'download' argument is boolean true, then a download is triggered in browser.
+     */
+    snapshot(download?: boolean): string;
+    /**
+     * Stops animation play.
+     */
+    stop(): void;
+    /**
+     * Toggles animation looping.
+     */
+    toggleLooping(): void;
+    /**
+     * Toggle playing state.
+     */
+    togglePlay(): void;
+    /**
+     * Returns the styles for the component.
+     */
+    static get styles(): CSSResult;
+    protected createRenderRoot(): Element | ShadowRoot;
+    /**
+     * Initialize everything on component first render.
+     */
+    protected firstUpdated(): Promise<void>;
+    protected renderControls(): TemplateResult;
+    private _attachEventListeners;
+    /**
+     * Freeze animation play.
+     * This internal state pauses animation and is used to differentiate between
+     * user requested pauses and component instigated pauses.
+     */
+    private _freeze;
+    /**
+     * Handles click and drag actions on the progress track.
+     */
+    private _handleSeekChange;
+    /**
+     * Handle visibility change events.
+     */
+    private _onVisibilityChange;
+}
+
+export { InternalPlayerState, LottiePlayer, PlayMode, PlayerEvents, PlayerState, Versions, parseSrc };