@lisergia/core 19.0.0 → 21.0.0

package/.turbo/turbo-build.log

@@ -1,6 +1,6 @@
 
 
-> @lisergia/core@18.0.0 build
+> @lisergia/core@20.0.0 build
 > tsup src/index.ts --format cjs,esm --dts
 
 CLI Building entry: src/index.ts
@@ -9,12 +9,12 @@
 CLI Target: node16
 CJS Build start
 ESM Build start
-ESM dist/index.js 13.91 KB
+ESM dist/index.js 14.28 KB
 ESM ⚡️ Build success in 17ms
-CJS dist/index.cjs 16.15 KB
-CJS ⚡️ Build success in 18ms
+CJS dist/index.cjs 16.54 KB
+CJS ⚡️ Build success in 17ms
 DTS Build start
-DTS ⚡️ Build success in 869ms
-DTS dist/index.d.cts 5.82 KB
-DTS dist/index.d.ts  5.82 KB
+DTS ⚡️ Build success in 786ms
+DTS dist/index.d.cts 5.98 KB
+DTS dist/index.d.ts  5.98 KB
 ⠙

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # @lisergia/core
 
+## 21.0.0
+
+### Major Changes
+
+- Cleanup GSAP and Lenis events.
+
+### Patch Changes
+
+- Updated dependencies
+  - @lisergia/config-tsconfig@21.0.0
+
+## 20.0.0
+
+### Major Changes
+
+- Delete Map entries.
+
+### Patch Changes
+
+- Updated dependencies
+  - @lisergia/config-tsconfig@20.0.0
+
 ## 19.0.0
 
 ### Major Changes

package/dist/index.cjs

@@ -67,12 +67,14 @@ var EventEmitter = class {
     if (unsubscribe) {
       unsubscribe();
     }
+    this.entries.delete(callback);
   }
   fire(event, ...args) {
     this.emitter.emit(event, ...args);
   }
   destroy() {
     this.entries.forEach((unsubscribe) => unsubscribe());
+    this.entries.clear();
   }
 };
 
@@ -126,6 +128,9 @@ var Component = class extends EventEmitter {
       this.element = document.querySelector(selector);
     }
   }
+  destroyElement() {
+    this.element = void 0;
+  }
   initElements(selectors) {
     for (const key in selectors) {
       const selector = selectors[key];
@@ -156,6 +161,9 @@ var Component = class extends EventEmitter {
       }
     }
   }
+  destroyElements() {
+    this.elements = {};
+  }
   addEventListeners() {
   }
   removeEventListeners() {
@@ -163,6 +171,8 @@ var Component = class extends EventEmitter {
   destroy() {
     super.destroy();
     this.removeEventListeners();
+    this.destroyElements();
+    this.destroyElement();
   }
 };
 
@@ -549,15 +559,17 @@ var Page = class extends Component {
       wrapper: this.element,
       ...this.scrollOptions
     });
-    import_gsap.default.ticker.add((time) => {
-      this.lenis.raf(time * 1e3);
-    });
+    import_gsap.default.ticker.add(this.onGSAPTicker);
     import_gsap.default.ticker.lagSmoothing(0);
-    this.lenis.on("scroll", (event) => {
-      import_ScrollTrigger.default.update();
-      this.onScroll(event.scroll);
-      this.emitter.emit("scroll", event);
-    });
+    this.lenis.on("scroll", this.onLenisScroll);
+  }
+  onGSAPTicker(time) {
+    this.lenis.raf(time * 1e3);
+  }
+  onLenisScroll(event) {
+    import_ScrollTrigger.default.update();
+    this.onScroll(event.scroll);
+    this.emitter.emit("scroll", event);
   }
   destroyScroll() {
     var _a;
@@ -565,7 +577,10 @@ var Page = class extends Component {
       this.element.removeEventListener("scroll", this.onScrollFallback);
       return;
     }
+    import_gsap.default.ticker.remove(this.onGSAPTicker);
+    this.lenis.off("scroll", this.onLenisScroll);
     (_a = this.lenis) == null ? void 0 : _a.destroy();
+    this.lenis = void 0;
   }
   //
   // Events.
@@ -602,10 +617,10 @@ var Page = class extends Component {
   // Destroy.
   //
   destroy() {
-    super.destroy();
     this.destroyResizeObserver();
     this.destroyComponents();
     this.destroyScroll();
+    super.destroy();
   }
 };
 

package/dist/index.d.cts

@@ -45,7 +45,9 @@ declare class Component extends EventEmitter {
     constructor({ application, autoListeners, autoMount, classes, element, elements, id, }: ComponentParameters);
     create(): void;
     initElement(selector: ComponentSelector): void;
+    destroyElement(): void;
     initElements(selectors?: ComponentSelectors): void;
+    destroyElements(): void;
     addEventListeners(): void;
     removeEventListeners(): void;
     destroy(): void;
@@ -106,6 +108,10 @@ declare class Page extends Component {
     destroyComponents(): void;
     lenis: Lenis;
     createScroll(): void;
+    onGSAPTicker(time: number): void;
+    onLenisScroll(event: {
+        scroll: number;
+    }): void;
     destroyScroll(): void;
     onResize(): void;
     onRAF(time: number): void;

package/dist/index.d.ts

@@ -45,7 +45,9 @@ declare class Component extends EventEmitter {
     constructor({ application, autoListeners, autoMount, classes, element, elements, id, }: ComponentParameters);
     create(): void;
     initElement(selector: ComponentSelector): void;
+    destroyElement(): void;
     initElements(selectors?: ComponentSelectors): void;
+    destroyElements(): void;
     addEventListeners(): void;
     removeEventListeners(): void;
     destroy(): void;
@@ -106,6 +108,10 @@ declare class Page extends Component {
     destroyComponents(): void;
     lenis: Lenis;
     createScroll(): void;
+    onGSAPTicker(time: number): void;
+    onLenisScroll(event: {
+        scroll: number;
+    }): void;
     destroyScroll(): void;
     onResize(): void;
     onRAF(time: number): void;

package/dist/index.js

@@ -24,12 +24,14 @@ var EventEmitter = class {
     if (unsubscribe) {
       unsubscribe();
     }
+    this.entries.delete(callback);
   }
   fire(event, ...args) {
     this.emitter.emit(event, ...args);
   }
   destroy() {
     this.entries.forEach((unsubscribe) => unsubscribe());
+    this.entries.clear();
   }
 };
 
@@ -83,6 +85,9 @@ var Component = class extends EventEmitter {
       this.element = document.querySelector(selector);
     }
   }
+  destroyElement() {
+    this.element = void 0;
+  }
   initElements(selectors) {
     for (const key in selectors) {
       const selector = selectors[key];
@@ -113,6 +118,9 @@ var Component = class extends EventEmitter {
       }
     }
   }
+  destroyElements() {
+    this.elements = {};
+  }
   addEventListeners() {
   }
   removeEventListeners() {
@@ -120,6 +128,8 @@ var Component = class extends EventEmitter {
   destroy() {
     super.destroy();
     this.removeEventListeners();
+    this.destroyElements();
+    this.destroyElement();
   }
 };
 
@@ -506,15 +516,17 @@ var Page = class extends Component {
       wrapper: this.element,
       ...this.scrollOptions
     });
-    GSAP.ticker.add((time) => {
-      this.lenis.raf(time * 1e3);
-    });
+    GSAP.ticker.add(this.onGSAPTicker);
     GSAP.ticker.lagSmoothing(0);
-    this.lenis.on("scroll", (event) => {
-      ScrollTrigger.update();
-      this.onScroll(event.scroll);
-      this.emitter.emit("scroll", event);
-    });
+    this.lenis.on("scroll", this.onLenisScroll);
+  }
+  onGSAPTicker(time) {
+    this.lenis.raf(time * 1e3);
+  }
+  onLenisScroll(event) {
+    ScrollTrigger.update();
+    this.onScroll(event.scroll);
+    this.emitter.emit("scroll", event);
   }
   destroyScroll() {
     var _a;
@@ -522,7 +534,10 @@ var Page = class extends Component {
       this.element.removeEventListener("scroll", this.onScrollFallback);
       return;
     }
+    GSAP.ticker.remove(this.onGSAPTicker);
+    this.lenis.off("scroll", this.onLenisScroll);
     (_a = this.lenis) == null ? void 0 : _a.destroy();
+    this.lenis = void 0;
   }
   //
   // Events.
@@ -559,10 +574,10 @@ var Page = class extends Component {
   // Destroy.
   //
   destroy() {
-    super.destroy();
     this.destroyResizeObserver();
     this.destroyComponents();
     this.destroyScroll();
+    super.destroy();
   }
 };
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lisergia/core",
-  "version": "19.0.0",
+  "version": "21.0.0",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "type": "module",
@@ -9,7 +9,7 @@
     "dev": "tsup src/index.ts --format cjs,esm --dts --watch"
   },
   "dependencies": {
-    "@lisergia/config-tsconfig": "19.0.0",
+    "@lisergia/config-tsconfig": "21.0.0",
     "auto-bind": "^5.0.1",
     "gsap": "^3.13.0",
     "lenis": "^1.3.1",

package/src/EventEmitter.ts

@@ -29,6 +29,8 @@ export class EventEmitter {
     if (unsubscribe) {
       unsubscribe()
     }
+
+    this.entries.delete(callback)
   }
 
   fire(event: string, ...args: any[]) {
@@ -37,5 +39,6 @@ export class EventEmitter {
 
   destroy() {
     this.entries.forEach((unsubscribe) => unsubscribe())
+    this.entries.clear()
   }
 }

package/src/Page.ts

@@ -146,19 +146,22 @@ export class Page extends Component {
       ...this.scrollOptions,
     })
 
-    GSAP.ticker.add((time) => {
-      this.lenis.raf(time * 1000)
-    })
-
+    GSAP.ticker.add(this.onGSAPTicker)
     GSAP.ticker.lagSmoothing(0)
 
-    this.lenis.on('scroll', (event) => {
-      ScrollTrigger.update()
+    this.lenis.on('scroll', this.onLenisScroll)
+  }
+
+  onGSAPTicker(time: number) {
+    this.lenis.raf(time * 1000)
+  }
 
-      this.onScroll(event.scroll)
+  onLenisScroll(event: { scroll: number }) {
+    ScrollTrigger.update()
 
-      this.emitter.emit('scroll', event)
-    })
+    this.onScroll(event.scroll)
+
+    this.emitter.emit('scroll', event)
   }
 
   destroyScroll() {
@@ -168,7 +171,11 @@ export class Page extends Component {
       return
     }
 
+    GSAP.ticker.remove(this.onGSAPTicker)
+
+    this.lenis.off('scroll', this.onLenisScroll)
     this.lenis?.destroy()
+    this.lenis = undefined!
   }
 
   //