@aarsteinmedia/dotlottie-player 6.5.7 → 6.6.0

package/dist/chunks/{constants.d-t4RBAbwL.d.ts → DotLottiePlayerCanvas.d-CBwsqsPc.d.ts}

@@ -1,38 +1,15 @@
-import { HTMLBooleanAttribute, AnimationData, AnimationDirection, AnimationItem, LottieManifest, AnimationSettings, AnimationConfiguration, Vector2 } from '@aarsteinmedia/lottie-web';
+import * as _aarsteinmedia_lottie_web from '@aarsteinmedia/lottie-web';
+import { HTMLBooleanAttribute, AnimationData, AnimationDirection, AnimationItem, LottieManifest, AnimationSettings, AnimationConfiguration, Vector2, AddAnimationParams, ConvertParams } from '@aarsteinmedia/lottie-web';
 import { PlayMode, PreserveAspectRatio, RendererType } from '@aarsteinmedia/lottie-web/utils';
+import { P as PlayerState, M as MouseOut, O as ObjectFit, t as tagName } from './utilities.d-BCeerq0j.js';
 
 declare abstract class PropertyCallbackElement extends HTMLElement {
     constructor();
-    connectedCallback(): void;
     propertyChangedCallback(_name: string, _oldValue: unknown, _value: unknown): void;
 }
 
-declare enum ObjectFit {
-    Contain = "contain",
-    Cover = "cover",
-    Fill = "fill",
-    None = "none",
-    ScaleDown = "scale-down"
-}
-declare enum MouseOut {
-    Pause = "pause",
-    Reverse = "reverse",
-    Stop = "stop",
-    Void = "void"
-}
-declare enum PlayerState {
-    Completed = "completed",
-    Destroyed = "destroyed",
-    Error = "error",
-    Frozen = "frozen",
-    Loading = "loading",
-    Paused = "paused",
-    Playing = "playing",
-    Stopped = "stopped"
-}
-
 declare abstract class BaseElement extends PropertyCallbackElement {
-    static get styles(): () => Promise<CSSStyleSheet>;
+    static get styles(): Promise<CSSStyleSheet>;
     playerState: PlayerState;
     set animateOnScroll(value: HTMLBooleanAttribute);
     get animateOnScroll(): HTMLBooleanAttribute;
@@ -113,6 +90,7 @@ declare abstract class ScrollElement extends BaseElement {
     isIntersecting: boolean;
     private _intersectionObserver?;
     private _scrollProbe?;
+    private _useGeometricScroll;
     applyScrollProgress(): void;
     cancelIntersectionObserver(): void;
     cancelScrollProbe(): void;
@@ -127,19 +105,31 @@ declare abstract class ScrollElement extends BaseElement {
 }
 
 declare abstract class DotLottiePlayerBase extends ScrollElement {
-    static get observedAttributes(): readonly ["animateOnScroll", "autoplay", "controls", "direction", "hover", "loop", "mode", "playOnClick", "playOnVisible", "selector", "speed", "src", "subframe"];
+    static get observedAttributes(): readonly ["animateonscroll", "autoplay", "controls", "direction", "hover", "loop", "mode", "playonclick", "playonvisible", "selector", "speed", "src", "subframe"];
     static get observedProperties(): readonly ["playerState", "_isSettingsOpen", "_seeker", "_currentAnimation", "_animations"];
-    isLight: boolean;
+    canConvert: boolean;
     shadow: ShadowRoot | undefined;
     source?: string;
     template?: HTMLTemplateElement;
     get isDotLottie(): boolean;
+    protected _controlElements: {
+        togglePlay: HTMLButtonElement;
+        stop: HTMLButtonElement;
+        prev: HTMLButtonElement;
+        next: HTMLButtonElement;
+        seeker: HTMLInputElement;
+        progress: HTMLProgressElement;
+        popover: HTMLDivElement | null;
+        convert: HTMLButtonElement | null;
+        snapshot: HTMLButtonElement | null;
+    } | null;
     protected _isSettingsOpen: boolean;
     protected _seeker: number;
     private _controlsLoadId;
     private _errorLoadId;
     private _isBounce;
     private _isDotLottie;
+    private _loadId;
     private _manifest?;
     private _multiAnimationSettings;
     private _segment?;
@@ -181,14 +171,7 @@ declare abstract class DotLottiePlayerBase extends ScrollElement {
     protected _render(): Promise<void>;
     protected _renderControls: () => Promise<void>;
     protected _showError(): Promise<void>;
-    protected setOptions(_options: {
-        container?: undefined | HTMLElement;
-        rendererType: RendererType;
-        initialSegment?: undefined | Vector2;
-        hasAutoplay: boolean;
-        hasLoop: boolean;
-        preserveAspectRatio: PreserveAspectRatio;
-    }): AnimationConfiguration;
+    protected abstract setOptions(options: Options): AnimationConfiguration;
     private _addEventListeners;
     private _clearPrevious;
     private _complete;
@@ -211,6 +194,79 @@ declare abstract class DotLottiePlayerBase extends ScrollElement {
     private _toggleSettings;
 }
 
-declare const tagName = "dotlottie-player";
+declare class DotLottiePlayer extends DotLottiePlayerBase {
+    constructor();
+    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;
+        rendererType: RendererType;
+        initialSegment?: undefined | Vector2;
+        hasAutoplay: boolean;
+        hasLoop: boolean;
+        preserveAspectRatio: PreserveAspectRatio;
+    }): AnimationConfiguration;
+}
+
+declare class DotLottiePlayerLight extends DotLottiePlayerBase {
+    get renderer(): RendererType;
+    loadAnimation(config: AnimationConfiguration): _aarsteinmedia_lottie_web.AnimationItem;
+    protected setOptions({ container, hasAutoplay, hasLoop, initialSegment, preserveAspectRatio, }: Options): AnimationConfiguration<RendererType.SVG>;
+}
+
+declare class DotLottiePlayerSVG extends DotLottiePlayerBase {
+    get renderer(): RendererType;
+    loadAnimation(config: AnimationConfiguration): _aarsteinmedia_lottie_web.AnimationItem;
+    protected setOptions({ container, hasAutoplay, hasLoop, initialSegment, preserveAspectRatio, }: Options): AnimationConfiguration<RendererType.SVG>;
+}
+
+interface Options {
+    container?: undefined | HTMLElement;
+    hasAutoplay: boolean;
+    hasLoop: boolean;
+    initialSegment?: undefined | Vector2;
+    preserveAspectRatio: PreserveAspectRatio;
+    rendererType: RendererType;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [tagName]: DotLottiePlayer | DotLottiePlayerLight;
+    }
+    var dotLottiePlayer: () => DotLottiePlayer | DotLottiePlayerLight | DotLottiePlayerSVG | DotLottiePlayerCanvas;
+}
+type JSXLottiePlayer = Omit<Partial<DotLottiePlayer | DotLottiePlayerLight>, 'style'> & {
+    class?: string;
+    ref?: React.RefObject<unknown>;
+    style?: React.CSSProperties;
+    src: string;
+};
+declare module 'react' {
+    namespace JSX {
+        interface IntrinsicElements {
+            [tagName]: JSXLottiePlayer;
+        }
+    }
+}
+declare module 'react/jsx-runtime' {
+    namespace JSX {
+        interface IntrinsicElements {
+            [tagName]: JSXLottiePlayer;
+        }
+    }
+}
+declare module 'react/jsx-dev-runtime' {
+    namespace JSX {
+        interface IntrinsicElements {
+            [tagName]: JSXLottiePlayer;
+        }
+    }
+}
+
+declare class DotLottiePlayerCanvas extends DotLottiePlayerBase {
+    get renderer(): RendererType;
+    loadAnimation(config: AnimationConfiguration): _aarsteinmedia_lottie_web.AnimationItem;
+    protected setOptions({ container, hasAutoplay, hasLoop, initialSegment, preserveAspectRatio, }: Options): AnimationConfiguration<RendererType.Canvas>;
+}
 
-export { DotLottiePlayerBase as D, MouseOut as M, PlayerState as P, tagName as t };
+export { DotLottiePlayerCanvas as D, DotLottiePlayerBase as a, DotLottiePlayer as b, DotLottiePlayerLight as c, DotLottiePlayerSVG as d };

package/dist/chunks/{errorScreen-BPvA3AoR.js → errorScreen-B5U8u-AX.js}

@@ -1,7 +1,10 @@
 import { PreserveAspectRatio, namespaceSVG } from '@aarsteinmedia/lottie-web/utils';
+import { e as escapeHTML } from './DotLottiePlayerBase-BDutF_6O.js';
+import '@aarsteinmedia/lottie-web/dotlottie';
+import './utilities-CC4oA5Yh.js';
 
 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>`;
+    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">${escapeHTML(message)}</text></svg></div>`;
 }
 
 export { errorScreen };

package/dist/chunks/utilities-CC4oA5Yh.js

@@ -0,0 +1,33 @@
+import { isServer } from '@aarsteinmedia/lottie-web/utils';
+
+var ObjectFit = /*#__PURE__*/ function(ObjectFit) {
+    ObjectFit["Contain"] = "contain";
+    ObjectFit["Cover"] = "cover";
+    ObjectFit["Fill"] = "fill";
+    ObjectFit["None"] = "none";
+    ObjectFit["ScaleDown"] = "scale-down";
+    return ObjectFit;
+}({});
+var MouseOut = /*#__PURE__*/ function(MouseOut) {
+    MouseOut["Pause"] = "pause";
+    MouseOut["Reverse"] = "reverse";
+    MouseOut["Stop"] = "stop";
+    MouseOut["Void"] = "void";
+    return MouseOut;
+}({});
+var PlayerState = /*#__PURE__*/ function(PlayerState) {
+    PlayerState["Completed"] = "completed";
+    PlayerState["Destroyed"] = "destroyed";
+    PlayerState["Error"] = "error";
+    PlayerState["Frozen"] = "frozen";
+    PlayerState["Loading"] = "loading";
+    PlayerState["Paused"] = "paused";
+    PlayerState["Playing"] = "playing";
+    PlayerState["Stopped"] = "stopped";
+    return PlayerState;
+}({});
+
+const hoverQuery = isServer ? null : matchMedia('(any-hover: hover)');
+const tagName = 'dotlottie-player', reducedMotionQuery = isServer ? null : matchMedia('(prefers-reduced-motion: reduce)'), hasIOSupport = !isServer && 'IntersectionObserver' in window, hasVTSupport = !isServer && 'ViewTimeline' in window, hasHover = hoverQuery?.matches;
+
+export { MouseOut as M, ObjectFit as O, PlayerState as P, hasVTSupport as a, hasHover as b, hasIOSupport as h, reducedMotionQuery as r, tagName as t };

package/dist/chunks/utilities.d-BCeerq0j.d.ts

@@ -0,0 +1,29 @@
+import '@aarsteinmedia/lottie-web/utils';
+
+declare enum ObjectFit {
+    Contain = "contain",
+    Cover = "cover",
+    Fill = "fill",
+    None = "none",
+    ScaleDown = "scale-down"
+}
+declare enum MouseOut {
+    Pause = "pause",
+    Reverse = "reverse",
+    Stop = "stop",
+    Void = "void"
+}
+declare enum PlayerState {
+    Completed = "completed",
+    Destroyed = "destroyed",
+    Error = "error",
+    Frozen = "frozen",
+    Loading = "loading",
+    Paused = "paused",
+    Playing = "playing",
+    Stopped = "stopped"
+}
+
+declare const tagName = "dotlottie-player";
+
+export { MouseOut as M, ObjectFit as O, PlayerState as P, tagName as t };

package/dist/full.d.ts

@@ -1,22 +1,9 @@
-import { RendererType, PreserveAspectRatio } from '@aarsteinmedia/lottie-web/utils';
-export { PlayMode, PlayerEvent, RendererType } from '@aarsteinmedia/lottie-web/utils';
-import * as _aarsteinmedia_lottie_web from '@aarsteinmedia/lottie-web';
-import { AddAnimationParams, ConvertParams, AnimationConfiguration, Vector2 } from '@aarsteinmedia/lottie-web';
-import { D as DotLottiePlayerBase } from './chunks/constants.d-t4RBAbwL.js';
-export { M as MouseOut, P as PlayerState, t as tagName } from './chunks/constants.d-t4RBAbwL.js';
+import { b as DotLottiePlayer } from './chunks/DotLottiePlayerCanvas.d-CBwsqsPc.js';
+export { a as DotLottiePlayerBase } from './chunks/DotLottiePlayerCanvas.d-CBwsqsPc.js';
+import '@aarsteinmedia/lottie-web';
+import '@aarsteinmedia/lottie-web/utils';
+import './chunks/utilities.d-BCeerq0j.js';
 
-declare class DotLottiePlayer extends DotLottiePlayerBase {
-    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;
-        rendererType: RendererType;
-        initialSegment?: undefined | Vector2;
-        hasAutoplay: boolean;
-        hasLoop: boolean;
-        preserveAspectRatio: PreserveAspectRatio;
-    }): AnimationConfiguration;
-}
 
-export { DotLottiePlayerBase, DotLottiePlayer as default };
+
+export { DotLottiePlayer as default };

package/dist/full.js

@@ -1,13 +1,16 @@
 import { RendererType, isServer } from '@aarsteinmedia/lottie-web/utils';
-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-CsIB0VNt.js';
-export { M as MouseOut, P as PlayerState } from './chunks/DotLottiePlayerBase-CsIB0VNt.js';
+import { D as DotLottiePlayerBase, l as loadDotLottieTools } from './chunks/DotLottiePlayerBase-BDutF_6O.js';
+import { t as tagName } from './chunks/utilities-CC4oA5Yh.js';
 import '@aarsteinmedia/lottie-web/dotlottie';
 
 /**
  * DotLottie Player Web Component.
  */ class DotLottiePlayer extends DotLottiePlayerBase {
+    constructor(){
+        super();
+        this.canConvert = true;
+    }
     async addAnimation(params) {
         const { addAnimation } = await loadDotLottieTools();
         return await addAnimation(params);
@@ -58,8 +61,8 @@ import '@aarsteinmedia/lottie-web/dotlottie';
 /**
  * Expose DotLottiePlayer class as global variable.
  */ globalThis.dotLottiePlayer = ()=>new DotLottiePlayer();
-if (!isServer) {
+if (!isServer && !customElements.get(tagName)) {
     customElements.define(tagName, DotLottiePlayer);
 }
 
-export { DotLottiePlayerBase, DotLottiePlayer as default, tagName };
+export { DotLottiePlayerBase, DotLottiePlayer as default };

package/dist/light.d.ts

@@ -1,22 +1,9 @@
-import { RendererType, PreserveAspectRatio } 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/constants.d-t4RBAbwL.js';
-export { M as MouseOut, P as PlayerState, t as tagName } from './chunks/constants.d-t4RBAbwL.js';
+import { c as DotLottiePlayerLight } from './chunks/DotLottiePlayerCanvas.d-CBwsqsPc.js';
+export { a as DotLottiePlayerBase } from './chunks/DotLottiePlayerCanvas.d-CBwsqsPc.js';
+import '@aarsteinmedia/lottie-web';
+import '@aarsteinmedia/lottie-web/utils';
+import './chunks/utilities.d-BCeerq0j.js';
 
-declare class DotLottiePlayerLight extends DotLottiePlayerBase {
-    get renderer(): RendererType;
-    constructor();
-    loadAnimation(config: AnimationConfiguration): _aarsteinmedia_lottie_web.AnimationItem;
-    protected setOptions({ container, hasAutoplay, hasLoop, initialSegment, preserveAspectRatio, }: {
-        container?: HTMLElement;
-        rendererType: RendererType;
-        initialSegment?: Vector2;
-        hasAutoplay: boolean;
-        hasLoop: boolean;
-        preserveAspectRatio: PreserveAspectRatio;
-    }): AnimationConfiguration<RendererType.SVG>;
-}
 
-export { DotLottiePlayerBase, DotLottiePlayerLight as default };
+
+export { DotLottiePlayerLight as default };

package/dist/light.js

@@ -1,8 +1,7 @@
 import { RendererType, isServer } from '@aarsteinmedia/lottie-web/utils';
-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-CsIB0VNt.js';
-export { M as MouseOut, P as PlayerState } from './chunks/DotLottiePlayerBase-CsIB0VNt.js';
+import { D as DotLottiePlayerBase } from './chunks/DotLottiePlayerBase-BDutF_6O.js';
+import { t as tagName } from './chunks/utilities-CC4oA5Yh.js';
 import '@aarsteinmedia/lottie-web/dotlottie';
 
 /**
@@ -11,10 +10,6 @@ import '@aarsteinmedia/lottie-web/dotlottie';
     get renderer() {
         return RendererType.SVG;
     }
-    constructor(){
-        super();
-        this.isLight = true;
-    }
     loadAnimation(config) {
         return loadAnimation(config);
     }
@@ -39,8 +34,8 @@ import '@aarsteinmedia/lottie-web/dotlottie';
 /**
  * Expose DotLottiePlayer class as global variable.
  */ globalThis.dotLottiePlayer = ()=>new DotLottiePlayerLight();
-if (!isServer) {
+if (!isServer && !customElements.get(tagName)) {
     customElements.define(tagName, DotLottiePlayerLight);
 }
 
-export { DotLottiePlayerBase, DotLottiePlayerLight as default, tagName };
+export { DotLottiePlayerBase, DotLottiePlayerLight as default };

package/dist/svg.d.ts

@@ -1,22 +1,9 @@
-import { RendererType, PreserveAspectRatio } 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/constants.d-t4RBAbwL.js';
-export { M as MouseOut, P as PlayerState, t as tagName } from './chunks/constants.d-t4RBAbwL.js';
+import { d as DotLottiePlayerSVG } from './chunks/DotLottiePlayerCanvas.d-CBwsqsPc.js';
+export { a as DotLottiePlayerBase } from './chunks/DotLottiePlayerCanvas.d-CBwsqsPc.js';
+import '@aarsteinmedia/lottie-web';
+import '@aarsteinmedia/lottie-web/utils';
+import './chunks/utilities.d-BCeerq0j.js';
 
-declare class DotLottiePlayerSVG extends DotLottiePlayerBase {
-    get renderer(): RendererType;
-    constructor();
-    loadAnimation(config: AnimationConfiguration): _aarsteinmedia_lottie_web.AnimationItem;
-    protected setOptions({ container, hasAutoplay, hasLoop, initialSegment, preserveAspectRatio, }: {
-        container?: undefined | HTMLElement;
-        rendererType: RendererType;
-        initialSegment?: undefined | Vector2;
-        hasAutoplay: boolean;
-        hasLoop: boolean;
-        preserveAspectRatio: PreserveAspectRatio;
-    }): AnimationConfiguration<RendererType.SVG>;
-}
 
-export { DotLottiePlayerBase, DotLottiePlayerSVG as default };
+
+export { DotLottiePlayerSVG as default };

package/dist/svg.js

@@ -1,8 +1,7 @@
 import { RendererType, isServer } from '@aarsteinmedia/lottie-web/utils';
-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-CsIB0VNt.js';
-export { M as MouseOut, P as PlayerState } from './chunks/DotLottiePlayerBase-CsIB0VNt.js';
+import { D as DotLottiePlayerBase } from './chunks/DotLottiePlayerBase-BDutF_6O.js';
+import { t as tagName } from './chunks/utilities-CC4oA5Yh.js';
 import '@aarsteinmedia/lottie-web/dotlottie';
 
 /**
@@ -11,10 +10,6 @@ import '@aarsteinmedia/lottie-web/dotlottie';
     get renderer() {
         return RendererType.SVG;
     }
-    constructor(){
-        super();
-        this.isLight = true;
-    }
     loadAnimation(config) {
         return loadAnimation(config);
     }
@@ -39,8 +34,8 @@ import '@aarsteinmedia/lottie-web/dotlottie';
 /**
  * Expose DotLottiePlayer class as global variable.
  */ globalThis.dotLottiePlayer = ()=>new DotLottiePlayerSVG();
-if (!isServer) {
+if (!isServer && !customElements.get(tagName)) {
     customElements.define(tagName, DotLottiePlayerSVG);
 }
 
-export { DotLottiePlayerBase, DotLottiePlayerSVG as default, tagName };
+export { DotLottiePlayerBase, DotLottiePlayerSVG as default };