@flexilla/dismissible 2.0.3 → 2.0.6

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2024 UnifyUI Dev
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2024 UnifyUI Dev
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,39 +1,39 @@
-# @flexilla/dismissible | Dismissible Component
-
-`@flexilla/dismissible` is a lightweight package that provides a way to dismiss elements from the DOM or hide them from the screen.
-
-## Installation
-
-```shell
-npm install @flexilla/dismissible
-```
-Import 
-```js
-import Dismissible from '@flexilla/dismissible';
-```
-
-## Params
-
-| Name | Description | Data Attributes | Type | | --------------------- | -------------------------------------- | --------------- | -------------------- | | dismissibleElement | The element to be dismissed. | - | HTMLElement | | action | The action to perform when dismissing the element. Available options: "remove-from-dom", "hide-from-screen". | data-action | "remove-from-dom" \| "hide-from-screen" | | onDismiss | The callback function to be executed when the element is dismissed. | - | () => void |
-
-## Example
-```html
-<div class="dismissable-element" data-action="remove-from-dom">
-    <button class="dismiss-button" data-dismiss-btn>Dismiss</button>
-</div>
-
-<script>
-    const dismissible = new Dismissible('.dismissable-element',
-        action: "remove-from-dom",
-        onDismiss: () => {
-            console.log("Element dismissed!");
-        });
-
-        // or 
-        fDismissible('.dismissable-element',
-        action: "remove-from-dom",
-        onDismiss: () => {
-            console.log("Element dismissed!");
-        })
-</script>
+# @flexilla/dismissible | Dismissible Component
+
+`@flexilla/dismissible` is a lightweight package that provides a way to dismiss elements from the DOM or hide them from the screen.
+
+## Installation
+
+```shell
+npm install @flexilla/dismissible
+```
+Import 
+```js
+import Dismissible from '@flexilla/dismissible';
+```
+
+## Params
+
+| Name | Description | Data Attributes | Type | | --------------------- | -------------------------------------- | --------------- | -------------------- | | dismissibleElement | The element to be dismissed. | - | HTMLElement | | action | The action to perform when dismissing the element. Available options: "remove-from-dom", "hide-from-screen". | data-action | "remove-from-dom" \| "hide-from-screen" | | onDismiss | The callback function to be executed when the element is dismissed. | - | () => void |
+
+## Example
+```html
+<div class="dismissable-element" data-action="remove-from-dom">
+    <button class="dismiss-button" data-dismiss-btn>Dismiss</button>
+</div>
+
+<script>
+    const dismissible = new Dismissible('.dismissable-element',
+        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,38 +1,38 @@
 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,
+var u = (s, e, t) => e in s ? b(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
+var i = (s, e, t) => u(s, typeof e != "symbol" ? e + "" : e, t);
+const E = (s, e = document.body) => e.querySelector(s), r = (s, e = document.body) => Array.from(e.querySelectorAll(s)), f = ({
+  element: s,
   callback: e,
-  type: s,
+  type: t,
   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();
+  const m = getComputedStyle(s), d = m.transition;
+  if (d !== "none" && d !== "" && !n.includes(d)) {
+    const o = "transitionend", a = () => {
+      s.removeEventListener(o, a), e();
     };
-    t.addEventListener(d, a, { once: !0 });
+    s.addEventListener(o, a, { once: !0 });
   } else
     e();
 }, c = ({
-  element: t,
+  element: s,
   callback: e
 }) => {
   f({
-    element: t,
+    element: s,
     callback: e,
     type: "transition",
     keysCheck: ["all 0s ease 0s", "all"]
   });
-}, m = class m {
+}, l = class l {
   /**
    * Dismissible Component
    * @param dismissible 
    * @param action 
    * @param onDissmiss 
    */
-  constructor(e, s, n) {
+  constructor(e, t, n) {
     i(this, "dismissibleElement");
     i(this, "dismissButtons");
     i(this, "action");
@@ -42,8 +42,8 @@ const E = (t, e = document.body) => e.querySelector(t), r = (t, e = document.bod
       this.dismissibleElement.style.display = "none", (e = this.onDismiss) == null || e.call(this);
     });
     i(this, "removeFromDom", () => {
-      var e, s;
-      (e = this.onDismiss) == null || e.call(this), (s = this.dismissibleElement.parentElement) == null || s.removeChild(this.dismissibleElement);
+      var e, t;
+      (e = this.onDismiss) == null || e.call(this), (t = this.dismissibleElement.parentElement) == null || t.removeChild(this.dismissibleElement);
     });
     i(this, "dismiss", () => {
       switch (this.action) {
@@ -61,9 +61,9 @@ const E = (t, e = document.body) => e.querySelector(t), r = (t, e = document.bod
           break;
       }
     });
-    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();
+    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();
   }
   setupDismissible() {
     for (const e of this.dismissButtons)
@@ -74,9 +74,9 @@ const E = (t, e = document.body) => e.querySelector(t), r = (t, e = document.bod
  * auto init Dismissible Element based on the selector provided
  * @param selector {string} default is [data-fx-dismissible]
  */
-i(m, "autoInit", (e = "[data-fx-dismissible]") => {
-  const s = r(e);
-  for (const n of s) new m(n);
+i(l, "autoInit", (e = "[data-fx-dismissible]") => {
+  const t = r(e);
+  for (const n of t) new l(n);
 }), /**
  * 
  * @param dismissible 
@@ -84,8 +84,8 @@ i(m, "autoInit", (e = "[data-fx-dismissible]") => {
  * @param onDissmiss 
  * @returns 
  */
-i(m, "init", (e, s, n) => new m(e, s, n));
-let h = m;
+i(l, "init", (e, t, n) => new l(e, t, n));
+let h = l;
 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,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"})});
+(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"})});

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@flexilla/dismissible",
   "private": false,
-  "version": "2.0.3",
+  "version": "2.0.6",
   "type": "module",
   "description": "A lightweight JavaScript component that automatically makes a component dismissible for easy user interaction.",
   "publishConfig": {
@@ -34,11 +34,9 @@
   "scripts": {
     "dev": "vite",
     "build": "tsc && vite build",
-    "preview": "vite preview",
-    "format": "biome format --write ./src"
+    "preview": "vite preview"
   },
   "devDependencies": {
-    "@biomejs/biome": "1.5.1",
     "@flexilla/utilities": "latest",
     "typescript": "^5.2.2",
     "vite": "^5.0.8",
@@ -57,12 +55,11 @@
   "homepage": "",
   "repository": {
     "type": "git",
-    "url": "https://github.com/unify-ui-dev/flexilla"
+    "url": "https://github.com/unoforge/flexilla"
   },
   "bugs": {
-    "url": "https://github.com/unify-ui-dev/flexilla/issues"
+    "url": "https://github.com/unoforge/flexilla/issues"
   },
   "license": "MIT",
-  "author": "johnkat-mj",
-  "gitHead": "2eb26c556c72eb0c607dfc2de61b3ca6ef3128c9"
+  "author": "johnkat-mj"
 }