@lottiefiles/dotlottie-web 0.5.0 → 0.7.0

package/dist/dotlottie.d.ts

@@ -4,11 +4,16 @@ import { EventType, EventListener } from './event-manager.js';
  * Copyright 2023 Design Barn Inc.
  */
 
-interface Options {
+type Mode = 'normal' | 'reverse' | 'bounce' | 'bounce-reverse';
+interface Config {
     /**
      * Boolean indicating if the animation should start playing automatically.
      */
     autoplay?: boolean;
+    /**
+     * Animation canvas background color.
+     */
+    backgroundColor?: string;
     /**
      * The canvas element to render the animation on.
      */
@@ -23,6 +28,11 @@ interface Options {
      * Boolean indicating if the animation should loop.
      */
     loop?: boolean;
+    /**
+     *  The playback mode of the animation.
+     *
+     */
+    mode?: Mode;
     /**
      * The speed of the animation.
      */
@@ -39,6 +49,7 @@ declare class DotLottie {
     private _renderer;
     private _playing;
     private _beginTime;
+    private _elapsedTime;
     private _totalFrames;
     private _loop;
     private _speed;
@@ -46,7 +57,19 @@ declare class DotLottie {
     private _duration;
     private _loopCount;
     private _autoplay;
-    constructor(config: Options);
+    private _mode;
+    private _direction;
+    private _bounceCount;
+    private _animationFrameId?;
+    private _shouldAutoResizeCanvas;
+    private readonly _canvasResizeObserver?;
+    constructor(config: Config);
+    /**
+     * Gets the current direction of the animation.
+     *
+     * @returns The current direction of the animation.
+     */
+    get direction(): number;
     /**
      * Gets the current frame number.
      *
@@ -120,6 +143,23 @@ declare class DotLottie {
      * Loop that handles the animation playback.
      */
     private _animationLoop;
+    /**
+     * Adjusts the canvas size based on the device pixel ratio and the size of the canvas element.
+     *
+     */
+    _resizeAnimationToCanvas(): void;
+    /**
+     * Stops the animation loop.
+     *
+     * This is used to ensure that the animation loop is only stopped once.
+     */
+    _stopAnimationLoop(): void;
+    /**
+     * Starts the animation loop.
+     *
+     * This is used to ensure that the animation loop is only started once.
+     */
+    _startAnimationLoop(): void;
     /**
      * Starts the animation playback.
      */
@@ -147,6 +187,7 @@ declare class DotLottie {
      * @param frame - Frame number to set.
      */
     setFrame(frame: number): void;
+    load(config: Omit<Config, 'canvas'>): void;
     /**
      * Registers an event listener for a specific event type.
      *
@@ -173,4 +214,4 @@ declare class DotLottie {
     destroy(): void;
 }
 
-export { DotLottie, Options };
+export { Config, DotLottie, Mode };

package/dist/dotlottie.js

@@ -1,6 +1,6 @@
-export { b as DotLottie } from './chunk-LVR6J6SH.js';
+export { b as DotLottie } from './chunk-4GVX2PO3.js';
 import './chunk-2ELNS7EO.js';
-import './chunk-6PRCY2FC.js';
+import './chunk-SMXCTWPA.js';
 import './chunk-7Q3PPTBP.js';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=dotlottie.js.map

package/dist/index.d.ts

@@ -1,6 +1,6 @@
-export { DotLottie, Options } from './dotlottie.js';
+export { Config, DotLottie, Mode } from './dotlottie.js';
 export { BaseEvent, CompleteEvent, Event, EventListener, EventManager, EventType, FrameEvent, LoadErrorEvent, LoadEvent, LoopEvent, PauseEvent, PlayEvent, StopEvent } from './event-manager.js';
-export { getAnimationJSONFromDotLottie, loadAnimationJSONFromURL } from './utils.js';
+export { debounce, getAnimationJSONFromDotLottie, loadAnimationJSONFromURL } from './utils.js';
 
 /**
  * Copyright 2023 Design Barn Inc.

package/dist/index.js

@@ -1,6 +1,6 @@
-export { b as DotLottie, a as WasmLoader } from './chunk-LVR6J6SH.js';
+export { b as DotLottie, a as WasmLoader } from './chunk-4GVX2PO3.js';
 export { a as EventManager } from './chunk-2ELNS7EO.js';
-export { a as getAnimationJSONFromDotLottie, b as loadAnimationJSONFromURL } from './chunk-6PRCY2FC.js';
+export { c as debounce, a as getAnimationJSONFromDotLottie, b as loadAnimationJSONFromURL } from './chunk-SMXCTWPA.js';
 import './chunk-7Q3PPTBP.js';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=index.js.map

package/dist/utils.d.ts

@@ -3,5 +3,6 @@
  */
 declare function getAnimationJSONFromDotLottie(dotLottieBuffer: ArrayBuffer): Promise<string>;
 declare function loadAnimationJSONFromURL(animationURL: string): Promise<string>;
+declare function debounce<T extends (...args: any[]) => void>(func: T, wait: number): (...funcArgs: Parameters<T>) => void;
 
-export { getAnimationJSONFromDotLottie, loadAnimationJSONFromURL };
+export { debounce, getAnimationJSONFromDotLottie, loadAnimationJSONFromURL };

package/dist/utils.js

@@ -1,4 +1,4 @@
-export { a as getAnimationJSONFromDotLottie, b as loadAnimationJSONFromURL } from './chunk-6PRCY2FC.js';
+export { c as debounce, a as getAnimationJSONFromDotLottie, b as loadAnimationJSONFromURL } from './chunk-SMXCTWPA.js';
 import './chunk-7Q3PPTBP.js';
 //# sourceMappingURL=out.js.map
 //# sourceMappingURL=utils.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lottiefiles/dotlottie-web",
-  "version": "0.5.0",
+  "version": "0.7.0",
   "type": "module",
   "description": "Lottie and DotLottie player for the web",
   "repository": {
@@ -37,10 +37,7 @@
     "@dotlottie/dotlottie-js": "^0.6.0"
   },
   "devDependencies": {
-    "@size-limit/esbuild-why": "^10.0.2",
-    "@size-limit/preset-small-lib": "^10.0.2",
     "cross-env": "7.0.3",
-    "size-limit": "^10.0.2",
     "tsup": "7.2.0",
     "typescript": "5.0.4"
   },
@@ -53,7 +50,6 @@
     "build:wasm:docker": "./docker_build_wasm.sh",
     "dev": "tsup --watch",
     "lint": "eslint --fix .",
-    "size": "size-limit",
     "size:why": "size-limit --why --clean-dir --save-bundle ./tmp",
     "stats:eslint": "cross-env TIMING=1 eslint .",
     "stats:ts": "tsc -p tsconfig.build.json --extendedDiagnostics",