wj-elements 0.1.34 → 0.1.35

package/dist/wje-reorder-handle.js

@@ -1,16 +1,16 @@
 var x = Object.defineProperty;
-var z = (d, r, e) => r in d ? x(d, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : d[r] = e;
-var g = (d, r, e) => (z(d, typeof r != "symbol" ? r + "" : r, e), e);
+var z = (c, l, e) => l in c ? x(c, l, { enumerable: !0, configurable: !0, writable: !0, value: e }) : c[l] = e;
+var A = (c, l, e) => (z(c, typeof l != "symbol" ? l + "" : l, e), e);
 import D from "./wje-element.js";
-const v = ".disabled{opacity:.3}";
-class b extends D {
+const w = ".disabled{opacity:.3}";
+class E extends D {
   constructor() {
     super();
-    g(this, "className", "ReorderHandle");
+    A(this, "className", "ReorderHandle");
     this.addEventListener("mousedown", this.startDrag.bind(this)), this.addEventListener("touchstart", this.startTouchDrag.bind(this));
   }
   static get cssStyleSheet() {
-    return v;
+    return w;
   }
   static get observedAttributes() {
     return ["dropzone", "parent"];
@@ -43,35 +43,35 @@ class b extends D {
       t = this.closest(n);
     } else
       t = this.parentElement;
-    const i = this.getDropzone(t);
-    this.getAttribute("dropzone") || this.setAttribute("dropzone", i.localName);
-    const a = t.getBoundingClientRect(), A = e - a.left, y = s - a.top;
-    let o = document.createElement("div");
-    o.classList.add("sortable-item"), o.style.visibility = "hidden", o.style.height = `${a.height}px`, t.classList.add("dragging"), t.style.position = "fixed", t.style.zIndex = "1000", t.style.width = `${a.width}px`;
-    const h = (n, c) => {
-      t.style.left = `${n - A - document.documentElement.scrollLeft}px`, t.style.top = `${c - y - document.documentElement.scrollTop}px`;
+    const o = this.getDropzone(t);
+    this.getAttribute("dropzone") || this.setAttribute("dropzone", o.localName);
+    const r = t.getBoundingClientRect(), h = e - r.left, u = s - r.top;
+    let i = document.createElement("div");
+    i.classList.add("sortable-item"), i.style.visibility = "hidden", i.style.height = `${r.height}px`, t.classList.add("dragging"), t.style.position = "fixed", t.style.zIndex = "1000", t.style.width = `${r.width}px`;
+    const p = (n, d) => {
+      t.style.left = `${n - h - document.documentElement.scrollLeft}px`, t.style.top = `${d - u - document.documentElement.scrollTop}px`;
     };
-    h(e, s);
-    const m = (n) => {
-      var f;
-      h(n.pageX, n.pageY);
-      const c = this.getClosestDropzone(n.clientX, n.clientY);
-      if (!c)
+    p(e, s);
+    const f = (n) => {
+      var b;
+      p(n.pageX, n.pageY);
+      const d = this.getClosestDropzone(n.clientX, n.clientY);
+      if (!d)
         return;
-      const E = Array.from(c.children).filter((l) => l !== t && l !== o);
-      for (const l of E) {
-        const u = l.getBoundingClientRect();
-        if (!((f = l.children[0]) != null && f.hasAttribute("locked")) && n.clientY > u.top && n.clientY < u.bottom) {
-          n.clientY < u.top + u.height / 2 ? c.insertBefore(o, l) : c.insertBefore(o, l.nextSibling);
+      const y = Array.from(d.children).filter((a) => a !== t && a !== i);
+      for (const a of y) {
+        const m = a.getBoundingClientRect();
+        if (!((b = a.children[0]) != null && b.hasAttribute("locked")) && n.clientY > m.top && n.clientY < m.bottom) {
+          n.clientY < m.top + m.height / 2 ? d.insertBefore(i, a) : d.insertBefore(i, a.nextSibling);
           break;
         }
       }
-    }, p = () => {
-      document.removeEventListener("mousemove", m), document.removeEventListener("mouseup", p), t.classList.remove("dragging"), t.style.position = "", t.style.zIndex = "", t.style.left = "", t.style.top = "", t.style.width = "";
-      const n = o.parentElement;
-      n.insertBefore(t, o), n.removeChild(o), this.reIndexItems(n);
+    }, g = () => {
+      document.removeEventListener("mousemove", f), document.removeEventListener("mouseup", g), t.classList.remove("dragging"), t.style.position = "", t.style.zIndex = "", t.style.left = "", t.style.top = "", t.style.width = "";
+      const n = i.parentElement;
+      n.insertBefore(t, i), n.removeChild(i), this.reIndexItems(n);
     };
-    document.addEventListener("mousemove", m), document.addEventListener("mouseup", p), i.insertBefore(o, t);
+    document.addEventListener("mousemove", f), document.addEventListener("mouseup", g), o.insertBefore(i, t);
   }
   getDropzone(e) {
     const s = this.getAttribute("dropzone");
@@ -83,22 +83,33 @@ class b extends D {
     return e.parentElement;
   }
   getClosestDropzone(e, s) {
-    const t = document.elementsFromPoint(e, s);
-    for (const i of t)
-      if (i.matches(this.getAttribute("dropzone")))
-        return i;
+    const t = this.getElementsFromPointAll(e, s);
+    for (const o of t)
+      if (o.matches(this.getAttribute("dropzone")))
+        return o;
     return null;
   }
+  // Rekurzívne prechádza všetky shadow roots bez opakovania elementov
+  getElementsFromPointAll(e, s, t = document, o = /* @__PURE__ */ new Set()) {
+    if (o.has(t))
+      return [];
+    o.add(t);
+    const r = t.elementsFromPoint(e, s);
+    let h = [...r];
+    for (const u of r)
+      u.shadowRoot && !o.has(u.shadowRoot) && (h = h.concat(this.getElementsFromPointAll(e, s, u.shadowRoot, o)));
+    return h;
+  }
   reIndexItems(e) {
     const s = Array.from(e.children);
     let t = 0;
-    s.forEach((i) => {
-      var a;
-      (a = i.children[0]) != null && a.hasAttribute("locked"), i.dataset.index = t, t++;
+    s.forEach((o) => {
+      var r;
+      (r = o.children[0]) != null && r.hasAttribute("locked"), o.dataset.index = t, t++;
     });
   }
 }
-b.define("wje-reorder-handle", b);
+E.define("wje-reorder-handle", E);
 export {
-  b as default
+  E as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "wj-elements",
   "description": "WebJET Elements is a modern set of user interface tools harnessing the power of web components designed to simplify web application development.",
-  "version": "0.1.34",
+  "version": "0.1.35",
   "homepage": "https://github.com/lencys/wj-elements",
   "author": "Lukáš Ondrejček <lukas.ondrejcek@gmail.com>",
   "license": "MIT",