engram-popup 0.1.1 → 0.1.3

package/dist/engram-popup.es.js

@@ -1 +1,59 @@
-
+function h() {
+  const l = document.querySelectorAll("[data-engram-button]");
+  if (console.log(l.length), !l || l.length < 1) return;
+  let i = null;
+  const r = document.querySelectorAll(["[data-engram-popup]"]);
+  console.log(r[0]);
+  for (let e = 0; e < l.length; e++)
+    l[e].addEventListener("click", () => {
+      const n = l[e].getAttribute("data-engram-button");
+      i != n && s().then((o) => {
+        console.log(o), o === !0 && c(n);
+      });
+    });
+  function c(e) {
+    let n = null;
+    for (let o = 0; o < r.length; o++) {
+      let t = r[o].getAttribute("data-engram-popup");
+      if (e === t) {
+        n = r[o];
+        break;
+      }
+    }
+    n ? d(n) : alert(`popup container with name ${e} dont finded`);
+  }
+  function d(e) {
+    let n = e.cloneNode(!0);
+    i = n.getAttribute("data-engram-popup");
+    let o = n.getAttribute("data-engram-theme") ?? "white";
+    n.getAttribute("data-engram-animation");
+    let t = document.createElement("div"), p = document.createElement("div");
+    p.classList.add("engram-popup__close"), t.classList.add("engram-popup"), o == "white" ? t.classList.add("engram-popup--theme-white") : o == "black" ? t.classList.add("engram-popup--theme-black") : t.classList.add("engram-popup--theme-white"), n.removeAttribute("data-engram-popup"), t.appendChild(p), t.appendChild(n), t.style.visibility = "hidden", document.body.appendChild(t);
+    let g = t.clientHeight, u = window.innerHeight;
+    console.log(u), t.style.visibility = "", t.style.transform = `translateY(${+u / 2 - +g / 2}px)`, p.addEventListener("click", m), setTimeout(() => {
+      document.addEventListener("click", a);
+    }, 0);
+  }
+  function a(e) {
+    e.target.closest(".engram-popup") || (s(), console.log("click outside"));
+  }
+  function m() {
+    let e = this.closest(".engram-popup");
+    e.style.transform = "translateY(110vh)", setTimeout(() => {
+      e.style.visibility = "", e.remove(), i = null, document.removeEventListener("click", a), console.log("close current popup");
+    }, 500);
+  }
+  function s() {
+    const e = Array.from(document.querySelectorAll(".engram-popup"));
+    if (document.removeEventListener("click", a), e.length < 1) return Promise.resolve(!0);
+    const n = e.map((o) => new Promise((t, p) => {
+      o.style.transform = "translateY(110vh)", setTimeout(() => {
+        o.style.visibility = "", o.remove(), i = null, t();
+      }, 500);
+    }));
+    return Promise.all(n).then(() => !0);
+  }
+}
+export {
+  h as popup
+};

package/dist/engram-popup.umd.js

@@ -1,2 +1,2 @@
-(function(e){typeof define=="function"&&define.amd?define(e):e()})((function(){"use strict";var e=document.createElement("style");e.textContent=`[data-engram-popup]{display:none}.engram-popup{width:600px;z-index:999;background:#fff;border-radius:20px;position:fixed;box-shadow:0 0 10px #0000001a;left:calc(50% - 300px);padding:30px;transform:translateY(110vh);transition:all ease .5s}.engram-popup--theme-black{background:#222}.engram-popup__close{position:absolute;width:35px;height:35px;border-radius:100px;display:flex;align-items:center;justify-content:center;background:#ccc;right:10px;top:10px;cursor:pointer}
-/*$vite$:1*/`,document.head.appendChild(e)}));
+(function(i,p){typeof exports=="object"&&typeof module<"u"?p(exports):typeof define=="function"&&define.amd?define(["exports"],p):(i=typeof globalThis<"u"?globalThis:i||self,p(i["engram-popup"]={}))})(this,(function(i){"use strict";var p=document.createElement("style");p.textContent=`[data-engram-popup]{display:none}.engram-popup{width:600px;z-index:999;background:#fff;border-radius:20px;position:fixed;box-shadow:0 0 10px #0000001a;left:calc(50% - 300px);padding:30px;transform:translateY(110vh);transition:all ease .5s}.engram-popup--theme-black{background:#222}.engram-popup__close{position:absolute;width:35px;height:35px;border-radius:100px;display:flex;align-items:center;justify-content:center;background:#ccc;right:10px;top:10px;cursor:pointer}
+/*$vite$:1*/`,document.head.appendChild(p);function m(){const l=document.querySelectorAll("[data-engram-button]");if(console.log(l.length),!l||l.length<1)return;let r=null;const a=document.querySelectorAll(["[data-engram-popup]"]);console.log(a[0]);for(let e=0;e<l.length;e++)l[e].addEventListener("click",()=>{const n=l[e].getAttribute("data-engram-button");r!=n&&c().then(o=>{console.log(o),o===!0&&g(n)})});function g(e){let n=null;for(let o=0;o<a.length;o++){let t=a[o].getAttribute("data-engram-popup");if(e===t){n=a[o];break}}n?f(n):alert(`popup container with name ${e} dont finded`)}function f(e){let n=e.cloneNode(!0);r=n.getAttribute("data-engram-popup");let o=n.getAttribute("data-engram-theme")??"white";n.getAttribute("data-engram-animation");let t=document.createElement("div"),s=document.createElement("div");s.classList.add("engram-popup__close"),t.classList.add("engram-popup"),o=="white"?t.classList.add("engram-popup--theme-white"):o=="black"?t.classList.add("engram-popup--theme-black"):t.classList.add("engram-popup--theme-white"),n.removeAttribute("data-engram-popup"),t.appendChild(s),t.appendChild(n),t.style.visibility="hidden",document.body.appendChild(t);let b=t.clientHeight,d=window.innerHeight;console.log(d),t.style.visibility="",t.style.transform=`translateY(${+d/2-+b/2}px)`,s.addEventListener("click",h),setTimeout(()=>{document.addEventListener("click",u)},0)}function u(e){e.target.closest(".engram-popup")||(c(),console.log("click outside"))}function h(){let e=this.closest(".engram-popup");e.style.transform="translateY(110vh)",setTimeout(()=>{e.style.visibility="",e.remove(),r=null,document.removeEventListener("click",u),console.log("close current popup")},500)}function c(){const e=Array.from(document.querySelectorAll(".engram-popup"));if(document.removeEventListener("click",u),e.length<1)return Promise.resolve(!0);const n=e.map(o=>new Promise((t,s)=>{o.style.transform="translateY(110vh)",setTimeout(()=>{o.style.visibility="",o.remove(),r=null,t()},500)}));return Promise.all(n).then(()=>!0)}}i.popup=m,Object.defineProperty(i,Symbol.toStringTag,{value:"Module"})}));

package/package.json

@@ -1,22 +1,19 @@
 {
   "name": "engram-popup",
-  "private": false,
-  "version": "0.1.1",
+  "version": "0.1.3",
   "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "vite build",
-    "preview": "vite preview"
-  },
+  "private": false,
+  "description": "A lightweight and dependency-free JavaScript library for creating popups and modals. Works via npm and CDN, and fits projects of any size — from simple landing pages to complex SPA applications.",
   "main": "dist/engram-popup.umd.js",
   "module": "dist/engram-popup.es.js",
-  "style": "dist/index.css",
-  "devDependencies": {
-    "vite": "^7.2.4"
-  },
   "files": [
     "dist"
   ],
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
   "keywords": [
     "popup",
     "modal",
@@ -33,6 +30,12 @@
   ],
   "author": "psih2131 https://github.com/psih2131",
   "license": "ISC",
-  "description": "A lightweight and dependency-free JavaScript library for creating popups and modals. Works via npm and CDN, and fits projects of any size — from simple landing pages to complex SPA applications.",
-  "homepage": ""
+  "devDependencies": {
+    "vite": "^7.2.4"
+  },
+  "homepage": "",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/psih2131/engram-popup.git"
+  }
 }