@trintel/zooy 1.0.1 → 1.0.2

package/dist/chunks/{main-BGOPab-5.js → main-BywCEBtD.js}

@@ -419,10 +419,10 @@ const getInputChecked_ = function(O) {
     return;
   const F = new Map([...parseMap, ...D]);
   [...O.querySelectorAll("[data-zdd],[data-zdd_class_update],[data-zdd_template_loop_index]")].forEach((q) => {
-    const W = getElDataMap(q), Y = W.zdd || "", G = W.zdd_parse_as, Z = W.zdd_render_effect || "", Q = W.zdd_class_update, tt = W.zdd_template_loop_index, J = W.zdd_units || "";
-    let X = pathOr(void 0, Y.split("."))(w);
-    if (isDefAndNotNull(X) && (X = F.has(G) ? F.get(G)(X, q, W) : X), tt && isNumber(U) && (console.log("loopIndex: ", tt, " opt_loopIndex: ", U), tt === "zero_indexed" ? q.innerHTML = U : tt === "one_indexed" ? q.innerHTML = U + 1 : q.innerHTML = U), Q) {
-      const [K, et, st] = Q.split(":"), rt = pathOr(void 0, K.split("."))(w);
+    const W = getElDataMap(q), X = W.zdd || "", G = W.zdd_parse_as, K = W.zdd_render_effect || "", Q = W.zdd_class_update, tt = W.zdd_template_loop_index, J = W.zdd_units || "";
+    let Y = pathOr(void 0, X.split("."))(w);
+    if (isDefAndNotNull(Y) && (Y = F.has(G) ? F.get(G)(Y, q, W) : Y), tt && isNumber(U) && (console.log("loopIndex: ", tt, " opt_loopIndex: ", U), tt === "zero_indexed" ? q.innerHTML = U : tt === "one_indexed" ? q.innerHTML = U + 1 : q.innerHTML = U), Q) {
+      const [Z, et, st] = Q.split(":"), rt = pathOr(void 0, Z.split("."))(w);
       if (isDefAndNotNull(rt))
         switch (et) {
           case "swap": {
@@ -441,26 +441,26 @@ const getInputChecked_ = function(O) {
             break;
         }
     }
-    if (G === "templated-array" && isArray(X))
-      if (X.length === 0)
+    if (G === "templated-array" && isArray(Y))
+      if (Y.length === 0)
         q.classList.add("display__none");
       else {
-        q.classList.remove("display__none"), X = X || [];
-        const K = q.firstElementChild;
-        K.classList.remove("display__none"), q.replaceChildren(...X.map((et, st) => {
-          const rt = K.cloneNode(!0), nt = parseDataProps(rt, et);
+        q.classList.remove("display__none"), Y = Y || [];
+        const Z = q.firstElementChild;
+        Z.classList.remove("display__none"), q.replaceChildren(...Y.map((et, st) => {
+          const rt = Z.cloneNode(!0), nt = parseDataProps(rt, et);
           return mapDataToEls(nt, et, void 0, st), nt;
         }));
       }
-    else if (isDefAndNotNull(X))
-      if (Z === "typewriter") {
-        let K = 0;
-        const et = X + J, st = 5, rt = () => {
-          K < et.length && (q.innerHTML += et.charAt(K), K++, setTimeout(rt, st));
+    else if (isDefAndNotNull(Y))
+      if (K === "typewriter") {
+        let Z = 0;
+        const et = Y + J, st = 5, rt = () => {
+          Z < et.length && (q.innerHTML += et.charAt(Z), Z++, setTimeout(rt, st));
         };
         q.innerHTML = "", rt();
       } else
-        q.innerHTML = X + J;
+        q.innerHTML = Y + J;
   });
 }, domUtils = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -958,12 +958,12 @@ const EV = {
   const q = normalizeEvent(F), W = (
     /** @type {!HTMLElement} */
     q.currentTarget
-  ), [Y, G] = getPos(W), Z = q.clientX - Y, Q = q.clientY - G, tt = O(Y, G, Z, Q, W), J = D(Y, G, Z, Q, W), X = w(Y, G, Z, Q, W);
-  let K = freeMoveListener(X, W, Z, Q);
-  ["x", "ew"].includes(U) ? K = xMoveOnlyListener(X, W, Z) : ["y", "ns"].includes(U) && (K = yMoveOnlyListener(X, W, Z, Q));
+  ), [X, G] = getPos(W), K = q.clientX - X, Q = q.clientY - G, tt = O(X, G, K, Q, W), J = D(X, G, K, Q, W), Y = w(X, G, K, Q, W);
+  let Z = freeMoveListener(Y, W, K, Q);
+  ["x", "ew"].includes(U) ? Z = xMoveOnlyListener(Y, W, K) : ["y", "ns"].includes(U) && (Z = yMoveOnlyListener(Y, W, K, Q));
   let et = !1;
   const st = (nt) => {
-    et = !0, K(nt);
+    et = !0, Z(nt);
   }, rt = (nt) => {
     document.removeEventListener(EV.MOUSEMOVE, st, !0), document.removeEventListener(EV.TOUCHMOVE, st, !0), document.removeEventListener(EV.MOUSEUP, rt, !0), document.removeEventListener(EV.TOUCHEND, rt, !0), et && J(nt);
   };
@@ -980,18 +980,18 @@ const EV = {
   F.preventDefault();
   const q = normalizeEvent(F);
   w.style.top = `${q.clientY - U}px`, O(q);
-}, makeEmitter = (O, w) => (D, U, F, q, W) => (Y) => {
+}, makeEmitter = (O, w) => (D, U, F, q, W) => (X) => {
   O.dispatchCompEvent(w, {
     component: O,
-    browserEvent: Y,
+    browserEvent: X,
     left: D,
     top: U,
-    clientX: Y.clientX,
-    clientY: Y.clientY,
+    clientX: X.clientX,
+    clientY: X.clientY,
     xOrg: F,
     yOrg: q,
-    deltaX: Y.clientX - F - D,
-    deltaY: Y.clientY - q - U,
+    deltaX: X.clientX - F - D,
+    deltaY: X.clientY - q - U,
     target: W
   });
 };
@@ -1257,8 +1257,8 @@ class UserManager {
     let W = {};
     try {
       W = await (await fetch(U, q)).json();
-    } catch (Y) {
-      return F(Y);
+    } catch (X) {
+      return F(X);
     }
     return await stopSpin(), W;
   }
@@ -1523,7 +1523,7 @@ class Panel extends Component {
   parseContent(w) {
     if (this.debugMe("Enable interactions. Panel:", w), typeof window.customElements < "u" && ComponentLibraryRegistry.has("carbon")) {
       const J = ComponentLibraryRegistry.get("carbon");
-      J.render.call(this, w, J.cache).catch((X) => console.error("[Zooy] Carbon initialization failed:", X));
+      J.render.call(this, w, J.cache).catch((Y) => console.error("[Zooy] Carbon initialization failed:", Y));
     }
     if (ComponentLibraryRegistry.has("mdc")) {
       const J = ComponentLibraryRegistry.get("mdc");
@@ -1534,40 +1534,40 @@ class Panel extends Component {
     }), [...w.querySelectorAll(
       ".zoo__button:not(.external):not(.mdc-data-table__row)"
     )].forEach((J) => {
-      this.listen(J, EV.CLICK, (X) => {
-        X.stopPropagation();
-        const K = X.currentTarget, et = getElDataMap(K);
+      this.listen(J, EV.CLICK, (Y) => {
+        Y.stopPropagation();
+        const Z = Y.currentTarget, et = getElDataMap(Z);
         this.dispatchPanelEvent(et.zv, Object.assign({
-          orgEvt: X,
-          trigger: K,
-          href: K.href || et.href
+          orgEvt: Y,
+          trigger: Z,
+          href: Z.href || et.href
         }, et));
       });
     }), [...w.querySelectorAll("[href]:not(.external)")].forEach((J) => {
-      this.listen(J, EV.CLICK, (X) => {
-        const K = X.currentTarget;
-        X.preventDefault(), X.stopPropagation();
-        const et = getElDataMap(K), st = et.zv || "href";
+      this.listen(J, EV.CLICK, (Y) => {
+        const Z = Y.currentTarget;
+        Y.preventDefault(), Y.stopPropagation();
+        const et = getElDataMap(Z), st = et.zv || "href";
         this.dispatchPanelEvent(st, Object.assign({
-          orgEvt: X,
-          trigger: X.target,
-          href: K.href || et.href
+          orgEvt: Y,
+          trigger: Y.target,
+          href: Z.href || et.href
         }, et));
       });
     }), [...w.querySelectorAll("form.intercept_submit")].forEach((J) => {
-      J.noValidate = !0, this.listen(J, EV.SUBMIT, (X) => {
-        X.preventDefault(), X.stopPropagation();
-        const K = getElDataMap(J), et = formToJSON(J.elements);
-        this.dispatchPanelEvent(K.zv, Object.assign({
-          orgEvt: X,
-          trigger: X.target,
+      J.noValidate = !0, this.listen(J, EV.SUBMIT, (Y) => {
+        Y.preventDefault(), Y.stopPropagation();
+        const Z = getElDataMap(J), et = formToJSON(J.elements);
+        this.dispatchPanelEvent(Z.zv, Object.assign({
+          orgEvt: Y,
+          trigger: Y.target,
           formData: et,
-          href: K.href
-        }, K));
+          href: Z.href
+        }, Z));
       });
     }), [...w.querySelectorAll(".zoo__toggle_class_driver")].forEach(
       (J) => {
-        const X = getElDataMap(J), K = X.toggle_class_target_id, et = X.toggle_class, st = w.querySelector(`#${K}`);
+        const Y = getElDataMap(J), Z = Y.toggle_class_target_id, et = Y.toggle_class, st = w.querySelector(`#${Z}`);
         st && et && J.addEventListener(EV.CLICK, (rt) => {
           rt.stopPropagation(), st.classList.toggle(et);
         });
@@ -1579,50 +1579,50 @@ class Panel extends Component {
       J.preventDefault();
     }, W = (J) => {
       J.preventDefault(), J.target.classList.remove("drag_over");
-    }, Y = (J) => {
+    }, X = (J) => {
       J.preventDefault(), J.target.classList.remove("drag_over");
     }, G = (J) => {
       J.preventDefault(), J.target.classList.remove("drag_over");
-    }, Z = (J) => {
+    }, K = (J) => {
       J.dataTransfer.dropEffect = "move";
-      const X = getElDataMap(J.target);
-      J.dataTransfer.setData("text/plain", JSON.stringify(X)), J.target.classList.add("drag_in_progress");
+      const Y = getElDataMap(J.target);
+      J.dataTransfer.setData("text/plain", JSON.stringify(Y)), J.target.classList.add("drag_in_progress");
     }, Q = (J) => {
       J.target.classList.remove("drag_in_progress");
     }, tt = (J) => {
       G(J), J.stopPropagation();
-      const X = JSON.parse(J.dataTransfer.getData("text/plain")), K = getElDataMap(J.target);
+      const Y = JSON.parse(J.dataTransfer.getData("text/plain")), Z = getElDataMap(J.target);
       return this.dispatchPanelEvent("drop_on", {
-        custom: { on: K, from: X }
+        custom: { on: Z, from: Y }
       }), !1;
     };
     D.forEach((J) => {
-      this.listen(J, EV.DRAGOVER, q), this.listen(J, EV.DRAGENTER, F), this.listen(J, EV.DRAGEXIT, Y), this.listen(J, EV.DRAGLEAVE, W), this.listen(J, EV.DROP, tt);
+      this.listen(J, EV.DRAGOVER, q), this.listen(J, EV.DRAGENTER, F), this.listen(J, EV.DRAGEXIT, X), this.listen(J, EV.DRAGLEAVE, W), this.listen(J, EV.DROP, tt);
     }), U.forEach((J) => {
-      this.listen(J, EV.DRAGSTART, Z), this.listen(J, EV.DRAGEND, Q);
+      this.listen(J, EV.DRAGSTART, K), this.listen(J, EV.DRAGEND, Q);
     }), [...w.querySelectorAll(".zoo_async_json")].forEach((J) => {
-      const X = getElDataMap(J), K = X.href, et = this.onAsyncJsonReply.bind(this, J, X);
-      this.user.fetchJson(K, this.abortController.signal).then(et);
-      const st = X.z_json_reusable;
+      const Y = getElDataMap(J), Z = Y.href, et = this.onAsyncJsonReply.bind(this, J, Y);
+      this.user.fetchJson(Z, this.abortController.signal).then(et);
+      const st = Y.z_json_reusable;
       st && (this.jsonCallFuncs = this.jsonCallFuncs || {}, this.jsonCallFuncs[st] = () => {
-        this.user.fetchJson(K, this.abortController.signal).then(et);
+        this.user.fetchJson(Z, this.abortController.signal).then(et);
       });
-      const rt = toNumber(X.z_interval);
+      const rt = toNumber(Y.z_interval);
       isNumber(rt) && this.doOnBeat(() => {
-        this.user.fetchJson(K, this.abortController.signal).then(et);
+        this.user.fetchJson(Z, this.abortController.signal).then(et);
       }, rt * 60 * 1e3);
     }), [...w.querySelectorAll(".zoo_async_html")].forEach(
       /**
        * @param {Element} el
        */
       (J) => {
-        const X = getElDataMap(J), K = X.href;
-        this.user.fetchAndSplit(K, this.abortController.signal).then((st) => {
-          J.appendChild(st.html), this.parseContent(J), this.evalScripts(st.scripts), this.evalModules(st.modules), this.onAsyncHtmlReply(J, X);
+        const Y = getElDataMap(J), Z = Y.href;
+        this.user.fetchAndSplit(Z, this.abortController.signal).then((st) => {
+          J.appendChild(st.html), this.parseContent(J), this.evalScripts(st.scripts), this.evalModules(st.modules), this.onAsyncHtmlReply(J, Y);
         });
-        const et = toNumber(X.z_interval);
+        const et = toNumber(Y.z_interval);
         isNumber(et) && this.doOnBeat(() => {
-          this.user.fetchAndSplit(K, this.abortController.signal).then((st) => {
+          this.user.fetchAndSplit(Z, this.abortController.signal).then((st) => {
             J.replaceChildren(st.html), this.parseContent(J), this.evalScripts(st.scripts), this.evalModules(st.modules);
           });
         }, et * 60 * 1e3);
@@ -1697,7 +1697,7 @@ class FormPanel extends Panel {
    * @param {boolean} intercept If false, we do not try and intercept the forms
    */
   constructor(w, D = !0) {
-    super(w), this.#s = D, this.debugMode = !0, this.onSubmitSucFunc = (U, F) => null;
+    super(w), this.#s = D, this.onSubmitSucFunc = (U, F) => null;
   }
   /**
    * Gets the form element managed by this panel.
@@ -2022,8 +2022,8 @@ class Split extends Component {
    *    simply affected directly.
    */
   resize(w, D, U = identity, F = !1) {
-    const { sizeNow: q, nestEl: W, canResize: Y } = this.nestMap_.get(w);
-    Y && (F || q === D ? (W.classList.remove("animated"), W.style.flexBasis = `${D}px`, this.nestMap_.get(w).sizeNow = D, U()) : (W.classList.add("animated"), this.nestCallbackMap_.set(w, () => {
+    const { sizeNow: q, nestEl: W, canResize: X } = this.nestMap_.get(w);
+    X && (F || q === D ? (W.classList.remove("animated"), W.style.flexBasis = `${D}px`, this.nestMap_.get(w).sizeNow = D, U()) : (W.classList.add("animated"), this.nestCallbackMap_.set(w, () => {
       W.classList.remove("animated"), this.nestMap_.get(w).sizeNow = D, U();
     }), W.style.flexBasis = `${D}px`));
   }
@@ -2039,19 +2039,19 @@ class Split extends Component {
     const { nestEl: F, dragEl: q, canResize: W } = this.nestMap_.get(w);
     if (!W)
       return;
-    const Y = () => {
+    const X = () => {
       q.classList.add("locked", "closed"), F.classList.add("closed"), D();
     };
-    this.resize(w, 0, Y, U);
+    this.resize(w, 0, X, U);
   }
   closeAndUnlock(w, D = identity, U = !1) {
     const { nestEl: F, dragEl: q, canResize: W } = this.nestMap_.get(w);
     if (!W)
       return;
-    const Y = () => {
+    const X = () => {
       F.classList.remove("closed"), q.classList.remove("closed", "locked"), q.classList.add("collapsed"), D();
     };
-    this.resize(w, 0, Y, U);
+    this.resize(w, 0, X, U);
   }
   /**
    * Open a closed and locked nest. Simply a convenience method to combine
@@ -2067,13 +2067,13 @@ class Split extends Component {
     const {
       nestEl: q,
       dragEl: W,
-      defSize: Y,
+      defSize: X,
       lastSize: G,
-      canResize: Z
+      canResize: K
     } = this.nestMap_.get(w);
-    if (!Z)
+    if (!K)
       return;
-    const Q = D || G || Y;
+    const Q = D || G || X;
     q.classList.remove("closed"), W.classList.remove("closed", "locked", "collapsed"), setTimeout(() => {
       this.resize(w, Q, U, F);
     }, 50);
@@ -2091,13 +2091,13 @@ class Split extends Component {
     const {
       nestEl: q,
       dragEl: W,
-      defSize: Y,
+      defSize: X,
       lastSize: G,
-      canResize: Z
+      canResize: K
     } = this.nestMap_.get(w);
-    if (!Z)
+    if (!K)
       return;
-    const Q = D || G || Y;
+    const Q = D || G || X;
     q.classList.remove("closed"), W.classList.remove("closed", "collapsed"), setTimeout(() => {
       this.resize(w, Q, U, F);
     }, 50);
@@ -2116,10 +2116,10 @@ class Split extends Component {
     if (!q)
       return;
     this.dispatchSplitEvent(UiEventType.SPLIT_WILL_CLOSE, { nestName: w, nestEl: W });
-    const Y = () => {
+    const X = () => {
       F.classList.add("collapsed"), this.dispatchSplitEvent(UiEventType.SPLIT_DID_CLOSE, { nestName: w, nestEl: W }), D();
     };
-    this.resize(w, 0, Y, U);
+    this.resize(w, 0, X, U);
   }
   /**
    * Open the nest ignoring its current locked state.
@@ -2130,14 +2130,14 @@ class Split extends Component {
    *    simply affected directly.
    */
   open(w, D = identity, U = !1) {
-    const { defSize: F, lastSize: q, dragEl: W, canResize: Y, nestEl: G } = this.nestMap_.get(w);
-    if (!Y)
+    const { defSize: F, lastSize: q, dragEl: W, canResize: X, nestEl: G } = this.nestMap_.get(w);
+    if (!X)
       return;
     this.dispatchSplitEvent(UiEventType.SPLIT_WILL_OPEN, { nestName: w, nestEl: G }), W.classList.remove("collapsed", "closed");
-    const Z = q || F, Q = () => {
+    const K = q || F, Q = () => {
       this.dispatchSplitEvent(UiEventType.SPLIT_DID_OPEN, { nestName: w, nestEl: G }), D();
     };
-    this.resize(w, Z, Q, U);
+    this.resize(w, K, Q, U);
   }
   /**
    * Close the nest ignoring its current locked state.
@@ -2185,7 +2185,7 @@ class Split extends Component {
    * @param {?Array<string>} classArrDragger Extra classes for the dragger element
    * @param {?Array<string>} classArrGrabber Extra classes for the grabber element
    */
-  addSplit(w = void 0, D = "EW", U = 100, F = 100, q = [], W = [], Y = [], G = [], Z = []) {
+  addSplit(w = void 0, D = "EW", U = 100, F = 100, q = [], W = [], X = [], G = [], K = []) {
     const Q = w || this.getElement();
     if (this.splitNests_.has(Q))
       return ["Already used!", Q];
@@ -2198,12 +2198,12 @@ class Split extends Component {
       else
         return ["Element not managed by this component", w];
     }
-    const J = `${tt}A`, X = makeOuterNest(U, ["zoo_nest__A", J, ...q]), K = new Dragger(D);
-    K.domFunc = makeDraggerEl([`zoo_drag_${J}`, ...G], Z), K.render(Q), this.nestMap_.set(J, {
+    const J = `${tt}A`, Y = makeOuterNest(U, ["zoo_nest__A", J, ...q]), Z = new Dragger(D);
+    Z.domFunc = makeDraggerEl([`zoo_drag_${J}`, ...G], K), Z.render(Q), this.nestMap_.set(J, {
       side: "A",
-      nestEl: X,
-      dragger: K,
-      dragEl: K.getElement(),
+      nestEl: Y,
+      dragger: Z,
+      dragEl: Z.getElement(),
       defSize: U,
       sizeNow: -1,
       canResize: !0
@@ -2211,8 +2211,8 @@ class Split extends Component {
     const et = `${tt}B`, st = makeInnerNest(["zoo_nest__B", et, ...W]);
     this.nestMap_.set(et, { nestEl: st, canResize: !1 });
     const rt = `${tt}C`, nt = new Dragger(D);
-    nt.domFunc = makeDraggerEl([`zoo_drag_${rt}`, ...G], Z), nt.render(Q);
-    const ot = makeOuterNest(F, ["zoo_nest__C", rt, ...Y]);
+    nt.domFunc = makeDraggerEl([`zoo_drag_${rt}`, ...G], K), nt.render(Q);
+    const ot = makeOuterNest(F, ["zoo_nest__C", rt, ...X]);
     this.nestMap_.set(rt, {
       side: "C",
       nestEl: ot,
@@ -2221,7 +2221,7 @@ class Split extends Component {
       defSize: F,
       sizeNow: -1,
       canResize: !0
-    }), [X, K.getElement(), st, nt.getElement(), ot].forEach((it) => Q.appendChild(it));
+    }), [Y, Z.getElement(), st, nt.getElement(), ot].forEach((it) => Q.appendChild(it));
     let ct = 0;
     const ht = (it, at, lt, gt) => {
       let ut;
@@ -2242,8 +2242,8 @@ class Split extends Component {
         }
       };
     };
-    this.listen(K, Component.compEventCode(), ht(D, X, J, 1)), this.listen(nt, Component.compEventCode(), ht(D, ot, rt, -1)), this.listen(K.getElement(), EV.DBLCLICK, () => this.toggle(J)), this.listen(nt.getElement(), EV.DBLCLICK, () => this.toggle(rt)), this.listen(K.getElement().querySelector(".zoo_grabber"), EV.CLICK, () => this.toggle(J)), this.listen(nt.getElement().querySelector(".zoo_grabber"), EV.CLICK, () => this.toggle(rt)), this.listen(X, EV.TRANSITIONEND, (it) => {
-      if (it.propertyName === "flex-basis" && it.target === X) {
+    this.listen(Z, Component.compEventCode(), ht(D, Y, J, 1)), this.listen(nt, Component.compEventCode(), ht(D, ot, rt, -1)), this.listen(Z.getElement(), EV.DBLCLICK, () => this.toggle(J)), this.listen(nt.getElement(), EV.DBLCLICK, () => this.toggle(rt)), this.listen(Z.getElement().querySelector(".zoo_grabber"), EV.CLICK, () => this.toggle(J)), this.listen(nt.getElement().querySelector(".zoo_grabber"), EV.CLICK, () => this.toggle(rt)), this.listen(Y, EV.TRANSITIONEND, (it) => {
+      if (it.propertyName === "flex-basis" && it.target === Y) {
         const at = this.nestCallbackMap_.get(J);
         this.nestCallbackMap_.delete(J), at && at(), this.dispatchSplitEvent(UiEventType.SPLIT_TRANSITION_END, this.nestMap_.get(J));
       }
@@ -2881,23 +2881,23 @@ function _arity(O, w) {
         return w.apply(this, arguments);
       };
     case 6:
-      return function(D, U, F, q, W, Y) {
+      return function(D, U, F, q, W, X) {
         return w.apply(this, arguments);
       };
     case 7:
-      return function(D, U, F, q, W, Y, G) {
+      return function(D, U, F, q, W, X, G) {
         return w.apply(this, arguments);
       };
     case 8:
-      return function(D, U, F, q, W, Y, G, Z) {
+      return function(D, U, F, q, W, X, G, K) {
         return w.apply(this, arguments);
       };
     case 9:
-      return function(D, U, F, q, W, Y, G, Z, Q) {
+      return function(D, U, F, q, W, X, G, K, Q) {
         return w.apply(this, arguments);
       };
     case 10:
-      return function(D, U, F, q, W, Y, G, Z, Q, tt) {
+      return function(D, U, F, q, W, X, G, K, Q, tt) {
         return w.apply(this, arguments);
       };
     default:
@@ -2906,11 +2906,11 @@ function _arity(O, w) {
 }
 function _curryN(O, w, D) {
   return function() {
-    for (var U = [], F = 0, q = O, W = 0, Y = !1; W < w.length || F < arguments.length; ) {
+    for (var U = [], F = 0, q = O, W = 0, X = !1; W < w.length || F < arguments.length; ) {
       var G;
-      W < w.length && (!_isPlaceholder(w[W]) || F >= arguments.length) ? G = w[W] : (G = arguments[F], F += 1), U[W] = G, _isPlaceholder(G) ? Y = !0 : q -= 1, W += 1;
+      W < w.length && (!_isPlaceholder(w[W]) || F >= arguments.length) ? G = w[W] : (G = arguments[F], F += 1), U[W] = G, _isPlaceholder(G) ? X = !0 : q -= 1, W += 1;
     }
-    return !Y && q <= 0 ? D.apply(this, U) : _arity(Math.max(0, q), _curryN(O, U, D));
+    return !X && q <= 0 ? D.apply(this, U) : _arity(Math.max(0, q), _curryN(O, U, D));
   };
 }
 var curryN = /* @__PURE__ */ _curry2(function O(w, D) {
@@ -3176,6 +3176,35 @@ const DEFAULT_FORMATTERS = {
     if (!O) return "";
     const w = O instanceof Date ? O : new Date(O);
     return isNaN(w.getTime()) ? (console.warn("[Binder] Invalid date value:", O), "") : dateToZooyStdTimeString(w);
+  },
+  /**
+   * Template string interpolation formatter
+   * Evaluates a template string with access to 'value' and 'data'
+   * @example:
+   *    <!-- Simple value interpolation -->
+   *    <img zoo-bind-attr="src:mno_id|tpl"
+   *      zoo-bind-attr-tpl="/static/dist/img/networks/${value}.png">
+   *
+   *    <!-- Access to nested data -->
+   *    <img zoo-bind-attr="src:mno_id|tpl"
+   *        zoo-bind-attr-tpl="/static/dist/img/${data.region}/networks/${value}.png">
+   *
+   *    <!-- Conditional logic -->
+   *    <span zoo-bind-attr="class:status|tpl"
+   *        zoo-bind-attr-tpl="status-${value === 'active' ? 'good' : 'bad'}">
+   *
+   *    <!-- Even expressions -->
+   *    <span zoo-bind="price|tpl"
+   *        zoo-bind-tpl="$${(value / 100).toFixed(2)}">
+   */
+  tpl: (O, w, D) => {
+    const U = D?.getAttribute("zoo-bind-attr-tpl");
+    if (!U) return O;
+    try {
+      return new Function("value", "data", `return \`${U}\`;`)(O, w);
+    } catch (F) {
+      return console.warn("[Binder] Invalid template:", U, F), O;
+    }
   }
 };
 class Binder {
@@ -3200,7 +3229,7 @@ class Binder {
       throw new Error("Binder requires a URL");
     if (!U || !(U instanceof Element))
       throw new Error("Binder requires a valid rootEl Element");
-    this.#t = w, this.#e = new URL(D, window.location.origin), this.#s = U, this.#n = { ...DEFAULT_FORMATTERS, ...F.formatters }, F.urlParams && this.#i(F.urlParams);
+    this.#t = w, this.#e = new URL(D, window.location.origin), this.#s = U, this.#n = { ...DEFAULT_FORMATTERS, ...F.formatters }, F.urlParams ? this.#i(F.urlParams) : this.#o();
   }
   get url() {
     return this.#e;
@@ -3219,7 +3248,7 @@ class Binder {
   }
   #i(w) {
     return Object.entries(w).forEach(([D, U]) => {
-      if (U == null || U === "") {
+      if (!isDefAndNotNull(U) || U === "" || Array.isArray(U) && U.length < 1) {
         this.#e.searchParams.delete(D);
         return;
       }
@@ -3228,7 +3257,19 @@ class Binder {
         return;
       }
       this.#e.searchParams.set(D, U);
-    }), this.#e;
+    }), this.#o(), this.#e;
+  }
+  /**
+   * Updates all elements with zoo-bind-binderurl attribute to have the current
+   * URL path and query string as the attribute value. This allows elements to
+   * dynamically reflect the binder's URL when it changes.
+   * @private
+   */
+  #o() {
+    const w = this.#e.href.split(this.url.origin)[1].slice(1);
+    this.#s.querySelectorAll("[zoo-bind-binderurl]").forEach((D) => {
+      D.setAttribute("zoo-bind-binderurl", w);
+    });
   }
   /**
    * Fetches data from the configured URL with optional query parameters.
@@ -3281,7 +3322,7 @@ class Binder {
       console.warn("[Binder] No data to render");
       return;
     }
-    this.#o(this.#s, this.#r, 0), this.#a();
+    this.#o(), this.#a(this.#s, this.#r, 0), this.#l();
   }
   /**
    * Renders simple property bindings directly to existing elements.
@@ -3298,19 +3339,20 @@ class Binder {
    * @param {boolean} [options.removeAttributes=false] - Remove binding attributes after processing (vs keeping for re-render)
    * @private
    */
-  #o(w, D, U = 0, F = {}) {
+  #a(w, D, U = 0, F = {}) {
     const q = F.removeAttributes ?? !1;
     w.querySelectorAll("[zoo-bind-attr]").forEach((W) => {
       if (W.closest("[zoo-template]")) return;
       W.getAttribute("zoo-bind-attr").split(",").forEach((G) => {
-        const [Z, Q] = G.split(":").map((J) => J.trim()), tt = this.#c(D, Q, U);
-        isDefAndNotNull(tt) && W.setAttribute(Z, tt);
-      }), q && W.removeAttribute("zoo-bind-attr");
+        const [K, Q] = G.split(":").map((Z) => Z.trim()), [tt, J] = Q.split("|").map((Z) => Z.trim());
+        let Y = this.#c(D, tt, U);
+        J && this.#n[J] && (Y = this.#n[J](Y, D, W)), isDefAndNotNull(Y) && W.setAttribute(K, Y);
+      }), q && (W.removeAttribute("zoo-bind-attr"), W.removeAttribute("zoo-bind-attr-tpl"));
     }), w.querySelectorAll("[zoo-bind]").forEach((W) => {
       if (W.closest("[zoo-template]")) return;
-      const Y = W.getAttribute("zoo-bind"), G = W.getAttribute("zoo-bind-format");
-      let Z = this.#c(D, Y, U);
-      G && this.#n[G] && (Z = this.#n[G](Z, D)), W.textContent = Z ?? "", q && (W.removeAttribute("zoo-bind"), W.removeAttribute("zoo-bind-format"));
+      const X = W.getAttribute("zoo-bind"), [G, K] = X.split("|").map((tt) => tt.trim());
+      let Q = this.#c(D, G, U);
+      K && this.#n[K] && (Q = this.#n[K](Q, D, W)), W.textContent = Q ?? "", q && (W.removeAttribute("zoo-bind"), W.removeAttribute("zoo-bind-tpl"));
     });
   }
   /**
@@ -3318,7 +3360,7 @@ class Binder {
    *
    * @private
    */
-  #a() {
+  #l() {
     this.#s.querySelectorAll("[zoo-template]").forEach((D) => {
       const U = D.getAttribute("zoo-template"), F = D.getAttribute("zoo-template-bind");
       if (!U) {
@@ -3339,9 +3381,9 @@ class Binder {
         console.error(`[DataBinder] Data slice is not an array. Path: ${F}`, W);
         return;
       }
-      D.innerHTML = "", W.forEach((Y, G) => {
-        const Z = this.#l(q, Y, G);
-        D.appendChild(Z);
+      D.innerHTML = "", W.forEach((X, G) => {
+        const K = this.#h(q, X, G);
+        D.appendChild(K);
       });
     });
   }
@@ -3355,9 +3397,9 @@ class Binder {
    * @return {DocumentFragment} Rendered template clone
    * @private
    */
-  #l(w, D, U) {
+  #h(w, D, U) {
     const F = w.content.cloneNode(!0);
-    return this.#o(F, D, U, {
+    return this.#a(F, D, U, {
       removeAttributes: !0
     }), F;
   }
@@ -3394,7 +3436,9 @@ const SEMANTIC_ATTRS = new Map(Object.entries({
   target: "target",
   "record-id": "recordId",
   "zoo-sort-field": "sortField",
-  "zoo-view": "view"
+  "zoo-view": "view",
+  "zoo-event": "event",
+  "zoo-href": "href"
 })), getSemanticAttributes = (O) => {
   let w = {};
   return Array.from(O.attributes).forEach((D) => {
@@ -3499,8 +3543,8 @@ let y$1 = class extends HTMLElement {
       this[D] = W;
     } };
     return { get: F, set(W) {
-      const Y = F?.call(this);
-      q?.call(this, W), this.requestUpdate(w, Y, U);
+      const X = F?.call(this);
+      q?.call(this, W), this.requestUpdate(w, X, U);
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(w) {
@@ -3585,8 +3629,8 @@ let y$1 = class extends HTMLElement {
     if (F !== void 0 && this._$Em !== F) {
       const q = U.getPropertyOptions(F), W = typeof q.converter == "function" ? { fromAttribute: q.converter } : q.converter?.fromAttribute !== void 0 ? q.converter : u$1;
       this._$Em = F;
-      const Y = W.fromAttribute(D, q.type);
-      this[F] = Y ?? this._$Ej?.get(F) ?? Y, this._$Em = null;
+      const X = W.fromAttribute(D, q.type);
+      this[F] = X ?? this._$Ej?.get(F) ?? X, this._$Em = null;
     }
   }
   requestUpdate(w, D, U) {
@@ -3622,8 +3666,8 @@ let y$1 = class extends HTMLElement {
       }
       const U = this.constructor.elementProperties;
       if (U.size > 0) for (const [F, q] of U) {
-        const { wrapped: W } = q, Y = this[F];
-        W !== !0 || this._$AL.has(F) || Y === void 0 || this.C(F, void 0, q, Y);
+        const { wrapped: W } = q, X = this[F];
+        W !== !0 || this._$AL.has(F) || X === void 0 || this.C(F, void 0, q, X);
       }
     }
     let w = !1;
@@ -3676,12 +3720,12 @@ function P(O, w) {
 const V = (O, w) => {
   const D = O.length - 1, U = [];
   let F, q = w === 2 ? "<svg>" : w === 3 ? "<math>" : "", W = f;
-  for (let Y = 0; Y < D; Y++) {
-    const G = O[Y];
-    let Z, Q, tt = -1, J = 0;
-    for (; J < G.length && (W.lastIndex = J, Q = W.exec(G), Q !== null); ) J = W.lastIndex, W === f ? Q[1] === "!--" ? W = v : Q[1] !== void 0 ? W = _ : Q[2] !== void 0 ? ($.test(Q[2]) && (F = RegExp("</" + Q[2], "g")), W = m) : Q[3] !== void 0 && (W = m) : W === m ? Q[0] === ">" ? (W = F ?? f, tt = -1) : Q[1] === void 0 ? tt = -2 : (tt = W.lastIndex - Q[2].length, Z = Q[1], W = Q[3] === void 0 ? m : Q[3] === '"' ? g : p) : W === g || W === p ? W = m : W === v || W === _ ? W = f : (W = m, F = void 0);
-    const X = W === m && O[Y + 1].startsWith("/>") ? " " : "";
-    q += W === f ? G + n : tt >= 0 ? (U.push(Z), G.slice(0, tt) + e + G.slice(tt) + h + X) : G + h + (tt === -2 ? Y : X);
+  for (let X = 0; X < D; X++) {
+    const G = O[X];
+    let K, Q, tt = -1, J = 0;
+    for (; J < G.length && (W.lastIndex = J, Q = W.exec(G), Q !== null); ) J = W.lastIndex, W === f ? Q[1] === "!--" ? W = v : Q[1] !== void 0 ? W = _ : Q[2] !== void 0 ? ($.test(Q[2]) && (F = RegExp("</" + Q[2], "g")), W = m) : Q[3] !== void 0 && (W = m) : W === m ? Q[0] === ">" ? (W = F ?? f, tt = -1) : Q[1] === void 0 ? tt = -2 : (tt = W.lastIndex - Q[2].length, K = Q[1], W = Q[3] === void 0 ? m : Q[3] === '"' ? g : p) : W === g || W === p ? W = m : W === v || W === _ ? W = f : (W = m, F = void 0);
+    const Y = W === m && O[X + 1].startsWith("/>") ? " " : "";
+    q += W === f ? G + n : tt >= 0 ? (U.push(K), G.slice(0, tt) + e + G.slice(tt) + h + Y) : G + h + (tt === -2 ? X : Y);
   }
   return [P(O, q + (O[D] || "<?>") + (w === 2 ? "</svg>" : w === 3 ? "</math>" : "")), U];
 };
@@ -3690,22 +3734,22 @@ class N {
     let F;
     this.parts = [];
     let q = 0, W = 0;
-    const Y = w.length - 1, G = this.parts, [Z, Q] = V(w, D);
-    if (this.el = N.createElement(Z, U), C.currentNode = this.el.content, D === 2 || D === 3) {
+    const X = w.length - 1, G = this.parts, [K, Q] = V(w, D);
+    if (this.el = N.createElement(K, U), C.currentNode = this.el.content, D === 2 || D === 3) {
       const tt = this.el.content.firstChild;
       tt.replaceWith(...tt.childNodes);
     }
-    for (; (F = C.nextNode()) !== null && G.length < Y; ) {
+    for (; (F = C.nextNode()) !== null && G.length < X; ) {
       if (F.nodeType === 1) {
         if (F.hasAttributes()) for (const tt of F.getAttributeNames()) if (tt.endsWith(e)) {
-          const J = Q[W++], X = F.getAttribute(tt).split(h), K = /([.?@])?(.*)/.exec(J);
-          G.push({ type: 1, index: q, name: K[2], strings: X, ctor: K[1] === "." ? H : K[1] === "?" ? I : K[1] === "@" ? L : k }), F.removeAttribute(tt);
+          const J = Q[W++], Y = F.getAttribute(tt).split(h), Z = /([.?@])?(.*)/.exec(J);
+          G.push({ type: 1, index: q, name: Z[2], strings: Y, ctor: Z[1] === "." ? H : Z[1] === "?" ? I : Z[1] === "@" ? L : k }), F.removeAttribute(tt);
         } else tt.startsWith(h) && (G.push({ type: 6, index: q }), F.removeAttribute(tt));
         if ($.test(F.tagName)) {
           const tt = F.textContent.split(h), J = tt.length - 1;
           if (J > 0) {
             F.textContent = i$1 ? i$1.emptyScript : "";
-            for (let X = 0; X < J; X++) F.append(tt[X], l()), C.nextNode(), G.push({ type: 2, index: ++q });
+            for (let Y = 0; Y < J; Y++) F.append(tt[Y], l()), C.nextNode(), G.push({ type: 2, index: ++q });
             F.append(tt[J], l());
           }
         }
@@ -3741,11 +3785,11 @@ class M {
   u(w) {
     const { el: { content: D }, parts: U } = this._$AD, F = (w?.creationScope ?? r).importNode(D, !0);
     C.currentNode = F;
-    let q = C.nextNode(), W = 0, Y = 0, G = U[0];
+    let q = C.nextNode(), W = 0, X = 0, G = U[0];
     for (; G !== void 0; ) {
       if (W === G.index) {
-        let Z;
-        G.type === 2 ? Z = new R(q, q.nextSibling, this, w) : G.type === 1 ? Z = new G.ctor(q, G.name, G.strings, this, w) : G.type === 6 && (Z = new z(q, this, w)), this._$AV.push(Z), G = U[++Y];
+        let K;
+        G.type === 2 ? K = new R(q, q.nextSibling, this, w) : G.type === 1 ? K = new G.ctor(q, G.name, G.strings, this, w) : G.type === 6 && (K = new z(q, this, w)), this._$AV.push(K), G = U[++X];
       }
       W !== G?.index && (q = C.nextNode(), W++);
     }
@@ -3830,9 +3874,9 @@ class k {
     let W = !1;
     if (q === void 0) w = S(this, w, D, 0), W = !c(w) || w !== this._$AH && w !== T, W && (this._$AH = w);
     else {
-      const Y = w;
-      let G, Z;
-      for (w = q[0], G = 0; G < q.length - 1; G++) Z = S(this, Y[U + G], D, G), Z === T && (Z = this._$AH[G]), W ||= !c(Z) || Z !== this._$AH[G], Z === E ? w = E : w !== E && (w += (Z ?? "") + q[G + 1]), this._$AH[G] = Z;
+      const X = w;
+      let G, K;
+      for (w = q[0], G = 0; G < q.length - 1; G++) K = S(this, X[U + G], D, G), K === T && (K = this._$AH[G]), W ||= !c(K) || K !== this._$AH[G], K === E ? w = E : w !== E && (w += (K ?? "") + q[G + 1]), this._$AH[G] = K;
     }
     W && !F && this.j(w);
   }
@@ -3972,11 +4016,11 @@ const zoo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty(
   getSemanticAttributes
 }, Symbol.toStringTag, { value: "Module" }));
 async function registerCarbonLibrary() {
-  const { registerCarbonLibrary: O } = await import("./register-BCEOkbXG.js");
+  const { registerCarbonLibrary: O } = await import("./register-C3XDWad0.js");
   return O();
 }
 async function registerMdcLibrary() {
-  const { registerMdcLibrary: O } = await import("./register-Bkr1UKav.js");
+  const { registerMdcLibrary: O } = await import("./register-CyNp_638.js");
   return O();
 }
 const zooy = {
@@ -4000,12 +4044,14 @@ const zooy = {
   zoo
 };
 export {
-  zoo as A,
+  uriUtils as A,
   Binder as B,
   ComponentLibraryRegistry as C,
   Dragger as D,
   E,
   FormPanel as F,
+  handlers as G,
+  zoo as H,
   Panel as P,
   Split as S,
   T,
@@ -4014,28 +4060,28 @@ export {
   _curry2 as _,
   i$3 as a,
   b,
-  isDefAndNotNull as c,
-  getEventAttribute as d,
-  B as e,
+  _curry3 as c,
+  _path as d,
+  isDefAndNotNull as e,
   f$1 as f,
   getSemanticAttributes as g,
   hasPath as h,
   i,
-  getElDataMap as j,
-  treeUtils as k,
-  registerMdcLibrary as l,
-  Evt as m,
-  Component as n,
+  getEventAttribute as j,
+  B as k,
+  getElDataMap as l,
+  treeUtils as m,
+  registerMdcLibrary as n,
   objToPaths as o,
   path as p,
-  UiEventType as q,
+  Evt as q,
   registerCarbonLibrary as r,
-  Conductor as s,
+  Component as s,
   toLowerCase as t,
   u$1 as u,
-  domUtils as v,
-  uriUtils as w,
+  UiEventType as v,
+  Conductor as w,
   x,
-  handlers as y,
+  domUtils as y,
   zooy as z
 };