@aarsteinmedia/dotlottie-player 6.3.6 → 6.3.9

package/dist/chunks/{DotLottiePlayerBase.d-BSagzEPB.d.ts → DotLottiePlayerBase.d-DaXI0b6M.d.ts}

@@ -7,8 +7,6 @@ declare abstract class PropertyCallbackElement extends HTMLElement {
     propertyChangedCallback(_name: string, _oldValue: unknown, _value: unknown): void;
 }
 
-declare function renderControls(this: DotLottiePlayerBase): void;
-
 declare function renderPlayer(this: DotLottiePlayerBase): Promise<void>;
 
 declare enum MouseOut {
@@ -105,10 +103,11 @@ declare abstract class DotLottiePlayerBase extends PropertyCallbackElement {
         scrollTimeout: NodeJS.Timeout | null;
     };
     protected _render: typeof renderPlayer;
-    protected _renderControls: typeof renderControls;
     protected _seeker: number;
     private _animations;
+    private _controlsLoadId;
     private _currentAnimation;
+    private _errorLoadId;
     private _intersectionObserver?;
     private _isBounce;
     private _isDotLottie;
@@ -153,6 +152,8 @@ declare abstract class DotLottiePlayerBase extends PropertyCallbackElement {
     protected _handleClick(): void;
     protected _handleSeekChange({ target }: Event): void;
     protected _handleSettingsClick({ target }: Event): void;
+    protected _renderControls: () => Promise<void>;
+    protected _showError(): Promise<void>;
     protected setOptions(_options: {
         container?: undefined | HTMLElement;
         rendererType: RendererType;

package/dist/chunks/errorScreen-CN8UGB0n.js

@@ -0,0 +1,7 @@
+import { PreserveAspectRatio, namespaceSVG } from '@aarsteinmedia/lottie-web/utils';
+
+function errorScreen(message) {
+    return /* HTML */ `<div class="error"><svg preserveAspectRatio="${PreserveAspectRatio.Cover}" xmlns="${namespaceSVG}" width="1920" height="1080" viewBox="0 0 1920 1080" style="white-space:preserve"><path fill="#fff" d="M0 0h1920v1080H0z"/><path fill="#3a6d8b" d="M1190.2 531 1007 212.4c-22-38.2-77.2-38-98.8.5L729.5 531.3c-21.3 37.9 6.1 84.6 49.5 84.6l361.9.3c43.7 0 71.1-47.3 49.3-85.2zM937.3 288.7c.2-7.5 3.3-23.9 23.2-23.9 16.3 0 23 16.1 23 23.5 0 55.3-10.7 197.2-12.2 214.5-.1 1-.9 1.7-1.9 1.7h-18.3c-1 0-1.8-.7-1.9-1.7-1.4-17.5-13.4-162.9-11.9-214.1zm24.2 283.8c-13.1 0-23.7-10.6-23.7-23.7s10.6-23.7 23.7-23.7 23.7 10.6 23.7 23.7-10.6 23.7-23.7 23.7zM722.1 644h112.6v34.4h-70.4V698h58.8v31.7h-58.8v22.6h72.4v36.2H722.1V644zm162 57.1h.6c8.3-12.9 18.2-17.8 31.3-17.8 3 0 5.1.4 6.3 1v32.6h-.8c-22.4-3.8-35.6 6.3-35.6 29.5v42.3h-38.2V685.5h36.4v15.6zm78.9 0h.6c8.3-12.9 18.2-17.8 31.3-17.8 3 0 5.1.4 6.3 1v32.6h-.8c-22.4-3.8-35.6 6.3-35.6 29.5v42.3h-38.2V685.5H963v15.6zm39.5 36.2c0-31.3 22.2-54.8 56.6-54.8 34.4 0 56.2 23.5 56.2 54.8s-21.8 54.6-56.2 54.6c-34.4-.1-56.6-23.3-56.6-54.6zm74 0c0-17.4-6.1-29.1-17.8-29.1-11.7 0-17.4 11.7-17.4 29.1 0 17.4 5.7 29.1 17.4 29.1s17.8-11.8 17.8-29.1zm83.1-36.2h.6c8.3-12.9 18.2-17.8 31.3-17.8 3 0 5.1.4 6.3 1v32.6h-.8c-22.4-3.8-35.6 6.3-35.6 29.5v42.3h-38.2V685.5h36.4v15.6z"/><path fill="none" d="M718.9 807.7h645v285.4h-645z"/><text fill="#3a6d8b" style="text-align:center;position:absolute;left:100%;font-size:47px;font-family:system-ui,-apple-system,BlinkMacSystemFont,'.SFNSText-Regular',sans-serif" x="50%" y="848.017" text-anchor="middle">${message}</text></svg></div>`;
+}
+
+export { errorScreen as default };

package/dist/full.d.ts

@@ -1,14 +1,13 @@
 import { RendererType, PreserveAspectRatio } from '@aarsteinmedia/lottie-web/utils';
-export { PlayMode, PlayerEvents, RendererType } from '@aarsteinmedia/lottie-web/utils';
+export { PlayMode, PlayerEvent, RendererType } from '@aarsteinmedia/lottie-web/utils';
 import * as _aarsteinmedia_lottie_web from '@aarsteinmedia/lottie-web';
-import { AnimationConfiguration, Vector2 } from '@aarsteinmedia/lottie-web';
-import { addAnimation, convert } from '@aarsteinmedia/lottie-web/dotlottie';
-import { D as DotLottiePlayerBase } from './chunks/DotLottiePlayerBase.d-BSagzEPB.js';
-export { M as MouseOut, P as PlayerState, t as tagName } from './chunks/DotLottiePlayerBase.d-BSagzEPB.js';
+import { AddAnimationParams, ConvertParams, AnimationConfiguration, Vector2 } from '@aarsteinmedia/lottie-web';
+import { D as DotLottiePlayerBase } from './chunks/DotLottiePlayerBase.d-DaXI0b6M.js';
+export { M as MouseOut, P as PlayerState, t as tagName } from './chunks/DotLottiePlayerBase.d-DaXI0b6M.js';
 
 declare class DotLottiePlayer extends DotLottiePlayerBase {
-    addAnimation: typeof addAnimation;
-    convert: typeof convert;
+    addAnimation(params: AddAnimationParams): Promise<_aarsteinmedia_lottie_web.Result>;
+    convert(params: ConvertParams): Promise<_aarsteinmedia_lottie_web.Result>;
     loadAnimation(config: AnimationConfiguration): _aarsteinmedia_lottie_web.AnimationItem;
     protected setOptions({ container, hasAutoplay, hasLoop, initialSegment, preserveAspectRatio, rendererType }: {
         container?: undefined | HTMLElement;

package/dist/full.js

@@ -1,15 +1,23 @@
 import { RendererType, isServer } from '@aarsteinmedia/lottie-web/utils';
-export { PlayMode, PlayerEvents, RendererType } from '@aarsteinmedia/lottie-web/utils';
-import Lottie from '@aarsteinmedia/lottie-web';
-import { addAnimation, convert } from '@aarsteinmedia/lottie-web/dotlottie';
-import { D as DotLottiePlayerBase, t as tagName } from './chunks/DotLottiePlayerBase-BBHa6yP8.js';
-export { M as MouseOut, P as PlayerState } from './chunks/DotLottiePlayerBase-BBHa6yP8.js';
+export { PlayMode, PlayerEvent, RendererType } from '@aarsteinmedia/lottie-web/utils';
+import { loadAnimation } from '@aarsteinmedia/lottie-web';
+import { D as DotLottiePlayerBase, l as loadDotLottieTools, t as tagName } from './chunks/DotLottiePlayerBase-B4yJibwF.js';
+export { M as MouseOut, P as PlayerState } from './chunks/DotLottiePlayerBase-B4yJibwF.js';
+import '@aarsteinmedia/lottie-web/dotlottie';
 
 /**
  * DotLottie Player Web Component.
  */ class DotLottiePlayer extends DotLottiePlayerBase {
+    async addAnimation(params) {
+        const { addAnimation } = await loadDotLottieTools();
+        return await addAnimation(params);
+    }
+    async convert(params) {
+        const { convert } = await loadDotLottieTools();
+        return await convert(params);
+    }
     loadAnimation(config) {
-        return Lottie.loadAnimation(config);
+        return loadAnimation(config);
     }
     setOptions({ container, hasAutoplay, hasLoop, initialSegment, preserveAspectRatio, rendererType }) {
         const options = {
@@ -38,7 +46,6 @@ export { M as MouseOut, P as PlayerState } from './chunks/DotLottiePlayerBase-BB
                 {
                     options.rendererSettings = {
                         ...options.rendererSettings,
-                        // clearCanvas: true,
                         preserveAspectRatio,
                         progressiveLoad: true
                     };
@@ -47,9 +54,6 @@ export { M as MouseOut, P as PlayerState } from './chunks/DotLottiePlayerBase-BB
         }
         return options;
     }
-    constructor(...args){
-        super(...args), this.addAnimation = addAnimation, this.convert = convert;
-    }
 }
 
 /**

package/dist/light.d.ts

@@ -1,9 +1,9 @@
 import { RendererType, PreserveAspectRatio } from '@aarsteinmedia/lottie-web/utils';
-export { PlayMode, PlayerEvents, RendererType } from '@aarsteinmedia/lottie-web/utils';
+export { PlayMode, PlayerEvent, RendererType } from '@aarsteinmedia/lottie-web/utils';
 import * as _aarsteinmedia_lottie_web from '@aarsteinmedia/lottie-web';
 import { AnimationConfiguration, Vector2 } from '@aarsteinmedia/lottie-web';
-import { D as DotLottiePlayerBase } from './chunks/DotLottiePlayerBase.d-BSagzEPB.js';
-export { M as MouseOut, P as PlayerState, t as tagName } from './chunks/DotLottiePlayerBase.d-BSagzEPB.js';
+import { D as DotLottiePlayerBase } from './chunks/DotLottiePlayerBase.d-DaXI0b6M.js';
+export { M as MouseOut, P as PlayerState, t as tagName } from './chunks/DotLottiePlayerBase.d-DaXI0b6M.js';
 
 declare class DotLottiePlayerLight extends DotLottiePlayerBase {
     get renderer(): RendererType;

package/dist/light.js

@@ -1,8 +1,8 @@
 import { RendererType, isServer } from '@aarsteinmedia/lottie-web/utils';
-export { PlayMode, PlayerEvents, RendererType } from '@aarsteinmedia/lottie-web/utils';
-import Lottie from '@aarsteinmedia/lottie-web/light';
-import { D as DotLottiePlayerBase, t as tagName } from './chunks/DotLottiePlayerBase-BBHa6yP8.js';
-export { M as MouseOut, P as PlayerState } from './chunks/DotLottiePlayerBase-BBHa6yP8.js';
+export { PlayMode, PlayerEvent, RendererType } from '@aarsteinmedia/lottie-web/utils';
+import { loadAnimation } from '@aarsteinmedia/lottie-web/light';
+import { D as DotLottiePlayerBase, t as tagName } from './chunks/DotLottiePlayerBase-B4yJibwF.js';
+export { M as MouseOut, P as PlayerState } from './chunks/DotLottiePlayerBase-B4yJibwF.js';
 import '@aarsteinmedia/lottie-web/dotlottie';
 
 /**
@@ -16,7 +16,7 @@ import '@aarsteinmedia/lottie-web/dotlottie';
         this.isLight = true;
     }
     loadAnimation(config) {
-        return Lottie.loadAnimation(config);
+        return loadAnimation(config);
     }
     setOptions({ container, hasAutoplay, hasLoop, initialSegment, preserveAspectRatio }) {
         const options = {

package/dist/svg.d.ts

@@ -1,9 +1,9 @@
 import { RendererType, PreserveAspectRatio } from '@aarsteinmedia/lottie-web/utils';
-export { PlayMode, PlayerEvents, RendererType } from '@aarsteinmedia/lottie-web/utils';
+export { PlayMode, PlayerEvent, RendererType } from '@aarsteinmedia/lottie-web/utils';
 import * as _aarsteinmedia_lottie_web from '@aarsteinmedia/lottie-web';
 import { AnimationConfiguration, Vector2 } from '@aarsteinmedia/lottie-web';
-import { D as DotLottiePlayerBase } from './chunks/DotLottiePlayerBase.d-BSagzEPB.js';
-export { M as MouseOut, P as PlayerState, t as tagName } from './chunks/DotLottiePlayerBase.d-BSagzEPB.js';
+import { D as DotLottiePlayerBase } from './chunks/DotLottiePlayerBase.d-DaXI0b6M.js';
+export { M as MouseOut, P as PlayerState, t as tagName } from './chunks/DotLottiePlayerBase.d-DaXI0b6M.js';
 
 declare class DotLottiePlayerSVG extends DotLottiePlayerBase {
     get renderer(): RendererType;

package/dist/svg.js

@@ -1,8 +1,8 @@
 import { RendererType, isServer } from '@aarsteinmedia/lottie-web/utils';
-export { PlayMode, PlayerEvents, RendererType } from '@aarsteinmedia/lottie-web/utils';
-import Lottie from '@aarsteinmedia/lottie-web/svg';
-import { D as DotLottiePlayerBase, t as tagName } from './chunks/DotLottiePlayerBase-BBHa6yP8.js';
-export { M as MouseOut, P as PlayerState } from './chunks/DotLottiePlayerBase-BBHa6yP8.js';
+export { PlayMode, PlayerEvent, RendererType } from '@aarsteinmedia/lottie-web/utils';
+import { loadAnimation } from '@aarsteinmedia/lottie-web/svg';
+import { D as DotLottiePlayerBase, t as tagName } from './chunks/DotLottiePlayerBase-B4yJibwF.js';
+export { M as MouseOut, P as PlayerState } from './chunks/DotLottiePlayerBase-B4yJibwF.js';
 import '@aarsteinmedia/lottie-web/dotlottie';
 
 /**
@@ -16,7 +16,7 @@ import '@aarsteinmedia/lottie-web/dotlottie';
         this.isLight = true;
     }
     loadAnimation(config) {
-        return Lottie.loadAnimation(config);
+        return loadAnimation(config);
     }
     setOptions({ container, hasAutoplay, hasLoop, initialSegment, preserveAspectRatio }) {
         const options = {