@flexilla/dismissible 2.0.7 → 2.0.8

package/dist/dismissible.js

@@ -7,12 +7,12 @@ const E = (s, e = document.body) => e.querySelector(s), r = (s, e = document.bod
   type: t,
   keysCheck: n
 }) => {
-  const m = getComputedStyle(s), d = m.transition;
-  if (d !== "none" && d !== "" && !n.includes(d)) {
-    const o = "transitionend", a = () => {
-      s.removeEventListener(o, a), e();
+  const l = getComputedStyle(s), o = l.transition;
+  if (o !== "none" && o !== "" && !n.includes(o)) {
+    const d = "transitionend", a = () => {
+      s.removeEventListener(d, a), e();
     };
-    s.addEventListener(o, a, { once: !0 });
+    s.addEventListener(d, a, { once: !0 });
   } else
     e();
 }, c = ({
@@ -25,7 +25,7 @@ const E = (s, e = document.body) => e.querySelector(s), r = (s, e = document.bod
     type: "transition",
     keysCheck: ["all 0s ease 0s", "all"]
   });
-}, l = class l {
+}, m = class m {
   /**
    * Dismissible Component
    * @param dismissible 
@@ -61,22 +61,25 @@ const E = (s, e = document.body) => e.querySelector(s), r = (s, e = document.bod
           break;
       }
     });
-    const m = typeof e == "string" ? E(e, document.body) : e;
-    if (!(m instanceof HTMLElement)) throw new Error("Provided Element not a valid HTMLElement");
-    this.dismissibleElement = m, this.action = t || this.dismissibleElement.dataset.action || "hide-from-screen", this.dismissButtons = r("[data-dismiss-btn]", this.dismissibleElement), this.onDismiss = n, this.dismissibleElement.setAttribute("aria-hidden", "false"), this.setupDismissible();
+    const l = typeof e == "string" ? E(e, document.body) : e;
+    if (!(l instanceof HTMLElement)) throw new Error("Provided Element not a valid HTMLElement");
+    this.dismissibleElement = l, this.action = t || this.dismissibleElement.dataset.action || "hide-from-screen", this.dismissButtons = r("[data-dismiss-btn]", this.dismissibleElement), this.onDismiss = n, this.dismissibleElement.setAttribute("aria-hidden", "false"), this.setupDismissible();
   }
   setupDismissible() {
     for (const e of this.dismissButtons)
       e.addEventListener("click", this.dismiss);
   }
+  /**
+   * Cleanup method to remove event listeners
+   */
+  cleanup() {
+    for (const e of this.dismissButtons)
+      e.removeEventListener("click", this.dismiss);
+  }
 };
-/**
- * auto init Dismissible Element based on the selector provided
- * @param selector {string} default is [data-fx-dismissible]
- */
-i(l, "autoInit", (e = "[data-fx-dismissible]") => {
+i(m, "autoInit", (e = "[data-fx-dismissible]") => {
   const t = r(e);
-  for (const n of t) new l(n);
+  for (const n of t) new m(n);
 }), /**
  * 
  * @param dismissible 
@@ -84,8 +87,8 @@ i(l, "autoInit", (e = "[data-fx-dismissible]") => {
  * @param onDissmiss 
  * @returns 
  */
-i(l, "init", (e, t, n) => new l(e, t, n));
-let h = l;
+i(m, "init", (e, t, n) => new m(e, t, n));
+let h = m;
 export {
   h as Dismissible
 };

package/dist/dismissible.umd.cjs

@@ -1 +1 @@
-(function(i,s){typeof exports=="object"&&typeof module<"u"?s(exports):typeof define=="function"&&define.amd?define(["exports"],s):(i=typeof globalThis<"u"?globalThis:i||self,s(i["@flexilla/dismissible"]={}))})(this,function(i){"use strict";var E=Object.defineProperty;var y=(i,s,d)=>s in i?E(i,s,{enumerable:!0,configurable:!0,writable:!0,value:d}):i[s]=d;var t=(i,s,d)=>y(i,typeof s!="symbol"?s+"":s,d);const s=(n,e=document.body)=>e.querySelector(n),d=(n,e=document.body)=>Array.from(e.querySelectorAll(n)),f=({element:n,callback:e,type:l,keysCheck:m})=>{const a=getComputedStyle(n),c=a.transition;if(c!=="none"&&c!==""&&!m.includes(c)){const b="transitionend",u=()=>{n.removeEventListener(b,u),e()};n.addEventListener(b,u,{once:!0})}else e()},h=({element:n,callback:e})=>{f({element:n,callback:e,type:"transition",keysCheck:["all 0s ease 0s","all"]})},o=class o{constructor(e,l,m){t(this,"dismissibleElement");t(this,"dismissButtons");t(this,"action");t(this,"onDismiss");t(this,"hideFromScreen",()=>{var e;this.dismissibleElement.style.display="none",(e=this.onDismiss)==null||e.call(this)});t(this,"removeFromDom",()=>{var e,l;(e=this.onDismiss)==null||e.call(this),(l=this.dismissibleElement.parentElement)==null||l.removeChild(this.dismissibleElement)});t(this,"dismiss",()=>{switch(this.action){case"hide-from-screen":this.dismissibleElement.setAttribute("aria-hidden","true"),this.dismissibleElement.setAttribute("data-state","hidden"),h({element:this.dismissibleElement,callback:this.hideFromScreen});break;default:this.dismissibleElement.setAttribute("data-hidden",""),this.dismissibleElement.setAttribute("aria-hidden","true"),this.dismissibleElement.setAttribute("data-state","removed"),h({element:this.dismissibleElement,callback:this.removeFromDom});break}});const a=typeof e=="string"?s(e,document.body):e;if(!(a instanceof HTMLElement))throw new Error("Provided Element not a valid HTMLElement");this.dismissibleElement=a,this.action=l||this.dismissibleElement.dataset.action||"hide-from-screen",this.dismissButtons=d("[data-dismiss-btn]",this.dismissibleElement),this.onDismiss=m,this.dismissibleElement.setAttribute("aria-hidden","false"),this.setupDismissible()}setupDismissible(){for(const e of this.dismissButtons)e.addEventListener("click",this.dismiss)}};t(o,"autoInit",(e="[data-fx-dismissible]")=>{const l=d(e);for(const m of l)new o(m)}),t(o,"init",(e,l,m)=>new o(e,l,m));let r=o;i.Dismissible=r,Object.defineProperty(i,Symbol.toStringTag,{value:"Module"})});
+(function(i,s){typeof exports=="object"&&typeof module<"u"?s(exports):typeof define=="function"&&define.amd?define(["exports"],s):(i=typeof globalThis<"u"?globalThis:i||self,s(i["@flexilla/dismissible"]={}))})(this,function(i){"use strict";var E=Object.defineProperty;var y=(i,s,o)=>s in i?E(i,s,{enumerable:!0,configurable:!0,writable:!0,value:o}):i[s]=o;var t=(i,s,o)=>y(i,typeof s!="symbol"?s+"":s,o);const s=(n,e=document.body)=>e.querySelector(n),o=(n,e=document.body)=>Array.from(e.querySelectorAll(n)),f=({element:n,callback:e,type:l,keysCheck:d})=>{const a=getComputedStyle(n),c=a.transition;if(c!=="none"&&c!==""&&!d.includes(c)){const b="transitionend",u=()=>{n.removeEventListener(b,u),e()};n.addEventListener(b,u,{once:!0})}else e()},h=({element:n,callback:e})=>{f({element:n,callback:e,type:"transition",keysCheck:["all 0s ease 0s","all"]})},m=class m{constructor(e,l,d){t(this,"dismissibleElement");t(this,"dismissButtons");t(this,"action");t(this,"onDismiss");t(this,"hideFromScreen",()=>{var e;this.dismissibleElement.style.display="none",(e=this.onDismiss)==null||e.call(this)});t(this,"removeFromDom",()=>{var e,l;(e=this.onDismiss)==null||e.call(this),(l=this.dismissibleElement.parentElement)==null||l.removeChild(this.dismissibleElement)});t(this,"dismiss",()=>{switch(this.action){case"hide-from-screen":this.dismissibleElement.setAttribute("aria-hidden","true"),this.dismissibleElement.setAttribute("data-state","hidden"),h({element:this.dismissibleElement,callback:this.hideFromScreen});break;default:this.dismissibleElement.setAttribute("data-hidden",""),this.dismissibleElement.setAttribute("aria-hidden","true"),this.dismissibleElement.setAttribute("data-state","removed"),h({element:this.dismissibleElement,callback:this.removeFromDom});break}});const a=typeof e=="string"?s(e,document.body):e;if(!(a instanceof HTMLElement))throw new Error("Provided Element not a valid HTMLElement");this.dismissibleElement=a,this.action=l||this.dismissibleElement.dataset.action||"hide-from-screen",this.dismissButtons=o("[data-dismiss-btn]",this.dismissibleElement),this.onDismiss=d,this.dismissibleElement.setAttribute("aria-hidden","false"),this.setupDismissible()}setupDismissible(){for(const e of this.dismissButtons)e.addEventListener("click",this.dismiss)}cleanup(){for(const e of this.dismissButtons)e.removeEventListener("click",this.dismiss)}};t(m,"autoInit",(e="[data-fx-dismissible]")=>{const l=o(e);for(const d of l)new m(d)}),t(m,"init",(e,l,d)=>new m(e,l,d));let r=m;i.Dismissible=r,Object.defineProperty(i,Symbol.toStringTag,{value:"Module"})});

package/dist/index.d.ts

@@ -15,9 +15,9 @@ export declare class Dismissible {
     dismiss: () => void;
     private setupDismissible;
     /**
-     * auto init Dismissible Element based on the selector provided
-     * @param selector {string} default is [data-fx-dismissible]
+     * Cleanup method to remove event listeners
      */
+    cleanup(): void;
     static autoInit: (selector?: string) => void;
     /**
      *

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@flexilla/dismissible",
   "private": false,
-  "version": "2.0.7",
+  "version": "2.0.8",
   "type": "module",
   "description": "A lightweight JavaScript component that automatically makes a component dismissible for easy user interaction.",
   "publishConfig": {
@@ -61,5 +61,5 @@
   },
   "license": "MIT",
   "author": "johnkat-mj",
-  "gitHead": "f85cdc8aaec4a1309152d235c762f515b34fc9d9"
+  "gitHead": "e03f36f1dc6006668fd79949e0803fc2e08219c1"
 }