@trintel/zooy 1.0.7 → 1.0.9

package/dist/chunks/{main-jVeZRB91.js → main-1YHLay2M.js}

@@ -3,35 +3,35 @@ const numericString = "0123456789".split("");
 const alphaLower = "abcdefghijklmnopqrstuvwxyz".split(""), alphaUpper = "ABCDEFGHIJKLMNOPQRSTUVWXYZ".split("");
 [...alphaLower, ...alphaUpper, ...numericString];
 (/* @__PURE__ */ new Map()).set("true", !0).set("false", !1);
-const compose = (...O) => (...w) => O.reduce((D, U) => (F) => D(U(F)))(...w), identity = (O) => O, whatType = (O) => typeof O, isDef = (O) => O !== void 0, isUndefined = (O) => O === void 0, isDefAndNotNull = (O) => O != null, isString = (O) => whatType(O) === "string", isNumber = (O) => whatType(O) === "number" && !Number.isNaN(
+const compose = (...U) => (...w) => U.reduce((D, O) => (F) => D(O(F)))(...w), identity = (U) => U, whatType = (U) => typeof U, isDef = (U) => U !== void 0, isUndefined = (U) => U === void 0, isDefAndNotNull = (U) => U != null, isString = (U) => whatType(U) === "string", isNumber = (U) => whatType(U) === "number" && !Number.isNaN(
   /** @type number */
-  O
-), isObject = (O) => (O && typeof O == "object" && !(O instanceof Array) && !(O instanceof Set) && !(O instanceof Map) && !(O instanceof Date)) === !0, isArray = (O) => O instanceof Array, reverse = (O) => Array.from(O).reduce((w, D) => [D, ...w], []), toLowerCase = (O) => O.toLowerCase(), toString$1 = (O) => O + "", toNumber = (O) => +O;
+  U
+), isObject = (U) => (U && typeof U == "object" && !(U instanceof Array) && !(U instanceof Set) && !(U instanceof Map) && !(U instanceof Date)) === !0, isArray = (U) => U instanceof Array, reverse = (U) => Array.from(U).reduce((w, D) => [D, ...w], []), toLowerCase = (U) => U.toLowerCase(), toString$1 = (U) => U + "", toNumber = (U) => +U;
 compose(toLowerCase, toString$1);
 const makeRandomString = () => {
-  let O = 2147483648;
-  return Math.floor(Math.random() * O).toString(36) + Math.abs(Math.floor(Math.random() * O) ^ Date.now()).toString(36);
-}, stripLeadingChar = (O) => (w) => w.startsWith(O) ? w.slice(O.length) : w, join = (O) => (w) => w.join(O);
+  let U = 2147483648;
+  return Math.floor(Math.random() * U).toString(36) + Math.abs(Math.floor(Math.random() * U) ^ Date.now()).toString(36);
+}, stripLeadingChar = (U) => (w) => w.startsWith(U) ? w.slice(U.length) : w, join = (U) => (w) => w.join(U);
 compose(join(""), reverse);
-const pathOr = (O, w) => (D) => {
-  const U = w.reduce((F, q) => {
+const pathOr = (U, w) => (D) => {
+  const O = w.reduce((F, q) => {
     try {
       return F[maybeNumber(q)];
     } catch {
       return;
     }
   }, D);
-  return U === void 0 ? O : U;
-}, objToPaths = (O, w = [], D = []) => (Object.entries(O).forEach(([U, F]) => {
-  isObject(F) ? objToPaths(F, [...w, U], D) : D.push([[...w, U], F]);
-}), D), randomId = (O) => {
+  return O === void 0 ? U : O;
+}, objToPaths = (U, w = [], D = []) => (Object.entries(U).forEach(([O, F]) => {
+  isObject(F) ? objToPaths(F, [...w, O], D) : D.push([[...w, O], F]);
+}), D), randomId = (U) => {
   const w = makeRandomString();
-  return O ? w.substr(0, O) : w;
-}, maybeNumber = (O) => {
-  if (O === null || whatType(O) === "string" && O.length > 1 && O.startsWith("0") && !O.startsWith("0."))
-    return O;
-  const w = 1 * O;
-  return w > Number.MAX_SAFE_INTEGER || Number.isNaN(w) ? O : w;
+  return U ? w.substr(0, U) : w;
+}, maybeNumber = (U) => {
+  if (U === null || whatType(U) === "string" && U.length > 1 && U.startsWith("0") && !U.startsWith("0."))
+    return U;
+  const w = 1 * U;
+  return w > Number.MAX_SAFE_INTEGER || Number.isNaN(w) ? U : w;
 };
 compose(toNumber, join(""), reverse, toString$1);
 class Evt extends EventTarget {
@@ -139,10 +139,10 @@ class Evt extends EventTarget {
    * @param {!Function} action
    * @param {boolean|!Object} options
    */
-  listen(w, D, U, F = !1) {
-    w.addEventListener(D, U, F);
+  listen(w, D, O, F = !1) {
+    w.addEventListener(D, O, F);
     const q = this.listeningTo.get(w) || {};
-    q[D] = () => w.removeEventListener(D, U, F), this.listeningTo.set(w, q), isDef(w.isListenedToBy) && w.isListenedToBy(this);
+    q[D] = () => w.removeEventListener(D, O, F), this.listeningTo.set(w, q), isDef(w.isListenedToBy) && w.isListenedToBy(this);
   }
   /**
    * Remove self from all components tt are listening to me.
@@ -157,9 +157,9 @@ class Evt extends EventTarget {
    * @param {string=} opt_event
    */
   stopListeningTo(w, D) {
-    w && this.listeningTo.has(w) && (isDef(w.isObservedBy) && w.isObservedBy.delete(this), isDef(D) ? (Object.entries(this.listeningTo.get(w)).forEach(([U, F]) => {
-      U === D && F();
-    }), Object.keys(this.listeningTo.get(w)).length || this.listeningTo.delete(w)) : (Object.values(this.listeningTo.get(w)).forEach((U) => U()), this.listeningTo.delete(w)));
+    w && this.listeningTo.has(w) && (isDef(w.isObservedBy) && w.isObservedBy.delete(this), isDef(D) ? (Object.entries(this.listeningTo.get(w)).forEach(([O, F]) => {
+      O === D && F();
+    }), Object.keys(this.listeningTo.get(w)).length || this.listeningTo.delete(w)) : (Object.values(this.listeningTo.get(w)).forEach((O) => O()), this.listeningTo.delete(w)));
   }
   /**
    * Removes all the event listeners that is managed by this
@@ -184,8 +184,8 @@ class Evt extends EventTarget {
    * @param {number} interval The interval in milliseconds
    */
   doOnBeat(w, D) {
-    const U = setInterval(w, D);
-    this.activeIntervals.add(U);
+    const O = setInterval(w, D);
+    this.activeIntervals.add(O);
   }
   /**
    * Disposes of the component.  Calls `exitDocument`, which is expected to
@@ -237,128 +237,106 @@ const UiEventType = {
   READY: randomId(),
   PANEL_MINIMIZE: randomId(),
   FORM_SUBMIT_SUCCESS: randomId()
-};
-var EN_US = ["second", "minute", "hour", "day", "week", "month", "year"];
-function en_US(O, w) {
-  if (w === 0)
-    return ["just now", "right now"];
-  var D = EN_US[Math.floor(w / 2)];
-  return O > 1 && (D += "s"), [O + " " + D + " ago", "in " + O + " " + D];
-}
-var ZH_CN = ["秒", "分钟", "小时", "天", "周", "个月", "年"];
-function zh_CN(O, w) {
-  if (w === 0)
-    return ["刚刚", "片刻后"];
-  var D = ZH_CN[~~(w / 2)];
-  return [O + " " + D + "前", O + " " + D + "后"];
-}
-var Locales = {}, register = function(O, w) {
-  Locales[O] = w;
-}, getLocale = function(O) {
-  return Locales[O] || Locales.en_US;
-}, SEC_ARRAY = [
-  60,
-  60,
-  24,
-  7,
-  365 / 7 / 12,
-  12
-];
-function toDate(O) {
-  return O instanceof Date ? O : !isNaN(O) || /^\d+$/.test(O) ? new Date(parseInt(O)) : (O = (O || "").trim().replace(/\.\d+/, "").replace(/-/, "/").replace(/-/, "/").replace(/(\d)T(\d)/, "$1 $2").replace(/Z/, " UTC").replace(/([+-]\d\d):?(\d\d)/, " $1$2"), new Date(O));
-}
-function formatDiff(O, w) {
-  var D = O < 0 ? 1 : 0;
-  O = Math.abs(O);
-  for (var U = O, F = 0; O >= SEC_ARRAY[F] && F < SEC_ARRAY.length; F++)
-    O /= SEC_ARRAY[F];
-  return O = Math.floor(O), F *= 2, O > (F === 0 ? 9 : 1) && (F += 1), w(O, F, U)[D].replace("%s", O.toString());
-}
-function diffSec(O, w) {
-  var D = /* @__PURE__ */ new Date();
-  return (+D - +toDate(O)) / 1e3;
-}
-var format = function(O, w, D) {
-  var U = diffSec(O);
-  return formatDiff(U, getLocale(w));
-};
-register("en_US", en_US);
-register("zh_CN", zh_CN);
-const getInputChecked_ = function(O) {
-  return O.checked ? (
+}, format = (U) => {
+  const D = Math.floor((/* @__PURE__ */ new Date() - U) / 1e3), O = [
+    { name: "year", seconds: 31536e3 },
+    { name: "month", seconds: 2592e3 },
+    { name: "week", seconds: 604800 },
+    { name: "day", seconds: 86400 },
+    { name: "hour", seconds: 3600 },
+    { name: "minute", seconds: 60 },
+    { name: "second", seconds: 1 }
+  ];
+  if (D < 0) {
+    const F = Math.abs(D);
+    for (const q of O) {
+      const W = Math.floor(F / q.seconds);
+      if (W >= 1)
+        return new Intl.RelativeTimeFormat("en", { numeric: "auto" }).format(W, q.name);
+    }
+    return "just now";
+  }
+  for (const F of O) {
+    const q = Math.floor(D / F.seconds);
+    if (q >= 1)
+      return new Intl.RelativeTimeFormat("en", { numeric: "auto" }).format(-q, F.name);
+  }
+  return "just now";
+}, getInputChecked_ = function(U) {
+  return U.checked ? (
     /** @type {?} */
-    O.value
+    U.value
   ) : null;
-}, getSelectSingle_ = function(O) {
+}, getSelectSingle_ = function(U) {
   const w = (
     /** @type {!HTMLSelectElement} */
-    O.selectedIndex
+    U.selectedIndex
   );
   return w >= 0 ? (
     /** @type {!HTMLSelectElement} */
-    O.options[w].value
+    U.options[w].value
   ) : null;
-}, getSelectMultiple_ = function(O) {
+}, getSelectMultiple_ = function(U) {
   const w = [];
-  for (let D, U = 0; D = /** @type {!HTMLSelectElement} */
-  O.options[U]; U++)
+  for (let D, O = 0; D = /** @type {!HTMLSelectElement} */
+  U.options[O]; O++)
     D.selected && w.push(D.value);
   return w.length ? w : null;
-}, getValue = function(O) {
+}, getValue = function(U) {
   const w = (
     /** @type {!HTMLInputElement} */
-    O.type
+    U.type
   );
   switch (isString(w) && w.toLowerCase()) {
     case "checkbox":
     case "radio":
-      return getInputChecked_(O);
+      return getInputChecked_(U);
     case "select-one":
-      return getSelectSingle_(O);
+      return getSelectSingle_(U);
     case "select-multiple":
-      return getSelectMultiple_(O);
+      return getSelectMultiple_(U);
     default:
-      return O.value !== null && O.value !== void 0 ? O.value : null;
+      return U.value !== null && U.value !== void 0 ? U.value : null;
   }
-}, formToJSON = (O) => [...O].reduce((w, D) => (w[D.name] = D.value, w), {}), replaceNode = (O, w) => {
+}, formToJSON = (U) => [...U].reduce((w, D) => (w[D.name] = D.value, w), {}), replaceNode = (U, w) => {
   const D = w.parentNode;
-  D && D.replaceChild(O, w);
-}, removeNode = (O) => O && O.parentNode ? O.parentNode.removeChild(O) : null, insertSiblingAfter = (O, w) => {
-  w.parentNode && w.parentNode.insertBefore(O, w.nextSibling);
-}, isInPage = (O) => O === document.body ? !1 : document.body.contains(O), getPos = (O) => [O.offsetLeft, O.offsetTop], randomColour = (O) => [1, 2, 3].map(() => Math.floor(Math.random() * 256) + 1).reduce((w, D) => `${w}${D},`, "rgba(") + `${O || 0.5}`, totalWidth = (O) => {
-  const w = window.getComputedStyle(O), D = O.offsetWidth, U = parseFloat(w.marginLeft) + parseFloat(w.marginRight), F = parseFloat(w.paddingLeft) + parseFloat(w.paddingRight), q = parseFloat(w.borderLeftWidth) + parseFloat(w.borderRightWidth);
-  return D + U - F + q;
-}, totalHeight = (O) => {
-  const w = window.getComputedStyle(O), D = O.offsetHeight, U = parseFloat(w.marginTop) + parseFloat(w.marginBottom), F = parseFloat(w.paddingTop) + parseFloat(w.paddingBottom), q = parseFloat(w.borderTopWidth) + parseFloat(w.borderBottomWidth);
-  return D + U - F + q;
+  D && D.replaceChild(U, w);
+}, removeNode = (U) => U && U.parentNode ? U.parentNode.removeChild(U) : null, insertSiblingAfter = (U, w) => {
+  w.parentNode && w.parentNode.insertBefore(U, w.nextSibling);
+}, isInPage = (U) => U === document.body ? !1 : document.body.contains(U), getPos = (U) => [U.offsetLeft, U.offsetTop], randomColour = (U) => [1, 2, 3].map(() => Math.floor(Math.random() * 256) + 1).reduce((w, D) => `${w}${D},`, "rgba(") + `${U || 0.5}`, totalWidth = (U) => {
+  const w = window.getComputedStyle(U), D = U.offsetWidth, O = parseFloat(w.marginLeft) + parseFloat(w.marginRight), F = parseFloat(w.paddingLeft) + parseFloat(w.paddingRight), q = parseFloat(w.borderLeftWidth) + parseFloat(w.borderRightWidth);
+  return D + O - F + q;
+}, totalHeight = (U) => {
+  const w = window.getComputedStyle(U), D = U.offsetHeight, O = parseFloat(w.marginTop) + parseFloat(w.marginBottom), F = parseFloat(w.paddingTop) + parseFloat(w.paddingBottom), q = parseFloat(w.borderTopWidth) + parseFloat(w.borderBottomWidth);
+  return D + O - F + q;
 }, evalScripts = (comp) => (arr) => {
   arr && Array.from(arr).forEach((s) => {
     (function() {
       eval(s.text);
     }).bind(comp)();
   });
-}, evalModules = (O) => (w) => {
+}, evalModules = (U) => (w) => {
   w && Array.from(w).forEach((D) => {
     (function() {
-      const U = document.createElement("script");
-      U.type = "module", U.textContent = D.textContent;
-      const F = O.getElement(), q = getElDataMap(D).zv_comp_access;
-      q && (F.zvComponent = O, F.classList.add(q)), F.appendChild(U);
-    }).bind(O)();
+      const O = document.createElement("script");
+      O.type = "module", O.textContent = D.textContent;
+      const F = U.getElement(), q = getElDataMap(D).zv_comp_access;
+      q && (F.zvComponent = U, F.classList.add(q)), F.appendChild(O);
+    }).bind(U)();
   });
-}, splitScripts = (O) => {
-  const D = new DOMParser().parseFromString(O, "text/html");
+}, splitScripts = (U) => {
+  const D = new DOMParser().parseFromString(U, "text/html");
   return {
     html: D.body.firstElementChild,
     scripts: D.querySelectorAll('script:not([type="module"])'),
     modules: D.querySelectorAll('script[type="module"]')
   };
-}, handleTemplateProm = (O) => Promise.resolve(splitScripts(O)), enableClass = (O, w, D) => {
-  D ? O.classList.add(w) : O.classList.remove(w);
-}, toggleClass = (O, w) => {
-  const D = !Array.from(O.classList).includes(w);
-  return enableClass(O, w, D), D;
-}, getElDataMap = (O) => O ? Object.assign({}, O.dataset || {}) : {}, dtFormatter = {
+}, handleTemplateProm = (U) => Promise.resolve(splitScripts(U)), enableClass = (U, w, D) => {
+  D ? U.classList.add(w) : U.classList.remove(w);
+}, toggleClass = (U, w) => {
+  const D = !Array.from(U.classList).includes(w);
+  return enableClass(U, w, D), D;
+}, getElDataMap = (U) => U ? Object.assign({}, U.dataset || {}) : {}, dtFormatter = {
   year: "numeric",
   month: "short",
   day: "numeric",
@@ -378,13 +356,13 @@ const getInputChecked_ = function(O) {
   second: "2-digit",
   // hour12: false
   hourCycle: "h23"
-}), dateToZooyStdTimeString = (O) => {
-  const [{ value: w }, , { value: D }, , { value: U }, , { value: F }, , { value: q }, , { value: W }, ,] = dtf.formatToParts(O);
-  return `${D} ${w} ${U} ${F}:${q}:${W}`;
-}, parseMomentAgo = (O, w = "both", D = void 0) => {
-  let U = O;
-  isNumber(U) && U < 9466848e5 ? U = U * 1e3 : D && (U = U + D);
-  const F = new Date(U), q = format(F), W = dateToZooyStdTimeString(F);
+}), dateToZooyStdTimeString = (U) => {
+  const [{ value: w }, , { value: D }, , { value: O }, , { value: F }, , { value: q }, , { value: W }, ,] = dtf.formatToParts(U);
+  return `${D} ${w} ${O} ${F}:${q}:${W}`;
+}, parseMomentAgo = (U, w = "both", D = void 0) => {
+  let O = U;
+  isNumber(O) && O < 9466848e5 ? O = O * 1e3 : D && (O = O + D);
+  const F = new Date(O), q = format(F), W = dateToZooyStdTimeString(F);
   switch (w) {
     case "time|ago":
       return `${W}|${q}`;
@@ -398,30 +376,30 @@ const getInputChecked_ = function(O) {
     default:
       return `${q} (${W})`;
   }
-}, parseObfuscated = (O) => {
-  const D = ((F) => (q) => q < F.length - 4)(O);
-  return ((F) => F.split("").map((q, W) => D(W) ? "*" : q).join(""))(O);
-}, parseMap = (/* @__PURE__ */ new Map()).set(void 0, (O, w, D) => identity(O)).set("", (O, w, D) => identity(O)).set("class_update_only", (O, w, D) => identity(O)).set("frac_100", (O, w, D) => Math.round(O * 100 * 100) / 100).set("date_and_time", (O, w, D) => new Date(O).toLocaleString(void 0, dtFormatter)).set("date", (O, w, D) => new Date(O).toLocaleString(void 0, dFormatter)).set("moment_ago", (O, w, D) => parseMomentAgo(O, "both", D.zdd_date_tz || void 0)).set("moment_ago_only", (O, w, D) => parseMomentAgo(O, "ago", D.zdd_date_tz || void 0)).set("moment_ago_datetime", (O, w, D) => parseMomentAgo(O, "datetime", D.zdd_date_tz || void 0)).set("pretty-json", (O, w, D) => JSON.stringify(O, null, 4)).set("obfuscated", (O, w, D) => parseObfuscated(O)).set("linear-progress", (O, w, D) => {
-  const U = toNumber(D.zpmax), F = w.linProg;
-  return U && F && (F.progress = O / U, O = void 0), O;
-}), parseDataPropKvDef = (O) => O.trim().split(",").map((U) => U.trim()).map((U) => {
-  const [F, q] = U.split(":").map((W) => W.trim());
+}, parseObfuscated = (U) => {
+  const D = ((F) => (q) => q < F.length - 4)(U);
+  return ((F) => F.split("").map((q, W) => D(W) ? "*" : q).join(""))(U);
+}, parseMap = (/* @__PURE__ */ new Map()).set(void 0, (U, w, D) => identity(U)).set("", (U, w, D) => identity(U)).set("class_update_only", (U, w, D) => identity(U)).set("frac_100", (U, w, D) => Math.round(U * 100 * 100) / 100).set("date_and_time", (U, w, D) => new Date(U).toLocaleString(void 0, dtFormatter)).set("date", (U, w, D) => new Date(U).toLocaleString(void 0, dFormatter)).set("moment_ago", (U, w, D) => parseMomentAgo(U, "both", D.zdd_date_tz || void 0)).set("moment_ago_only", (U, w, D) => parseMomentAgo(U, "ago", D.zdd_date_tz || void 0)).set("moment_ago_datetime", (U, w, D) => parseMomentAgo(U, "datetime", D.zdd_date_tz || void 0)).set("pretty-json", (U, w, D) => JSON.stringify(U, null, 4)).set("obfuscated", (U, w, D) => parseObfuscated(U)).set("linear-progress", (U, w, D) => {
+  const O = toNumber(D.zpmax), F = w.linProg;
+  return O && F && (F.progress = U / O, U = void 0), U;
+}), parseDataPropKvDef = (U) => U.trim().split(",").map((O) => O.trim()).map((O) => {
+  const [F, q] = O.split(":").map((W) => W.trim());
   return [F, q];
-}).filter(([U, F]) => U !== "" && F !== ""), parseDataProps = (O, w) => {
-  const D = getElDataMap(O);
-  delete O.dataset.zoodatapropkv;
-  const U = D.zoodatapropkv || "";
-  return parseDataPropKvDef(U).forEach(([q, W]) => {
-    O.dataset[q] = pathOr(void 0, W.split("."))(w);
-  }), O;
-}, mapDataToEls = (O, w, D = /* @__PURE__ */ new Map(), U = void 0) => {
+}).filter(([O, F]) => O !== "" && F !== ""), parseDataProps = (U, w) => {
+  const D = getElDataMap(U);
+  delete U.dataset.zoodatapropkv;
+  const O = D.zoodatapropkv || "";
+  return parseDataPropKvDef(O).forEach(([q, W]) => {
+    U.dataset[q] = pathOr(void 0, W.split("."))(w);
+  }), U;
+}, mapDataToEls = (U, w, D = /* @__PURE__ */ new Map(), O = void 0) => {
   if (!w)
     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), 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) {
+  [...U.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, K = 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(O) && (console.log("loopIndex: ", tt, " opt_loopIndex: ", O), tt === "zero_indexed" ? q.innerHTML = O : tt === "one_indexed" ? q.innerHTML = O + 1 : q.innerHTML = O), Q) {
       const [Z, et, st] = Q.split(":"), rt = pathOr(void 0, Z.split("."))(w);
       if (isDefAndNotNull(rt))
         switch (et) {
@@ -441,26 +419,26 @@ const getInputChecked_ = function(O) {
             break;
         }
     }
-    if (G === "templated-array" && isArray(Y))
-      if (Y.length === 0)
+    if (G === "templated-array" && isArray(X))
+      if (X.length === 0)
         q.classList.add("display__none");
       else {
-        q.classList.remove("display__none"), Y = Y || [];
+        q.classList.remove("display__none"), X = X || [];
         const Z = q.firstElementChild;
-        Z.classList.remove("display__none"), q.replaceChildren(...Y.map((et, st) => {
+        Z.classList.remove("display__none"), q.replaceChildren(...X.map((et, st) => {
           const rt = Z.cloneNode(!0), nt = parseDataProps(rt, et);
           return mapDataToEls(nt, et, void 0, st), nt;
         }));
       }
-    else if (isDefAndNotNull(Y))
+    else if (isDefAndNotNull(X))
       if (K === "typewriter") {
         let Z = 0;
-        const et = Y + J, st = 5, rt = () => {
+        const et = X + J, st = 5, rt = () => {
           Z < et.length && (q.innerHTML += et.charAt(Z), Z++, setTimeout(rt, st));
         };
         q.innerHTML = "", rt();
       } else
-        q.innerHTML = Y + J;
+        q.innerHTML = X + J;
   });
 }, domUtils = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -571,10 +549,10 @@ class ComponentLibraryRegistry {
    */
   static getCacheStats() {
     const w = {};
-    for (const [D, U] of this.#t.entries())
+    for (const [D, O] of this.#t.entries())
       w[D] = {
-        cacheSize: U.cache.size,
-        config: U.config
+        cacheSize: O.cache.size,
+        config: O.config
       };
     return w;
   }
@@ -896,10 +874,10 @@ class Component extends Evt {
     if (w)
       for (const D of ComponentLibraryRegistry.getRegisteredLibraries())
         try {
-          const U = ComponentLibraryRegistry.get(D);
-          U.dispose && U.dispose(w);
-        } catch (U) {
-          console.debug(`[${D}] Cleanup error during component disposal (non-critical):`, U);
+          const O = ComponentLibraryRegistry.get(D);
+          O.dispose && O.dispose(w);
+        } catch (O) {
+          console.debug(`[${D}] Cleanup error during component disposal (non-critical):`, O);
         }
     super.dispose();
   }
@@ -921,7 +899,7 @@ class Component extends Evt {
    *     if any of the handlers returns false this will also return false.
    */
   dispatchCompEvent(w, D) {
-    const U = new ZooyEventData(w, D), F = Evt.makeEvent(UiEventType.COMP, U);
+    const O = new ZooyEventData(w, D), F = Evt.makeEvent(UiEventType.COMP, O);
     return this.dispatchEvent(F);
   }
 }
@@ -953,14 +931,14 @@ const EV = {
   DROP: "drop",
   // Transitions
   TRANSITIONEND: "transitionend"
-}, touchEvents = [EV.TOUCHMOVE, EV.TOUCHSTART, EV.TOUCHEND], isTouchEvent = (O) => touchEvents.includes(O.type), normalizeEvent = (O) => (isTouchEvent(O) && (O.clientX = O.targetTouches[0].clientX, O.clientY = O.targetTouches[0].clientY), O), dragStartListener = (O, w, D, U) => (F) => {
+}, touchEvents = [EV.TOUCHMOVE, EV.TOUCHSTART, EV.TOUCHEND], isTouchEvent = (U) => touchEvents.includes(U.type), normalizeEvent = (U) => (isTouchEvent(U) && (U.clientX = U.targetTouches[0].clientX, U.clientY = U.targetTouches[0].clientY), U), dragStartListener = (U, w, D, O) => (F) => {
   F.preventDefault();
   const q = normalizeEvent(F), W = (
     /** @type {!HTMLElement} */
     q.currentTarget
-  ), [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));
+  ), [Y, G] = getPos(W), K = q.clientX - Y, Q = q.clientY - G, tt = U(Y, G, K, Q, W), J = D(Y, G, K, Q, W), X = w(Y, G, K, Q, W);
+  let Z = freeMoveListener(X, W, K, Q);
+  ["x", "ew"].includes(O) ? Z = xMoveOnlyListener(X, W, K) : ["y", "ns"].includes(O) && (Z = yMoveOnlyListener(X, W, K, Q));
   let et = !1;
   const st = (nt) => {
     et = !0, Z(nt);
@@ -968,30 +946,30 @@ const EV = {
     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);
   };
   return document.addEventListener(EV.MOUSEUP, rt, !0), document.addEventListener(EV.TOUCHEND, rt, !0), document.addEventListener(EV.MOUSEMOVE, st, !0), document.addEventListener(EV.TOUCHMOVE, st, !0), tt(F), rt;
-}, freeMoveListener = (O, w, D, U) => (F) => {
+}, freeMoveListener = (U, w, D, O) => (F) => {
   F.preventDefault();
   const q = normalizeEvent(F);
-  w.style.left = `${q.clientX - D}px`, w.style.top = `${q.clientY - U}px`, O(q);
-}, xMoveOnlyListener = (O, w, D, U) => (F) => {
+  w.style.left = `${q.clientX - D}px`, w.style.top = `${q.clientY - O}px`, U(q);
+}, xMoveOnlyListener = (U, w, D, O) => (F) => {
   F.preventDefault();
   const q = normalizeEvent(F);
-  w.style.left = `${q.clientX - D}px`, O(q);
-}, yMoveOnlyListener = (O, w, D, U) => (F) => {
+  w.style.left = `${q.clientX - D}px`, U(q);
+}, yMoveOnlyListener = (U, w, D, O) => (F) => {
   F.preventDefault();
   const q = normalizeEvent(F);
-  w.style.top = `${q.clientY - U}px`, O(q);
-}, makeEmitter = (O, w) => (D, U, F, q, W) => (X) => {
-  O.dispatchCompEvent(w, {
-    component: O,
-    browserEvent: X,
+  w.style.top = `${q.clientY - O}px`, U(q);
+}, makeEmitter = (U, w) => (D, O, F, q, W) => (Y) => {
+  U.dispatchCompEvent(w, {
+    component: U,
+    browserEvent: Y,
     left: D,
-    top: U,
-    clientX: X.clientX,
-    clientY: X.clientY,
+    top: O,
+    clientX: Y.clientX,
+    clientY: Y.clientY,
     xOrg: F,
     yOrg: q,
-    deltaX: X.clientX - F - D,
-    deltaY: X.clientY - q - U,
+    deltaX: Y.clientX - F - D,
+    deltaY: Y.clientY - q - O,
     target: W
   });
 };
@@ -1043,12 +1021,12 @@ class Dragger extends Component {
    * Make the component draggable
    */
   unlock() {
-    const w = (D) => (U) => {
-      this.#r = D(U);
+    const w = (D) => (O) => {
+      this.#r = D(O);
     };
     if (this.isInDocument && this.#s) {
-      const D = makeEmitter(this, UiEventType.COMP_DRAG_MOVE), U = makeEmitter(this, UiEventType.COMP_DRAG_START), F = makeEmitter(this, UiEventType.COMP_DRAG_END), q = dragStartListener(
-        U,
+      const D = makeEmitter(this, UiEventType.COMP_DRAG_MOVE), O = makeEmitter(this, UiEventType.COMP_DRAG_START), F = makeEmitter(this, UiEventType.COMP_DRAG_END), q = dragStartListener(
+        O,
         D,
         F,
         this.#t
@@ -1070,41 +1048,41 @@ const splitRe_ = new RegExp(
 ), ComponentIndex = {
   PATH: 5,
   QUERY_DATA: 6
-}, split = (O) => (
+}, split = (U) => (
   /** @type {!Array<string|undefined>} */
-  O.match(splitRe_)
-), decodeOrEmpty_ = (O, w) => O ? decodeURI(O.replace(/%25/g, "%2525")) : "", getPath = (O) => decodeOrEmpty_(split(O)[ComponentIndex.PATH]), getQueryData = (O) => decodeOrEmpty_(split(O)[ComponentIndex.QUERY_DATA]), objectToUrlParms = (O) => [...Object.entries(O)].map(
+  U.match(splitRe_)
+), decodeOrEmpty_ = (U, w) => U ? decodeURI(U.replace(/%25/g, "%2525")) : "", getPath = (U) => decodeOrEmpty_(split(U)[ComponentIndex.PATH]), getQueryData = (U) => decodeOrEmpty_(split(U)[ComponentIndex.QUERY_DATA]), objectToUrlParms = (U) => [...Object.entries(U)].map(
   (w) => `${w[0]}=${w[1]}`
-).join("&"), isValidValue = (O) => O != null && O !== "", queryDataToMap = (O) => O.split("&").reduce((w, D) => {
-  const [U, F] = D.split("=");
-  return isValidValue(U) && isValidValue(F) && w.set(U, F), w;
+).join("&"), isValidValue = (U) => U != null && U !== "", queryDataToMap = (U) => U.split("&").reduce((w, D) => {
+  const [O, F] = D.split("=");
+  return isValidValue(O) && isValidValue(F) && w.set(O, F), w;
 }, /* @__PURE__ */ new Map()), uriUtils = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   getPath,
   getQueryData,
   objectToUrlParms,
   queryDataToMap
-}, Symbol.toStringTag, { value: "Module" })), stripLeadingSpace = stripLeadingChar(" "), stripLeadingSlash = stripLeadingChar("/"), getCookieByName = (O) => document.cookie.split(";").map((w) => w.split("=")).reduce((w, D) => w.set(stripLeadingSpace(D[0]), D[1]), /* @__PURE__ */ new Map()).get(O), spinner = (O) => {
+}, Symbol.toStringTag, { value: "Module" })), stripLeadingSpace = stripLeadingChar(" "), stripLeadingSlash = stripLeadingChar("/"), getCookieByName = (U) => document.cookie.split(";").map((w) => w.split("=")).reduce((w, D) => w.set(stripLeadingSpace(D[0]), D[1]), /* @__PURE__ */ new Map()).get(U), spinner = (U) => {
   let w = 0, D;
-  const U = (F) => {
+  const O = (F) => {
     const q = F > 0;
     return q ? w += 1 : w -= 1, q ? w === 1 : w === 0;
   };
   return (F) => {
-    D = D || document.getElementById(O), D && U(F) && D.classList.toggle("viz", w > 0);
+    D = D || document.getElementById(U), D && O(F) && D.classList.toggle("viz", w > 0);
   };
-}, spin = spinner("the_loader"), startSpin = () => Promise.resolve(spin(1)), stopSpin = (O) => (spin(0), Promise.resolve(O)), checkStatus = (O) => O.ok ? Promise.resolve(O) : Promise.reject(new Error(`${O.url} ${O.status} (${O.statusText})`)), checkStatusTwo = (O) => (w) => {
+}, spin = spinner("the_loader"), startSpin = () => Promise.resolve(spin(1)), stopSpin = (U) => (spin(0), Promise.resolve(U)), checkStatus = (U) => U.ok ? Promise.resolve(U) : Promise.reject(new Error(`${U.url} ${U.status} (${U.statusText})`)), checkStatusTwo = (U) => (w) => {
   if (w.type === "opaqueredirect" || w.redirected) {
     const D = stripLeadingSlash(getPath(w.url));
-    O.setIsRedirected(!0, D), console.log("Redirect detected", D);
+    U.setIsRedirected(!0, D), console.log("Redirect detected", D);
   }
   return checkStatus(w);
-}, getJson = (O) => O.json(), getText = (O) => O.text().then(
+}, getJson = (U) => U.json(), getText = (U) => U.text().then(
   (w) => Promise.resolve(w),
   (w) => Promise.reject(new Error(`Could not get text from response: ${w}`))
-), getTextOrJson = (O) => O.headers.get("Content-Type") === "application/json" ? getJson(O) : getText(O), jsonInit = (O, w, D = "POST", U = void 0) => {
+), getTextOrJson = (U) => U.headers.get("Content-Type") === "application/json" ? getJson(U) : getText(U), jsonInit = (U, w, D = "POST", O = void 0) => {
   const F = new Headers();
-  F.append("Content-type", "application/json"), F.append("X-Requested-With", "XMLHttpRequest"), O && O !== "" && F.append("Authorization", `Bearer ${O}`);
+  F.append("Content-type", "application/json"), F.append("X-Requested-With", "XMLHttpRequest"), U && U !== "" && F.append("Authorization", `Bearer ${U}`);
   const q = {
     cache: "no-cache",
     method: D,
@@ -1112,8 +1090,8 @@ const splitRe_ = new RegExp(
     credentials: "include",
     body: JSON.stringify(w)
   };
-  return U && (q.signal = U), q;
-}, basicPutPostPatchInit = (O, w, D = !1, U = void 0) => {
+  return O && (q.signal = O), q;
+}, basicPutPostPatchInit = (U, w, D = !1, O = void 0) => {
   const F = new Headers();
   if (w && w !== "" && F.append("Authorization", `Bearer ${w}`), F.append("X-Requested-With", "XMLHttpRequest"), D) {
     const W = getCookieByName("csrftoken");
@@ -1121,29 +1099,29 @@ const splitRe_ = new RegExp(
   }
   const q = {
     cache: "no-cache",
-    method: O,
+    method: U,
     headers: F,
     redirect: "follow",
     // This is anyway the default.
     credentials: "include"
   };
-  return U && (q.signal = U), q;
-}, formPostInit = (O, w, D = void 0) => {
-  const F = basicPutPostPatchInit("POST", O, !1, D);
+  return O && (q.signal = O), q;
+}, formPostInit = (U, w, D = void 0) => {
+  const F = basicPutPostPatchInit("POST", U, !1, D);
   return F.body = new FormData(w.formEl), F;
-}, basicGetInit = (O, w = void 0) => {
+}, basicGetInit = (U, w = void 0) => {
   const D = new Headers();
-  D.append("Authorization", `Bearer ${O}`), D.append("X-Requested-With", "XMLHttpRequest");
-  const U = {
+  D.append("Authorization", `Bearer ${U}`), D.append("X-Requested-With", "XMLHttpRequest");
+  const O = {
     cache: "no-cache",
     headers: D,
     credentials: "include"
   };
-  return w && (U.signal = w), U;
-}, putPostPatchNobody = (O, w) => {
-  const D = new Request(O);
+  return w && (O.signal = w), O;
+}, putPostPatchNobody = (U, w) => {
+  const D = new Request(U);
   return fetch(D, w).then(checkStatus).then(getText);
-}, genCatchClause = (O, w = void 0) => (D) => (stopSpin("").then(identity), D.name === "AbortError" ? console.info(O, "ABORTED!") : console.error(O, D), w);
+}, genCatchClause = (U, w = void 0) => (D) => (stopSpin("").then(identity), D.name === "AbortError" ? console.info(U, "ABORTED!") : console.error(U, D), w);
 class UserManager {
   /**
    * @param {!Object=} opt_data
@@ -1204,12 +1182,12 @@ class UserManager {
    * @return {Promise}
    */
   formSubmit(w) {
-    const D = new Request(w.uri.toString()), U = w.processSubmitReply.bind(w), F = genCatchClause("Form submit error");
+    const D = new Request(w.uri.toString()), O = w.processSubmitReply.bind(w), F = genCatchClause("Form submit error");
     return startSpin().then(() => fetch(D, formPostInit(
       this.jwt,
       w,
       w.abortController.signal
-    ))).then(checkStatusTwo(w)).then(stopSpin).then(getTextOrJson).then(U).catch(F);
+    ))).then(checkStatusTwo(w)).then(stopSpin).then(getTextOrJson).then(O).catch(F);
   }
   /**
    * @param {string} uri
@@ -1217,11 +1195,11 @@ class UserManager {
    * @param {AbortSignal|undefined} signal
    * @return {Promise}
    */
-  putNoBody(w, D = void 0, U = !1) {
+  putNoBody(w, D = void 0, O = !1) {
     const F = genCatchClause("putNobody error"), q = basicPutPostPatchInit(
       "PUT",
       this.jwt,
-      U,
+      O,
       D
     );
     return putPostPatchNobody(w, q).catch(F);
@@ -1232,8 +1210,8 @@ class UserManager {
    * @return {Promise}
    */
   fetch(w, D = void 0) {
-    const U = new Request(w.toString()), F = genCatchClause(`UMan Text GET Fetch: ${w}`);
-    return startSpin().then(() => fetch(U, basicGetInit(this.jwt, D))).then(checkStatus).then(stopSpin).then(getText).catch(F);
+    const O = new Request(w.toString()), F = genCatchClause(`UMan Text GET Fetch: ${w}`);
+    return startSpin().then(() => fetch(O, basicGetInit(this.jwt, D))).then(checkStatus).then(stopSpin).then(getText).catch(F);
   }
   /**
    * Use this if you want to directly get a parsed template that does not go
@@ -1243,8 +1221,8 @@ class UserManager {
    * @return {Promise}
    */
   fetchAndSplit(w, D = void 0) {
-    const U = genCatchClause(`fetchAndSplit: ${w}`);
-    return this.fetch(w, D).then(handleTemplateProm).catch(U);
+    const O = genCatchClause(`fetchAndSplit: ${w}`);
+    return this.fetch(w, D).then(handleTemplateProm).catch(O);
   }
   /**
    * @param {string} uri
@@ -1252,13 +1230,13 @@ class UserManager {
    * @return {Promise}
    */
   async fetchJson(w, D = void 0) {
-    const U = new Request(w.toString()), F = genCatchClause(`fetchJson: ${w}`, {}), q = basicGetInit(this.jwt, D);
+    const O = new Request(w.toString()), F = genCatchClause(`fetchJson: ${w}`, {}), q = basicGetInit(this.jwt, D);
     await startSpin();
     let W = {};
     try {
-      W = await (await fetch(U, q)).json();
-    } catch (X) {
-      return F(X);
+      W = await (await fetch(O, q)).json();
+    } catch (Y) {
+      return F(Y);
     }
     return await stopSpin(), W;
   }
@@ -1268,8 +1246,8 @@ class UserManager {
    * @param {AbortSignal|undefined} signal
    * @return {Promise}
    */
-  patchJson(w, D, U = void 0) {
-    const F = new Request(w.toString()), q = genCatchClause(`patchJson: ${w}`), W = jsonInit(this.jwt, D, "PATCH", U);
+  patchJson(w, D, O = void 0) {
+    const F = new Request(w.toString()), q = genCatchClause(`patchJson: ${w}`), W = jsonInit(this.jwt, D, "PATCH", O);
     return fetch(F, W).then(checkStatus).then(getJson).catch(q);
   }
   /**
@@ -1278,8 +1256,8 @@ class UserManager {
    * @param {AbortSignal|undefined} signal
    * @return {Promise}
    */
-  postJson(w, D, U = void 0) {
-    const F = new Request(w.toString()), q = genCatchClause(`postJson: ${w}`), W = jsonInit(this.jwt, D, "POST", U);
+  postJson(w, D, O = void 0) {
+    const F = new Request(w.toString()), q = genCatchClause(`postJson: ${w}`), W = jsonInit(this.jwt, D, "POST", O);
     return fetch(F, W).then(checkStatus).then(getJson).catch(q);
   }
   /**
@@ -1288,8 +1266,8 @@ class UserManager {
    * @param {AbortSignal|undefined} signal
    * @return {Promise}
    */
-  putJson(w, D, U = void 0) {
-    const F = new Request(w.toString()), q = genCatchClause(`putJson: ${w}`), W = jsonInit(this.jwt, D, "PUT", U);
+  putJson(w, D, O = void 0) {
+    const F = new Request(w.toString()), q = genCatchClause(`putJson: ${w}`), W = jsonInit(this.jwt, D, "PUT", O);
     return fetch(F, W).then(checkStatus).then(getJson).catch(q);
   }
   /**
@@ -1298,8 +1276,8 @@ class UserManager {
    * @param {AbortSignal|undefined} signal
    * @return {Promise}
    */
-  delJson(w, D, U = void 0) {
-    const F = new Request(w.toString()), q = genCatchClause(`delJson: ${w}`), W = jsonInit(this.jwt, D, "DELETE", U);
+  delJson(w, D, O = void 0) {
+    const F = new Request(w.toString()), q = genCatchClause(`delJson: ${w}`), W = jsonInit(this.jwt, D, "DELETE", O);
     return fetch(F, W).then(checkStatus).then(getJson).catch(q);
   }
 }
@@ -1399,9 +1377,9 @@ class Panel extends Component {
   getCarbonComponentById(w) {
     if (this.carbonComponents)
       for (const D of this.carbonComponents.values()) {
-        const U = D.find((F) => F.id === w);
-        if (U)
-          return U;
+        const O = D.find((F) => F.id === w);
+        if (O)
+          return O;
       }
   }
   //--[ Template Render ]-----
@@ -1422,10 +1400,10 @@ class Panel extends Component {
    */
   renderWithTemplate(w) {
     const D = this.user;
-    return D ? D.fetch(this.uri, this.abortController.signal).then((U) => (this.assertCanRenderAsync(), w && w(this), this.onRenderWithTemplateReply(U).catch((F) => {
+    return D ? D.fetch(this.uri, this.abortController.signal).then((O) => (this.assertCanRenderAsync(), w && w(this), this.onRenderWithTemplateReply(O).catch((F) => {
       F.message !== Component.compErrors().ALREADY_DISPOSED && console.error("RenderWithTemplate Err:", F);
-    }), this)).catch((U) => {
-      throw console.error("Panel.renderWithTemplate fetch failed:", U), U;
+    }), this)).catch((O) => {
+      throw console.error("Panel.renderWithTemplate fetch failed:", O), O;
     }) : Promise.reject(new Error("No UserManager instance available for Panel.renderWithTemplate()"));
   }
   /**
@@ -1457,16 +1435,16 @@ class Panel extends Component {
    * @param qs
    */
   onReplacePartialDom(w, D) {
-    const U = this.getElement();
-    if (isUndefined(U))
+    const O = this.getElement();
+    if (isUndefined(O))
       return;
     const F = w.html;
     if (D.startsWith("."))
-      [...U.querySelectorAll(D)].filter((q) => isDefAndNotNull(q.id)).map((q) => [q, F.querySelector(`#${q.id}`)]).filter(([q, W]) => isDefAndNotNull(W)).forEach(([q, W]) => {
+      [...O.querySelectorAll(D)].filter((q) => isDefAndNotNull(q.id)).map((q) => [q, F.querySelector(`#${q.id}`)]).filter(([q, W]) => isDefAndNotNull(W)).forEach(([q, W]) => {
         q.parentNode.replaceChild(W, q), this.parseContent(W);
       });
     else if (D.startsWith("#")) {
-      const q = F.querySelector(D), W = U.querySelector(D);
+      const q = F.querySelector(D), W = O.querySelector(D);
       W.parentNode.replaceChild(q, W), this.parseContent(q);
     }
     this.evalScripts(w.scripts), this.evalModules(w.modules);
@@ -1479,10 +1457,10 @@ class Panel extends Component {
    *      that will receive the reply event.
    */
   renderWithJSON(w) {
-    return this.user ? this.user.fetchJson(this.uri_, this.abortController.signal).then((U) => {
-      this.assertCanRenderAsync(), w && w(U, this), this.onRenderWithJSON(U).then(identity);
-    }).catch((U) => {
-      throw console.error("Panel.renderWithJSON fetch failed:", U), U;
+    return this.user ? this.user.fetchJson(this.uri_, this.abortController.signal).then((O) => {
+      this.assertCanRenderAsync(), w && w(O, this), this.onRenderWithJSON(O).then(identity);
+    }).catch((O) => {
+      throw console.error("Panel.renderWithJSON fetch failed:", O), O;
     }) : Promise.reject(new Error("No UserManager instance available for Panel.renderWithJSON()"));
   }
   /**
@@ -1499,7 +1477,7 @@ class Panel extends Component {
    * @param {Object} _elDataMap
    * @param {Object} _json
    */
-  onAsyncJsonReply(w, D, U) {
+  onAsyncJsonReply(w, D, O) {
   }
   /**
    * Called on each async HTML response, after the content is in the DOM
@@ -1523,7 +1501,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((Y) => console.error("[Zooy] Carbon initialization failed:", Y));
+      J.render.call(this, w, J.cache).catch((X) => console.error("[Zooy] Carbon initialization failed:", X));
     }
     if (ComponentLibraryRegistry.has("mdc")) {
       const J = ComponentLibraryRegistry.get("mdc");
@@ -1534,80 +1512,80 @@ class Panel extends Component {
     }), [...w.querySelectorAll(
       ".zoo__button:not(.external):not(.mdc-data-table__row)"
     )].forEach((J) => {
-      this.listen(J, EV.CLICK, (Y) => {
-        Y.stopPropagation();
-        const Z = Y.currentTarget, et = getElDataMap(Z);
+      this.listen(J, EV.CLICK, (X) => {
+        X.stopPropagation();
+        const Z = X.currentTarget, et = getElDataMap(Z);
         this.dispatchPanelEvent(et.zv, Object.assign({
-          orgEvt: Y,
+          orgEvt: X,
           trigger: Z,
           href: Z.href || et.href
         }, et));
       });
     }), [...w.querySelectorAll("[href]:not(.external)")].forEach((J) => {
-      this.listen(J, EV.CLICK, (Y) => {
-        const Z = Y.currentTarget;
-        Y.preventDefault(), Y.stopPropagation();
+      this.listen(J, EV.CLICK, (X) => {
+        const Z = X.currentTarget;
+        X.preventDefault(), X.stopPropagation();
         const et = getElDataMap(Z), st = et.zv || "href";
         this.dispatchPanelEvent(st, Object.assign({
-          orgEvt: Y,
-          trigger: Y.target,
+          orgEvt: X,
+          trigger: X.target,
           href: Z.href || et.href
         }, et));
       });
     }), [...w.querySelectorAll("form.intercept_submit")].forEach((J) => {
-      J.noValidate = !0, this.listen(J, EV.SUBMIT, (Y) => {
-        Y.preventDefault(), Y.stopPropagation();
+      J.noValidate = !0, this.listen(J, EV.SUBMIT, (X) => {
+        X.preventDefault(), X.stopPropagation();
         const Z = getElDataMap(J), et = formToJSON(J.elements);
         this.dispatchPanelEvent(Z.zv, Object.assign({
-          orgEvt: Y,
-          trigger: Y.target,
+          orgEvt: X,
+          trigger: X.target,
           formData: et,
           href: Z.href
         }, Z));
       });
     }), [...w.querySelectorAll(".zoo__toggle_class_driver")].forEach(
       (J) => {
-        const Y = getElDataMap(J), Z = Y.toggle_class_target_id, et = Y.toggle_class, st = w.querySelector(`#${Z}`);
+        const X = getElDataMap(J), Z = X.toggle_class_target_id, et = X.toggle_class, st = w.querySelector(`#${Z}`);
         st && et && J.addEventListener(EV.CLICK, (rt) => {
           rt.stopPropagation(), st.classList.toggle(et);
         });
       }
     );
-    const D = Array.from(w.querySelectorAll(".folder_drop_zone")), U = Array.from(w.querySelectorAll("[draggable]")), F = (J) => {
+    const D = Array.from(w.querySelectorAll(".folder_drop_zone")), O = Array.from(w.querySelectorAll("[draggable]")), F = (J) => {
       J.preventDefault(), J.target.classList.add("drag_over");
     }, q = (J) => {
       J.preventDefault();
     }, W = (J) => {
       J.preventDefault(), J.target.classList.remove("drag_over");
-    }, X = (J) => {
+    }, Y = (J) => {
       J.preventDefault(), J.target.classList.remove("drag_over");
     }, G = (J) => {
       J.preventDefault(), J.target.classList.remove("drag_over");
     }, K = (J) => {
       J.dataTransfer.dropEffect = "move";
-      const Y = getElDataMap(J.target);
-      J.dataTransfer.setData("text/plain", JSON.stringify(Y)), J.target.classList.add("drag_in_progress");
+      const X = getElDataMap(J.target);
+      J.dataTransfer.setData("text/plain", JSON.stringify(X)), J.target.classList.add("drag_in_progress");
     }, Q = (J) => {
       J.target.classList.remove("drag_in_progress");
     }, tt = (J) => {
       G(J), J.stopPropagation();
-      const Y = JSON.parse(J.dataTransfer.getData("text/plain")), Z = getElDataMap(J.target);
+      const X = JSON.parse(J.dataTransfer.getData("text/plain")), Z = getElDataMap(J.target);
       return this.dispatchPanelEvent("drop_on", {
-        custom: { on: Z, from: Y }
+        custom: { on: Z, from: X }
       }), !1;
     };
     D.forEach((J) => {
-      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.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);
+    }), O.forEach((J) => {
       this.listen(J, EV.DRAGSTART, K), this.listen(J, EV.DRAGEND, Q);
     }), [...w.querySelectorAll(".zoo_async_json")].forEach((J) => {
-      const Y = getElDataMap(J), Z = Y.href, et = this.onAsyncJsonReply.bind(this, J, Y);
+      const X = getElDataMap(J), Z = X.href, et = this.onAsyncJsonReply.bind(this, J, X);
       this.user.fetchJson(Z, this.abortController.signal).then(et);
-      const st = Y.z_json_reusable;
+      const st = X.z_json_reusable;
       st && (this.jsonCallFuncs = this.jsonCallFuncs || {}, this.jsonCallFuncs[st] = () => {
         this.user.fetchJson(Z, this.abortController.signal).then(et);
       });
-      const rt = toNumber(Y.z_interval);
+      const rt = toNumber(X.z_interval);
       isNumber(rt) && this.doOnBeat(() => {
         this.user.fetchJson(Z, this.abortController.signal).then(et);
       }, rt * 60 * 1e3);
@@ -1616,11 +1594,11 @@ class Panel extends Component {
        * @param {Element} el
        */
       (J) => {
-        const Y = getElDataMap(J), Z = Y.href;
+        const X = getElDataMap(J), Z = X.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);
+          J.appendChild(st.html), this.parseContent(J), this.evalScripts(st.scripts), this.evalModules(st.modules), this.onAsyncHtmlReply(J, X);
         });
-        const et = toNumber(Y.z_interval);
+        const et = toNumber(X.z_interval);
         isNumber(et) && this.doOnBeat(() => {
           this.user.fetchAndSplit(Z, this.abortController.signal).then((st) => {
             J.replaceChildren(st.html), this.parseContent(J), this.evalScripts(st.scripts), this.evalModules(st.modules);
@@ -1672,7 +1650,7 @@ class Panel extends Component {
    *  or if any of the handlers returns false this will also return false.
    */
   dispatchPanelEvent(w, D) {
-    const U = new ZooyEventData(w, D), F = Evt.makeEvent(UiEventType.PANEL, U);
+    const O = new ZooyEventData(w, D), F = Evt.makeEvent(UiEventType.PANEL, O);
     return this.debugMe(`PANEL EVENT FIRED:
       value:${w}
       data:${D}`), this.dispatchEvent(F);
@@ -1697,7 +1675,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.onSubmitSucFunc = (U, F) => null;
+    super(w), this.#s = D, this.onSubmitSucFunc = (O, F) => null;
   }
   /**
    * Gets the form element managed by this panel.
@@ -1726,12 +1704,12 @@ class FormPanel extends Panel {
    * @return {?HTMLFormElement}
    */
   getFormFromId(w) {
-    let D = null, U = this.getElement().querySelector("form");
-    return w && (U = document.getElementById(
+    let D = null, O = this.getElement().querySelector("form");
+    return w && (O = document.getElementById(
       /** @type {string} */
       w
-    ) || U), U && U.tagName.toLowerCase() === "form" && (D = /** @type {HTMLFormElement} */
-    U), D;
+    ) || O), O && O.tagName.toLowerCase() === "form" && (D = /** @type {HTMLFormElement} */
+    O), D;
   }
   //--[ Field Validation Methods ]--
   /**
@@ -1766,7 +1744,7 @@ class FormPanel extends Panel {
    * Clear all existing validation errors
    */
   clearAllValidationErrors() {
-    [...this.#t ? this.#t.elements : []].forEach((U) => this.#i(U)), [...this.#t.querySelectorAll(".non-field-errors")].forEach((U) => U.classList.remove("alert-error"));
+    [...this.#t ? this.#t.elements : []].forEach((O) => this.#i(O)), [...this.#t.querySelectorAll(".non-field-errors")].forEach((O) => O.classList.remove("alert-error"));
   }
   /**
    * Format the message dom object and insert it into the DOM
@@ -1775,7 +1753,7 @@ class FormPanel extends Panel {
    * @param {string} _css A CSS class name to add to the alert div.
    * @private
    */
-  displayAlert_(w, D, U) {
+  displayAlert_(w, D, O) {
     const F = document.getElementById(`${w.id}-helper-text`) || document.createElement("p");
     F.textContent = D, this.#e.set(w, F);
   }
@@ -1804,8 +1782,8 @@ class FormPanel extends Panel {
    * @param {string=} opt_msg
    */
   displayFieldError(w, D) {
-    const U = D || w.validationMessage;
-    w.classList.add("error"), this.displayAlert_(w, U, "alert-error");
+    const O = D || w.validationMessage;
+    w.classList.add("error"), this.displayAlert_(w, O, "alert-error");
   }
   /**
    * Display the given success message on the given form field.
@@ -1849,8 +1827,8 @@ class FormPanel extends Panel {
     if (w && this.#s) {
       w.noValidate = !0;
       const D = this.user;
-      this.listen(w, EV.SUBMIT, (U) => {
-        U.preventDefault(), this.debugMe("Intercepted from SUBMIT"), this.checkAllFields() && D && D.formSubmit(this);
+      this.listen(w, EV.SUBMIT, (O) => {
+        O.preventDefault(), this.debugMe("Intercepted from SUBMIT"), this.checkAllFields() && D && D.formSubmit(this);
       });
     }
     return w;
@@ -1872,22 +1850,22 @@ class FormPanel extends Panel {
     if (this.responseObject = splitScripts(w), this.responseObject.html) {
       if (this.redirected) {
         this.removeAllListener();
-        const D = this.getElement(), U = D.parentNode;
-        this.setElementInternal_(this.responseObject.html), U.replaceChild(this.getElement(), D);
+        const D = this.getElement(), O = D.parentNode;
+        this.setElementInternal_(this.responseObject.html), O.replaceChild(this.getElement(), D);
       } else {
         const D = (
           /** @type {!Element} */
           this.responseObject.html.querySelector("form")
         );
         D && replaceNode(D, this.#t);
-        const U = (
+        const O = (
           /** @type {!Element} */
           this.responseObject.html.querySelector('button[type="submit"]')
         ), F = (
           /** @type {!Element} */
           this.getElement().querySelector('button[type="submit"]')
         );
-        U && F && replaceNode(U, F);
+        O && F && replaceNode(O, F);
       }
       this.enterDocument();
     }
@@ -1899,7 +1877,7 @@ class FormPanel extends Panel {
   refreshFromFromServer() {
     const w = this.user, D = this.uri;
     return w ? w.fetch(D, this.abortController.signal).then(
-      (U) => this.replaceForm(U)
+      (O) => this.replaceForm(O)
     ) : Promise.reject(new Error("No UserManager instance available for FormPanel.refreshFromFromServer()"));
   }
   /**
@@ -1978,7 +1956,7 @@ class Split extends Component {
    * @param {boolean=} opt_skipAni If true, skips animation
    */
   closeAndLockAll(w = identity, D = !1) {
-    this.nestNames.forEach((U) => this.closeAndLock(U, w, D));
+    this.nestNames.forEach((O) => this.closeAndLock(O, w, D));
   }
   /**
    * Opens and unlocks all nests in this split component.
@@ -1986,7 +1964,7 @@ class Split extends Component {
    * @param {boolean=} opt_skipAni If true, skips animation
    */
   openAndUnlockAll(w = identity, D = !1) {
-    this.nestNames.forEach((U) => this.openAndUnlock(U, w, D));
+    this.nestNames.forEach((O) => this.openAndUnlock(O, w, D));
   }
   // ---------------------------------------------------------------------------
   /**
@@ -2021,10 +1999,10 @@ class Split extends Component {
    * @param {boolean?} opt_skipAni When true, the resize won't be animated, but
    *    simply affected directly.
    */
-  resize(w, D, U = identity, F = !1) {
-    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();
+  resize(w, D, O = 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, O()) : (W.classList.add("animated"), this.nestCallbackMap_.set(w, () => {
+      W.classList.remove("animated"), this.nestMap_.get(w).sizeNow = D, O();
     }), W.style.flexBasis = `${D}px`));
   }
   /**
@@ -2035,23 +2013,23 @@ class Split extends Component {
    * @param {boolean?} opt_skipAni When true, the resize won't be animated, but
    *    simply affected directly.
    */
-  closeAndLock(w, D = identity, U = !1) {
+  closeAndLock(w, D = identity, O = !1) {
     const { nestEl: F, dragEl: q, canResize: W } = this.nestMap_.get(w);
     if (!W)
       return;
-    const X = () => {
+    const Y = () => {
       q.classList.add("locked", "closed"), F.classList.add("closed"), D();
     };
-    this.resize(w, 0, X, U);
+    this.resize(w, 0, Y, O);
   }
-  closeAndUnlock(w, D = identity, U = !1) {
+  closeAndUnlock(w, D = identity, O = !1) {
     const { nestEl: F, dragEl: q, canResize: W } = this.nestMap_.get(w);
     if (!W)
       return;
-    const X = () => {
+    const Y = () => {
       F.classList.remove("closed"), q.classList.remove("closed", "locked"), q.classList.add("collapsed"), D();
     };
-    this.resize(w, 0, X, U);
+    this.resize(w, 0, Y, O);
   }
   /**
    * Open a closed and locked nest. Simply a convenience method to combine
@@ -2063,19 +2041,19 @@ class Split extends Component {
    * @param {boolean?} opt_skipAni When true, the resize won't be animated, but
    *    simply affected directly.
    */
-  openAndUnlock(w, D, U, F = !1) {
+  openAndUnlock(w, D, O, F = !1) {
     const {
       nestEl: q,
       dragEl: W,
-      defSize: X,
+      defSize: Y,
       lastSize: G,
       canResize: K
     } = this.nestMap_.get(w);
     if (!K)
       return;
-    const Q = D || G || X;
+    const Q = D || G || Y;
     q.classList.remove("closed"), W.classList.remove("closed", "locked", "collapsed"), setTimeout(() => {
-      this.resize(w, Q, U, F);
+      this.resize(w, Q, O, F);
     }, 50);
   }
   /**
@@ -2087,19 +2065,19 @@ class Split extends Component {
    * @param {boolean?} opt_skipAni When true, the resize won't be animated, but
    *    simply affected directly.
    */
-  openAndLock(w, D, U, F = !1) {
+  openAndLock(w, D, O, F = !1) {
     const {
       nestEl: q,
       dragEl: W,
-      defSize: X,
+      defSize: Y,
       lastSize: G,
       canResize: K
     } = this.nestMap_.get(w);
     if (!K)
       return;
-    const Q = D || G || X;
+    const Q = D || G || Y;
     q.classList.remove("closed"), W.classList.remove("closed", "collapsed"), setTimeout(() => {
-      this.resize(w, Q, U, F);
+      this.resize(w, Q, O, F);
     }, 50);
   }
   /**
@@ -2111,15 +2089,15 @@ class Split extends Component {
    * @param {boolean?} opt_skipAni When true, the resize won't be animated, but
    *    simply affected directly.
    */
-  close(w, D = identity, U = !1) {
+  close(w, D = identity, O = !1) {
     const { dragEl: F, canResize: q, nestEl: W } = this.nestMap_.get(w);
     if (!q)
       return;
     this.dispatchSplitEvent(UiEventType.SPLIT_WILL_CLOSE, { nestName: w, nestEl: W });
-    const X = () => {
+    const Y = () => {
       F.classList.add("collapsed"), this.dispatchSplitEvent(UiEventType.SPLIT_DID_CLOSE, { nestName: w, nestEl: W }), D();
     };
-    this.resize(w, 0, X, U);
+    this.resize(w, 0, Y, O);
   }
   /**
    * Open the nest ignoring its current locked state.
@@ -2129,15 +2107,15 @@ class Split extends Component {
    * @param {boolean?} opt_skipAni When true, the resize won't be animated, but
    *    simply affected directly.
    */
-  open(w, D = identity, U = !1) {
-    const { defSize: F, lastSize: q, dragEl: W, canResize: X, nestEl: G } = this.nestMap_.get(w);
-    if (!X)
+  open(w, D = identity, O = !1) {
+    const { defSize: F, lastSize: q, dragEl: W, canResize: Y, nestEl: G } = this.nestMap_.get(w);
+    if (!Y)
       return;
     this.dispatchSplitEvent(UiEventType.SPLIT_WILL_OPEN, { nestName: w, nestEl: G }), W.classList.remove("collapsed", "closed");
     const K = q || F, Q = () => {
       this.dispatchSplitEvent(UiEventType.SPLIT_DID_OPEN, { nestName: w, nestEl: G }), D();
     };
-    this.resize(w, K, Q, U);
+    this.resize(w, K, Q, O);
   }
   /**
    * Close the nest ignoring its current locked state.
@@ -2147,8 +2125,8 @@ class Split extends Component {
    * @param {boolean?} opt_skipAni When true, the resize won't be animated, but
    *    simply affected directly.
    */
-  toggle(w, D, U = !1) {
-    this.nestMap_.get(w).sizeNow === 0 ? this.open(w, D, U) : this.close(w, D, U);
+  toggle(w, D, O = !1) {
+    this.nestMap_.get(w).sizeNow === 0 ? this.open(w, D, O) : this.close(w, D, O);
   }
   //----------------------------------------------------------------------------
   /**
@@ -2185,7 +2163,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 = [], X = [], G = [], K = []) {
+  addSplit(w = void 0, D = "EW", O = 100, F = 100, q = [], W = [], Y = [], G = [], K = []) {
     const Q = w || this.getElement();
     if (this.splitNests_.has(Q))
       return ["Already used!", Q];
@@ -2198,13 +2176,13 @@ class Split extends Component {
       else
         return ["Element not managed by this component", w];
     }
-    const J = `${tt}A`, Y = makeOuterNest(U, ["zoo_nest__A", J, ...q]), Z = new Dragger(D);
+    const J = `${tt}A`, X = makeOuterNest(O, ["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: Y,
+      nestEl: X,
       dragger: Z,
       dragEl: Z.getElement(),
-      defSize: U,
+      defSize: O,
       sizeNow: -1,
       canResize: !0
     });
@@ -2212,7 +2190,7 @@ class Split extends Component {
     this.nestMap_.set(et, { nestEl: st, canResize: !1 });
     const rt = `${tt}C`, nt = new Dragger(D);
     nt.domFunc = makeDraggerEl([`zoo_drag_${rt}`, ...G], K), nt.render(Q);
-    const ot = makeOuterNest(F, ["zoo_nest__C", rt, ...X]);
+    const ot = makeOuterNest(F, ["zoo_nest__C", rt, ...Y]);
     this.nestMap_.set(rt, {
       side: "C",
       nestEl: ot,
@@ -2221,19 +2199,19 @@ class Split extends Component {
       defSize: F,
       sizeNow: -1,
       canResize: !0
-    }), [Y, Z.getElement(), st, nt.getElement(), ot].forEach((it) => Q.appendChild(it));
+    }), [X, Z.getElement(), st, nt.getElement(), ot].forEach((it) => Q.appendChild(it));
     let ct = 0;
-    const ht = (it, at, lt, gt) => {
-      let ut;
-      const dt = it === "NS" ? "height" : "width", mt = it === "NS" ? "deltaY" : "deltaX";
+    const ht = (it, at, lt, ft) => {
+      let dt;
+      const ut = it === "NS" ? "height" : "width", gt = it === "NS" ? "deltaY" : "deltaX";
       return (pt) => {
         switch (pt.detail.value_) {
           case UiEventType.COMP_DRAG_START:
-            ut = at.getBoundingClientRect()[dt], ct = st.getBoundingClientRect()[dt] + ut, this.nestMap_.get(lt).dragEl.classList.remove("collapsed");
+            dt = at.getBoundingClientRect()[ut], ct = st.getBoundingClientRect()[ut] + dt, this.nestMap_.get(lt).dragEl.classList.remove("collapsed");
             break;
           case UiEventType.COMP_DRAG_MOVE: {
-            const ft = Math.min(ct, ut + gt * pt.detail.data_[mt]);
-            this.nestMap_.get(lt).lastSize = ft, at.style.flexBasis = ft + "px";
+            const mt = Math.min(ct, dt + ft * pt.detail.data_[gt]);
+            this.nestMap_.get(lt).lastSize = mt, at.style.flexBasis = mt + "px";
             break;
           }
           case UiEventType.COMP_DRAG_END:
@@ -2242,8 +2220,8 @@ class Split extends Component {
         }
       };
     };
-    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) {
+    this.listen(Z, Component.compEventCode(), ht(D, X, 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(X, EV.TRANSITIONEND, (it) => {
+      if (it.propertyName === "flex-basis" && it.target === X) {
         const at = this.nestCallbackMap_.get(J);
         this.nestCallbackMap_.delete(J), at && at(), this.dispatchSplitEvent(UiEventType.SPLIT_TRANSITION_END, this.nestMap_.get(J));
       }
@@ -2265,50 +2243,50 @@ class Split extends Component {
    *     if any of the handlers returns false this will also return false.
    */
   dispatchSplitEvent(w, D) {
-    const U = new ZooyEventData(w, D), F = Evt.makeEvent(UiEventType.SPLIT, U);
+    const O = new ZooyEventData(w, D), F = Evt.makeEvent(UiEventType.SPLIT, O);
     return this.dispatchEvent(F);
   }
 }
-const convertElToSplit = (O, w) => (O.classList.add("zoo_split", `zoo_split__${w.toLowerCase()}`), O), makeOuterNest = (O, w = []) => {
+const convertElToSplit = (U, w) => (U.classList.add("zoo_split", `zoo_split__${w.toLowerCase()}`), U), makeOuterNest = (U, w = []) => {
   const D = document.createElement("div");
-  return D.setAttribute("id", randomId(7)), D.classList.add("zoo_nest", "zoo_nest__outer", ...w), D.style.flexBasis = O + "px", D;
-}, makeInnerNest = (O = []) => {
+  return D.setAttribute("id", randomId(7)), D.classList.add("zoo_nest", "zoo_nest__outer", ...w), D.style.flexBasis = U + "px", D;
+}, makeInnerNest = (U = []) => {
   const w = document.createElement("div");
-  return w.setAttribute("id", randomId(7)), w.classList.add("zoo_nest", "zoo_nest__inner", ...O), w;
-}, makeDraggerEl = (O = [], w = []) => () => {
+  return w.setAttribute("id", randomId(7)), w.classList.add("zoo_nest", "zoo_nest__inner", ...U), w;
+}, makeDraggerEl = (U = [], w = []) => () => {
   const D = document.createElement("div");
-  D.setAttribute("id", randomId(7)), D.classList.add("zoo_dragger", ...O);
-  const U = document.createElement("div");
-  return U.classList.add("zoo_grabber", ...w), D.appendChild(U), D;
-}, needsToScroll = (O) => {
-  const D = O.getBoundingClientRect().bottom;
-  return (U) => U.getBoundingClientRect().bottom > D;
-}, treeNodeSelect = (O) => (w) => {
-  const D = O.getElement().querySelector(".zv_tree_container"), U = needsToScroll(D), F = O.getElement().querySelectorAll(".tree-node");
+  D.setAttribute("id", randomId(7)), D.classList.add("zoo_dragger", ...U);
+  const O = document.createElement("div");
+  return O.classList.add("zoo_grabber", ...w), D.appendChild(O), D;
+}, needsToScroll = (U) => {
+  const D = U.getBoundingClientRect().bottom;
+  return (O) => O.getBoundingClientRect().bottom > D;
+}, treeNodeSelect = (U) => (w) => {
+  const D = U.getElement().querySelector(".zv_tree_container"), O = needsToScroll(D), F = U.getElement().querySelectorAll(".tree-node");
   let q;
   [...F].forEach((W) => {
     enableClass(W, "mdc-deprecated-list-item--activated", W.id === `tree-node_${w}`), W.id === `tree-node_${w}` && (q = W);
-  }), q && U(q) && q.scrollIntoView(!1);
-}, toggleTree = (O, w) => {
-  const D = w.getElement().querySelector(".children"), U = (
+  }), q && O(q) && q.scrollIntoView(!1);
+}, toggleTree = (U, w) => {
+  const D = w.getElement().querySelector(".children"), O = (
     /**@type {boolean} */
-    O.isOn
+    U.isOn
   ), F = w.getElement().querySelectorAll(".children"), q = w.getElement().querySelectorAll(".zoo__reveal_icon");
   [...F].forEach((W) => enableClass(
     W,
     "zoo__tree-children__hidden",
-    W !== D && !U
+    W !== D && !O
   )), [...q].forEach((W) => enableClass(
     W,
     "zoo__icon_rotated",
-    W !== D && !U
+    W !== D && !O
   ));
-}, toggleTreeChildren = (O, w) => {
-  const D = w.trigger, U = D.getAttribute("data-child-id"), F = O.getElement().querySelector(`#${U}`);
+}, toggleTreeChildren = (U, w) => {
+  const D = w.trigger, O = D.getAttribute("data-child-id"), F = U.getElement().querySelector(`#${O}`);
   toggleClass(F, "zoo__tree-children__hidden"), toggleClass(D, "zoo__icon_rotated");
-}, _openTreeFromNodeUp = (O, w) => {
+}, _openTreeFromNodeUp = (U, w) => {
   const D = w.parentElement;
-  D.classList.contains("children") && (enableClass(D, "zoo__tree-children__hidden", !1), _openTreeFromNodeUp(O, D));
+  D.classList.contains("children") && (enableClass(D, "zoo__tree-children__hidden", !1), _openTreeFromNodeUp(U, D));
 }, treeUtils = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   _openTreeFromNodeUp,
@@ -2323,8 +2301,8 @@ const convertElToSplit = (O, w) => (O.classList.add("zoo_split", `zoo_split__${w
    * @param {Object} eventData - Event data with isOn boolean
    * @param {Panel} ePanel - The panel containing the tree
    */
-  toggle_tree: function(O, w) {
-    toggleTree(O, w);
+  toggle_tree: function(U, w) {
+    toggleTree(U, w);
   },
   /**
    * Toggle children visibility for a specific tree node.
@@ -2332,8 +2310,8 @@ const convertElToSplit = (O, w) => (O.classList.add("zoo_split", `zoo_split__${w
    * @param {Object} eventData - Event data with trigger element
    * @param {Panel} ePanel - The panel containing the tree
    */
-  "tree_toggle-children": function(O, w) {
-    toggleTreeChildren(w, O);
+  "tree_toggle-children": function(U, w) {
+    toggleTreeChildren(w, U);
   }
 }, SearchHandlers = {
   /**
@@ -2343,15 +2321,15 @@ const convertElToSplit = (O, w) => (O.classList.add("zoo_split", `zoo_split__${w
    * @param {Object} eventData - Event data with href, formData.q, and targetval
    * @param {Panel} ePanel - The panel to update
    */
-  search: function(O, w) {
-    let D = `${O.href}`;
-    const U = O.formData.q, F = O.targetval;
-    if (U !== "" && (D = `${D}?q=${U}`), F !== "") {
+  search: function(U, w) {
+    let D = `${U.href}`;
+    const O = U.formData.q, F = U.targetval;
+    if (O !== "" && (D = `${D}?q=${O}`), F !== "") {
       let q = F;
-      F.includes("page=") && (q = F.split("&").filter((W) => !W.includes("page=")).join("&")), D = U !== "" ? `${D}&${q}` : `${D}?${q}`;
+      F.includes("page=") && (q = F.split("&").filter((W) => !W.includes("page=")).join("&")), D = O !== "" ? `${D}&${q}` : `${D}?${q}`;
     }
     this.user.fetchAndSplit(D, w.abortController.signal).then(
-      (q) => w.onReplacePartialDom(q, O.zvptarget)
+      (q) => w.onReplacePartialDom(q, U.zvptarget)
     );
   },
   /**
@@ -2361,8 +2339,8 @@ const convertElToSplit = (O, w) => (O.classList.add("zoo_split", `zoo_split__${w
    * @param {Object} eventData - Event data with trigger element
    * @param {Panel} ePanel - The panel to update
    */
-  reset_search: function(O, w) {
-    const D = O.trigger.closest("form");
+  reset_search: function(U, w) {
+    const D = U.trigger.closest("form");
     w.removeFromQParams("q"), D.elements.q.value = "", D.dispatchEvent(new Event("submit"));
   }
 }, QueryParamHandlers = {
@@ -2372,10 +2350,10 @@ const convertElToSplit = (O, w) => (O.classList.add("zoo_split", `zoo_split__${w
    * @param {Object} eventData - Event data with href and targetval for pagination
    * @param {Panel} ePanel - The panel to update
    */
-  paginate: function(O, w) {
-    const D = `${O.href}?${O.targetval}`;
+  paginate: function(U, w) {
+    const D = `${U.href}?${U.targetval}`;
     this.user.fetchAndSplit(D, w.abortController.signal).then(
-      (U) => w.onReplacePartialDom(U, O.zvptarget)
+      (O) => w.onReplacePartialDom(O, U.zvptarget)
     );
   },
   /**
@@ -2384,10 +2362,10 @@ const convertElToSplit = (O, w) => (O.classList.add("zoo_split", `zoo_split__${w
    * @param {Object} eventData - Event data with href and targetval for filtering
    * @param {Panel} ePanel - The panel to update
    */
-  list_filter: function(O, w) {
-    const D = `${O.href}?${O.targetval}`;
+  list_filter: function(U, w) {
+    const D = `${U.href}?${U.targetval}`;
     this.user.fetchAndSplit(D, w.abortController.signal).then(
-      (U) => w.onReplacePartialDom(U, O.zvptarget)
+      (O) => w.onReplacePartialDom(O, U.zvptarget)
     );
   }
 }, handlers = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
@@ -2428,8 +2406,8 @@ class View extends Evt {
   }
   set split(w) {
     this.split_ = w, this.listen(this.split_, UiEventType.SPLIT, (D) => {
-      const U = D.detail.getValue(), F = D.detail.getData();
-      switch (U) {
+      const O = D.detail.getValue(), F = D.detail.getData();
+      switch (O) {
         case UiEventType.SPLIT_WILL_OPEN:
           this.onSplitWillOpen(F);
           break;
@@ -2520,8 +2498,8 @@ class View extends Evt {
    * @param {Panel} panel
    */
   removePanel(w) {
-    const [D, U] = [...this.panelMap.entries()].find(([F, q]) => q === w);
-    D && U && (U.dispose(), this.panelMap.delete(D));
+    const [D, O] = [...this.panelMap.entries()].find(([F, q]) => q === w);
+    D && O && (O.dispose(), this.panelMap.delete(D));
   }
   /**
    * @param {string} name
@@ -2551,17 +2529,17 @@ class View extends Evt {
    */
   initPanelEventsInternal_() {
     const w = /* @__PURE__ */ new Map();
-    return w.set("destroy_me", (D, U) => {
-      this.removePanel(U);
-    }), w.set("switch_view", (D, U) => {
+    return w.set("destroy_me", (D, O) => {
+      this.removePanel(O);
+    }), w.set("switch_view", (D, O) => {
       this.debugMe("switch_view received: eventData", D);
       const F = D.view;
-      this.switchViewMap_.has(F) ? this.switchViewMap_.get(F)(D, U) : this.debugMe("NO VIEW FOUND FOR:", F, this.switchViewMap_);
+      this.switchViewMap_.has(F) ? this.switchViewMap_.get(F)(D, O) : this.debugMe("NO VIEW FOUND FOR:", F, this.switchViewMap_);
     }), Object.entries({
       ...SearchHandlers,
       ...QueryParamHandlers
-    }).forEach(([D, U]) => {
-      w.set(D, U.bind(this));
+    }).forEach(([D, O]) => {
+      w.set(D, O.bind(this));
     }), w;
   }
   /**
@@ -2588,18 +2566,18 @@ class View extends Evt {
    */
   onPanelEvent(w) {
     let D = w.detail.getValue();
-    const U = w.detail.getData();
-    D.startsWith("switch_view:") && (U.view = D.split(":")[1], D = "switch_view");
+    const O = w.detail.getData();
+    D.startsWith("switch_view:") && (O.view = D.split(":")[1], D = "switch_view");
     const F = (
       /** @type {Panel} */
       w.target
     );
-    this.panelEventMap_.has(D) ? this.panelEventMap_.get(D)(U, F) : this.debugMe(`NO EVENT MATCH - This usually you are missing 
+    this.panelEventMap_.has(D) ? this.panelEventMap_.get(D)(O, F) : this.debugMe(`NO EVENT MATCH - This usually you are missing 
         a "mapPanEv(${D} ..." statement in your panel JS
         or you have a "event='${D}'" attribute in your panel HTML`, {
       event: w,
       eventValue: D,
-      eventData: U,
+      eventData: O,
       panel: F.constructor.name
     });
   }
@@ -2650,7 +2628,7 @@ class View extends Evt {
    *     if any of the handlers returns false this will also return false.
    */
   dispatchViewEvent(w, D) {
-    const U = new ZooyEventData(w, D), F = Evt.makeEvent(UiEventType.VIEW, U);
+    const O = new ZooyEventData(w, D), F = Evt.makeEvent(UiEventType.VIEW, O);
     return this.dispatchEvent(F);
   }
   //--[  Meta Data ]--
@@ -2704,7 +2682,11 @@ class Conductor extends Evt {
   constructor() {
     super(), this.#n = this.#i(), window.addEventListener("popstate", (w) => {
       w.state !== null && this.navTo(w.state);
-    });
+    }), this.doOnBeat(() => {
+      document.dispatchEvent(new CustomEvent("zoo-tick-60", {
+        detail: { timestamp: Date.now() }
+      }));
+    }, 6e4);
   }
   set split(w) {
     this.#r = w;
@@ -2735,11 +2717,11 @@ class Conductor extends Evt {
   #i() {
     return (/* @__PURE__ */ new Map()).set("switch_view", (w, D) => {
       if (this.#t.has(w.view)) {
-        const U = this.#t.get(w.view)(
+        const O = this.#t.get(w.view)(
           w.pk || w.recordId,
           w
         );
-        this.switchView(U);
+        this.switchView(O);
       }
     });
   }
@@ -2765,11 +2747,11 @@ class Conductor extends Evt {
    * @param {!CustomEvent} e Event object.
    */
   onViewEvent(w) {
-    const D = w.detail.getValue(), U = w.detail.getData(), F = (
+    const D = w.detail.getValue(), O = w.detail.getData(), F = (
       /** @type {Panel} */
       w.target
     );
-    this.#n.has(D) ? this.#n.get(D)(U, F) : console.warn("Unhandled VIEW Event:", w, D, U, F);
+    this.#n.has(D) ? this.#n.get(D)(O, F) : console.warn("Unhandled VIEW Event:", w, D, O, F);
   }
   /**
    * Make the given view active.
@@ -2810,52 +2792,52 @@ class Conductor extends Evt {
    */
   navTo = (w) => {
     w.history = !0;
-    const D = w.view, U = this.#e;
-    if (U.switchViewMap_.has(D))
-      this.debugMe("NAV:VIEW:MAP", w), U.switchViewMap_.get(D)(w);
+    const D = w.view, O = this.#e;
+    if (O.switchViewMap_.has(D))
+      this.debugMe("NAV:VIEW:MAP", w), O.switchViewMap_.get(D)(w);
     else if (this.#t.has(D)) {
       const F = this.#t.get(D)(w.pk, w);
       this.debugMe("NAV:NEW:VIEW", w), this.switchView(F);
     }
   };
 }
-function _isPlaceholder(O) {
-  return O != null && typeof O == "object" && O["@@functional/placeholder"] === !0;
+function _isPlaceholder(U) {
+  return U != null && typeof U == "object" && U["@@functional/placeholder"] === !0;
 }
-function _curry1(O) {
+function _curry1(U) {
   return function w(D) {
-    return arguments.length === 0 || _isPlaceholder(D) ? w : O.apply(this, arguments);
+    return arguments.length === 0 || _isPlaceholder(D) ? w : U.apply(this, arguments);
   };
 }
-function _curry2(O) {
-  return function w(D, U) {
+function _curry2(U) {
+  return function w(D, O) {
     switch (arguments.length) {
       case 0:
         return w;
       case 1:
         return _isPlaceholder(D) ? w : _curry1(function(F) {
-          return O(D, F);
+          return U(D, F);
         });
       default:
-        return _isPlaceholder(D) && _isPlaceholder(U) ? w : _isPlaceholder(D) ? _curry1(function(F) {
-          return O(F, U);
-        }) : _isPlaceholder(U) ? _curry1(function(F) {
-          return O(D, F);
-        }) : O(D, U);
+        return _isPlaceholder(D) && _isPlaceholder(O) ? w : _isPlaceholder(D) ? _curry1(function(F) {
+          return U(F, O);
+        }) : _isPlaceholder(O) ? _curry1(function(F) {
+          return U(D, F);
+        }) : U(D, O);
     }
   };
 }
-function _concat(O, w) {
-  O = O || [], w = w || [];
-  var D, U = O.length, F = w.length, q = [];
-  for (D = 0; D < U; )
-    q[q.length] = O[D], D += 1;
+function _concat(U, w) {
+  U = U || [], w = w || [];
+  var D, O = U.length, F = w.length, q = [];
+  for (D = 0; D < O; )
+    q[q.length] = U[D], D += 1;
   for (D = 0; D < F; )
     q[q.length] = w[D], D += 1;
   return q;
 }
-function _arity(O, w) {
-  switch (O) {
+function _arity(U, w) {
+  switch (U) {
     case 0:
       return function() {
         return w.apply(this, arguments);
@@ -2865,111 +2847,111 @@ function _arity(O, w) {
         return w.apply(this, arguments);
       };
     case 2:
-      return function(D, U) {
+      return function(D, O) {
         return w.apply(this, arguments);
       };
     case 3:
-      return function(D, U, F) {
+      return function(D, O, F) {
         return w.apply(this, arguments);
       };
     case 4:
-      return function(D, U, F, q) {
+      return function(D, O, F, q) {
         return w.apply(this, arguments);
       };
     case 5:
-      return function(D, U, F, q, W) {
+      return function(D, O, F, q, W) {
         return w.apply(this, arguments);
       };
     case 6:
-      return function(D, U, F, q, W, X) {
+      return function(D, O, F, q, W, Y) {
         return w.apply(this, arguments);
       };
     case 7:
-      return function(D, U, F, q, W, X, G) {
+      return function(D, O, F, q, W, Y, G) {
         return w.apply(this, arguments);
       };
     case 8:
-      return function(D, U, F, q, W, X, G, K) {
+      return function(D, O, F, q, W, Y, G, K) {
         return w.apply(this, arguments);
       };
     case 9:
-      return function(D, U, F, q, W, X, G, K, Q) {
+      return function(D, O, F, q, W, Y, G, K, Q) {
         return w.apply(this, arguments);
       };
     case 10:
-      return function(D, U, F, q, W, X, G, K, Q, tt) {
+      return function(D, O, F, q, W, Y, G, K, Q, tt) {
         return w.apply(this, arguments);
       };
     default:
       throw new Error("First argument to _arity must be a non-negative integer no greater than ten");
   }
 }
-function _curryN(O, w, D) {
+function _curryN(U, w, D) {
   return function() {
-    for (var U = [], F = 0, q = O, W = 0, X = !1; W < w.length || F < arguments.length; ) {
+    for (var O = [], F = 0, q = U, W = 0, Y = !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) ? X = !0 : q -= 1, W += 1;
+      W < w.length && (!_isPlaceholder(w[W]) || F >= arguments.length) ? G = w[W] : (G = arguments[F], F += 1), O[W] = G, _isPlaceholder(G) ? Y = !0 : q -= 1, W += 1;
     }
-    return !X && q <= 0 ? D.apply(this, U) : _arity(Math.max(0, q), _curryN(O, U, D));
+    return !Y && q <= 0 ? D.apply(this, O) : _arity(Math.max(0, q), _curryN(U, O, D));
   };
 }
-var curryN = /* @__PURE__ */ _curry2(function O(w, D) {
+var curryN = /* @__PURE__ */ _curry2(function U(w, D) {
   return w === 1 ? _curry1(D) : _arity(w, _curryN(w, [], D));
 });
-function _curry3(O) {
-  return function w(D, U, F) {
+function _curry3(U) {
+  return function w(D, O, F) {
     switch (arguments.length) {
       case 0:
         return w;
       case 1:
         return _isPlaceholder(D) ? w : _curry2(function(q, W) {
-          return O(D, q, W);
+          return U(D, q, W);
         });
       case 2:
-        return _isPlaceholder(D) && _isPlaceholder(U) ? w : _isPlaceholder(D) ? _curry2(function(q, W) {
-          return O(q, U, W);
-        }) : _isPlaceholder(U) ? _curry2(function(q, W) {
-          return O(D, q, W);
+        return _isPlaceholder(D) && _isPlaceholder(O) ? w : _isPlaceholder(D) ? _curry2(function(q, W) {
+          return U(q, O, W);
+        }) : _isPlaceholder(O) ? _curry2(function(q, W) {
+          return U(D, q, W);
         }) : _curry1(function(q) {
-          return O(D, U, q);
+          return U(D, O, q);
         });
       default:
-        return _isPlaceholder(D) && _isPlaceholder(U) && _isPlaceholder(F) ? w : _isPlaceholder(D) && _isPlaceholder(U) ? _curry2(function(q, W) {
-          return O(q, W, F);
+        return _isPlaceholder(D) && _isPlaceholder(O) && _isPlaceholder(F) ? w : _isPlaceholder(D) && _isPlaceholder(O) ? _curry2(function(q, W) {
+          return U(q, W, F);
         }) : _isPlaceholder(D) && _isPlaceholder(F) ? _curry2(function(q, W) {
-          return O(q, U, W);
-        }) : _isPlaceholder(U) && _isPlaceholder(F) ? _curry2(function(q, W) {
-          return O(D, q, W);
+          return U(q, O, W);
+        }) : _isPlaceholder(O) && _isPlaceholder(F) ? _curry2(function(q, W) {
+          return U(D, q, W);
         }) : _isPlaceholder(D) ? _curry1(function(q) {
-          return O(q, U, F);
-        }) : _isPlaceholder(U) ? _curry1(function(q) {
-          return O(D, q, F);
+          return U(q, O, F);
+        }) : _isPlaceholder(O) ? _curry1(function(q) {
+          return U(D, q, F);
         }) : _isPlaceholder(F) ? _curry1(function(q) {
-          return O(D, U, q);
-        }) : O(D, U, F);
+          return U(D, O, q);
+        }) : U(D, O, F);
     }
   };
 }
-const _isArray = Array.isArray || function O(w) {
+const _isArray = Array.isArray || function U(w) {
   return w != null && w.length >= 0 && Object.prototype.toString.call(w) === "[object Array]";
 };
-function _isTransformer(O) {
-  return O != null && typeof O["@@transducer/step"] == "function";
+function _isTransformer(U) {
+  return U != null && typeof U["@@transducer/step"] == "function";
 }
-function _dispatchable(O, w, D) {
+function _dispatchable(U, w, D) {
   return function() {
     if (arguments.length === 0)
       return D();
-    var U = arguments[arguments.length - 1];
-    if (!_isArray(U)) {
-      for (var F = 0; F < O.length; ) {
-        if (typeof U[O[F]] == "function")
-          return U[O[F]].apply(U, Array.prototype.slice.call(arguments, 0, -1));
+    var O = arguments[arguments.length - 1];
+    if (!_isArray(O)) {
+      for (var F = 0; F < U.length; ) {
+        if (typeof O[U[F]] == "function")
+          return O[U[F]].apply(O, Array.prototype.slice.call(arguments, 0, -1));
         F += 1;
       }
-      if (_isTransformer(U)) {
+      if (_isTransformer(O)) {
         var q = w.apply(null, Array.prototype.slice.call(arguments, 0, -1));
-        return q(U);
+        return q(O);
       }
     }
     return D.apply(this, arguments);
@@ -2979,12 +2961,12 @@ const _xfBase = {
   init: function() {
     return this.xf["@@transducer/init"]();
   },
-  result: function(O) {
-    return this.xf["@@transducer/result"](O);
+  result: function(U) {
+    return this.xf["@@transducer/result"](U);
   }
 };
-function _has(O, w) {
-  return Object.prototype.hasOwnProperty.call(w, O);
+function _has(U, w) {
+  return Object.prototype.hasOwnProperty.call(w, U);
 }
 var toString = Object.prototype.toString, _isArguments = /* @__PURE__ */ (function() {
   return toString.call(arguments) === "[object Arguments]" ? function(w) {
@@ -2996,82 +2978,82 @@ var toString = Object.prototype.toString, _isArguments = /* @__PURE__ */ (functi
   toString: null
 }.propertyIsEnumerable("toString"), nonEnumerableProps = ["constructor", "valueOf", "isPrototypeOf", "toString", "propertyIsEnumerable", "hasOwnProperty", "toLocaleString"], hasArgsEnumBug = /* @__PURE__ */ (function() {
   return arguments.propertyIsEnumerable("length");
-})(), contains = function O(w, D) {
-  for (var U = 0; U < w.length; ) {
-    if (w[U] === D)
+})(), contains = function U(w, D) {
+  for (var O = 0; O < w.length; ) {
+    if (w[O] === D)
       return !0;
-    U += 1;
+    O += 1;
   }
   return !1;
-}, keys = /* @__PURE__ */ _curry1(typeof Object.keys == "function" && !hasArgsEnumBug ? function O(w) {
+}, keys = /* @__PURE__ */ _curry1(typeof Object.keys == "function" && !hasArgsEnumBug ? function U(w) {
   return Object(w) !== w ? [] : Object.keys(w);
-} : function O(w) {
+} : function U(w) {
   if (Object(w) !== w)
     return [];
-  var D, U, F = [], q = hasArgsEnumBug && _isArguments(w);
+  var D, O, F = [], q = hasArgsEnumBug && _isArguments(w);
   for (D in w)
     _has(D, w) && (!q || D !== "length") && (F[F.length] = D);
   if (hasEnumBug)
-    for (U = nonEnumerableProps.length - 1; U >= 0; )
-      D = nonEnumerableProps[U], _has(D, w) && !contains(F, D) && (F[F.length] = D), U -= 1;
+    for (O = nonEnumerableProps.length - 1; O >= 0; )
+      D = nonEnumerableProps[O], _has(D, w) && !contains(F, D) && (F[F.length] = D), O -= 1;
   return F;
 });
-function _map(O, w) {
-  for (var D = 0, U = w.length, F = Array(U); D < U; )
-    F[D] = O(w[D]), D += 1;
+function _map(U, w) {
+  for (var D = 0, O = w.length, F = Array(O); D < O; )
+    F[D] = U(w[D]), D += 1;
   return F;
 }
-function _arrayReduce(O, w, D) {
-  for (var U = 0, F = D.length; U < F; )
-    w = O(w, D[U]), U += 1;
+function _arrayReduce(U, w, D) {
+  for (var O = 0, F = D.length; O < F; )
+    w = U(w, D[O]), O += 1;
   return w;
 }
 var XMap = /* @__PURE__ */ (function() {
-  function O(w, D) {
+  function U(w, D) {
     this.xf = D, this.f = w;
   }
-  return O.prototype["@@transducer/init"] = _xfBase.init, O.prototype["@@transducer/result"] = _xfBase.result, O.prototype["@@transducer/step"] = function(w, D) {
+  return U.prototype["@@transducer/init"] = _xfBase.init, U.prototype["@@transducer/result"] = _xfBase.result, U.prototype["@@transducer/step"] = function(w, D) {
     return this.xf["@@transducer/step"](w, this.f(D));
-  }, O;
-})(), _xmap = function O(w) {
+  }, U;
+})(), _xmap = function U(w) {
   return function(D) {
     return new XMap(w, D);
   };
-}, map = /* @__PURE__ */ _curry2(/* @__PURE__ */ _dispatchable(["fantasy-land/map", "map"], _xmap, function O(w, D) {
+}, map = /* @__PURE__ */ _curry2(/* @__PURE__ */ _dispatchable(["fantasy-land/map", "map"], _xmap, function U(w, D) {
   switch (Object.prototype.toString.call(D)) {
     case "[object Function]":
       return curryN(D.length, function() {
         return w.call(this, D.apply(this, arguments));
       });
     case "[object Object]":
-      return _arrayReduce(function(U, F) {
-        return U[F] = w(D[F]), U;
+      return _arrayReduce(function(O, F) {
+        return O[F] = w(D[F]), O;
       }, {}, keys(D));
     default:
       return _map(w, D);
   }
 }));
-const _isInteger = Number.isInteger || function O(w) {
+const _isInteger = Number.isInteger || function U(w) {
   return w << 0 === w;
 };
-function _nth(O, w) {
-  var D = O < 0 ? w.length + O : O;
+function _nth(U, w) {
+  var D = U < 0 ? w.length + U : U;
   return w[D];
 }
-function _prop(O, w) {
+function _prop(U, w) {
   if (w != null)
-    return _isInteger(O) ? _nth(O, w) : w[O];
+    return _isInteger(U) ? _nth(U, w) : w[U];
 }
-function _isString(O) {
-  return Object.prototype.toString.call(O) === "[object String]";
+function _isString(U) {
+  return Object.prototype.toString.call(U) === "[object String]";
 }
-var _isArrayLike = /* @__PURE__ */ _curry1(function O(w) {
+var _isArrayLike = /* @__PURE__ */ _curry1(function U(w) {
   return _isArray(w) ? !0 : !w || typeof w != "object" || _isString(w) ? !1 : w.length === 0 ? !0 : w.length > 0 ? w.hasOwnProperty(0) && w.hasOwnProperty(w.length - 1) : !1;
 }), symIterator = typeof Symbol < "u" ? Symbol.iterator : "@@iterator";
-function _createReduce(O, w, D) {
+function _createReduce(U, w, D) {
   return function(F, q, W) {
     if (_isArrayLike(W))
-      return O(F, q, W);
+      return U(F, q, W);
     if (W == null)
       return q;
     if (typeof W["fantasy-land/reduce"] == "function")
@@ -3085,78 +3067,78 @@ function _createReduce(O, w, D) {
     throw new TypeError("reduce: list must be array or iterable");
   };
 }
-var and = /* @__PURE__ */ _curry2(function O(w, D) {
+var and = /* @__PURE__ */ _curry2(function U(w, D) {
   return w && D;
 });
-function _iterableReduce(O, w, D) {
-  for (var U = D.next(); !U.done; )
-    w = O(w, U.value), U = D.next();
+function _iterableReduce(U, w, D) {
+  for (var O = D.next(); !O.done; )
+    w = U(w, O.value), O = D.next();
   return w;
 }
-function _methodReduce(O, w, D, U) {
-  return D[U](O, w);
+function _methodReduce(U, w, D, O) {
+  return D[O](U, w);
 }
-var _reduce = /* @__PURE__ */ _createReduce(_arrayReduce, _methodReduce, _iterableReduce), ap = /* @__PURE__ */ _curry2(function O(w, D) {
-  return typeof D["fantasy-land/ap"] == "function" ? D["fantasy-land/ap"](w) : typeof w.ap == "function" ? w.ap(D) : typeof w == "function" ? function(U) {
-    return w(U)(D(U));
-  } : _reduce(function(U, F) {
-    return _concat(U, map(F, D));
+var _reduce = /* @__PURE__ */ _createReduce(_arrayReduce, _methodReduce, _iterableReduce), ap = /* @__PURE__ */ _curry2(function U(w, D) {
+  return typeof D["fantasy-land/ap"] == "function" ? D["fantasy-land/ap"](w) : typeof w.ap == "function" ? w.ap(D) : typeof w == "function" ? function(O) {
+    return w(O)(D(O));
+  } : _reduce(function(O, F) {
+    return _concat(O, map(F, D));
   }, [], w);
 });
-function _assoc(O, w, D) {
-  if (_isInteger(O) && _isArray(D)) {
-    var U = O < 0 ? D.length + O : O, F = [].concat(D);
-    return F[U] = w, F;
+function _assoc(U, w, D) {
+  if (_isInteger(U) && _isArray(D)) {
+    var O = U < 0 ? D.length + U : U, F = [].concat(D);
+    return F[O] = w, F;
   }
   var q = {};
   for (var W in D)
     q[W] = D[W];
-  return q[O] = w, q;
+  return q[U] = w, q;
 }
-var isNil = /* @__PURE__ */ _curry1(function O(w) {
+var isNil = /* @__PURE__ */ _curry1(function U(w) {
   return w == null;
-}), assocPath = /* @__PURE__ */ _curry3(function O(w, D, U) {
+}), assocPath = /* @__PURE__ */ _curry3(function U(w, D, O) {
   if (w.length === 0)
     return D;
   var F = w[0];
   if (w.length > 1) {
-    var q = _prop(F, U);
-    (isNil(q) || typeof q != "object") && (q = _isInteger(w[1]) ? [] : {}), D = O(Array.prototype.slice.call(w, 1), D, q);
+    var q = _prop(F, O);
+    (isNil(q) || typeof q != "object") && (q = _isInteger(w[1]) ? [] : {}), D = U(Array.prototype.slice.call(w, 1), D, q);
   }
-  return _assoc(F, D, U);
+  return _assoc(F, D, O);
 });
-function _isFunction(O) {
-  var w = Object.prototype.toString.call(O);
+function _isFunction(U) {
+  var w = Object.prototype.toString.call(U);
   return w === "[object Function]" || w === "[object AsyncFunction]" || w === "[object GeneratorFunction]" || w === "[object AsyncGeneratorFunction]";
 }
-var liftN = /* @__PURE__ */ _curry2(function O(w, D) {
-  var U = curryN(w, D);
+var liftN = /* @__PURE__ */ _curry2(function U(w, D) {
+  var O = curryN(w, D);
   return curryN(w, function() {
-    return _arrayReduce(ap, map(U, arguments[0]), Array.prototype.slice.call(arguments, 1));
+    return _arrayReduce(ap, map(O, arguments[0]), Array.prototype.slice.call(arguments, 1));
   });
-}), lift = /* @__PURE__ */ _curry1(function O(w) {
+}), lift = /* @__PURE__ */ _curry1(function U(w) {
   return liftN(w.length, w);
-}), both = /* @__PURE__ */ _curry2(function O(w, D) {
+}), both = /* @__PURE__ */ _curry2(function U(w, D) {
   return _isFunction(w) ? function() {
     return w.apply(this, arguments) && D.apply(this, arguments);
   } : lift(and)(w, D);
-}), hasPath = /* @__PURE__ */ _curry2(function O(w, D) {
+}), hasPath = /* @__PURE__ */ _curry2(function U(w, D) {
   if (w.length === 0 || isNil(D))
     return !1;
-  for (var U = D, F = 0; F < w.length; )
-    if (!isNil(U) && _has(w[F], U))
-      U = U[w[F]], F += 1;
+  for (var O = D, F = 0; F < w.length; )
+    if (!isNil(O) && _has(w[F], O))
+      O = O[w[F]], F += 1;
     else
       return !1;
   return !0;
-}), has = /* @__PURE__ */ _curry2(function O(w, D) {
+}), has = /* @__PURE__ */ _curry2(function U(w, D) {
   return hasPath([w], D);
 });
-function _path(O, w) {
-  for (var D = w, U = 0; U < O.length; U += 1) {
+function _path(U, w) {
+  for (var D = w, O = 0; O < U.length; O += 1) {
     if (D == null)
       return;
-    var F = O[U];
+    var F = U[O];
     _isInteger(F) ? D = _nth(F, D) : D = D[F];
   }
   return D;
@@ -3166,16 +3148,16 @@ const DEFAULT_FORMATTERS = {
   /**
    * Format as JSON (useful for debugging)
    */
-  json: (O) => JSON.stringify(O, null, 2),
+  json: (U) => JSON.stringify(U, null, 2),
   /**
    * Format date as "DD MMM YY HH:mm:ss" (e.g., "10 Nov 25 11:27:49")
    * Accepts ISO date strings, timestamps, or Date objects.
    * Returns empty string for null/undefined values.
    */
-  date: (O) => {
-    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);
+  date: (U) => {
+    if (!U) return "";
+    const w = U instanceof Date ? U : new Date(U);
+    return isNaN(w.getTime()) ? (console.warn("[Binder] Invalid date value:", U), "") : dateToZooyStdTimeString(w);
   },
   /**
    * Template string interpolation formatter
@@ -3197,13 +3179,13 @@ const DEFAULT_FORMATTERS = {
    *    <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;
+  tpl: (U, w, D) => {
+    const O = D?.getAttribute("zoo-bind-attr-tpl");
+    if (!O) return U;
     try {
-      return new Function("value", "data", `return \`${U}\`;`)(O, w);
+      return new Function("value", "data", `return \`${O}\`;`)(U, w);
     } catch (F) {
-      return console.warn("[Binder] Invalid template:", U, F), O;
+      return console.warn("[Binder] Invalid template:", O, F), U;
     }
   }
 };
@@ -3224,12 +3206,12 @@ class Binder {
    * @param {Object<string, Function>} [options.formatters] - Custom formatters
    * @throws {Error} If url or rootEl is missing/invalid
    */
-  constructor(w, D, U, F = {}) {
+  constructor(w, D, O, F = {}) {
     if (!D)
       throw new Error("Binder requires a URL");
-    if (!U || !(U instanceof Element))
+    if (!O || !(O 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.#o();
+    this.#t = w, this.#e = new URL(D, window.location.origin), this.#s = O, this.#n = { ...DEFAULT_FORMATTERS, ...F.formatters }, F.urlParams ? this.#i(F.urlParams) : this.#o();
   }
   get url() {
     return this.#e;
@@ -3247,16 +3229,16 @@ class Binder {
     return both(has("count"), has("results"))(this.#r);
   }
   #i(w) {
-    return Object.entries(w).forEach(([D, U]) => {
-      if (!isDefAndNotNull(U) || U === "" || Array.isArray(U) && U.length < 1) {
+    return Object.entries(w).forEach(([D, O]) => {
+      if (!isDefAndNotNull(O) || O === "" || Array.isArray(O) && O.length < 1) {
         this.#e.searchParams.delete(D);
         return;
       }
-      if (Array.isArray(U)) {
-        this.#e.searchParams.set(D, U.join(","));
+      if (Array.isArray(O)) {
+        this.#e.searchParams.set(D, O.join(","));
         return;
       }
-      this.#e.searchParams.set(D, U);
+      this.#e.searchParams.set(D, O);
     }), this.#o(), this.#e;
   }
   /**
@@ -3339,19 +3321,19 @@ class Binder {
    * @param {boolean} [options.removeAttributes=false] - Remove binding attributes after processing (vs keeping for re-render)
    * @private
    */
-  #a(w, D, U = 0, F = {}) {
+  #a(w, D, O = 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 [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);
+        let X = this.#c(D, tt, O);
+        J && this.#n[J] && (X = this.#n[J](X, D, W)), isDefAndNotNull(X) && W.setAttribute(K, X);
       }), 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 X = W.getAttribute("zoo-bind"), [G, K] = X.split("|").map((tt) => tt.trim());
-      let Q = this.#c(D, G, U);
+      const Y = W.getAttribute("zoo-bind"), [G, K] = Y.split("|").map((tt) => tt.trim());
+      let Q = this.#c(D, G, O);
       K && this.#n[K] && (Q = this.#n[K](Q, D, W)), W.textContent = Q ?? "", q && (W.removeAttribute("zoo-bind"), W.removeAttribute("zoo-bind-tpl"));
     });
   }
@@ -3362,14 +3344,14 @@ class Binder {
    */
   #l() {
     this.#s.querySelectorAll("[zoo-template]").forEach((D) => {
-      const U = D.getAttribute("zoo-template"), F = D.getAttribute("zoo-template-bind");
-      if (!U) {
+      const O = D.getAttribute("zoo-template"), F = D.getAttribute("zoo-template-bind");
+      if (!O) {
         console.warn("[Binder] Consumer missing template ID", D);
         return;
       }
-      const q = this.#s.querySelector(`#${U}`);
+      const q = this.#s.querySelector(`#${O}`);
       if (!q || q.tagName !== "TEMPLATE") {
-        console.error(`[DataBinder] Template not found or invalid: ${U}`);
+        console.error(`[DataBinder] Template not found or invalid: ${O}`);
         return;
       }
       const W = F ? path(F.split("."), this.#r) : this.#r;
@@ -3381,8 +3363,8 @@ class Binder {
         console.error(`[DataBinder] Data slice is not an array. Path: ${F}`, W);
         return;
       }
-      D.innerHTML = "", W.forEach((X, G) => {
-        const K = this.#h(q, X, G);
+      D.innerHTML = "", W.forEach((Y, G) => {
+        const K = this.#h(q, Y, G);
         D.appendChild(K);
       });
     });
@@ -3397,9 +3379,9 @@ class Binder {
    * @return {DocumentFragment} Rendered template clone
    * @private
    */
-  #h(w, D, U) {
+  #h(w, D, O) {
     const F = w.content.cloneNode(!0);
-    return this.#a(F, D, U, {
+    return this.#a(F, D, O, {
       removeAttributes: !0
     }), F;
   }
@@ -3418,12 +3400,12 @@ class Binder {
    * @return {*} The value, or undefined if not found
    * @private
    */
-  #c(w, D, U) {
+  #c(w, D, O) {
     const F = {
-      $index: () => U,
-      $index__paged: () => this.offset + U,
-      $index1: () => U + 1,
-      $index1__paged: () => this.offset + U + 1
+      $index: () => O,
+      $index__paged: () => this.offset + O,
+      $index1: () => O + 1,
+      $index1__paged: () => this.offset + O + 1
     };
     return F[D] ? F[D]() : path(D.split("."), w);
   }
@@ -3439,13 +3421,13 @@ const SEMANTIC_ATTRS = new Map(Object.entries({
   "zoo-view": "view",
   "zoo-event": "event",
   "zoo-href": "href"
-})), getSemanticAttributes = (O) => {
+})), getSemanticAttributes = (U) => {
   let w = {};
-  return Array.from(O.attributes).forEach((D) => {
-    const U = D.name, F = D.value;
-    SEMANTIC_ATTRS.has(U) ? w[SEMANTIC_ATTRS.get(U)] = F : (U.startsWith("data-") || U.startsWith("zoo-")) && (w = assocPath(U.split("-"), F, w));
+  return Array.from(U.attributes).forEach((D) => {
+    const O = D.name, F = D.value;
+    SEMANTIC_ATTRS.has(O) ? w[SEMANTIC_ATTRS.get(O)] = F : (O.startsWith("data-") || O.startsWith("zoo-")) && (w = assocPath(O.split("-"), F, w));
   }), w;
-}, getEventAttribute = (O, w, D = "event") => O.getAttribute(w) || O.getAttribute(D);
+}, getEventAttribute = (U, w, D = "event") => U.getAttribute(w) || U.getAttribute(D);
 /**
  * @license
  * Copyright 2019 Google LLC
@@ -3453,16 +3435,16 @@ const SEMANTIC_ATTRS = new Map(Object.entries({
  */
 const t$1 = globalThis, e$2 = t$1.ShadowRoot && (t$1.ShadyCSS === void 0 || t$1.ShadyCSS.nativeShadow) && "adoptedStyleSheets" in Document.prototype && "replace" in CSSStyleSheet.prototype, s$2 = Symbol(), o$3 = /* @__PURE__ */ new WeakMap();
 let n$2 = class {
-  constructor(w, D, U) {
-    if (this._$cssResult$ = !0, U !== s$2) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
+  constructor(w, D, O) {
+    if (this._$cssResult$ = !0, O !== s$2) throw Error("CSSResult is not constructable. Use `unsafeCSS` or `css` instead.");
     this.cssText = w, this.t = D;
   }
   get styleSheet() {
     let w = this.o;
     const D = this.t;
     if (e$2 && w === void 0) {
-      const U = D !== void 0 && D.length === 1;
-      U && (w = o$3.get(D)), w === void 0 && ((this.o = w = new CSSStyleSheet()).replaceSync(this.cssText), U && o$3.set(D, w));
+      const O = D !== void 0 && D.length === 1;
+      O && (w = o$3.get(D)), w === void 0 && ((this.o = w = new CSSStyleSheet()).replaceSync(this.cssText), O && o$3.set(D, w));
     }
     return w;
   }
@@ -3470,58 +3452,58 @@ let n$2 = class {
     return this.cssText;
   }
 };
-const r$2 = (O) => new n$2(typeof O == "string" ? O : O + "", void 0, s$2), i$3 = (O, ...w) => {
-  const D = O.length === 1 ? O[0] : w.reduce(((U, F, q) => U + ((W) => {
+const r$2 = (U) => new n$2(typeof U == "string" ? U : U + "", void 0, s$2), i$3 = (U, ...w) => {
+  const D = U.length === 1 ? U[0] : w.reduce(((O, F, q) => O + ((W) => {
     if (W._$cssResult$ === !0) return W.cssText;
     if (typeof W == "number") return W;
     throw Error("Value passed to 'css' function must be a 'css' function result: " + W + ". Use 'unsafeCSS' to pass non-literal values, but take care to ensure page security.");
-  })(F) + O[q + 1]), O[0]);
-  return new n$2(D, O, s$2);
-}, S$1 = (O, w) => {
-  if (e$2) O.adoptedStyleSheets = w.map(((D) => D instanceof CSSStyleSheet ? D : D.styleSheet));
+  })(F) + U[q + 1]), U[0]);
+  return new n$2(D, U, s$2);
+}, S$1 = (U, w) => {
+  if (e$2) U.adoptedStyleSheets = w.map(((D) => D instanceof CSSStyleSheet ? D : D.styleSheet));
   else for (const D of w) {
-    const U = document.createElement("style"), F = t$1.litNonce;
-    F !== void 0 && U.setAttribute("nonce", F), U.textContent = D.cssText, O.appendChild(U);
+    const O = document.createElement("style"), F = t$1.litNonce;
+    F !== void 0 && O.setAttribute("nonce", F), O.textContent = D.cssText, U.appendChild(O);
   }
-}, c$2 = e$2 ? (O) => O : (O) => O instanceof CSSStyleSheet ? ((w) => {
+}, c$2 = e$2 ? (U) => U : (U) => U instanceof CSSStyleSheet ? ((w) => {
   let D = "";
-  for (const U of w.cssRules) D += U.cssText;
+  for (const O of w.cssRules) D += O.cssText;
   return r$2(D);
-})(O) : O;
+})(U) : U;
 /**
  * @license
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const { is: i$2, defineProperty: e$1, getOwnPropertyDescriptor: h$1, getOwnPropertyNames: r$1, getOwnPropertySymbols: o$2, getPrototypeOf: n$1 } = Object, a$1 = globalThis, c$1 = a$1.trustedTypes, l$1 = c$1 ? c$1.emptyScript : "", p$1 = a$1.reactiveElementPolyfillSupport, d$1 = (O, w) => O, u$1 = { toAttribute(O, w) {
+const { is: i$2, defineProperty: e$1, getOwnPropertyDescriptor: h$1, getOwnPropertyNames: r$1, getOwnPropertySymbols: o$2, getPrototypeOf: n$1 } = Object, a$1 = globalThis, c$1 = a$1.trustedTypes, l$1 = c$1 ? c$1.emptyScript : "", p$1 = a$1.reactiveElementPolyfillSupport, d$1 = (U, w) => U, u$1 = { toAttribute(U, w) {
   switch (w) {
     case Boolean:
-      O = O ? l$1 : null;
+      U = U ? l$1 : null;
       break;
     case Object:
     case Array:
-      O = O == null ? O : JSON.stringify(O);
+      U = U == null ? U : JSON.stringify(U);
   }
-  return O;
-}, fromAttribute(O, w) {
-  let D = O;
+  return U;
+}, fromAttribute(U, w) {
+  let D = U;
   switch (w) {
     case Boolean:
-      D = O !== null;
+      D = U !== null;
       break;
     case Number:
-      D = O === null ? null : Number(O);
+      D = U === null ? null : Number(U);
       break;
     case Object:
     case Array:
       try {
-        D = JSON.parse(O);
+        D = JSON.parse(U);
       } catch {
         D = null;
       }
   }
   return D;
-} }, f$1 = (O, w) => !i$2(O, w), b$1 = { attribute: !0, type: String, converter: u$1, reflect: !1, useDefault: !1, hasChanged: f$1 };
+} }, f$1 = (U, w) => !i$2(U, w), b$1 = { attribute: !0, type: String, converter: u$1, reflect: !1, useDefault: !1, hasChanged: f$1 };
 Symbol.metadata ??= Symbol("metadata"), a$1.litPropertyMetadata ??= /* @__PURE__ */ new WeakMap();
 let y$1 = class extends HTMLElement {
   static addInitializer(w) {
@@ -3532,19 +3514,19 @@ let y$1 = class extends HTMLElement {
   }
   static createProperty(w, D = b$1) {
     if (D.state && (D.attribute = !1), this._$Ei(), this.prototype.hasOwnProperty(w) && ((D = Object.create(D)).wrapped = !0), this.elementProperties.set(w, D), !D.noAccessor) {
-      const U = Symbol(), F = this.getPropertyDescriptor(w, U, D);
+      const O = Symbol(), F = this.getPropertyDescriptor(w, O, D);
       F !== void 0 && e$1(this.prototype, w, F);
     }
   }
-  static getPropertyDescriptor(w, D, U) {
+  static getPropertyDescriptor(w, D, O) {
     const { get: F, set: q } = h$1(this.prototype, w) ?? { get() {
       return this[D];
     }, set(W) {
       this[D] = W;
     } };
     return { get: F, set(W) {
-      const X = F?.call(this);
-      q?.call(this, W), this.requestUpdate(w, X, U);
+      const Y = F?.call(this);
+      q?.call(this, W), this.requestUpdate(w, Y, O);
     }, configurable: !0, enumerable: !0 };
   }
   static getPropertyOptions(w) {
@@ -3558,17 +3540,17 @@ let y$1 = class extends HTMLElement {
   static finalize() {
     if (this.hasOwnProperty(d$1("finalized"))) return;
     if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(d$1("properties"))) {
-      const D = this.properties, U = [...r$1(D), ...o$2(D)];
-      for (const F of U) this.createProperty(F, D[F]);
+      const D = this.properties, O = [...r$1(D), ...o$2(D)];
+      for (const F of O) this.createProperty(F, D[F]);
     }
     const w = this[Symbol.metadata];
     if (w !== null) {
       const D = litPropertyMetadata.get(w);
-      if (D !== void 0) for (const [U, F] of D) this.elementProperties.set(U, F);
+      if (D !== void 0) for (const [O, F] of D) this.elementProperties.set(O, F);
     }
     this._$Eh = /* @__PURE__ */ new Map();
-    for (const [D, U] of this.elementProperties) {
-      const F = this._$Eu(D, U);
+    for (const [D, O] of this.elementProperties) {
+      const F = this._$Eu(D, O);
       F !== void 0 && this._$Eh.set(F, D);
     }
     this.elementStyles = this.finalizeStyles(this.styles);
@@ -3576,14 +3558,14 @@ let y$1 = class extends HTMLElement {
   static finalizeStyles(w) {
     const D = [];
     if (Array.isArray(w)) {
-      const U = new Set(w.flat(1 / 0).reverse());
-      for (const F of U) D.unshift(c$2(F));
+      const O = new Set(w.flat(1 / 0).reverse());
+      for (const F of O) D.unshift(c$2(F));
     } else w !== void 0 && D.push(c$2(w));
     return D;
   }
   static _$Eu(w, D) {
-    const U = D.attribute;
-    return U === !1 ? void 0 : typeof U == "string" ? U : typeof w == "string" ? w.toLowerCase() : void 0;
+    const O = D.attribute;
+    return O === !1 ? void 0 : typeof O == "string" ? O : typeof w == "string" ? w.toLowerCase() : void 0;
   }
   constructor() {
     super(), this._$Ep = void 0, this.isUpdatePending = !1, this.hasUpdated = !1, this._$Em = null, this._$Ev();
@@ -3599,7 +3581,7 @@ let y$1 = class extends HTMLElement {
   }
   _$E_() {
     const w = /* @__PURE__ */ new Map(), D = this.constructor.elementProperties;
-    for (const U of D.keys()) this.hasOwnProperty(U) && (w.set(U, this[U]), delete this[U]);
+    for (const O of D.keys()) this.hasOwnProperty(O) && (w.set(O, this[O]), delete this[O]);
     w.size > 0 && (this._$Ep = w);
   }
   createRenderRoot() {
@@ -3614,35 +3596,35 @@ let y$1 = class extends HTMLElement {
   disconnectedCallback() {
     this._$EO?.forEach(((w) => w.hostDisconnected?.()));
   }
-  attributeChangedCallback(w, D, U) {
-    this._$AK(w, U);
+  attributeChangedCallback(w, D, O) {
+    this._$AK(w, O);
   }
   _$ET(w, D) {
-    const U = this.constructor.elementProperties.get(w), F = this.constructor._$Eu(w, U);
-    if (F !== void 0 && U.reflect === !0) {
-      const q = (U.converter?.toAttribute !== void 0 ? U.converter : u$1).toAttribute(D, U.type);
+    const O = this.constructor.elementProperties.get(w), F = this.constructor._$Eu(w, O);
+    if (F !== void 0 && O.reflect === !0) {
+      const q = (O.converter?.toAttribute !== void 0 ? O.converter : u$1).toAttribute(D, O.type);
       this._$Em = w, q == null ? this.removeAttribute(F) : this.setAttribute(F, q), this._$Em = null;
     }
   }
   _$AK(w, D) {
-    const U = this.constructor, F = U._$Eh.get(w);
+    const O = this.constructor, F = O._$Eh.get(w);
     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;
+      const q = O.getPropertyOptions(F), W = typeof q.converter == "function" ? { fromAttribute: q.converter } : q.converter?.fromAttribute !== void 0 ? q.converter : u$1;
       this._$Em = F;
-      const X = W.fromAttribute(D, q.type);
-      this[F] = X ?? this._$Ej?.get(F) ?? X, this._$Em = null;
+      const Y = W.fromAttribute(D, q.type);
+      this[F] = Y ?? this._$Ej?.get(F) ?? Y, this._$Em = null;
     }
   }
-  requestUpdate(w, D, U) {
+  requestUpdate(w, D, O) {
     if (w !== void 0) {
       const F = this.constructor, q = this[w];
-      if (U ??= F.getPropertyOptions(w), !((U.hasChanged ?? f$1)(q, D) || U.useDefault && U.reflect && q === this._$Ej?.get(w) && !this.hasAttribute(F._$Eu(w, U)))) return;
-      this.C(w, D, U);
+      if (O ??= F.getPropertyOptions(w), !((O.hasChanged ?? f$1)(q, D) || O.useDefault && O.reflect && q === this._$Ej?.get(w) && !this.hasAttribute(F._$Eu(w, O)))) return;
+      this.C(w, D, O);
     }
     this.isUpdatePending === !1 && (this._$ES = this._$EP());
   }
-  C(w, D, { useDefault: U, reflect: F, wrapped: q }, W) {
-    U && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(w) && (this._$Ej.set(w, W ?? D ?? this[w]), q !== !0 || W !== void 0) || (this._$AL.has(w) || (this.hasUpdated || U || (D = void 0), this._$AL.set(w, D)), F === !0 && this._$Em !== w && (this._$Eq ??= /* @__PURE__ */ new Set()).add(w));
+  C(w, D, { useDefault: O, reflect: F, wrapped: q }, W) {
+    O && !(this._$Ej ??= /* @__PURE__ */ new Map()).has(w) && (this._$Ej.set(w, W ?? D ?? this[w]), q !== !0 || W !== void 0) || (this._$AL.has(w) || (this.hasUpdated || O || (D = void 0), this._$AL.set(w, D)), F === !0 && this._$Em !== w && (this._$Eq ??= /* @__PURE__ */ new Set()).add(w));
   }
   async _$EP() {
     this.isUpdatePending = !0;
@@ -3664,18 +3646,18 @@ let y$1 = class extends HTMLElement {
         for (const [F, q] of this._$Ep) this[F] = q;
         this._$Ep = void 0;
       }
-      const U = this.constructor.elementProperties;
-      if (U.size > 0) for (const [F, q] of U) {
-        const { wrapped: W } = q, X = this[F];
-        W !== !0 || this._$AL.has(F) || X === void 0 || this.C(F, void 0, q, X);
+      const O = this.constructor.elementProperties;
+      if (O.size > 0) for (const [F, q] of O) {
+        const { wrapped: W } = q, Y = this[F];
+        W !== !0 || this._$AL.has(F) || Y === void 0 || this.C(F, void 0, q, Y);
       }
     }
     let w = !1;
     const D = this._$AL;
     try {
-      w = this.shouldUpdate(D), w ? (this.willUpdate(D), this._$EO?.forEach(((U) => U.hostUpdate?.())), this.update(D)) : this._$EM();
-    } catch (U) {
-      throw w = !1, this._$EM(), U;
+      w = this.shouldUpdate(D), w ? (this.willUpdate(D), this._$EO?.forEach(((O) => O.hostUpdate?.())), this.update(D)) : this._$EM();
+    } catch (O) {
+      throw w = !1, this._$EM(), O;
     }
     w && this._$AE(D);
   }
@@ -3710,46 +3692,46 @@ y$1.elementStyles = [], y$1.shadowRootOptions = { mode: "open" }, y$1[d$1("eleme
  * Copyright 2017 Google LLC
  * SPDX-License-Identifier: BSD-3-Clause
  */
-const t = globalThis, i$1 = t.trustedTypes, s$1 = i$1 ? i$1.createPolicy("lit-html", { createHTML: (O) => O }) : void 0, e = "$lit$", h = `lit$${Math.random().toFixed(9).slice(2)}$`, o$1 = "?" + h, n = `<${o$1}>`, r = document, l = () => r.createComment(""), c = (O) => O === null || typeof O != "object" && typeof O != "function", a = Array.isArray, u = (O) => a(O) || typeof O?.[Symbol.iterator] == "function", d = `[ 	
+const t = globalThis, i$1 = t.trustedTypes, s$1 = i$1 ? i$1.createPolicy("lit-html", { createHTML: (U) => U }) : void 0, e = "$lit$", h = `lit$${Math.random().toFixed(9).slice(2)}$`, o$1 = "?" + h, n = `<${o$1}>`, r = document, l = () => r.createComment(""), c = (U) => U === null || typeof U != "object" && typeof U != "function", a = Array.isArray, u = (U) => a(U) || typeof U?.[Symbol.iterator] == "function", d = `[ 	
 \f\r]`, f = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, v = /-->/g, _ = />/g, m = RegExp(`>|${d}(?:([^\\s"'>=/]+)(${d}*=${d}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), p = /'/g, g = /"/g, $ = /^(?:script|style|textarea|title)$/i, y = (O) => (w, ...D) => ({ _$litType$: O, strings: w, values: D }), x = y(1), b = y(2), T = Symbol.for("lit-noChange"), E = Symbol.for("lit-nothing"), A = /* @__PURE__ */ new WeakMap(), C = r.createTreeWalker(r, 129);
-function P(O, w) {
-  if (!a(O) || !O.hasOwnProperty("raw")) throw Error("invalid template strings array");
+\f\r"'\`<>=]|("|')|))|$)`, "g"), p = /'/g, g = /"/g, $ = /^(?:script|style|textarea|title)$/i, y = (U) => (w, ...D) => ({ _$litType$: U, strings: w, values: D }), x = y(1), b = y(2), T = Symbol.for("lit-noChange"), E = Symbol.for("lit-nothing"), A = /* @__PURE__ */ new WeakMap(), C = r.createTreeWalker(r, 129);
+function P(U, w) {
+  if (!a(U) || !U.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return s$1 !== void 0 ? s$1.createHTML(w) : w;
 }
-const V = (O, w) => {
-  const D = O.length - 1, U = [];
+const V = (U, w) => {
+  const D = U.length - 1, O = [];
   let F, q = w === 2 ? "<svg>" : w === 3 ? "<math>" : "", W = f;
-  for (let X = 0; X < D; X++) {
-    const G = O[X];
+  for (let Y = 0; Y < D; Y++) {
+    const G = U[Y];
     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);
+    const X = W === m && U[Y + 1].startsWith("/>") ? " " : "";
+    q += W === f ? G + n : tt >= 0 ? (O.push(K), G.slice(0, tt) + e + G.slice(tt) + h + X) : G + h + (tt === -2 ? Y : X);
   }
-  return [P(O, q + (O[D] || "<?>") + (w === 2 ? "</svg>" : w === 3 ? "</math>" : "")), U];
+  return [P(U, q + (U[D] || "<?>") + (w === 2 ? "</svg>" : w === 3 ? "</math>" : "")), O];
 };
 class N {
-  constructor({ strings: w, _$litType$: D }, U) {
+  constructor({ strings: w, _$litType$: D }, O) {
     let F;
     this.parts = [];
     let q = 0, W = 0;
-    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 Y = w.length - 1, G = this.parts, [K, Q] = V(w, D);
+    if (this.el = N.createElement(K, O), 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 < X; ) {
+    for (; (F = C.nextNode()) !== null && G.length < Y; ) {
       if (F.nodeType === 1) {
         if (F.hasAttributes()) for (const tt of F.getAttributeNames()) if (tt.endsWith(e)) {
-          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);
+          const J = Q[W++], X = F.getAttribute(tt).split(h), Z = /([.?@])?(.*)/.exec(J);
+          G.push({ type: 1, index: q, name: Z[2], strings: X, 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 Y = 0; Y < J; Y++) F.append(tt[Y], l()), C.nextNode(), G.push({ type: 2, index: ++q });
+            for (let X = 0; X < J; X++) F.append(tt[X], l()), C.nextNode(), G.push({ type: 2, index: ++q });
             F.append(tt[J], l());
           }
         }
@@ -3762,15 +3744,15 @@ class N {
     }
   }
   static createElement(w, D) {
-    const U = r.createElement("template");
-    return U.innerHTML = w, U;
+    const O = r.createElement("template");
+    return O.innerHTML = w, O;
   }
 }
-function S(O, w, D = O, U) {
+function S(U, w, D = U, O) {
   if (w === T) return w;
-  let F = U !== void 0 ? D._$Co?.[U] : D._$Cl;
+  let F = O !== void 0 ? D._$Co?.[O] : D._$Cl;
   const q = c(w) ? void 0 : w._$litDirective$;
-  return F?.constructor !== q && (F?._$AO?.(!1), q === void 0 ? F = void 0 : (F = new q(O), F._$AT(O, D, U)), U !== void 0 ? (D._$Co ??= [])[U] = F : D._$Cl = F), F !== void 0 && (w = S(O, F._$AS(O, w.values), F, U)), w;
+  return F?.constructor !== q && (F?._$AO?.(!1), q === void 0 ? F = void 0 : (F = new q(U), F._$AT(U, D, O)), O !== void 0 ? (D._$Co ??= [])[O] = F : D._$Cl = F), F !== void 0 && (w = S(U, F._$AS(U, w.values), F, O)), w;
 }
 class M {
   constructor(w, D) {
@@ -3783,13 +3765,13 @@ class M {
     return this._$AM._$AU;
   }
   u(w) {
-    const { el: { content: D }, parts: U } = this._$AD, F = (w?.creationScope ?? r).importNode(D, !0);
+    const { el: { content: D }, parts: O } = this._$AD, F = (w?.creationScope ?? r).importNode(D, !0);
     C.currentNode = F;
-    let q = C.nextNode(), W = 0, X = 0, G = U[0];
+    let q = C.nextNode(), W = 0, Y = 0, G = O[0];
     for (; G !== void 0; ) {
       if (W === G.index) {
         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];
+        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 = O[++Y];
       }
       W !== G?.index && (q = C.nextNode(), W++);
     }
@@ -3797,15 +3779,15 @@ class M {
   }
   p(w) {
     let D = 0;
-    for (const U of this._$AV) U !== void 0 && (U.strings !== void 0 ? (U._$AI(w, U, D), D += U.strings.length - 2) : U._$AI(w[D])), D++;
+    for (const O of this._$AV) O !== void 0 && (O.strings !== void 0 ? (O._$AI(w, O, D), D += O.strings.length - 2) : O._$AI(w[D])), D++;
   }
 }
 class R {
   get _$AU() {
     return this._$AM?._$AU ?? this._$Cv;
   }
-  constructor(w, D, U, F) {
-    this.type = 2, this._$AH = E, this._$AN = void 0, this._$AA = w, this._$AB = D, this._$AM = U, this.options = F, this._$Cv = F?.isConnected ?? !0;
+  constructor(w, D, O, F) {
+    this.type = 2, this._$AH = E, this._$AN = void 0, this._$AA = w, this._$AB = D, this._$AM = O, this.options = F, this._$Cv = F?.isConnected ?? !0;
   }
   get parentNode() {
     let w = this._$AA.parentNode;
@@ -3831,7 +3813,7 @@ class R {
     this._$AH !== E && c(this._$AH) ? this._$AA.nextSibling.data = w : this.T(r.createTextNode(w)), this._$AH = w;
   }
   $(w) {
-    const { values: D, _$litType$: U } = w, F = typeof U == "number" ? this._$AC(w) : (U.el === void 0 && (U.el = N.createElement(P(U.h, U.h[0]), this.options)), U);
+    const { values: D, _$litType$: O } = w, F = typeof O == "number" ? this._$AC(w) : (O.el === void 0 && (O.el = N.createElement(P(O.h, O.h[0]), this.options)), O);
     if (this._$AH?._$AD === F) this._$AH.p(D);
     else {
       const q = new M(F, this), W = q.u(this.options);
@@ -3845,14 +3827,14 @@ class R {
   k(w) {
     a(this._$AH) || (this._$AH = [], this._$AR());
     const D = this._$AH;
-    let U, F = 0;
-    for (const q of w) F === D.length ? D.push(U = new R(this.O(l()), this.O(l()), this, this.options)) : U = D[F], U._$AI(q), F++;
-    F < D.length && (this._$AR(U && U._$AB.nextSibling, F), D.length = F);
+    let O, F = 0;
+    for (const q of w) F === D.length ? D.push(O = new R(this.O(l()), this.O(l()), this, this.options)) : O = D[F], O._$AI(q), F++;
+    F < D.length && (this._$AR(O && O._$AB.nextSibling, F), D.length = F);
   }
   _$AR(w = this._$AA.nextSibling, D) {
     for (this._$AP?.(!1, !0, D); w !== this._$AB; ) {
-      const U = w.nextSibling;
-      w.remove(), w = U;
+      const O = w.nextSibling;
+      w.remove(), w = O;
     }
   }
   setConnected(w) {
@@ -3866,17 +3848,17 @@ class k {
   get _$AU() {
     return this._$AM._$AU;
   }
-  constructor(w, D, U, F, q) {
-    this.type = 1, this._$AH = E, this._$AN = void 0, this.element = w, this.name = D, this._$AM = F, this.options = q, U.length > 2 || U[0] !== "" || U[1] !== "" ? (this._$AH = Array(U.length - 1).fill(new String()), this.strings = U) : this._$AH = E;
+  constructor(w, D, O, F, q) {
+    this.type = 1, this._$AH = E, this._$AN = void 0, this.element = w, this.name = D, this._$AM = F, this.options = q, O.length > 2 || O[0] !== "" || O[1] !== "" ? (this._$AH = Array(O.length - 1).fill(new String()), this.strings = O) : this._$AH = E;
   }
-  _$AI(w, D = this, U, F) {
+  _$AI(w, D = this, O, F) {
     const q = this.strings;
     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 X = w;
+      const Y = 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;
+      for (w = q[0], G = 0; G < q.length - 1; G++) K = S(this, Y[O + 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);
   }
@@ -3901,21 +3883,21 @@ class I extends k {
   }
 }
 class L extends k {
-  constructor(w, D, U, F, q) {
-    super(w, D, U, F, q), this.type = 5;
+  constructor(w, D, O, F, q) {
+    super(w, D, O, F, q), this.type = 5;
   }
   _$AI(w, D = this) {
     if ((w = S(this, w, D, 0) ?? E) === T) return;
-    const U = this._$AH, F = w === E && U !== E || w.capture !== U.capture || w.once !== U.once || w.passive !== U.passive, q = w !== E && (U === E || F);
-    F && this.element.removeEventListener(this.name, this, U), q && this.element.addEventListener(this.name, this, w), this._$AH = w;
+    const O = this._$AH, F = w === E && O !== E || w.capture !== O.capture || w.once !== O.once || w.passive !== O.passive, q = w !== E && (O === E || F);
+    F && this.element.removeEventListener(this.name, this, O), q && this.element.addEventListener(this.name, this, w), this._$AH = w;
   }
   handleEvent(w) {
     typeof this._$AH == "function" ? this._$AH.call(this.options?.host ?? this.element, w) : this._$AH.handleEvent(w);
   }
 }
 class z {
-  constructor(w, D, U) {
-    this.element = w, this.type = 6, this._$AN = void 0, this._$AM = D, this.options = U;
+  constructor(w, D, O) {
+    this.element = w, this.type = 6, this._$AN = void 0, this._$AM = D, this.options = O;
   }
   get _$AU() {
     return this._$AM._$AU;
@@ -3926,14 +3908,14 @@ class z {
 }
 const j = t.litHtmlPolyfillSupport;
 j?.(N, R), (t.litHtmlVersions ??= []).push("3.3.1");
-const B = (O, w, D) => {
-  const U = D?.renderBefore ?? w;
-  let F = U._$litPart$;
+const B = (U, w, D) => {
+  const O = D?.renderBefore ?? w;
+  let F = O._$litPart$;
   if (F === void 0) {
     const q = D?.renderBefore ?? null;
-    U._$litPart$ = F = new R(w.insertBefore(l(), q), q, void 0, D ?? {});
+    O._$litPart$ = F = new R(w.insertBefore(l(), q), q, void 0, D ?? {});
   }
-  return F._$AI(O), F;
+  return F._$AI(U), F;
 };
 /**
  * @license
@@ -3994,7 +3976,7 @@ class ZooTag extends i {
       }
   `;
   render() {
-    const w = this.prefix ?? "", D = this.token ?? "default", U = this.postfix ?? "", F = `${w}${D}${U}`;
+    const w = this.prefix ?? "", D = this.token ?? "default", O = this.postfix ?? "", F = `${w}${D}${O}`;
     return x`
       <span
         class="tag"
@@ -4009,19 +3991,171 @@ class ZooTag extends i {
   }
 }
 customElements.get("zoo-tag") || customElements.define("zoo-tag", ZooTag);
+const formatRelativeTime = (U) => {
+  const D = Math.floor((/* @__PURE__ */ new Date() - U) / 1e3), O = [
+    { name: "year", seconds: 31536e3 },
+    { name: "month", seconds: 2592e3 },
+    { name: "week", seconds: 604800 },
+    { name: "day", seconds: 86400 },
+    { name: "hour", seconds: 3600 },
+    { name: "minute", seconds: 60 },
+    { name: "second", seconds: 1 }
+  ];
+  if (D < 0) {
+    const F = Math.abs(D);
+    for (const q of O) {
+      const W = Math.floor(F / q.seconds);
+      if (W >= 1)
+        return new Intl.RelativeTimeFormat("en", { numeric: "auto" }).format(W, q.name);
+    }
+    return "just now";
+  }
+  for (const F of O) {
+    const q = Math.floor(D / F.seconds);
+    if (q >= 1)
+      return new Intl.RelativeTimeFormat("en", { numeric: "auto" }).format(-q, F.name);
+  }
+  return "just now";
+}, formatDatetime = (U) => {
+  const w = new Intl.DateTimeFormat("en", {
+    day: "2-digit",
+    month: "short",
+    year: "2-digit",
+    hour: "2-digit",
+    minute: "2-digit",
+    second: "2-digit",
+    hourCycle: "h23"
+  }), [{ value: D }, , { value: O }, , { value: F }, , { value: q }, , { value: W }, , { value: Y }] = w.formatToParts(U);
+  return `${O} ${D} ${F} ${q}:${W}:${Y}`;
+}, formatDate = (U) => {
+  const w = new Intl.DateTimeFormat("en", {
+    day: "2-digit",
+    month: "short",
+    year: "2-digit"
+  }), [{ value: D }, , { value: O }, , { value: F }] = w.formatToParts(U);
+  return `${O} ${D} ${F}`;
+};
+class ZooTimestamp extends i {
+  static properties = {
+    timestamp: { type: Number },
+    kind: { type: String },
+    concat: { type: String }
+  };
+  static styles = i$3`
+    :host {
+      display: inline;
+    }
+
+    .relative {
+      color: var(--zoo-timestamp-relative-color, inherit);
+      font-weight: var(--zoo-timestamp-relative-weight, inherit);
+      font-size: var(--zoo-timestamp-relative-size, inherit);
+    }
+
+    .static {
+      color: var(--zoo-timestamp-static-color, inherit);
+      font-weight: var(--zoo-timestamp-static-weight, inherit);
+      font-size: var(--zoo-timestamp-static-size, inherit);
+    }
+
+    .separator {
+      color: var(--zoo-timestamp-separator-color, inherit);
+    }
+  `;
+  constructor() {
+    super(), this.timestamp = Date.now(), this.kind = "both", this.concat = "r (s)", this._boundTickHandler = this._onTimeTick.bind(this), this._isListening = !1;
+  }
+  /**
+   * Determines if the current kind requires listening to time ticks
+   * @returns {boolean}
+   */
+  _shouldListenToTicks() {
+    return this.kind === "relative" || this.kind === "both";
+  }
+  connectedCallback() {
+    super.connectedCallback(), this._updateTickListener();
+  }
+  disconnectedCallback() {
+    this._removeTickListener(), super.disconnectedCallback();
+  }
+  updated(w) {
+    super.updated(w), w.has("kind") && this._updateTickListener();
+  }
+  /**
+   * Add or remove tick listener based on kind
+   */
+  _updateTickListener() {
+    const w = this._shouldListenToTicks();
+    w && !this._isListening ? (document.addEventListener("zoo-tick-60", this._boundTickHandler), this._isListening = !0) : !w && this._isListening && this._removeTickListener();
+  }
+  /**
+   * Remove tick listener
+   */
+  _removeTickListener() {
+    this._isListening && (document.removeEventListener("zoo-tick-60", this._boundTickHandler), this._isListening = !1);
+  }
+  _onTimeTick() {
+    this.requestUpdate();
+  }
+  /**
+   * Parses the concat template and splits it into parts
+   * @param {string} template - Template string with 'r' and 's' placeholders
+   * @returns {Array} Array of objects with {type: 'text'|'relative'|'static', value: string}
+   */
+  _parseTemplate(w) {
+    const D = [];
+    let O = w;
+    for (; O.length > 0; ) {
+      const F = O.indexOf("r"), q = O.indexOf("s"), W = [F, q].filter((Y) => Y !== -1).sort((Y, G) => Y - G)[0];
+      if (W === void 0) {
+        O.length > 0 && D.push({ type: "text", value: O });
+        break;
+      }
+      W > 0 && D.push({ type: "text", value: O.substring(0, W) }), W === F ? D.push({ type: "relative", value: "" }) : D.push({ type: "static", value: "" }), O = O.substring(W + 1);
+    }
+    return D;
+  }
+  _getFormattedParts() {
+    let w = this.timestamp;
+    w < 9466848e5 && (w = w * 1e3);
+    const D = new Date(w), O = formatRelativeTime(D), F = formatDatetime(D), q = formatDate(D);
+    switch (this.kind) {
+      case "relative":
+        return [{ type: "relative", value: O }];
+      case "datetime":
+        return [{ type: "static", value: F }];
+      case "date":
+        return [{ type: "static", value: q }];
+      case "both":
+        return this._parseTemplate(this.concat).map((G) => G.type === "relative" ? { type: "relative", value: O } : G.type === "static" ? { type: "static", value: F } : G);
+      default:
+        return this._parseTemplate(this.concat).map((G) => G.type === "relative" ? { type: "relative", value: O } : G.type === "static" ? { type: "static", value: F } : G);
+    }
+  }
+  render() {
+    let w = this.timestamp;
+    w < 9466848e5 && (w = w * 1e3);
+    const D = new Date(w), O = this._getFormattedParts();
+    return x`<time datetime="${D.toISOString()}">
+      ${O.map((F) => F.type === "relative" ? x`<span class="relative">${F.value}</span>` : F.type === "static" ? x`<span class="static">${F.value}</span>` : x`<span class="separator">${F.value}</span>`)}
+    </time>`;
+  }
+}
+customElements.get("zoo-timestamp") || customElements.define("zoo-timestamp", ZooTimestamp);
 const zoo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   ZooTag,
+  ZooTimestamp,
   getEventAttribute,
   getSemanticAttributes
 }, Symbol.toStringTag, { value: "Module" }));
 async function registerCarbonLibrary() {
-  const { registerCarbonLibrary: O } = await import("./register-BZGWnDHd.js");
-  return O();
+  const { registerCarbonLibrary: U } = await import("./register-DGyCiJGq.js");
+  return U();
 }
 async function registerMdcLibrary() {
-  const { registerMdcLibrary: O } = await import("./register-EjYAUKbP.js");
-  return O();
+  const { registerMdcLibrary: U } = await import("./register-D-bV-b_k.js");
+  return U();
 }
 const zooy = {
   Evt,
@@ -4045,7 +4179,7 @@ const zooy = {
 };
 export {
   uriUtils as A,
-  Binder as B,
+  B,
   ComponentLibraryRegistry as C,
   Dragger as D,
   E,
@@ -4065,10 +4199,10 @@ export {
   isDefAndNotNull as e,
   f$1 as f,
   getSemanticAttributes as g,
-  hasPath as h,
+  Binder as h,
   i,
-  getEventAttribute as j,
-  B as k,
+  hasPath as j,
+  getEventAttribute as k,
   getElDataMap as l,
   treeUtils as m,
   registerMdcLibrary as n,