@aarsteinmedia/dotlottie-player 5.2.3 → 5.3.0

package/CHANGELOG.md

@@ -7,7 +7,15 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 Changelog was only added since [3.2.3], so it's not exhaustive. [Please report any missing noteable changes to us](https://github.com/aarsteinmedia/dotlottie-player/issues), and we'll add them promptly.
 
-## [5.2.3] - 11-06-2025
+## [5.3.0] - 20-06-2025
+
+- Fixed bug causing some elements to have wrong placement.
+- Fixed bug with toggling boomerang
+- Minor optimizations
+
+### Changed
+
+## [5.2.4] - 11-06-2025
 
 ### Changed
 
@@ -289,7 +297,7 @@ Changelog was only added since [3.2.3], so it's not exhaustive. [Please report a
 - Removed dependencies
   - `@lit`
 
-[5.2.3]: https://www.npmjs.com/package/@aarsteinmedia/dotlottie-player/v/5.2.3
+[5.2.4]: https://www.npmjs.com/package/@aarsteinmedia/dotlottie-player/v/5.2.4
 [5.2.0]: https://www.npmjs.com/package/@aarsteinmedia/dotlottie-player/v/5.2.0
 [5.1.13]: https://www.npmjs.com/package/@aarsteinmedia/dotlottie-player/v/5.1.13
 [5.1.11]: https://www.npmjs.com/package/@aarsteinmedia/dotlottie-player/v/5.1.11

package/custom-elements.json

@@ -10,10 +10,6 @@
           "kind": "variable",
           "name": "PlayerState"
         },
-        {
-          "kind": "variable",
-          "name": "PlayMode"
-        },
         {
           "kind": "class",
           "description": "DotLottie Player Web Component.",
@@ -77,6 +73,11 @@
               "name": "intermission",
               "description": "Pause between loop intrations, in miliseconds."
             },
+            {
+              "kind": "field",
+              "name": "isDotLottie",
+              "readonly": true
+            },
             {
               "kind": "field",
               "name": "loop",
@@ -122,32 +123,6 @@
               "name": "subframe",
               "description": "Subframe."
             },
-            {
-              "kind": "method",
-              "name": "addAnimation",
-              "parameters": [
-                {
-                  "name": "configs"
-                },
-                {
-                  "name": "fileName"
-                },
-                {
-                  "name": "shouldDownload",
-                  "default": "true"
-                }
-              ],
-              "description": "Creates a new dotLottie file, by combinig several animations.\nIf set to false the function returns an ArrayBuffer. Defaults to true."
-            },
-            {
-              "kind": "method",
-              "name": "convert",
-              "parameters": [
-                {
-                  "name": "{ animations: animationsFromProps, fileName, manifest, shouldDownload = true, src: srcFromProps, typeCheck }"
-                }
-              ]
-            },
             {
               "kind": "method",
               "name": "destroy",
@@ -368,6 +343,16 @@
               ],
               "description": "Handles click and drag actions on the progress track."
             },
+            {
+              "kind": "method",
+              "name": "_handleSettingsClick",
+              "parameters": [
+                {
+                  "name": "{ target }"
+                }
+              ],
+              "description": "Handle settings click event."
+            },
             {
               "kind": "method",
               "name": "_addEventListeners",
@@ -480,6 +465,16 @@
               ],
               "description": "Toggle show Settings."
             },
+            {
+              "kind": "field",
+              "name": "addAnimation",
+              "default": "addAnimation"
+            },
+            {
+              "kind": "field",
+              "name": "convert",
+              "default": "convert"
+            },
             {
               "kind": "field",
               "name": "playerState"
@@ -586,10 +581,6 @@
               },
               "default": "[]"
             },
-            {
-              "kind": "field",
-              "name": "_handleSettingsClick"
-            },
             {
               "kind": "field",
               "name": "template"
@@ -655,6 +646,14 @@
         }
       ],
       "exports": [
+        {
+          "kind": "js",
+          "name": "PlayMode",
+          "declaration": {
+            "name": "PlayMode",
+            "package": "@aarsteinmedia/lottie-web/utils"
+          }
+        },
         {
           "kind": "js",
           "name": "PlayerEvents",
@@ -671,14 +670,6 @@
             "module": "dist/index.js"
           }
         },
-        {
-          "kind": "js",
-          "name": "PlayMode",
-          "declaration": {
-            "name": "PlayMode",
-            "module": "dist/index.js"
-          }
-        },
         {
           "kind": "js",
           "name": "PlayerState",

package/dist/index.d.ts

@@ -1,20 +1,8 @@
-export { PlayerEvents } from '@aarsteinmedia/lottie-web/utils';
-import { AnimationSettings, AnimationData, LottieManifest, AnimationDirection, AnimationItem, Vector2 } from '@aarsteinmedia/lottie-web';
+import { PlayMode, PreserveAspectRatio, RendererType } from '@aarsteinmedia/lottie-web/utils';
+export { PlayMode, PlayerEvents } from '@aarsteinmedia/lottie-web/utils';
+import { AnimationDirection, AnimationItem, LottieManifest, AnimationSettings, Vector2 } from '@aarsteinmedia/lottie-web';
+import { addAnimation, convert } from '@aarsteinmedia/lottie-web/dotlottie';
 
-interface Animation extends AnimationSettings {
-    id: string;
-}
-interface AnimationAttributes extends Animation {
-    url: string;
-}
-interface ConvertParams {
-    animations?: AnimationData[];
-    fileName?: string;
-    manifest?: LottieManifest;
-    shouldDownload?: boolean;
-    src?: string;
-    typeCheck?: boolean;
-}
 type AnimateOnScroll = boolean | '' | null;
 type Autoplay = boolean | '' | 'autoplay' | null;
 type Controls = boolean | '' | 'controls' | null;
@@ -56,7 +44,7 @@ declare module 'react/jsx-dev-runtime' {
 
 declare abstract class PropertyCallbackElement extends HTMLElement {
     constructor();
-    connectedCallback(): Promise<void>;
+    connectedCallback(): void;
     propertyChangedCallback(_name: string, _oldValue: unknown, _value: unknown): void;
 }
 
@@ -74,26 +62,13 @@ declare enum PlayerState {
     Playing = "playing",
     Stopped = "stopped"
 }
-declare enum PlayMode {
-    Bounce = "bounce",
-    Normal = "normal"
-}
-declare enum PreserveAspectRatio {
-    Contain = "xMidYMid meet",
-    Cover = "xMidYMid slice",
-    Initial = "none",
-    None = "xMinYMin slice"
-}
-declare enum RendererType {
-    Canvas = "canvas",
-    HTML = "html",
-    SVG = "svg"
-}
 
 declare class DotLottiePlayer extends PropertyCallbackElement {
     static get observedAttributes(): string[];
     static get observedProperties(): string[];
     static get styles(): () => Promise<CSSStyleSheet>;
+    addAnimation: typeof addAnimation;
+    convert: typeof convert;
     playerState: PlayerState;
     shadow: ShadowRoot | undefined;
     source?: string;
@@ -116,6 +91,7 @@ declare class DotLottiePlayer extends PropertyCallbackElement {
     get hover(): boolean;
     set intermission(value: number);
     get intermission(): number;
+    get isDotLottie(): boolean;
     set loop(value: Loop);
     get loop(): Loop;
     set mode(value: PlayMode);
@@ -159,14 +135,8 @@ declare class DotLottiePlayer extends PropertyCallbackElement {
     private _multiAnimationSettings;
     private _segment?;
     constructor();
-    addAnimation(configs: AnimationAttributes[], fileName?: string, shouldDownload?: boolean): Promise<{
-        result?: null | ArrayBuffer;
-        success: boolean;
-        error?: string;
-    }>;
     attributeChangedCallback(name: string, _oldValue: unknown, value: string): Promise<void>;
-    connectedCallback(): Promise<void>;
-    convert({ animations: animationsFromProps, fileName, manifest, shouldDownload, src: srcFromProps, typeCheck, }: ConvertParams): Promise<string | ArrayBuffer | null>;
+    connectedCallback(): void;
     destroy(): void;
     disconnectedCallback(): void;
     getLottie(): AnimationItem | null;
@@ -196,7 +166,7 @@ declare class DotLottiePlayer extends PropertyCallbackElement {
     protected _freeze(): void;
     protected _handleBlur(): void;
     protected _handleSeekChange({ target }: Event): void;
-    protected _handleSettingsClick: ({ target }: Event) => void;
+    protected _handleSettingsClick({ target }: Event): void;
     private _addEventListeners;
     private _addIntersectionObserver;
     private _complete;
@@ -220,4 +190,4 @@ declare class DotLottiePlayer extends PropertyCallbackElement {
 
 declare const tagName = "dotlottie-player";
 
-export { PlayMode, PlayerState, DotLottiePlayer as default, tagName };
+export { PlayerState, DotLottiePlayer as default, tagName };