@flexilla/dismissible 2.0.1 → 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,74 +1,76 @@
 var a = Object.defineProperty;
-var c = (i, s, e) => s in i ? a(i, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[s] = e;
-var t = (i, s, e) => (c(i, typeof s != "symbol" ? s + "" : s, e), e);
-const h = (i, s = document.body) => s.querySelector(i), d = (i, s = document.body) => Array.from(s.querySelectorAll(i)), l = ({
+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: s
+  callback: e
 }) => {
-  const e = getComputedStyle(i).transition;
-  e !== "none" && e !== "" && e !== "all 0s ease 0s" ? i.addEventListener(
+  const s = getComputedStyle(i).transition;
+  s !== "none" && s !== "" && s !== "all 0s ease 0s" && s !== "all" ? i.addEventListener(
     "transitionend",
     function n() {
-      i.removeEventListener("transitionend", n), s();
+      i.removeEventListener("transitionend", n), e();
     },
     { once: !0 }
-  ) : s();
-}, o = class o {
+  ) : e();
+}, m = class m {
   /**
    * Dismissible Component
    * @param dismissible 
    * @param action 
    * @param onDissmiss 
    */
-  constructor(s, e, n) {
+  constructor(e, s, n) {
     t(this, "dismissibleElement");
     t(this, "dismissButtons");
     t(this, "action");
     t(this, "onDismiss");
     t(this, "hideFromScreen", () => {
-      var s;
-      this.dismissibleElement.style.display = "none", (s = this.onDismiss) == null || s.call(this);
+      var e;
+      this.dismissibleElement.style.display = "none", (e = this.onDismiss) == null || e.call(this);
     });
     t(this, "removeFromDom", () => {
-      var s, e;
-      (s = this.onDismiss) == null || s.call(this), (e = this.dismissibleElement.parentNode) == null || e.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"), l({
+          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"), l({
+          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 s == "string" ? h(s, document.body) : s;
-    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 = e || this.dismissibleElement.dataset.action || "hide-from-screen", this.dismissButtons = d("[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 s of this.dismissButtons)
-      s.addEventListener("click", this.dismiss);
+    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(o, "autoInit", (s = "[data-fx-dismissible]") => {
-  const e = d(s);
-  for (const n of e)
-    new o(n);
+t(m, "autoInit", (e = "[data-fx-dismissible]") => {
+  const s = l(e);
+  for (const n of s)
+    new m(n);
 });
-let r = o;
+let d = m;
+const E = (i, e, s) => new d(i, e, s);
 export {
-  r 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 h=Object.defineProperty;var b=(s,i,o)=>i in s?h(s,i,{enumerable:!0,configurable:!0,writable:!0,value:o}):s[i]=o;var n=(s,i,o)=>(b(s,typeof i!="symbol"?i+"":i,o),o);const i=(d,e=document.body)=>e.querySelector(d),o=(d,e=document.body)=>Array.from(e.querySelectorAll(d)),a=({element:d,callback:e})=>{const t=getComputedStyle(d).transition;t!=="none"&&t!==""&&t!=="all 0s ease 0s"?d.addEventListener("transitionend",function l(){d.removeEventListener("transitionend",l),e()},{once:!0}):e()},m=class m{constructor(e,t,l){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.parentNode)==null||t.removeChild(this.dismissibleElement)});n(this,"dismiss",()=>{switch(this.action){case"hide-from-screen":this.dismissibleElement.setAttribute("aria-hidden","true"),a({element:this.dismissibleElement,callback:this.hideFromScreen});break;default:this.dismissibleElement.setAttribute("data-hidden",""),this.dismissibleElement.setAttribute("aria-hidden","true"),a({element:this.dismissibleElement,callback:this.removeFromDom});break}});const c=typeof e=="string"?i(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)}};n(m,"autoInit",(e="[data-fx-dismissible]")=>{const t=o(e);for(const l of t)new m(l)});let r=m;s.Dismissible=r,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

@@ -21,4 +21,13 @@ export declare class 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.1",
+  "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": "8435693ee1ff8e2f9d279b5d4026949530d7d05d"
+  "gitHead": "98932fa7279389be90368e974e58fab0fb1ba654"
 }