@aarsteinmedia/dotlottie-player 2.2.6 → 2.2.8

package/README.md

@@ -286,13 +286,15 @@ The following events are exposed and can be listened to via `addEventListener` c
 | `ready`    | Animation is loaded and player is ready                          |
 | `stop`     | Animation has stopped                                            |
 
-## WordPress Plugin
+## WordPress Plugins
 <img align="left" width="110" height="110" src="/.github/wpIcon.svg" />
 
 We've made a free WordPress plugin that works with Gutenberg Blocks, Elementor, Divi Builder and Flatsome UX Builder: [AM LottiePlayer](https://wordpress.org/plugins/am-lottieplayer/). It has all the functionality of this package, with a helpful user interface.
 
 It's super lightweight – and only loads on pages where animations are used.
 
+We've also made a premium WordPress plugin for purchase: [AM LottiePlayerPRO](https://www.aarstein.media/en/am-lottieplayer/pro). It has an easy-to-use GUI for combining and controlling multiple Lottie animations in a single file, converting JSON to dotLottie with drag-and-drop, and many more exclusive features.
+
 ## License
 
 GPL-2.0-or-later

package/dist/cjs/index.js

@@ -33,6 +33,7 @@ exports.PlayerEvents = void 0;
     PlayerEvents["Next"] = "next";
     PlayerEvents["Pause"] = "pause";
     PlayerEvents["Play"] = "play";
+    PlayerEvents["Previous"] = "previous";
     PlayerEvents["Ready"] = "ready";
     PlayerEvents["Rendered"] = "rendered";
     PlayerEvents["Stop"] = "stop";
@@ -300,7 +301,7 @@ const addExt = (ext, str)=>{
 };
 
 var name = "@aarsteinmedia/dotlottie-player";
-var version = "2.2.6";
+var version = "2.2.7";
 var description = "Web Component for playing Lottie animations in your web app. Previously @johanaarstein/dotlottie-player";
 var exports$1 = {
 	".": {
@@ -814,7 +815,7 @@ class DotLottiePlayer extends lit.LitElement {
     _handleBlur() {
         setTimeout(()=>this._toggleSettings(false), 200);
     }
-    _switchInstance() {
+    _switchInstance(isPrevious = false) {
         if (!this._animations[this._currentAnimation]) return;
         if (this._lottieInstance) this._lottieInstance.destroy();
         this._lottieInstance = Lottie.loadAnimation({
@@ -825,7 +826,7 @@ class DotLottiePlayer extends lit.LitElement {
             this._isBounce = this.multiAnimationSettings[this._currentAnimation].mode === exports.PlayMode.Bounce;
         }
         this._addEventListeners();
-        this.dispatchEvent(new CustomEvent(exports.PlayerEvents.Next));
+        this.dispatchEvent(new CustomEvent(isPrevious ? exports.PlayerEvents.Previous : exports.PlayerEvents.Next));
         if (this.multiAnimationSettings?.[this._currentAnimation]?.autoplay ?? this.autoplay) {
             this._lottieInstance?.goToAndPlay(0, true);
             this.currentState = exports.PlayerState.Playing;
@@ -840,7 +841,7 @@ class DotLottiePlayer extends lit.LitElement {
     }
     prev() {
         this._currentAnimation--;
-        this._switchInstance();
+        this._switchInstance(true);
     }
     convert(typeCheck, manifest, animations, fileName, download = true) {
         if (typeCheck || this._isDotLottie) return;

package/dist/custom-elements.json

@@ -649,7 +649,13 @@
             {
               "kind": "method",
               "name": "_switchInstance",
-              "privacy": "private"
+              "privacy": "private",
+              "parameters": [
+                {
+                  "name": "isPrevious",
+                  "default": "false"
+                }
+              ]
             },
             {
               "kind": "method",

package/dist/esm/index.js

@@ -31,6 +31,7 @@ var PlayerEvents;
     PlayerEvents["Next"] = "next";
     PlayerEvents["Pause"] = "pause";
     PlayerEvents["Play"] = "play";
+    PlayerEvents["Previous"] = "previous";
     PlayerEvents["Ready"] = "ready";
     PlayerEvents["Rendered"] = "rendered";
     PlayerEvents["Stop"] = "stop";
@@ -298,7 +299,7 @@ const addExt = (ext, str)=>{
 };
 
 var name = "@aarsteinmedia/dotlottie-player";
-var version = "2.2.6";
+var version = "2.2.7";
 var description = "Web Component for playing Lottie animations in your web app. Previously @johanaarstein/dotlottie-player";
 var exports = {
 	".": {
@@ -812,7 +813,7 @@ class DotLottiePlayer extends LitElement {
     _handleBlur() {
         setTimeout(()=>this._toggleSettings(false), 200);
     }
-    _switchInstance() {
+    _switchInstance(isPrevious = false) {
         if (!this._animations[this._currentAnimation]) return;
         if (this._lottieInstance) this._lottieInstance.destroy();
         this._lottieInstance = Lottie.loadAnimation({
@@ -823,7 +824,7 @@ class DotLottiePlayer extends LitElement {
             this._isBounce = this.multiAnimationSettings[this._currentAnimation].mode === PlayMode.Bounce;
         }
         this._addEventListeners();
-        this.dispatchEvent(new CustomEvent(PlayerEvents.Next));
+        this.dispatchEvent(new CustomEvent(isPrevious ? PlayerEvents.Previous : PlayerEvents.Next));
         if (this.multiAnimationSettings?.[this._currentAnimation]?.autoplay ?? this.autoplay) {
             this._lottieInstance?.goToAndPlay(0, true);
             this.currentState = PlayerState.Playing;
@@ -838,7 +839,7 @@ class DotLottiePlayer extends LitElement {
     }
     prev() {
         this._currentAnimation--;
-        this._switchInstance();
+        this._switchInstance(true);
     }
     convert(typeCheck, manifest, animations, fileName, download = true) {
         if (typeCheck || this._isDotLottie) return;

package/dist/index.d.ts

@@ -99,6 +99,7 @@ declare enum PlayerEvents {
     Next = "next",
     Pause = "pause",
     Play = "play",
+    Previous = "previous",
     Ready = "ready",
     Rendered = "rendered",
     Stop = "stop"