@trintel/zooy 1.12.0 → 1.13.1

package/dist/zooy.es.js

@@ -1,5 +1,5 @@
 import { n as le, t as R } from "./chunks/component-library-registry-BXnJ4Oqa.js";
-import { a as be, c as we, d as O, f as ee, i as Le, l as Oe, m as Ie, n as Re, o as ye, p as ce, s as w, t as Ae, u as te } from "./chunks/tree-utils-B6a-I2US.js";
+import { a as be, c as we, d as O, f as ee, i as Le, l as Oe, m as Ie, n as Re, o as ye, p as ce, s as w, t as Ae, u as te } from "./chunks/tree-utils-DVtSIiGp.js";
 import { i as he, t as Pe } from "./chunks/zoo-B9S5MBHV.js";
 import { identity as C, isDef as F, isDefAndNotNull as j, isNumber as se, isUndefined as Ne, randomId as f, stripLeadingChar as de, toNumber as ie, whatType as Ve } from "badu";
 import { mergeRight as Ue } from "ramda";
@@ -43,8 +43,8 @@ var L = class extends EventTarget {
   }
   listen(e, t, s, i = !1) {
     e.addEventListener(t, s, i);
-    const n = this.listeningTo.get(e) || {};
-    n[t] = () => e.removeEventListener(t, s, i), this.listeningTo.set(e, n), F(e.isListenedToBy) && e.isListenedToBy(this);
+    const r = this.listeningTo.get(e) || {};
+    r[t] = () => e.removeEventListener(t, s, i), this.listeningTo.set(e, r), F(e.isListenedToBy) && e.isListenedToBy(this);
   }
   stopBeingListenedTo() {
     for (const e of this.isObservedBy)
@@ -242,9 +242,9 @@ var L = class extends EventTarget {
   c.TOUCHMOVE,
   c.TOUCHSTART,
   c.TOUCHEND
-], ke = (e) => ze.includes(e.type), k = (e) => (ke(e) && (e.clientX = e.targetTouches[0].clientX, e.clientY = e.targetTouches[0].clientY), e), Be = (e, t, s, i) => (n) => {
-  n.preventDefault();
-  const o = k(n), h = o.currentTarget, [p, v] = we(h), m = o.clientX - p, S = o.clientY - v, r = e(p, v, m, S, h), a = s(p, v, m, S, h), l = t(p, v, m, S, h);
+], ke = (e) => ze.includes(e.type), k = (e) => (ke(e) && (e.clientX = e.targetTouches[0].clientX, e.clientY = e.targetTouches[0].clientY), e), Be = (e, t, s, i) => (r) => {
+  r.preventDefault();
+  const o = k(r), h = o.currentTarget, [p, v] = we(h), m = o.clientX - p, S = o.clientY - v, n = e(p, v, m, S, h), a = s(p, v, m, S, h), l = t(p, v, m, S, h);
   let u = xe(l, h, m, S);
   ["x", "ew"].includes(i) ? u = Fe(l, h, m, S) : ["y", "ns"].includes(i) && (u = $e(l, h, m, S));
   let E = !1;
@@ -253,20 +253,20 @@ var L = class extends EventTarget {
   }, _ = (T) => {
     document.removeEventListener(c.MOUSEMOVE, g, !0), document.removeEventListener(c.TOUCHMOVE, g, !0), document.removeEventListener(c.MOUSEUP, _, !0), document.removeEventListener(c.TOUCHEND, _, !0), E && a(T);
   };
-  return document.addEventListener(c.MOUSEUP, _, !0), document.addEventListener(c.TOUCHEND, _, !0), document.addEventListener(c.MOUSEMOVE, g, !0), document.addEventListener(c.TOUCHMOVE, g, !0), r(n), _;
-}, xe = (e, t, s, i) => (n) => {
-  n.preventDefault();
-  const o = k(n);
+  return document.addEventListener(c.MOUSEUP, _, !0), document.addEventListener(c.TOUCHEND, _, !0), document.addEventListener(c.MOUSEMOVE, g, !0), document.addEventListener(c.TOUCHMOVE, g, !0), n(r), _;
+}, xe = (e, t, s, i) => (r) => {
+  r.preventDefault();
+  const o = k(r);
   t.style.left = `${o.clientX - s}px`, t.style.top = `${o.clientY - i}px`, e(o);
-}, Fe = (e, t, s, i) => (n) => {
-  n.preventDefault();
-  const o = k(n);
+}, Fe = (e, t, s, i) => (r) => {
+  r.preventDefault();
+  const o = k(r);
   t.style.left = `${o.clientX - s}px`, e(o);
-}, $e = (e, t, s, i) => (n) => {
-  n.preventDefault();
-  const o = k(n);
+}, $e = (e, t, s, i) => (r) => {
+  r.preventDefault();
+  const o = k(r);
   t.style.top = `${o.clientY - i}px`, e(o);
-}, $ = (e, t) => (s, i, n, o, h) => (p) => {
+}, $ = (e, t) => (s, i, r, o, h) => (p) => {
   e.dispatchCompEvent(t, {
     component: e,
     browserEvent: p,
@@ -274,9 +274,9 @@ var L = class extends EventTarget {
     top: i,
     clientX: p.clientX,
     clientY: p.clientY,
-    xOrg: n,
+    xOrg: r,
     yOrg: o,
-    deltaX: p.clientX - n - s,
+    deltaX: p.clientX - r - s,
     deltaY: p.clientY - o - i,
     target: h
   });
@@ -311,8 +311,8 @@ var L = class extends EventTarget {
       this.#i = t(s);
     };
     if (this.isInDocument && this.#s) {
-      const t = $(this, d.COMP_DRAG_MOVE), s = Be($(this, d.COMP_DRAG_START), t, $(this, d.COMP_DRAG_END), this.#e);
-      this.#s = !1, this.#t = this.#t || this.getElement(), this.listen(this.#t, c.MOUSEDOWN, e(s)), this.listen(this.#t, c.TOUCHSTART, s), this.#t.classList.remove("locked");
+      const t = $(this, d.COMP_DRAG_MOVE), s = $(this, d.COMP_DRAG_START), i = $(this, d.COMP_DRAG_END), r = Be(s, t, i, this.#e);
+      this.#s = !1, this.#t = this.#t || this.getElement(), this.listen(this.#t, c.MOUSEDOWN, e(r)), this.listen(this.#t, c.TOUCHSTART, r), this.#t.classList.remove("locked");
     }
   }
   lock() {
@@ -332,16 +332,16 @@ var L = class extends EventTarget {
   QUERY_DATA: 6,
   FRAGMENT: 7
 }, pe = (e) => e.match(je), me = (e, t) => e ? t ? decodeURI(e.replace(/%25/g, "%2525")) : decodeURIComponent(e) : "", W = (e) => me(pe(e)[ue.PATH], !0), Ee = (e) => me(pe(e)[ue.QUERY_DATA], !0), ge = (e) => Object.entries(e).map((t) => `${t[0]}=${t[1]}`).join("&"), re = (e) => e != null && e !== "", fe = (e) => e.split("&").reduce((t, s) => {
-  const [i, n] = s.split("=");
-  return re(i) && re(n) && t.set(i, n), t;
+  const [i, r] = s.split("=");
+  return re(i) && re(r) && t.set(i, r), t;
 }, /* @__PURE__ */ new Map()), He = de(" "), We = de("/"), Je = (e) => document.cookie.split(";").map((t) => t.split("=")).reduce((t, s) => t.set(He(s[0]), s[1]), /* @__PURE__ */ new Map()).get(e), Ge = (e) => {
   let t = 0, s;
-  const i = (n) => {
-    const o = n > 0;
+  const i = (r) => {
+    const o = r > 0;
     return o ? t += 1 : t -= 1, o ? t === 1 : t === 0;
   };
-  return (n) => {
-    s = s || document.getElementById(e), s && i(n) && s.classList.toggle("viz", t > 0);
+  return (r) => {
+    s = s || document.getElementById(e), s && i(r) && s.classList.toggle("viz", t > 0);
   };
 }, ve = Ge("the_loader"), q = () => Promise.resolve(ve(1)), U = (e) => (ve(0), Promise.resolve(e)), I = (e) => e.ok ? Promise.resolve(e) : Promise.reject(/* @__PURE__ */ new Error(`${e.url} ${e.status} (${e.statusText})`)), Ye = (e) => (t) => {
   if (t.type === "opaqueredirect" || t.redirected) {
@@ -350,26 +350,26 @@ var L = class extends EventTarget {
   }
   return I(t);
 }, P = (e) => e.json(), J = (e) => e.text().then((t) => Promise.resolve(t), (t) => Promise.reject(/* @__PURE__ */ new Error(`Could not get text from response: ${t}`))), Xe = (e) => e.headers.get("Content-Type") === "application/json" ? P(e) : J(e), V = (e, t, s = "POST", i = void 0) => {
-  const n = new Headers();
-  n.append("Content-type", "application/json"), n.append("X-Requested-With", "XMLHttpRequest"), e && e !== "" && n.append("Authorization", `Bearer ${e}`);
+  const r = new Headers();
+  r.append("Content-type", "application/json"), r.append("X-Requested-With", "XMLHttpRequest"), e && e !== "" && r.append("Authorization", `Bearer ${e}`);
   const o = {
     cache: "no-cache",
     method: s,
-    headers: n,
+    headers: r,
     credentials: "include",
     body: JSON.stringify(t)
   };
   return i && (o.signal = i), o;
 }, _e = (e, t, s = !1, i = void 0) => {
-  const n = new Headers();
-  if (t && t !== "" && n.append("Authorization", `Bearer ${t}`), n.append("X-Requested-With", "XMLHttpRequest"), s) {
+  const r = new Headers();
+  if (t && t !== "" && r.append("Authorization", `Bearer ${t}`), r.append("X-Requested-With", "XMLHttpRequest"), s) {
     const h = Je("csrftoken");
-    h && s && n.append("X-CSRFToken", h);
+    h && s && r.append("X-CSRFToken", h);
   }
   const o = {
     cache: "no-cache",
     method: e,
-    headers: n,
+    headers: r,
     redirect: "follow",
     credentials: "include"
   };
@@ -422,8 +422,8 @@ var L = class extends EventTarget {
     return q().then(() => fetch(t, Ke(this.jwt, e, e.abortController.signal))).then(Ye(e)).then(U).then(Xe).then(s).catch(i);
   }
   putNoBody(e, t = void 0, s = !1) {
-    const i = b("putNobody error");
-    return Qe(e, _e("PUT", this.jwt, s, t)).catch(i);
+    const i = b("putNobody error"), r = _e("PUT", this.jwt, s, t);
+    return Qe(e, r).catch(i);
   }
   fetch(e, t = void 0) {
     const s = new Request(e.toString()), i = b(`UMan Text GET Fetch: ${e}`);
@@ -434,31 +434,31 @@ var L = class extends EventTarget {
     return this.fetch(e, t).then(Oe).catch(s);
   }
   async fetchJson(e, t = void 0, s = void 0) {
-    const i = new Request(e.toString()), n = b(`fetchJson: ${e}`, s), o = ne(this.jwt, t);
+    const i = new Request(e.toString()), r = b(`fetchJson: ${e}`, s), o = ne(this.jwt, t);
     await q();
     let h;
     try {
       h = await (await fetch(i, o)).json();
     } catch (p) {
-      return n(p);
+      return r(p);
     }
     return await U(), h;
   }
   patchJson(e, t, s = void 0) {
-    const i = new Request(e.toString()), n = b(`patchJson: ${e}`), o = V(this.jwt, t, "PATCH", s);
-    return fetch(i, o).then(I).then(P).catch(n);
+    const i = new Request(e.toString()), r = b(`patchJson: ${e}`), o = V(this.jwt, t, "PATCH", s);
+    return fetch(i, o).then(I).then(P).catch(r);
   }
   postJson(e, t, s = void 0) {
-    const i = new Request(e.toString()), n = b(`postJson: ${e}`), o = V(this.jwt, t, "POST", s);
-    return fetch(i, o).then(I).then(P).catch(n);
+    const i = new Request(e.toString()), r = b(`postJson: ${e}`), o = V(this.jwt, t, "POST", s);
+    return fetch(i, o).then(I).then(P).catch(r);
   }
   putJson(e, t, s = void 0) {
-    const i = new Request(e.toString()), n = b(`putJson: ${e}`), o = V(this.jwt, t, "PUT", s);
-    return fetch(i, o).then(I).then(P).catch(n);
+    const i = new Request(e.toString()), r = b(`putJson: ${e}`), o = V(this.jwt, t, "PUT", s);
+    return fetch(i, o).then(I).then(P).catch(r);
   }
   delJson(e, t, s = void 0) {
-    const i = new Request(e.toString()), n = b(`delJson: ${e}`), o = V(this.jwt, t, "DELETE", s);
-    return fetch(i, o).then(I).then(P).catch(n);
+    const i = new Request(e.toString()), r = b(`delJson: ${e}`), o = V(this.jwt, t, "DELETE", s);
+    return fetch(i, o).then(I).then(P).catch(r);
   }
 }, G = class extends y {
   static panelEventCode() {
@@ -527,12 +527,12 @@ var L = class extends EventTarget {
     const s = this.getElement();
     if (Ne(s)) return;
     const i = e.html;
-    if (t.startsWith(".")) [...s.querySelectorAll(t)].filter((n) => j(n.id)).map((n) => [n, i.querySelector(`#${n.id}`)]).filter(([n, o]) => j(o)).forEach(([n, o]) => {
-      n.parentNode.replaceChild(o, n), this.parseContent(o);
+    if (t.startsWith(".")) [...s.querySelectorAll(t)].filter((r) => j(r.id)).map((r) => [r, i.querySelector(`#${r.id}`)]).filter(([r, o]) => j(o)).forEach(([r, o]) => {
+      r.parentNode.replaceChild(o, r), this.parseContent(o);
     });
     else if (t.startsWith("#")) {
-      const n = i.querySelector(t), o = s.querySelector(t);
-      o.parentNode.replaceChild(n, o), this.parseContent(n);
+      const r = i.querySelector(t), o = s.querySelector(t);
+      o.parentNode.replaceChild(r, o), this.parseContent(r);
     }
     this.evalScripts(e.scripts), this.evalModules(e.modules);
   }
@@ -554,17 +554,17 @@ var L = class extends EventTarget {
   }
   parseContent(e) {
     if (this.debugMe("Enable interactions. Panel:", e), typeof window.customElements < "u" && R.has("carbon")) {
-      const r = R.get("carbon");
-      r.render.call(this, e, r.cache).catch((a) => console.error("[Zooy] Carbon initialization failed:", a));
+      const n = R.get("carbon");
+      n.render.call(this, e, n.cache).catch((a) => console.error("[Zooy] Carbon initialization failed:", a));
     }
     if (R.has("mdc")) {
-      const r = R.get("mdc");
-      r.render.call(this, e, r.cache);
+      const n = R.get("mdc");
+      n.render.call(this, e, n.cache);
     }
-    e.classList.contains("zoo__modal-base") && e.classList.contains("close_on_click") && this.listen(e, c.CLICK, (r) => {
-      r.target === e && this.dispatchPanelEvent("destroy_me");
-    }), [...e.querySelectorAll(".zoo__button:not(.external):not(.mdc-data-table__row)")].forEach((r) => {
-      this.listen(r, c.CLICK, (a) => {
+    e.classList.contains("zoo__modal-base") && e.classList.contains("close_on_click") && this.listen(e, c.CLICK, (n) => {
+      n.target === e && this.dispatchPanelEvent("destroy_me");
+    }), [...e.querySelectorAll(".zoo__button:not(.external):not(.mdc-data-table__row)")].forEach((n) => {
+      this.listen(n, c.CLICK, (a) => {
         a.stopPropagation();
         const l = a.currentTarget, u = w(l);
         this.dispatchPanelEvent(u.zv, Object.assign({
@@ -573,8 +573,8 @@ var L = class extends EventTarget {
           href: l.href || u.href
         }, u));
       });
-    }), [...e.querySelectorAll("[href]:not(.external):not([event])")].forEach((r) => {
-      this.listen(r, c.CLICK, (a) => {
+    }), [...e.querySelectorAll("[href]:not(.external):not([event])")].forEach((n) => {
+      this.listen(n, c.CLICK, (a) => {
         const l = a.currentTarget;
         a.preventDefault(), a.stopPropagation();
         const u = w(l), E = u.zv || "href";
@@ -584,10 +584,10 @@ var L = class extends EventTarget {
           href: l.href || u.href
         }, u));
       });
-    }), [...e.querySelectorAll("form.intercept_submit")].forEach((r) => {
-      r.noValidate = !0, this.listen(r, c.SUBMIT, (a) => {
+    }), [...e.querySelectorAll("form.intercept_submit")].forEach((n) => {
+      n.noValidate = !0, this.listen(n, c.SUBMIT, (a) => {
         a.preventDefault(), a.stopPropagation();
-        const l = w(r), u = ye(r.elements);
+        const l = w(n), u = ye(n.elements);
         this.dispatchPanelEvent(l.zv, Object.assign({
           orgEvt: a,
           trigger: a.target,
@@ -595,42 +595,42 @@ var L = class extends EventTarget {
           href: l.href
         }, l));
       });
-    }), [...e.querySelectorAll(".zoo__toggle_class_driver")].forEach((r) => {
-      const a = w(r), l = a.toggle_class_target_id, u = a.toggle_class, E = e.querySelector(`#${l}`);
-      E && u && r.addEventListener(c.CLICK, (g) => {
+    }), [...e.querySelectorAll(".zoo__toggle_class_driver")].forEach((n) => {
+      const a = w(n), l = a.toggle_class_target_id, u = a.toggle_class, E = e.querySelector(`#${l}`);
+      E && u && n.addEventListener(c.CLICK, (g) => {
         g.stopPropagation(), E.classList.toggle(u);
       });
     });
-    const t = Array.from(e.querySelectorAll(".folder_drop_zone")), s = Array.from(e.querySelectorAll("[draggable]")), i = (r) => {
-      r.preventDefault(), r.target.classList.add("drag_over");
-    }, n = (r) => {
-      r.preventDefault();
-    }, o = (r) => {
-      r.preventDefault(), r.target.classList.remove("drag_over");
-    }, h = (r) => {
-      r.preventDefault(), r.target.classList.remove("drag_over");
-    }, p = (r) => {
-      r.preventDefault(), r.target.classList.remove("drag_over");
-    }, v = (r) => {
-      r.dataTransfer.dropEffect = "move";
-      const a = w(r.target);
-      r.dataTransfer.setData("text/plain", JSON.stringify(a)), r.target.classList.add("drag_in_progress");
-    }, m = (r) => {
-      r.target.classList.remove("drag_in_progress");
-    }, S = (r) => {
-      p(r), r.stopPropagation();
-      const a = JSON.parse(r.dataTransfer.getData("text/plain")), l = w(r.target);
+    const t = Array.from(e.querySelectorAll(".folder_drop_zone")), s = Array.from(e.querySelectorAll("[draggable]")), i = (n) => {
+      n.preventDefault(), n.target.classList.add("drag_over");
+    }, r = (n) => {
+      n.preventDefault();
+    }, o = (n) => {
+      n.preventDefault(), n.target.classList.remove("drag_over");
+    }, h = (n) => {
+      n.preventDefault(), n.target.classList.remove("drag_over");
+    }, p = (n) => {
+      n.preventDefault(), n.target.classList.remove("drag_over");
+    }, v = (n) => {
+      n.dataTransfer.dropEffect = "move";
+      const a = w(n.target);
+      n.dataTransfer.setData("text/plain", JSON.stringify(a)), n.target.classList.add("drag_in_progress");
+    }, m = (n) => {
+      n.target.classList.remove("drag_in_progress");
+    }, S = (n) => {
+      p(n), n.stopPropagation();
+      const a = JSON.parse(n.dataTransfer.getData("text/plain")), l = w(n.target);
       return this.dispatchPanelEvent("drop_on", { custom: {
         on: l,
         from: a
       } }), !1;
     };
-    t.forEach((r) => {
-      this.listen(r, c.DRAGOVER, n), this.listen(r, c.DRAGENTER, i), this.listen(r, c.DRAGEXIT, h), this.listen(r, c.DRAGLEAVE, o), this.listen(r, c.DROP, S);
-    }), s.forEach((r) => {
-      this.listen(r, c.DRAGSTART, v), this.listen(r, c.DRAGEND, m);
-    }), [...e.querySelectorAll(".zoo_async_json")].forEach((r) => {
-      const a = w(r), l = a.href, u = this.onAsyncJsonReply.bind(this, r, a);
+    t.forEach((n) => {
+      this.listen(n, c.DRAGOVER, r), this.listen(n, c.DRAGENTER, i), this.listen(n, c.DRAGEXIT, h), this.listen(n, c.DRAGLEAVE, o), this.listen(n, c.DROP, S);
+    }), s.forEach((n) => {
+      this.listen(n, c.DRAGSTART, v), this.listen(n, c.DRAGEND, m);
+    }), [...e.querySelectorAll(".zoo_async_json")].forEach((n) => {
+      const a = w(n), l = a.href, u = this.onAsyncJsonReply.bind(this, n, a);
       this.user.fetchJson(l, this.abortController.signal).then(u);
       const E = a.z_json_reusable;
       E && (this.jsonCallFuncs = this.jsonCallFuncs || {}, this.jsonCallFuncs[E] = () => {
@@ -640,23 +640,23 @@ var L = class extends EventTarget {
       se(g) && this.doOnBeat(() => {
         this.user.fetchJson(l, this.abortController.signal).then(u);
       }, g * 60 * 1e3);
-    }), [...e.querySelectorAll(".zoo_async_html")].forEach((r) => {
-      const a = w(r), l = a.href;
+    }), [...e.querySelectorAll(".zoo_async_html")].forEach((n) => {
+      const a = w(n), l = a.href;
       this.user.fetchAndSplit(l, this.abortController.signal).then((E) => {
-        r.appendChild(E.html), this.parseContent(r), this.evalScripts(E.scripts), this.evalModules(E.modules), this.onAsyncHtmlReply(r, a);
+        n.appendChild(E.html), this.parseContent(n), this.evalScripts(E.scripts), this.evalModules(E.modules), this.onAsyncHtmlReply(n, a);
       });
       const u = ie(a.z_interval);
       se(u) && this.doOnBeat(() => {
         this.user.fetchAndSplit(l, this.abortController.signal).then((E) => {
-          r.replaceChildren(E.html), this.parseContent(r), this.evalScripts(E.scripts), this.evalModules(E.modules);
+          n.replaceChildren(E.html), this.parseContent(n), this.evalScripts(E.scripts), this.evalModules(E.modules);
         });
       }, u * 60 * 1e3);
-    }), [...e.querySelectorAll("[zoo-url-api]")].forEach((r) => {
-      if (r.tagName === "CDS-TABLE" || r.classList.contains("zoo_async_json") || r.dataBinder) return;
-      const a = r.getAttribute("zoo-url-api");
-      if (!a || !r.querySelector("[zoo-bind], [zoo-bind-attr], [zoo-template]")) return;
-      const l = new he(this, a, r);
-      r.dataBinder = l, l.fetchData().catch((u) => {
+    }), [...e.querySelectorAll("[zoo-url-api]")].forEach((n) => {
+      if (n.tagName === "CDS-TABLE" || n.classList.contains("zoo_async_json") || n.dataBinder) return;
+      const a = n.getAttribute("zoo-url-api");
+      if (!a || !n.querySelector("[zoo-bind], [zoo-bind-attr], [zoo-template]")) return;
+      const l = new he(this, a, n);
+      n.dataBinder = l, l.fetchData().catch((u) => {
         console.error("[Panel] zoo-url-api auto-bind fetch failed:", u);
       });
     });
@@ -830,46 +830,46 @@ var L = class extends EventTarget {
     t.classList.remove("locked");
   }
   resize(e, t, s = C, i = !1) {
-    const { sizeNow: n, nestEl: o, canResize: h } = this.nestMap_.get(e);
-    h && (i || n === t ? (o.classList.remove("animated"), o.style.flexBasis = `${t}px`, this.nestMap_.get(e).sizeNow = t, s()) : (o.classList.add("animated"), this.nestCallbackMap_.set(e, () => {
+    const { sizeNow: r, nestEl: o, canResize: h } = this.nestMap_.get(e);
+    h && (i || r === t ? (o.classList.remove("animated"), o.style.flexBasis = `${t}px`, this.nestMap_.get(e).sizeNow = t, s()) : (o.classList.add("animated"), this.nestCallbackMap_.set(e, () => {
       o.classList.remove("animated"), this.nestMap_.get(e).sizeNow = t, s();
     }), o.style.flexBasis = `${t}px`));
   }
   closeAndLock(e, t = C, s = !1) {
-    const { nestEl: i, dragEl: n, canResize: o } = this.nestMap_.get(e);
+    const { nestEl: i, dragEl: r, canResize: o } = this.nestMap_.get(e);
     if (!o) return;
     const h = () => {
-      n.classList.add("locked", "closed"), i.classList.add("closed"), t();
+      r.classList.add("locked", "closed"), i.classList.add("closed"), t();
     };
     this.resize(e, 0, h, s);
   }
   closeAndUnlock(e, t = C, s = !1) {
-    const { nestEl: i, dragEl: n, canResize: o } = this.nestMap_.get(e);
+    const { nestEl: i, dragEl: r, canResize: o } = this.nestMap_.get(e);
     if (!o) return;
     const h = () => {
-      i.classList.remove("closed"), n.classList.remove("closed", "locked"), n.classList.add("collapsed"), t();
+      i.classList.remove("closed"), r.classList.remove("closed", "locked"), r.classList.add("collapsed"), t();
     };
     this.resize(e, 0, h, s);
   }
   openAndUnlock(e, t, s, i = !1) {
-    const { nestEl: n, dragEl: o, defSize: h, lastSize: p, canResize: v } = this.nestMap_.get(e);
+    const { nestEl: r, dragEl: o, defSize: h, lastSize: p, canResize: v } = this.nestMap_.get(e);
     if (!v) return;
     const m = t || p || h;
-    n.classList.remove("closed"), o.classList.remove("closed", "locked", "collapsed"), setTimeout(() => {
+    r.classList.remove("closed"), o.classList.remove("closed", "locked", "collapsed"), setTimeout(() => {
       this.resize(e, m, s, i);
     }, 50);
   }
   openAndLock(e, t, s, i = !1) {
-    const { nestEl: n, dragEl: o, defSize: h, lastSize: p, canResize: v } = this.nestMap_.get(e);
+    const { nestEl: r, dragEl: o, defSize: h, lastSize: p, canResize: v } = this.nestMap_.get(e);
     if (!v) return;
     const m = t || p || h;
-    n.classList.remove("closed"), o.classList.remove("closed", "collapsed"), setTimeout(() => {
+    r.classList.remove("closed"), o.classList.remove("closed", "collapsed"), setTimeout(() => {
       this.resize(e, m, s, i);
     }, 50);
   }
   close(e, t = C, s = !1) {
-    const { dragEl: i, canResize: n, nestEl: o } = this.nestMap_.get(e);
-    if (!n) return;
+    const { dragEl: i, canResize: r, nestEl: o } = this.nestMap_.get(e);
+    if (!r) return;
     this.dispatchSplitEvent(d.SPLIT_WILL_CLOSE, {
       nestName: e,
       nestEl: o
@@ -883,13 +883,13 @@ var L = class extends EventTarget {
     this.resize(e, 0, h, s);
   }
   open(e, t = C, s = !1) {
-    const { defSize: i, lastSize: n, dragEl: o, canResize: h, nestEl: p } = this.nestMap_.get(e);
+    const { defSize: i, lastSize: r, dragEl: o, canResize: h, nestEl: p } = this.nestMap_.get(e);
     if (!h) return;
     this.dispatchSplitEvent(d.SPLIT_WILL_OPEN, {
       nestName: e,
       nestEl: p
     }), o.classList.remove("collapsed", "closed");
-    const v = n || i, m = () => {
+    const v = r || i, m = () => {
       this.dispatchSplitEvent(d.SPLIT_DID_OPEN, {
         nestName: e,
         nestEl: p
@@ -900,7 +900,7 @@ var L = class extends EventTarget {
   toggle(e, t, s = !1) {
     this.nestMap_.get(e).sizeNow === 0 ? this.open(e, t, s) : this.close(e, t, s);
   }
-  addSplit(e = void 0, t = "EW", s = 100, i = 100, n = [], o = [], h = [], p = [], v = []) {
+  addSplit(e = void 0, t = "EW", s = 100, i = 100, r = [], o = [], h = [], p = [], v = []) {
     const m = e || this.getElement();
     if (this.splitNests_.has(m)) return ["Already used!", m];
     tt(m, t), this.splitNests_.add(m);
@@ -910,12 +910,12 @@ var L = class extends EventTarget {
       if (D) S = D[0];
       else return ["Element not managed by this component", e];
     }
-    const r = `${S}A`, a = oe(s, [
+    const n = `${S}A`, a = oe(s, [
       "zoo_nest__A",
-      r,
-      ...n
+      n,
+      ...r
     ]), l = new H(t);
-    l.domFunc = ae([`zoo_drag_${r}`, ...p], v), l.render(m), this.nestMap_.set(r, {
+    l.domFunc = ae([`zoo_drag_${n}`, ...p], v), l.render(m), this.nestMap_.set(n, {
       side: "A",
       nestEl: a,
       dragger: l,
@@ -977,10 +977,10 @@ var L = class extends EventTarget {
         }
       };
     };
-    this.listen(l, y.compEventCode(), X(t, a, r, 1)), this.listen(_, y.compEventCode(), X(t, T, g, -1)), this.listen(l.getElement(), c.DBLCLICK, () => this.toggle(r)), this.listen(_.getElement(), c.DBLCLICK, () => this.toggle(g)), this.listen(l.getElement().querySelector(".zoo_grabber"), c.CLICK, () => this.toggle(r)), this.listen(_.getElement().querySelector(".zoo_grabber"), c.CLICK, () => this.toggle(g)), this.listen(a, c.TRANSITIONEND, (D) => {
+    this.listen(l, y.compEventCode(), X(t, a, n, 1)), this.listen(_, y.compEventCode(), X(t, T, g, -1)), this.listen(l.getElement(), c.DBLCLICK, () => this.toggle(n)), this.listen(_.getElement(), c.DBLCLICK, () => this.toggle(g)), this.listen(l.getElement().querySelector(".zoo_grabber"), c.CLICK, () => this.toggle(n)), this.listen(_.getElement().querySelector(".zoo_grabber"), c.CLICK, () => this.toggle(g)), this.listen(a, c.TRANSITIONEND, (D) => {
       if (D.propertyName === "flex-basis" && D.target === a) {
-        const M = this.nestCallbackMap_.get(r);
-        this.nestCallbackMap_.delete(r), M && M(), this.dispatchSplitEvent(d.SPLIT_TRANSITION_END, this.nestMap_.get(r));
+        const M = this.nestCallbackMap_.get(n);
+        this.nestCallbackMap_.delete(n), M && M(), this.dispatchSplitEvent(d.SPLIT_TRANSITION_END, this.nestMap_.get(n));
       }
     }), this.listen(T, c.TRANSITIONEND, (D) => {
       if (D.propertyName === "flex-basis" && D.target === T) {
@@ -1014,10 +1014,10 @@ var L = class extends EventTarget {
 }, Se = {
   search: function(e, t) {
     let s = `${e.href}`;
-    const i = e.formData.q, n = e.targetval;
-    if (i !== "" && (s = `${s}?q=${i}`), n !== "") {
-      let o = n;
-      n.includes("page=") && (o = n.split("&").filter((h) => !h.includes("page=")).join("&")), s = i !== "" ? `${s}&${o}` : `${s}?${o}`;
+    const i = e.formData.q, r = e.targetval;
+    if (i !== "" && (s = `${s}?q=${i}`), r !== "") {
+      let o = r;
+      r.includes("page=") && (o = r.split("&").filter((h) => !h.includes("page=")).join("&")), s = i !== "" ? `${s}&${o}` : `${s}?${o}`;
     }
     this.user.fetchAndSplit(s, t.abortController.signal).then((o) => t.onReplacePartialDom(o, e.zvptarget));
   },
@@ -1122,7 +1122,7 @@ var L = class extends EventTarget {
     this.panelMap.has(e) && this.panelMap.get(e).dispose();
   }
   removePanel(e) {
-    const [t, s] = [...this.panelMap.entries()].find(([i, n]) => n === e);
+    const [t, s] = [...this.panelMap.entries()].find(([i, r]) => r === e);
     t && s && (s.dispose(), this.panelMap.delete(t));
   }
   getPanelByName(e) {
@@ -1270,11 +1270,11 @@ var L = class extends EventTarget {
   };
 };
 async function ot(e = {}) {
-  const { registerCarbonLibrary: t } = await import("./chunks/register-Dkg6q68w.js");
+  const { registerCarbonLibrary: t } = await import("./chunks/register-9ABlBJaU.js");
   return t(e);
 }
 async function at() {
-  const { registerMdcLibrary: e } = await import("./chunks/register-51ZQm1Qv.js");
+  const { registerMdcLibrary: e } = await import("./chunks/register-BQwcQb3J.js");
   return e();
 }
 var pt = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trintel/zooy",
-  "version": "1.12.0",
+  "version": "1.13.1",
   "description": "UI Building Blocks",
   "license": "Apache-2.0",
   "author": {
@@ -29,14 +29,6 @@
     },
     "./sass": "./src/sass/main.scss"
   },
-  "scripts": {
-    "clean": "rm -rf dist",
-    "build": "npm run clean && vp build",
-    "lint": "vp lint src/**/*.js",
-    "lint:fix": "vp lint src/**/*.js --fix",
-    "dev": "vp dev",
-    "prepare": "vp config"
-  },
   "dependencies": {
     "@carbon/icons": "latest",
     "@carbon/web-components": "latest",
@@ -46,16 +38,25 @@
   },
   "devDependencies": {
     "@eslint/js": "^10.0.1",
-    "esbuild": "^0.28.0",
+    "esbuild": "^0.28.1",
     "esm": "^3.2.25",
     "ramda": "^0.32.0",
-    "sass": "^1.99.0",
-    "vite": "npm:@voidzero-dev/vite-plus-core@latest",
-    "vite-plus": "latest"
+    "sass": "^1.101.0",
+    "vite": "npm:@voidzero-dev/vite-plus-core@0.2.3",
+    "vite-plus": "0.2.3"
   },
-  "overrides": {
-    "vite": "npm:@voidzero-dev/vite-plus-core@latest",
-    "vitest": "npm:@voidzero-dev/vite-plus-test@latest"
+  "devEngines": {
+    "packageManager": {
+      "name": "pnpm",
+      "version": "11.11.0",
+      "onFail": "download"
+    }
   },
-  "packageManager": "npm@11.12.1"
-}
+  "scripts": {
+    "clean": "rm -rf dist",
+    "build": "pnpm run clean && vp build",
+    "lint": "vp lint src/**/*.js",
+    "lint:fix": "vp lint src/**/*.js --fix",
+    "dev": "vp dev"
+  }
+}