lord-icon-element - npm Package Compare versions

Comparing version 1.2.2 to 1.2.3

build/animations/auto.js

@@ -15,5 +15,9 @@ import { Basic } from './basic.js';
         this.resetPlayDelayTimer();
+        super.disconnectedCallback();
     }
     complete() {
         this.resetPlayDelayTimer();
+        if (!this.connected) {
+            return;
+        }
         if (this.delay > 0) {
@@ -20,0 +24,0 @@ this.playDelay = setTimeout(() => {

build/animations/basic.d.ts

@@ -14,2 +14,3 @@ import { LottiePlayer } from 'lottie-web';
     private myEnterBound;
+    private myConnected;
     constructor(element: HTMLElement, target: HTMLElement, lottie: LottiePlayer);
@@ -96,2 +97,6 @@ /**
     get leaveBound(): any;
+    /**
+     * Animation is connected.
+     */
+    get connected(): boolean;
 }

build/animations/basic.js

@@ -11,2 +11,3 @@ /**
         this.myIsReady = false;
+        this.myConnected = false;
         this.myEnterBound = this.enter.bind(this);
@@ -33,7 +34,11 @@ this.myLeaveBound = this.leave.bind(this);
      */
-    connectedCallback() { }
+    connectedCallback() {
+        this.myConnected = true;
+    }
     /**
      * The animation has been disconnected.
      */
-    disconnectedCallback() { }
+    disconnectedCallback() {
+        this.myConnected = false;
+    }
     /**
@@ -139,3 +144,9 @@ * Callback for animation ready.
     }
+    /**
+     * Animation is connected.
+     */
+    get connected() {
+        return this.myConnected;
+    }
 }
 //# sourceMappingURL=basic.js.map

build/animations/click.js

@@ -8,2 +8,3 @@ import { Basic } from './basic.js';
     connectedCallback() {
+        super.connectedCallback();
         for (const event of CLICK_EVENTS) {
@@ -18,2 +19,3 @@ const options = event === 'touchstart' ? { passive: true } : undefined;
         }
+        super.disconnectedCallback();
     }
@@ -20,0 +22,0 @@ enter() {

build/animations/hover.js

@@ -7,2 +7,3 @@ import { Basic } from './basic.js';
     connectedCallback() {
+        super.connectedCallback();
         this.target.addEventListener('mouseenter', this.enterBound);
@@ -12,2 +13,3 @@ }
         this.target.removeEventListener('mouseenter', this.enterBound);
+        super.disconnectedCallback();
     }
@@ -14,0 +16,0 @@ enter() {

build/animations/loop.js

@@ -12,2 +12,3 @@ import { Basic } from './basic.js';
     connectedCallback() {
+        super.connectedCallback();
         this.target.addEventListener('mouseenter', this.enterBound);
@@ -21,2 +22,3 @@ this.target.addEventListener('mouseleave', this.leaveBound);
         this.setDirection(1);
+        super.disconnectedCallback();
     }
@@ -34,3 +36,3 @@ enter() {
         this.resetPlayDelayTimer();
-        if (!this.active) {
+        if (!this.active || !this.connected) {
             return;
@@ -37,0 +39,0 @@ }

build/animations/morph-two-way.js

@@ -7,2 +7,3 @@ import { Basic } from './basic.js';
     connectedCallback() {
+        super.connectedCallback();
         this.target.addEventListener('mouseenter', this.enterBound);
@@ -13,2 +14,3 @@ }
         this.setDirection(1);
+        super.disconnectedCallback();
     }
@@ -15,0 +17,0 @@ enter() {

build/animations/morph.js

@@ -7,2 +7,3 @@ import { Basic } from './basic.js';
     connectedCallback() {
+        super.connectedCallback();
         this.target.addEventListener('mouseenter', this.enterBound);
@@ -15,2 +16,3 @@ this.target.addEventListener('mouseleave', this.leaveBound);
         this.setDirection(1);
+        super.disconnectedCallback();
     }
@@ -17,0 +19,0 @@ enter() {

package.json

 {
   "name": "lord-icon-element",
-  "version": "1.2.2",
+  "version": "1.2.3",
   "private": false,
@@ -5,0 +5,0 @@ "main": "./build/lord-icon-element.js",

No alert changes

Improved metrics

Total package byte prevSize

63525

2.27%

Lines of code

1340

2.29%

No dependency changes