@inizioevoke/astro-core 2.0.3 → 2.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inizioevoke/astro-core",
-  "version": "2.0.3",
+  "version": "2.1.0",
   "description": "",
   "license": "ISC",
   "author": "",

package/src/components/Modal/Modal.ts

@@ -212,12 +212,13 @@ function getAnimationDuration(element: HTMLElement = document.body) {
 document.addEventListener('DOMContentLoaded', (e) => {
   bindTriggers();
 
-  if (!getOverlay()) {
-    const overlay = document.createElement('div');
+  let overlay = getOverlay();
+  if (!overlay) {
+    overlay = document.createElement('div');
     overlay.classList.add(CSS_OVERLAY);
-    overlay.addEventListener('click', () => {
-      hideModals();
-    }, { passive: true });
     document.body.append(overlay);
   }
+  overlay.addEventListener('click', () => {
+    hideModals();
+  }, { passive: true });
 }, { passive: true });

package/src/components/ScrollContainer/ScrollContainer.ts

@@ -170,6 +170,30 @@ export class EvoScrollContainerElement extends HTMLElement implements IEvoScroll
     this.#updateThumbSize();
   }
 
+  addEventListener(type: keyof HTMLElementEventMap, listener: (this: EvoScrollContainerElement, ev: any) => void, options?: boolean | AddEventListenerOptions) {
+    switch (type) {
+      case 'scroll':
+      case 'scrollend':
+        this.#content.addEventListener(type, listener, options);
+        break;
+      default:
+        super.addEventListener(type, listener, options);
+        break;
+    }
+  }
+
+  removeEventListener(type: keyof HTMLElementEventMap, listener: (this: EvoScrollContainerElement, ev: any) => void) {
+    switch (type) {
+      case 'scroll':
+      case 'scrollend':
+        this.#content.removeEventListener(type, listener);
+        break;
+      default:
+        super.removeEventListener(type, listener);
+        break;
+    }
+  }
+
   #updateThumbSize() {
     if (this.#thumbVert && this.#trackVert) {
       const scrollHeight = this.#content.scrollHeight - getPaddingY(this.#content);