@flexilla/dismissible 2.0.2 → 2.0.3

package/dist/dismissible.js

@@ -1,18 +1,30 @@
-var a = Object.defineProperty;
-var c = (i, e, s) => e in i ? a(i, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : i[e] = s;
-var t = (i, e, s) => (c(i, typeof e != "symbol" ? e + "" : e, s), s);
-const h = (i, e = document.body) => e.querySelector(i), l = (i, e = document.body) => Array.from(e.querySelectorAll(i)), r = ({
-  element: i,
+var b = Object.defineProperty;
+var u = (t, e, s) => e in t ? b(t, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : t[e] = s;
+var i = (t, e, s) => u(t, typeof e != "symbol" ? e + "" : e, s);
+const E = (t, e = document.body) => e.querySelector(t), r = (t, e = document.body) => Array.from(e.querySelectorAll(t)), f = ({
+  element: t,
+  callback: e,
+  type: s,
+  keysCheck: n
+}) => {
+  const l = getComputedStyle(t), o = s === "transition" ? l.transition : l.animation;
+  if (o !== "none" && o !== "" && !n.includes(o)) {
+    const d = s === "transition" ? "transitionend" : "animationend", a = () => {
+      t.removeEventListener(d, a), e();
+    };
+    t.addEventListener(d, a, { once: !0 });
+  } else
+    e();
+}, c = ({
+  element: t,
   callback: e
 }) => {
-  const s = getComputedStyle(i).transition;
-  s !== "none" && s !== "" && s !== "all 0s ease 0s" && s !== "all" ? i.addEventListener(
-    "transitionend",
-    function n() {
-      i.removeEventListener("transitionend", n), e();
-    },
-    { once: !0 }
-  ) : e();
+  f({
+    element: t,
+    callback: e,
+    type: "transition",
+    keysCheck: ["all 0s ease 0s", "all"]
+  });
 }, m = class m {
   /**
    * Dismissible Component
@@ -21,40 +33,39 @@ const h = (i, e = document.body) => e.querySelector(i), l = (i, e = document.bod
    * @param onDissmiss 
    */
   constructor(e, s, n) {
-    t(this, "dismissibleElement");
-    t(this, "dismissButtons");
-    t(this, "action");
-    t(this, "onDismiss");
-    t(this, "hideFromScreen", () => {
+    i(this, "dismissibleElement");
+    i(this, "dismissButtons");
+    i(this, "action");
+    i(this, "onDismiss");
+    i(this, "hideFromScreen", () => {
       var e;
       this.dismissibleElement.style.display = "none", (e = this.onDismiss) == null || e.call(this);
     });
-    t(this, "removeFromDom", () => {
+    i(this, "removeFromDom", () => {
       var e, s;
       (e = this.onDismiss) == null || e.call(this), (s = this.dismissibleElement.parentElement) == null || s.removeChild(this.dismissibleElement);
     });
-    t(this, "dismiss", () => {
+    i(this, "dismiss", () => {
       switch (this.action) {
         case "hide-from-screen":
-          this.dismissibleElement.setAttribute("aria-hidden", "true"), this.dismissibleElement.setAttribute("data-state", "hidden"), r({
+          this.dismissibleElement.setAttribute("aria-hidden", "true"), this.dismissibleElement.setAttribute("data-state", "hidden"), c({
             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"), r({
+          this.dismissibleElement.setAttribute("data-hidden", ""), this.dismissibleElement.setAttribute("aria-hidden", "true"), this.dismissibleElement.setAttribute("data-state", "removed"), c({
             element: this.dismissibleElement,
             callback: this.removeFromDom
           });
           break;
       }
     });
-    const o = typeof e == "string" ? h(e, document.body) : e;
-    if (!(o instanceof HTMLElement))
-      throw new Error("Provided Element not a valid HTMLElement");
-    this.dismissibleElement = o, this.action = s || this.dismissibleElement.dataset.action || "hide-from-screen", this.dismissButtons = l("[data-dismiss-btn]", this.dismissibleElement), this.onDismiss = n, this.dismissibleElement.setAttribute("aria-hidden", "false"), this.init();
+    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 = s || 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();
   }
-  init() {
+  setupDismissible() {
     for (const e of this.dismissButtons)
       e.addEventListener("click", this.dismiss);
   }
@@ -63,14 +74,18 @@ const h = (i, e = document.body) => e.querySelector(i), l = (i, e = document.bod
  * auto init Dismissible Element based on the selector provided
  * @param selector {string} default is [data-fx-dismissible]
  */
-t(m, "autoInit", (e = "[data-fx-dismissible]") => {
-  const s = l(e);
-  for (const n of s)
-    new m(n);
-});
-let d = m;
-const E = (i, e, s) => new d(i, e, s);
+i(m, "autoInit", (e = "[data-fx-dismissible]") => {
+  const s = r(e);
+  for (const n of s) new m(n);
+}), /**
+ * 
+ * @param dismissible 
+ * @param action 
+ * @param onDissmiss 
+ * @returns 
+ */
+i(m, "init", (e, s, n) => new m(e, s, n));
+let h = m;
 export {
-  d as Dismissible,
-  E as fDismissible
+  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 b=Object.defineProperty;var u=(i,s,o)=>s in i?b(i,s,{enumerable:!0,configurable:!0,writable:!0,value:o}):i[s]=o;var d=(i,s,o)=>(u(i,typeof s!="symbol"?s+"":s,o),o);const s=(n,e=document.body)=>e.querySelector(n),o=(n,e=document.body)=>Array.from(e.querySelectorAll(n)),a=({element:n,callback:e})=>{const t=getComputedStyle(n).transition;t!=="none"&&t!==""&&t!=="all 0s ease 0s"&&t!=="all"?n.addEventListener("transitionend",function l(){n.removeEventListener("transitionend",l),e()},{once:!0}):e()},r=class r{constructor(e,t,l){d(this,"dismissibleElement");d(this,"dismissButtons");d(this,"action");d(this,"onDismiss");d(this,"hideFromScreen",()=>{var e;this.dismissibleElement.style.display="none",(e=this.onDismiss)==null||e.call(this)});d(this,"removeFromDom",()=>{var e,t;(e=this.onDismiss)==null||e.call(this),(t=this.dismissibleElement.parentElement)==null||t.removeChild(this.dismissibleElement)});d(this,"dismiss",()=>{switch(this.action){case"hide-from-screen":this.dismissibleElement.setAttribute("aria-hidden","true"),this.dismissibleElement.setAttribute("data-state","hidden"),a({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"),a({element:this.dismissibleElement,callback:this.removeFromDom});break}});const c=typeof e=="string"?s(e,document.body):e;if(!(c instanceof HTMLElement))throw new Error("Provided Element not a valid HTMLElement");this.dismissibleElement=c,this.action=t||this.dismissibleElement.dataset.action||"hide-from-screen",this.dismissButtons=o("[data-dismiss-btn]",this.dismissibleElement),this.onDismiss=l,this.dismissibleElement.setAttribute("aria-hidden","false"),this.init()}init(){for(const e of this.dismissButtons)e.addEventListener("click",this.dismiss)}};d(r,"autoInit",(e="[data-fx-dismissible]")=>{const t=o(e);for(const l of t)new r(l)});let m=r;const h=(n,e,t)=>new m(n,e,t);i.Dismissible=m,i.fDismissible=h,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 n=(i,s,o)=>y(i,typeof s!="symbol"?s+"":s,o);const s=(l,e=document.body)=>e.querySelector(l),o=(l,e=document.body)=>Array.from(e.querySelectorAll(l)),f=({element:l,callback:e,type:t,keysCheck:d})=>{const a=getComputedStyle(l),c=t==="transition"?a.transition:a.animation;if(c!=="none"&&c!==""&&!d.includes(c)){const b=t==="transition"?"transitionend":"animationend",u=()=>{l.removeEventListener(b,u),e()};l.addEventListener(b,u,{once:!0})}else e()},h=({element:l,callback:e})=>{f({element:l,callback:e,type:"transition",keysCheck:["all 0s ease 0s","all"]})},m=class m{constructor(e,t,d){n(this,"dismissibleElement");n(this,"dismissButtons");n(this,"action");n(this,"onDismiss");n(this,"hideFromScreen",()=>{var e;this.dismissibleElement.style.display="none",(e=this.onDismiss)==null||e.call(this)});n(this,"removeFromDom",()=>{var e,t;(e=this.onDismiss)==null||e.call(this),(t=this.dismissibleElement.parentElement)==null||t.removeChild(this.dismissibleElement)});n(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=t||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)}};n(m,"autoInit",(e="[data-fx-dismissible]")=>{const t=o(e);for(const d of t)new m(d)}),n(m,"init",(e,t,d)=>new m(e,t,d));let r=m;i.Dismissible=r,Object.defineProperty(i,Symbol.toStringTag,{value:"Module"})});

package/dist/index.d.ts

@@ -13,21 +13,20 @@ export declare class Dismissible {
     private hideFromScreen;
     private removeFromDom;
     dismiss: () => void;
-    private init;
+    private setupDismissible;
     /**
      * auto init Dismissible Element based on the selector provided
      * @param selector {string} default is [data-fx-dismissible]
      */
     static autoInit: (selector?: string) => void;
+    /**
+     *
+     * @param dismissible
+     * @param action
+     * @param onDissmiss
+     * @returns
+     */
+    static init: (dismissible: string | HTMLElement, action?: "remove-from-dom" | "hide-from-screen", onDissmiss?: () => void) => Dismissible;
 }
 
-/**
- *
- * @param dismissible
- * @param action
- * @param onDissmiss
- * @returns
- */
-export declare const fDismissible: (dismissible: string | HTMLElement, action?: "remove-from-dom" | "hide-from-screen", onDissmiss?: () => void) => Dismissible;
-
 export { }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@flexilla/dismissible",
   "private": false,
-  "version": "2.0.2",
+  "version": "2.0.3",
   "type": "module",
   "description": "A lightweight JavaScript component that automatically makes a component dismissible for easy user interaction.",
   "publishConfig": {
@@ -64,5 +64,5 @@
   },
   "license": "MIT",
   "author": "johnkat-mj",
-  "gitHead": "98932fa7279389be90368e974e58fab0fb1ba654"
+  "gitHead": "2eb26c556c72eb0c607dfc2de61b3ca6ef3128c9"
 }