@flexilla/dismissible 2.0.0 → 2.0.2

package/README.md

@@ -27,7 +27,13 @@ import Dismissible from '@flexilla/dismissible';
         action: "remove-from-dom",
         onDismiss: () => {
             console.log("Element dismissed!");
-        }
-        );
+        });
+
+        // or 
+        fDismissible('.dismissable-element',
+        action: "remove-from-dom",
+        onDismiss: () => {
+            console.log("Element dismissed!");
+        })
 </script>
 ```

package/dist/dismissible.js

@@ -1,27 +1,26 @@
-var l = Object.defineProperty;
-var d = (s, e, i) => e in s ? l(s, e, { enumerable: !0, configurable: !0, writable: !0, value: i }) : s[e] = i;
-var t = (s, e, i) => (d(s, typeof e != "symbol" ? e + "" : e, i), i);
-const r = (s, e = document.body) => e.querySelector(s), a = (s, e = document.body) => Array.from(e.querySelectorAll(s)), o = ({
-  element: s,
+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,
   callback: e
 }) => {
-  const i = getComputedStyle(s).transition;
-  i !== "none" && i !== "" && i !== "all 0s ease 0s" ? s.addEventListener(
+  const s = getComputedStyle(i).transition;
+  s !== "none" && s !== "" && s !== "all 0s ease 0s" && s !== "all" ? i.addEventListener(
     "transitionend",
     function n() {
-      s.removeEventListener("transitionend", n), e();
+      i.removeEventListener("transitionend", n), e();
     },
     { once: !0 }
   ) : e();
-};
-class c {
+}, m = class m {
   /**
    * Dismissible Component
    * @param dismissible 
    * @param action 
    * @param onDissmiss 
    */
-  constructor(e, i, n) {
+  constructor(e, s, n) {
     t(this, "dismissibleElement");
     t(this, "dismissButtons");
     t(this, "action");
@@ -31,35 +30,47 @@ class c {
       this.dismissibleElement.style.display = "none", (e = this.onDismiss) == null || e.call(this);
     });
     t(this, "removeFromDom", () => {
-      var e, i;
-      (e = this.onDismiss) == null || e.call(this), (i = this.dismissibleElement.parentNode) == null || i.removeChild(this.dismissibleElement);
+      var e, s;
+      (e = this.onDismiss) == null || e.call(this), (s = this.dismissibleElement.parentElement) == null || s.removeChild(this.dismissibleElement);
     });
     t(this, "dismiss", () => {
       switch (this.action) {
         case "hide-from-screen":
-          this.dismissibleElement.setAttribute("aria-hidden", "true"), o({
+          this.dismissibleElement.setAttribute("aria-hidden", "true"), this.dismissibleElement.setAttribute("data-state", "hidden"), r({
             element: this.dismissibleElement,
             callback: this.hideFromScreen
           });
           break;
         default:
-          this.dismissibleElement.setAttribute("data-hidden", ""), this.dismissibleElement.setAttribute("aria-hidden", "true"), o({
+          this.dismissibleElement.setAttribute("data-hidden", ""), this.dismissibleElement.setAttribute("aria-hidden", "true"), this.dismissibleElement.setAttribute("data-state", "removed"), r({
             element: this.dismissibleElement,
             callback: this.removeFromDom
           });
           break;
       }
     });
-    const m = typeof e == "string" ? r(e, document.body) : e;
-    if (!(m instanceof HTMLElement))
+    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 = m, this.action = i || this.dismissibleElement.dataset.action || "hide-from-screen", this.dismissButtons = a("[data-dismiss-btn]", this.dismissibleElement), this.onDismiss = n, this.dismissibleElement.setAttribute("aria-hidden", "false"), this.init();
+    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();
   }
   init() {
     for (const e of this.dismissButtons)
       e.addEventListener("click", this.dismiss);
   }
-}
+};
+/**
+ * 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);
 export {
-  c as Dismissible
+  d as Dismissible,
+  E as fDismissible
 };

package/dist/dismissible.umd.cjs

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

package/dist/index.d.ts

@@ -14,6 +14,20 @@ export declare class Dismissible {
     private removeFromDom;
     dismiss: () => void;
     private init;
+    /**
+     * 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
+ */
+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.0",
+  "version": "2.0.2",
   "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": "b182c7035953bc34e8f350b834df9862bec8acb5"
+  "gitHead": "98932fa7279389be90368e974e58fab0fb1ba654"
 }