@aarsteinmedia/dotlottie-player 6.3.8 → 6.3.10

package/custom-elements.json

@@ -50,7 +50,7 @@
           ],
           "superclass": {
             "name": "DotLottiePlayerBase",
-            "module": "/dist/chunks/DotLottiePlayerBase-COmjFUND.js"
+            "module": "/dist/chunks/DotLottiePlayerBase-ClCZP878.js"
           },
           "tagName": "tagName",
           "customElement": true
@@ -67,9 +67,9 @@
         },
         {
           "kind": "js",
-          "name": "PlayerEvents",
+          "name": "PlayerEvent",
           "declaration": {
-            "name": "PlayerEvents",
+            "name": "PlayerEvent",
             "package": "@aarsteinmedia/lottie-web/utils"
           }
         },
@@ -86,7 +86,7 @@
           "name": "MouseOut",
           "declaration": {
             "name": "M",
-            "module": "./chunks/DotLottiePlayerBase-COmjFUND.js"
+            "module": "./chunks/DotLottiePlayerBase-ClCZP878.js"
           }
         },
         {
@@ -94,7 +94,7 @@
           "name": "PlayerState",
           "declaration": {
             "name": "P",
-            "module": "./chunks/DotLottiePlayerBase-COmjFUND.js"
+            "module": "./chunks/DotLottiePlayerBase-ClCZP878.js"
           }
         },
         {

package/dist/canvas.d.ts

@@ -1,5 +1,5 @@
 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-DaXI0b6M.js';

package/dist/canvas.js

@@ -1,8 +1,8 @@
 import { RendererType, isServer } from '@aarsteinmedia/lottie-web/utils';
-export { PlayMode, PlayerEvents, RendererType } from '@aarsteinmedia/lottie-web/utils';
+export { PlayMode, PlayerEvent, RendererType } from '@aarsteinmedia/lottie-web/utils';
 import Lottie from '@aarsteinmedia/lottie-web/canvas';
-import { D as DotLottiePlayerBase, t as tagName } from './chunks/DotLottiePlayerBase-COmjFUND.js';
-export { M as MouseOut, P as PlayerState } from './chunks/DotLottiePlayerBase-COmjFUND.js';
+import { D as DotLottiePlayerBase, t as tagName } from './chunks/DotLottiePlayerBase-ClCZP878.js';
+export { M as MouseOut, P as PlayerState } from './chunks/DotLottiePlayerBase-ClCZP878.js';
 import '@aarsteinmedia/lottie-web/dotlottie';
 
 /**

package/dist/chunks/{DotLottiePlayerBase-COmjFUND.js → DotLottiePlayerBase-ClCZP878.js}

@@ -1,5 +1,5 @@
 import { getAnimationData } from '@aarsteinmedia/lottie-web/dotlottie';
-import { isServer, PlayMode, PreserveAspectRatio, RendererType, createElementID, PlayerEvents, download, getFilename, clamp } from '@aarsteinmedia/lottie-web/utils';
+import { isServer, PlayMode, PreserveAspectRatio, RendererType, createElementID, PlayerEvent, download, getFilename, clamp } from '@aarsteinmedia/lottie-web/utils';
 
 let modulePromise$1;
 function loadControlsModule() {
@@ -359,7 +359,11 @@ var controls = /*#__PURE__*/Object.freeze({
         'h'
     ];
     return mandatory.every((field)=>Object.hasOwn(json, field));
-}, isTouch = ()=>'ontouchstart' in window, frameOutput = (frame)=>((frame ?? 0) + 1).toString().padStart(3, '0');
+}, isTouch = ()=>'ontouchstart' in window, frameOutput = (frame)=>((frame ?? 0) + 1).toString().padStart(3, '0'), parseHTMLBooleans = (val)=>val !== null && [
+        'true',
+        '',
+        '1'
+    ].includes(val);
 
 let modulePromise = null;
 function loadErrorModule() {
@@ -415,7 +419,7 @@ const notImplemented = 'Method is not implemented', getStyles = async ()=>{
     }
     get animateOnScroll() {
         const val = this.getAttribute('animateOnScroll');
-        return val === 'true' || val === '' || val === '1';
+        return parseHTMLBooleans(val);
     }
     get animations() {
         return this._animations;
@@ -427,7 +431,7 @@ const notImplemented = 'Method is not implemented', getStyles = async ()=>{
     }
     get autoplay() {
         const val = this.getAttribute('autoplay');
-        return val === 'true' || val === '' || val === '1';
+        return parseHTMLBooleans(val);
     }
     /**
    * Background color.
@@ -444,7 +448,7 @@ const notImplemented = 'Method is not implemented', getStyles = async ()=>{
     }
     get controls() {
         const val = this.getAttribute('controls');
-        return val === 'true' || val === '' || val === '1';
+        return parseHTMLBooleans(val);
     }
     /**
    * Number of times to loop.
@@ -502,7 +506,7 @@ const notImplemented = 'Method is not implemented', getStyles = async ()=>{
     }
     get dontFreezeOnBlur() {
         const val = this.getAttribute('dontFreezeOnBlur');
-        return val === 'true' || val === '' || val === '1';
+        return parseHTMLBooleans(val);
     }
     /**
    * Whether to play on mouseover.
@@ -511,7 +515,7 @@ const notImplemented = 'Method is not implemented', getStyles = async ()=>{
     }
     get hover() {
         const val = this.getAttribute('hover');
-        return val === 'true' || val === '' || val === '1';
+        return parseHTMLBooleans(val);
     }
     /**
    * Pause between loop intrations, in miliseconds.
@@ -535,7 +539,7 @@ const notImplemented = 'Method is not implemented', getStyles = async ()=>{
     }
     get loop() {
         const val = this.getAttribute('loop');
-        return val === 'true' || val === '' || val === '1';
+        return parseHTMLBooleans(val);
     }
     /**
    * Play mode.
@@ -589,7 +593,7 @@ const notImplemented = 'Method is not implemented', getStyles = async ()=>{
     }
     get once() {
         const val = this.getAttribute('once');
-        return val === 'true' || val === '' || val === '1';
+        return parseHTMLBooleans(val);
     }
     /**
    * Whether to toggle play on click.
@@ -598,7 +602,7 @@ const notImplemented = 'Method is not implemented', getStyles = async ()=>{
     }
     get playOnClick() {
         const val = this.getAttribute('playOnClick');
-        return val === 'true' || val === '' || val === '1';
+        return parseHTMLBooleans(val);
     }
     /**
    * Play when visible.
@@ -607,7 +611,7 @@ const notImplemented = 'Method is not implemented', getStyles = async ()=>{
     }
     get playOnVisible() {
         const val = this.getAttribute('playOnVisible');
-        return val === 'true' || val === '' || val === '1';
+        return parseHTMLBooleans(val);
     }
     /**
    * Resizing to container (Deprecated).
@@ -652,7 +656,7 @@ const notImplemented = 'Method is not implemented', getStyles = async ()=>{
     }
     get simple() {
         const val = this.getAttribute('simple');
-        return val === 'true' || val === '' || val === '1';
+        return parseHTMLBooleans(val);
     }
     /**
    * Speed.
@@ -681,7 +685,7 @@ const notImplemented = 'Method is not implemented', getStyles = async ()=>{
     }
     get subframe() {
         const val = this.getAttribute('subframe');
-        return val === 'true' || val === '' || val === '1';
+        return parseHTMLBooleans(val);
     }
     constructor(){
         super(), this.isLight = false, /**
@@ -898,11 +902,11 @@ const notImplemented = 'Method is not implemented', getStyles = async ()=>{
                 }
                 // Add intersection observer for detecting component being out-of-view.
                 this._addIntersectionObserver();
-                this.dispatchEvent(new CustomEvent(PlayerEvents.Rendered));
+                this.dispatchEvent(new CustomEvent(PlayerEvent.Rendered));
             })();
         } catch (error) {
             console.error(error);
-            this.dispatchEvent(new CustomEvent(PlayerEvents.Error));
+            this.dispatchEvent(new CustomEvent(PlayerEvent.Error));
         }
     }
     convert(_params) {
@@ -917,7 +921,7 @@ const notImplemented = 'Method is not implemented', getStyles = async ()=>{
         this.playerState = PlayerState.Destroyed;
         this._lottieInstance.destroy();
         this._lottieInstance = null;
-        this.dispatchEvent(new CustomEvent(PlayerEvents.Destroyed));
+        this.dispatchEvent(new CustomEvent(PlayerEvent.Destroyed));
         this.remove();
         document.removeEventListener('visibilitychange', this._onVisibilityChange);
     }
@@ -1031,7 +1035,7 @@ const notImplemented = 'Method is not implemented', getStyles = async ()=>{
             console.error(error);
             this._errorMessage = handleErrors(error).message;
             this.playerState = PlayerState.Error;
-            this.dispatchEvent(new CustomEvent(PlayerEvents.Error));
+            this.dispatchEvent(new CustomEvent(PlayerEvent.Error));
         }
     }
     loadAnimation(_config) {
@@ -1053,7 +1057,7 @@ const notImplemented = 'Method is not implemented', getStyles = async ()=>{
         let hasError = false;
         try {
             this._lottieInstance.pause();
-            this.dispatchEvent(new CustomEvent(PlayerEvents.Pause));
+            this.dispatchEvent(new CustomEvent(PlayerEvent.Pause));
         } catch (error) {
             hasError = true;
             console.error(error);
@@ -1071,7 +1075,7 @@ const notImplemented = 'Method is not implemented', getStyles = async ()=>{
         let hasError = false;
         try {
             this._lottieInstance.play();
-            this.dispatchEvent(new CustomEvent(PlayerEvents.Play));
+            this.dispatchEvent(new CustomEvent(PlayerEvent.Play));
         } catch (error) {
             hasError = true;
             console.error(error);
@@ -1244,7 +1248,7 @@ const notImplemented = 'Method is not implemented', getStyles = async ()=>{
         this._playerState.count = 0;
         try {
             this._lottieInstance.stop();
-            this.dispatchEvent(new CustomEvent(PlayerEvents.Stop));
+            this.dispatchEvent(new CustomEvent(PlayerEvent.Stop));
         } finally{
             this.playerState = PlayerState.Stopped;
         }
@@ -1316,7 +1320,7 @@ const notImplemented = 'Method is not implemented', getStyles = async ()=>{
         this._playerState.prev = this.playerState;
         try {
             this._lottieInstance.pause();
-            this.dispatchEvent(new CustomEvent(PlayerEvents.Freeze));
+            this.dispatchEvent(new CustomEvent(PlayerEvent.Freeze));
         } finally{
             this.playerState = PlayerState.Frozen;
         }
@@ -1444,7 +1448,7 @@ const notImplemented = 'Method is not implemented', getStyles = async ()=>{
         const { currentFrame, totalFrames } = this._lottieInstance;
         this._seeker = Math.round(currentFrame / totalFrames * 100);
         this.playerState = PlayerState.Completed;
-        this.dispatchEvent(new CustomEvent(PlayerEvents.Complete, {
+        this.dispatchEvent(new CustomEvent(PlayerEvent.Complete, {
             detail: {
                 frame: currentFrame,
                 seeker: this._seeker
@@ -1453,14 +1457,14 @@ const notImplemented = 'Method is not implemented', getStyles = async ()=>{
     }
     _dataFailed() {
         this.playerState = PlayerState.Error;
-        this.dispatchEvent(new CustomEvent(PlayerEvents.Error));
+        this.dispatchEvent(new CustomEvent(PlayerEvent.Error));
     }
     _dataReady() {
-        this.dispatchEvent(new CustomEvent(PlayerEvents.Load));
+        this.dispatchEvent(new CustomEvent(PlayerEvent.Load));
     }
     _DOMLoaded() {
         this._playerState.loaded = true;
-        this.dispatchEvent(new CustomEvent(PlayerEvents.Ready));
+        this.dispatchEvent(new CustomEvent(PlayerEvent.Ready));
     }
     _enterFrame() {
         if (!this._lottieInstance) {
@@ -1468,7 +1472,7 @@ const notImplemented = 'Method is not implemented', getStyles = async ()=>{
         }
         const { currentFrame, totalFrames } = this._lottieInstance;
         this._seeker = Math.round(currentFrame / totalFrames * 100);
-        this.dispatchEvent(new CustomEvent(PlayerEvents.Frame, {
+        this.dispatchEvent(new CustomEvent(PlayerEvent.Frame, {
             detail: {
                 frame: currentFrame,
                 seeker: this._seeker
@@ -1590,7 +1594,7 @@ const notImplemented = 'Method is not implemented', getStyles = async ()=>{
             return;
         }
         const { playDirection, // firstFrame,
-        totalFrames } = this._lottieInstance, inPoint = this._segment ? this._segment[0] : 0, outPoint = this._segment ? this._segment[0] : totalFrames;
+        totalFrames } = this._lottieInstance, inPoint = this._segment ? this._segment[0] : 0, outPoint = this._segment ? this._segment[1] : totalFrames;
         if (this.count) {
             if (this._isBounce) {
                 this._playerState.count += 0.5;
@@ -1600,11 +1604,11 @@ const notImplemented = 'Method is not implemented', getStyles = async ()=>{
             if (this._playerState.count >= this.count) {
                 this.setLoop(false);
                 this.playerState = PlayerState.Completed;
-                this.dispatchEvent(new CustomEvent(PlayerEvents.Complete));
+                this.dispatchEvent(new CustomEvent(PlayerEvent.Complete));
                 return;
             }
         }
-        this.dispatchEvent(new CustomEvent(PlayerEvents.Loop));
+        this.dispatchEvent(new CustomEvent(PlayerEvent.Loop));
         if (this._isBounce) {
             this._lottieInstance.goToAndStop(playDirection === -1 ? inPoint : outPoint * 0.99, true);
             this._lottieInstance.setDirection(playDirection * -1);
@@ -1709,7 +1713,7 @@ const notImplemented = 'Method is not implemented', getStyles = async ()=>{
             // Remove event listeners to new Lottie instance, and add new
             this._removeEventListeners();
             this._addEventListeners();
-            this.dispatchEvent(new CustomEvent(isPrevious ? PlayerEvents.Previous : PlayerEvents.Next));
+            this.dispatchEvent(new CustomEvent(isPrevious ? PlayerEvent.Previous : PlayerEvent.Next));
             if (this._multiAnimationSettings[this._currentAnimation]?.autoplay ?? this.autoplay) {
                 if (this.animateOnScroll) {
                     this._lottieInstance.goToAndStop(0, true);
@@ -1725,7 +1729,7 @@ const notImplemented = 'Method is not implemented', getStyles = async ()=>{
         } catch (error) {
             this._errorMessage = handleErrors(error).message;
             this.playerState = PlayerState.Error;
-            this.dispatchEvent(new CustomEvent(PlayerEvents.Error));
+            this.dispatchEvent(new CustomEvent(PlayerEvent.Error));
         }
     }
     /**
@@ -1733,12 +1737,12 @@ const notImplemented = 'Method is not implemented', getStyles = async ()=>{
    */ _toggleEventListeners(action) {
         const method = action === 'add' ? 'addEventListener' : 'removeEventListener';
         if (this._lottieInstance) {
-            this._lottieInstance[method]('enterFrame', this._enterFrame);
-            this._lottieInstance[method]('complete', this._complete);
-            this._lottieInstance[method]('loopComplete', this._loopComplete);
-            this._lottieInstance[method]('DOMLoaded', this._DOMLoaded);
-            this._lottieInstance[method]('data_ready', this._dataReady);
-            this._lottieInstance[method]('data_failed', this._dataFailed);
+            this._lottieInstance[method](PlayerEvent.EnterFrame, this._enterFrame);
+            this._lottieInstance[method](PlayerEvent.Complete, this._complete);
+            this._lottieInstance[method](PlayerEvent.LoopComplete, this._loopComplete);
+            this._lottieInstance[method](PlayerEvent.DOMLoaded, this._DOMLoaded);
+            this._lottieInstance[method](PlayerEvent.DataReady, this._dataReady);
+            this._lottieInstance[method](PlayerEvent.DataFailed, this._dataFailed);
         }
         if (this.selector) {
             const selector = document.getElementById(this.selector);

package/dist/full.d.ts

@@ -1,5 +1,5 @@
 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 { AddAnimationParams, ConvertParams, AnimationConfiguration, Vector2 } from '@aarsteinmedia/lottie-web';
 import { D as DotLottiePlayerBase } from './chunks/DotLottiePlayerBase.d-DaXI0b6M.js';

package/dist/full.js

@@ -1,8 +1,8 @@
 import { RendererType, isServer } from '@aarsteinmedia/lottie-web/utils';
-export { PlayMode, PlayerEvents, RendererType } 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-COmjFUND.js';
-export { M as MouseOut, P as PlayerState } from './chunks/DotLottiePlayerBase-COmjFUND.js';
+import { D as DotLottiePlayerBase, l as loadDotLottieTools, t as tagName } from './chunks/DotLottiePlayerBase-ClCZP878.js';
+export { M as MouseOut, P as PlayerState } from './chunks/DotLottiePlayerBase-ClCZP878.js';
 import '@aarsteinmedia/lottie-web/dotlottie';
 
 /**

package/dist/light.d.ts

@@ -1,5 +1,5 @@
 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-DaXI0b6M.js';

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';
+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-COmjFUND.js';
-export { M as MouseOut, P as PlayerState } from './chunks/DotLottiePlayerBase-COmjFUND.js';
+import { D as DotLottiePlayerBase, t as tagName } from './chunks/DotLottiePlayerBase-ClCZP878.js';
+export { M as MouseOut, P as PlayerState } from './chunks/DotLottiePlayerBase-ClCZP878.js';
 import '@aarsteinmedia/lottie-web/dotlottie';
 
 /**

package/dist/svg.d.ts

@@ -1,5 +1,5 @@
 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-DaXI0b6M.js';

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';
+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-COmjFUND.js';
-export { M as MouseOut, P as PlayerState } from './chunks/DotLottiePlayerBase-COmjFUND.js';
+import { D as DotLottiePlayerBase, t as tagName } from './chunks/DotLottiePlayerBase-ClCZP878.js';
+export { M as MouseOut, P as PlayerState } from './chunks/DotLottiePlayerBase-ClCZP878.js';
 import '@aarsteinmedia/lottie-web/dotlottie';
 
 /**