version 5.8.1

CHANGELOG.md

@@ -1,3 +1,6 @@
+## V 5.8.1
+- FEATURE: added more methods available for the lottie worker player
+
 ## V 5.8.0
 - FEATURE: lottie player as a worker support
 - FEATURE: added content-visibility prop support

History.md

@@ -1,3 +1,6 @@
+## V 5.8.1
+- FEATURE: added more methods available for the lottie worker player
+
 ## V 5.8.0
 - FEATURE: lottie player as a worker support
 - FEATURE: added content-visibility prop support

build/player/lottie.js

@@ -13704,6 +13704,7 @@ var ExpressionManager = (function () {
   var document = null;
   var XMLHttpRequest = null;
   var fetch = null;
+  var frames = null;
 
   function $bm_isInstanceOfArray(arr) {
     return arr.constructor === Array || arr.constructor === Float32Array;
@@ -14285,11 +14286,11 @@ var ExpressionManager = (function () {
       return obKey;
     }
 
-    function framesToTime(frames, fps) {
+    function framesToTime(fr, fps) {
       if (!fps) {
         fps = elem.comp.globalData.frameRate;
       }
-      return frames / fps;
+      return fr / fps;
     }
 
     function timeToFrames(t, fps) {
@@ -16549,7 +16550,7 @@ lottie.useWebWorker = function (flag) {
 };
 lottie.setIDPrefix = setIDPrefix;
 lottie.__getFactory = getFactory;
-lottie.version = '5.8.0';
+lottie.version = '5.8.1';
 
 function checkReady() {
   if (document.readyState === 'complete') {

build/player/lottie_canvas.js

@@ -11308,6 +11308,7 @@ var ExpressionManager = (function () {
   var document = null;
   var XMLHttpRequest = null;
   var fetch = null;
+  var frames = null;
 
   function $bm_isInstanceOfArray(arr) {
     return arr.constructor === Array || arr.constructor === Float32Array;
@@ -11889,11 +11890,11 @@ var ExpressionManager = (function () {
       return obKey;
     }
 
-    function framesToTime(frames, fps) {
+    function framesToTime(fr, fps) {
       if (!fps) {
         fps = elem.comp.globalData.frameRate;
       }
-      return frames / fps;
+      return fr / fps;
     }
 
     function timeToFrames(t, fps) {
@@ -14153,7 +14154,7 @@ lottie.useWebWorker = function (flag) {
 };
 lottie.setIDPrefix = setIDPrefix;
 lottie.__getFactory = getFactory;
-lottie.version = '5.8.0';
+lottie.version = '5.8.1';
 
 function checkReady() {
   if (document.readyState === 'complete') {

build/player/lottie_canvas_worker.js

@@ -11156,6 +11156,7 @@ var ExpressionManager = (function () {
   var document = null;
   var XMLHttpRequest = null;
   var fetch = null;
+  var frames = null;
 
   function $bm_isInstanceOfArray(arr) {
     return arr.constructor === Array || arr.constructor === Float32Array;
@@ -11737,11 +11738,11 @@ var ExpressionManager = (function () {
       return obKey;
     }
 
-    function framesToTime(frames, fps) {
+    function framesToTime(fr, fps) {
       if (!fps) {
         fps = elem.comp.globalData.frameRate;
       }
-      return frames / fps;
+      return fr / fps;
     }
 
     function timeToFrames(t, fps) {
@@ -14056,7 +14057,7 @@ GroupEffect.prototype.init = function (data, element) {
     lottiejs.unmute = animationManager.unmute;
     lottiejs.getRegisteredAnimations = animationManager.getRegisteredAnimations;
     lottiejs.setIDPrefix = setIDPrefix;
-    lottiejs.version = '5.8.0';
+    lottiejs.version = '5.8.1';
 
     return lottiejs;
   }({}));
@@ -14074,6 +14075,10 @@ GroupEffect.prototype.init = function (data, element) {
       if (animations[payload.id]) {
         animations[payload.id].play();
       }
+    } else if (type === 'stop') {
+      if (animations[payload.id]) {
+        animations[payload.id].stop();
+      }
     } else if (type === 'setSpeed') {
       if (animations[payload.id]) {
         animations[payload.id].setSpeed(payload.value);
@@ -14136,6 +14141,10 @@ var lottie = (function () {
   var workerInstance = createWorker(workerContent);
   var animationIdCounter = 0;
   var eventsIdCounter = 0;
+  var animations = {};
+  var defaultSettings = {
+    rendererSettings: {},
+  };
 
   function createTree(data, container, map, afterElement) {
     var elem;
@@ -14236,7 +14245,7 @@ var lottie = (function () {
         updateElementStyles(element, elementData.styles);
         updateElementAttributes(element, elementData.attributes);
       }
-      animation.animInstance.currentTime = payload.currentTime;
+      animation.animInstance.currentFrame = payload.currentTime;
     }
   }
 
@@ -14260,21 +14269,29 @@ var lottie = (function () {
     }
   };
 
-  var animations = {};
-
   function resolveAnimationData(params) {
     return new Promise(function (resolve, reject) {
-      if (params.animationData) {
-        resolve(params);
-      } else if (params.path) {
-        fetch(params.path)
+      var paramsCopy = Object.assign({}, defaultSettings, params);
+      if (paramsCopy.animType && !paramsCopy.renderer) {
+        paramsCopy.renderer = paramsCopy.animType;
+      }
+      if (paramsCopy.wrapper) {
+        if (!paramsCopy.container) {
+          paramsCopy.container = paramsCopy.wrapper;
+        }
+        delete paramsCopy.wrapper;
+      }
+      if (paramsCopy.animationData) {
+        resolve(paramsCopy);
+      } else if (paramsCopy.path) {
+        fetch(paramsCopy.path)
           .then(function (response) {
             return response.json();
           })
           .then(function (animationData) {
-            params.animationData = animationData;
-            delete params.path;
-            resolve(params);
+            paramsCopy.animationData = animationData;
+            delete paramsCopy.path;
+            resolve(paramsCopy);
           });
       } else {
         reject();
@@ -14308,6 +14325,14 @@ var lottie = (function () {
           },
         });
       },
+      stop: function () {
+        workerInstance.postMessage({
+          type: 'stop',
+          payload: {
+            id: animationId,
+          },
+        });
+      },
       setSpeed: function (value) {
         workerInstance.postMessage({
           type: 'setSpeed',

build/player/lottie_html.js

@@ -12350,6 +12350,7 @@ var ExpressionManager = (function () {
   var document = null;
   var XMLHttpRequest = null;
   var fetch = null;
+  var frames = null;
 
   function $bm_isInstanceOfArray(arr) {
     return arr.constructor === Array || arr.constructor === Float32Array;
@@ -12931,11 +12932,11 @@ var ExpressionManager = (function () {
       return obKey;
     }
 
-    function framesToTime(frames, fps) {
+    function framesToTime(fr, fps) {
       if (!fps) {
         fps = elem.comp.globalData.frameRate;
       }
-      return frames / fps;
+      return fr / fps;
     }
 
     function timeToFrames(t, fps) {
@@ -15195,7 +15196,7 @@ lottie.useWebWorker = function (flag) {
 };
 lottie.setIDPrefix = setIDPrefix;
 lottie.__getFactory = getFactory;
-lottie.version = '5.8.0';
+lottie.version = '5.8.1';
 
 function checkReady() {
   if (document.readyState === 'complete') {

build/player/lottie_light.js

@@ -11145,7 +11145,7 @@ lottie.useWebWorker = function (flag) {
 };
 lottie.setIDPrefix = setIDPrefix;
 lottie.__getFactory = getFactory;
-lottie.version = '5.8.0';
+lottie.version = '5.8.1';
 
 function checkReady() {
   if (document.readyState === 'complete') {

build/player/lottie_light_canvas.js

@@ -11321,7 +11321,7 @@ lottie.useWebWorker = function (flag) {
 };
 lottie.setIDPrefix = setIDPrefix;
 lottie.__getFactory = getFactory;
-lottie.version = '5.8.0';
+lottie.version = '5.8.1';
 
 function checkReady() {
   if (document.readyState === 'complete') {

build/player/lottie_light_html.js

@@ -12315,7 +12315,7 @@ lottie.useWebWorker = function (flag) {
 };
 lottie.setIDPrefix = setIDPrefix;
 lottie.__getFactory = getFactory;
-lottie.version = '5.8.0';
+lottie.version = '5.8.1';
 
 function checkReady() {
   if (document.readyState === 'complete') {

build/player/lottie_svg.js

@@ -11180,6 +11180,7 @@ var ExpressionManager = (function () {
   var document = null;
   var XMLHttpRequest = null;
   var fetch = null;
+  var frames = null;
 
   function $bm_isInstanceOfArray(arr) {
     return arr.constructor === Array || arr.constructor === Float32Array;
@@ -11761,11 +11762,11 @@ var ExpressionManager = (function () {
       return obKey;
     }
 
-    function framesToTime(frames, fps) {
+    function framesToTime(fr, fps) {
       if (!fps) {
         fps = elem.comp.globalData.frameRate;
       }
-      return frames / fps;
+      return fr / fps;
     }
 
     function timeToFrames(t, fps) {
@@ -14025,7 +14026,7 @@ lottie.useWebWorker = function (flag) {
 };
 lottie.setIDPrefix = setIDPrefix;
 lottie.__getFactory = getFactory;
-lottie.version = '5.8.0';
+lottie.version = '5.8.1';
 
 function checkReady() {
   if (document.readyState === 'complete') {

build/player/lottie_worker.js

@@ -12387,6 +12387,7 @@ var ExpressionManager = (function () {
   var document = null;
   var XMLHttpRequest = null;
   var fetch = null;
+  var frames = null;
 
   function $bm_isInstanceOfArray(arr) {
     return arr.constructor === Array || arr.constructor === Float32Array;
@@ -12968,11 +12969,11 @@ var ExpressionManager = (function () {
       return obKey;
     }
 
-    function framesToTime(frames, fps) {
+    function framesToTime(fr, fps) {
       if (!fps) {
         fps = elem.comp.globalData.frameRate;
       }
-      return frames / fps;
+      return fr / fps;
     }
 
     function timeToFrames(t, fps) {
@@ -15287,7 +15288,7 @@ GroupEffect.prototype.init = function (data, element) {
     lottiejs.unmute = animationManager.unmute;
     lottiejs.getRegisteredAnimations = animationManager.getRegisteredAnimations;
     lottiejs.setIDPrefix = setIDPrefix;
-    lottiejs.version = '5.8.0';
+    lottiejs.version = '5.8.1';
 
     return lottiejs;
   }({}));
@@ -15305,6 +15306,10 @@ GroupEffect.prototype.init = function (data, element) {
       if (animations[payload.id]) {
         animations[payload.id].play();
       }
+    } else if (type === 'stop') {
+      if (animations[payload.id]) {
+        animations[payload.id].stop();
+      }
     } else if (type === 'setSpeed') {
       if (animations[payload.id]) {
         animations[payload.id].setSpeed(payload.value);
@@ -15367,6 +15372,10 @@ var lottie = (function () {
   var workerInstance = createWorker(workerContent);
   var animationIdCounter = 0;
   var eventsIdCounter = 0;
+  var animations = {};
+  var defaultSettings = {
+    rendererSettings: {},
+  };
 
   function createTree(data, container, map, afterElement) {
     var elem;
@@ -15467,7 +15476,7 @@ var lottie = (function () {
         updateElementStyles(element, elementData.styles);
         updateElementAttributes(element, elementData.attributes);
       }
-      animation.animInstance.currentTime = payload.currentTime;
+      animation.animInstance.currentFrame = payload.currentTime;
     }
   }
 
@@ -15491,21 +15500,29 @@ var lottie = (function () {
     }
   };
 
-  var animations = {};
-
   function resolveAnimationData(params) {
     return new Promise(function (resolve, reject) {
-      if (params.animationData) {
-        resolve(params);
-      } else if (params.path) {
-        fetch(params.path)
+      var paramsCopy = Object.assign({}, defaultSettings, params);
+      if (paramsCopy.animType && !paramsCopy.renderer) {
+        paramsCopy.renderer = paramsCopy.animType;
+      }
+      if (paramsCopy.wrapper) {
+        if (!paramsCopy.container) {
+          paramsCopy.container = paramsCopy.wrapper;
+        }
+        delete paramsCopy.wrapper;
+      }
+      if (paramsCopy.animationData) {
+        resolve(paramsCopy);
+      } else if (paramsCopy.path) {
+        fetch(paramsCopy.path)
           .then(function (response) {
             return response.json();
           })
           .then(function (animationData) {
-            params.animationData = animationData;
-            delete params.path;
-            resolve(params);
+            paramsCopy.animationData = animationData;
+            delete paramsCopy.path;
+            resolve(paramsCopy);
           });
       } else {
         reject();
@@ -15539,6 +15556,14 @@ var lottie = (function () {
           },
         });
       },
+      stop: function () {
+        workerInstance.postMessage({
+          type: 'stop',
+          payload: {
+            id: animationId,
+          },
+        });
+      },
       setSpeed: function (value) {
         workerInstance.postMessage({
           type: 'setSpeed',