+ Fixed examples not working due to "type:module" in package.json

+ Updated README upcoming features
+ Added explicit warning if animation path is null
+ Bumped version

README.md

@@ -130,8 +130,10 @@ We recommend using this library with a module bundler such as **webpack**.
 
 ### Upcoming features
 
-- Changeable stroke width attribute
-- Changeable stroke color attribute
+- Color on hover
+- Animation zooming
+- Playback speed as attribute
+- Morph lock attribute
 - More interactions!
 
 ### Youtube guides

package.json

@@ -1,10 +1,9 @@
 {
   "name": "lottie-interactive",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "description": "A custom element that adds interactions and quality of life changes to Lottie animations.",
   "main": "dist/lottie-interactive.js",
   "types": "./types/lottie.d.ts",
-  "type": "module",
   "module": "dist/lottie-interactive.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",

src/index.ts

@@ -54,11 +54,15 @@ export class LottieInteractive extends HTMLElement {
     }
 
     private async loadIconData() {
+        if (this.path === null) {
+            console.error("[Lottie-interactive] Path to JSON animation data is null!");
+            return;
+        }
         try {
             const response = await fetch(this.path);
             this.data = await response.json();
         } catch (e) {
-            console.error("Lottie-interactive: Your JSON data could not be loaded.");
+            console.error("[Lottie-interactive] Your JSON data could not be loaded.");
             return ;
         }
         Stroke.changeStrokeWidthColor(this.data, this.strokeWidth, this.strokeColor);