@trintel/zooy 1.13.2 → 1.14.1

package/dist/zooy.es.js

@@ -1,9 +1,10 @@
-import { n as le, t as R } from "./chunks/component-library-registry-BXnJ4Oqa.js";
-import { a as be, c as we, d as O, f as ee, i as Le, l as Oe, m as Ie, n as Re, o as ye, p as ce, s as w, t as Ae, u as te } from "./chunks/tree-utils-DVtSIiGp.js";
-import { i as he, t as Pe } from "./chunks/zoo-B9S5MBHV.js";
-import { identity as C, isDef as F, isDefAndNotNull as j, isNumber as se, isUndefined as Ne, randomId as f, stripLeadingChar as de, toNumber as ie, whatType as Ve } from "badu";
-import { mergeRight as Ue } from "ramda";
-var L = class extends EventTarget {
+import { n as J, t as I } from "./chunks/component-library-registry-BXnJ4Oqa.js";
+import { a as Ie, c as Ae, d as L, f as se, i as Re, l as Pe, m as Ne, n as ke, o as ze, p as he, s as w, t as xe, u as ie } from "./chunks/tree-utils-C5v92nx9.js";
+import { n as Ve, r as de, t as Ue } from "./chunks/attributes-DLvrzXzz.js";
+import { identity as D, isDef as B, isDefAndNotNull as H, isNumber as re, isUndefined as $e, randomId as v, stripLeadingChar as ue, toNumber as ne, whatType as Fe } from "badu";
+import { mergeRight as Be } from "ramda";
+import { LitElement as pe, css as me, html as P } from "lit";
+var M = class extends EventTarget {
   #e = !1;
   #t = !1;
   #s = /* @__PURE__ */ new Map();
@@ -44,14 +45,14 @@ var L = class extends EventTarget {
   listen(e, t, s, i = !1) {
     e.addEventListener(t, s, i);
     const r = this.listeningTo.get(e) || {};
-    r[t] = () => e.removeEventListener(t, s, i), this.listeningTo.set(e, r), F(e.isListenedToBy) && e.isListenedToBy(this);
+    r[t] = () => e.removeEventListener(t, s, i), this.listeningTo.set(e, r), B(e.isListenedToBy) && e.isListenedToBy(this);
   }
   stopBeingListenedTo() {
     for (const e of this.isObservedBy)
       e.stopListeningTo(this), this.isObservedBy.delete(e);
   }
   stopListeningTo(e, t) {
-    e && this.listeningTo.has(e) && (F(e.isObservedBy) && e.isObservedBy.delete(this), F(t) ? (Object.entries(this.listeningTo.get(e)).forEach(([s, i]) => {
+    e && this.listeningTo.has(e) && (B(e.isObservedBy) && e.isObservedBy.delete(this), B(t) ? (Object.entries(this.listeningTo.get(e)).forEach(([s, i]) => {
       s === t && i();
     }), Object.keys(this.listeningTo.get(e)).length || this.listeningTo.delete(e)) : (Object.values(this.listeningTo.get(e)).forEach((s) => s()), this.listeningTo.delete(e)));
   }
@@ -72,7 +73,7 @@ var L = class extends EventTarget {
   dispose() {
     this.disposeInternal();
   }
-}, z = class {
+}, V = class {
   constructor(e, t) {
     this.value_ = e, this.data_ = t || {};
   }
@@ -83,22 +84,22 @@ var L = class extends EventTarget {
     return this.data_;
   }
 }, d = {
-  COMP: f(),
-  COMP_DRAG_START: f(),
-  COMP_DRAG_MOVE: f(),
-  COMP_DRAG_END: f(),
-  PANEL: f(),
-  VIEW: f(),
-  SPLIT: f(),
-  SPLIT_WILL_OPEN: f(),
-  SPLIT_DID_OPEN: f(),
-  SPLIT_WILL_CLOSE: f(),
-  SPLIT_DID_CLOSE: f(),
-  SPLIT_TRANSITION_END: f(),
-  READY: f(),
-  PANEL_MINIMIZE: f(),
-  FORM_SUBMIT_SUCCESS: f()
-}, N = {
+  COMP: v(),
+  COMP_DRAG_START: v(),
+  COMP_DRAG_MOVE: v(),
+  COMP_DRAG_END: v(),
+  PANEL: v(),
+  VIEW: v(),
+  SPLIT: v(),
+  SPLIT_WILL_OPEN: v(),
+  SPLIT_DID_OPEN: v(),
+  SPLIT_WILL_CLOSE: v(),
+  SPLIT_DID_CLOSE: v(),
+  SPLIT_TRANSITION_END: v(),
+  READY: v(),
+  PANEL_MINIMIZE: v(),
+  FORM_SUBMIT_SUCCESS: v()
+}, k = {
   NOT_SUPPORTED: "Method not supported",
   DECORATE_INVALID: "Invalid element to decorate",
   ALREADY_RENDERED: "Component already rendered",
@@ -108,7 +109,7 @@ var L = class extends EventTarget {
   NOT_OUR_CHILD: "Child is not in parent component",
   NOT_IN_DOCUMENT: "Operation not supported while component is not in document",
   STATE_INVALID: "Invalid component state"
-}, y = class extends L {
+}, A = class extends M {
   static compEventCode() {
     return d.COMP;
   }
@@ -116,7 +117,7 @@ var L = class extends EventTarget {
     return d.READY;
   }
   static compErrors() {
-    return N;
+    return k;
   }
   #e;
   #t;
@@ -164,17 +165,17 @@ var L = class extends EventTarget {
     this.#s = this.#e();
   }
   assertCanRenderAsync() {
-    if (this.disposed) throw new Error(N.ALREADY_DISPOSED);
+    if (this.disposed) throw new Error(k.ALREADY_DISPOSED);
   }
   render(e) {
     this.render_(e);
   }
   render_(e) {
-    if (this.disposed) throw new Error(N.ALREADY_DISPOSED);
-    if (this.isInDocument) throw new Error(N.ALREADY_RENDERED);
+    if (this.disposed) throw new Error(k.ALREADY_DISPOSED);
+    if (this.isInDocument) throw new Error(k.ALREADY_RENDERED);
     this.#s || this.createDom();
     const t = this.#s;
-    e && (this.#r = e), this.placeholderDom && O(this.placeholderDom), this.#r ? te(t) || this.#r.insertBefore(t, null) : te(t) || document.body.appendChild(t), (!this.#n || this.#n.isInDocument) && this.enterDocument();
+    e && (this.#r = e), this.placeholderDom && L(this.placeholderDom), this.#r ? ie(t) || this.#r.insertBefore(t, null) : ie(t) || document.body.appendChild(t), (!this.#n || this.#n.isInDocument) && this.enterDocument();
   }
   hoist(e, t = void 0) {
     t || (t = document.querySelector("body")), t.appendChild(e), this.outOfTreeElements.push(e);
@@ -183,23 +184,23 @@ var L = class extends EventTarget {
     this.#a();
   }
   enterDocument() {
-    this.disposed ? O(this.getElement()) : (this.isInDocument = !0, [...this.#o.values()].forEach((e) => {
+    this.disposed ? L(this.getElement()) : (this.isInDocument = !0, [...this.#o.values()].forEach((e) => {
       !e.isInDocument && e.getElement() && e.enterDocument();
     }), this.executeBeforeReady(), this.dispatchCompEvent(d.READY));
   }
   exitDocument() {
     [...this.#o.values()].forEach((e) => {
       e.isInDocument && e.exitDocument();
-    }), this.stopBeingListenedTo(), this.removeAllListener(), this.isInDocument = !1, O(this.getElement()), this.placeholderDom && O(this.placeholderDom);
+    }), this.stopBeingListenedTo(), this.removeAllListener(), this.isInDocument = !1, L(this.getElement()), this.placeholderDom && L(this.placeholderDom);
   }
   disposeInternal() {
-    this.isInDocument && this.exitDocument(), this.#o && [...this.#o.values()].forEach((e) => e.disposeInternal()), this.outOfTreeElements.forEach(O), this.#s && O(this.#s), this.placeholderDom && O(this.placeholderDom), this.#o = null, this.#s = void 0, this.#i = null, this.#n = null, super.disposeInternal();
+    this.isInDocument && this.exitDocument(), this.#o && [...this.#o.values()].forEach((e) => e.disposeInternal()), this.outOfTreeElements.forEach(L), this.#s && L(this.#s), this.placeholderDom && L(this.placeholderDom), this.#o = null, this.#s = void 0, this.#i = null, this.#n = null, super.disposeInternal();
   }
   dispose() {
     this.abortController && this.abortController.abort();
     const e = this.getElement();
-    if (e) for (const t of R.getRegisteredLibraries()) try {
-      const s = R.get(t);
+    if (e) for (const t of I.getRegisteredLibraries()) try {
+      const s = I.get(t);
       s.dispose && s.dispose(e);
     } catch (s) {
       console.debug(`[${t}] Cleanup error during component disposal (non-critical):`, s);
@@ -207,10 +208,10 @@ var L = class extends EventTarget {
     super.dispose();
   }
   dispatchCompEvent(e, t) {
-    const s = new z(e, t), i = L.makeEvent(d.COMP, s);
+    const s = new V(e, t), i = M.makeEvent(d.COMP, s);
     return this.dispatchEvent(i);
   }
-}, c = {
+}, h = {
   CLICK: "click",
   RIGHTCLICK: "rightclick",
   DBLCLICK: "dblclick",
@@ -238,35 +239,35 @@ var L = class extends EventTarget {
   DROP: "drop",
   TRANSITIONEND: "transitionend",
   ANIMATIONEND: "animationend"
-}, ze = [
-  c.TOUCHMOVE,
-  c.TOUCHSTART,
-  c.TOUCHEND
-], ke = (e) => ze.includes(e.type), k = (e) => (ke(e) && (e.clientX = e.targetTouches[0].clientX, e.clientY = e.targetTouches[0].clientY), e), Be = (e, t, s, i) => (r) => {
+}, qe = [
+  h.TOUCHMOVE,
+  h.TOUCHSTART,
+  h.TOUCHEND
+], je = (e) => qe.includes(e.type), U = (e) => (je(e) && (e.clientX = e.targetTouches[0].clientX, e.clientY = e.targetTouches[0].clientY), e), He = (e, t, s, i) => (r) => {
   r.preventDefault();
-  const o = k(r), h = o.currentTarget, [p, v] = we(h), m = o.clientX - p, S = o.clientY - v, n = e(p, v, m, S, h), a = s(p, v, m, S, h), l = t(p, v, m, S, h);
-  let u = xe(l, h, m, S);
-  ["x", "ew"].includes(i) ? u = Fe(l, h, m, S) : ["y", "ns"].includes(i) && (u = $e(l, h, m, S));
-  let E = !1;
-  const g = (T) => {
-    E = !0, u(T);
-  }, _ = (T) => {
-    document.removeEventListener(c.MOUSEMOVE, g, !0), document.removeEventListener(c.TOUCHMOVE, g, !0), document.removeEventListener(c.MOUSEUP, _, !0), document.removeEventListener(c.TOUCHEND, _, !0), E && a(T);
+  const n = U(r), l = n.currentTarget, [p, E] = Ae(l), m = n.clientX - p, S = n.clientY - E, o = e(p, E, m, S, l), a = s(p, E, m, S, l), c = t(p, E, m, S, l);
+  let u = We(c, l, m, S);
+  ["x", "ew"].includes(i) ? u = Je(c, l, m, S) : ["y", "ns"].includes(i) && (u = Ge(c, l, m, S));
+  let f = !1;
+  const g = (b) => {
+    f = !0, u(b);
+  }, _ = (b) => {
+    document.removeEventListener(h.MOUSEMOVE, g, !0), document.removeEventListener(h.TOUCHMOVE, g, !0), document.removeEventListener(h.MOUSEUP, _, !0), document.removeEventListener(h.TOUCHEND, _, !0), f && a(b);
   };
-  return document.addEventListener(c.MOUSEUP, _, !0), document.addEventListener(c.TOUCHEND, _, !0), document.addEventListener(c.MOUSEMOVE, g, !0), document.addEventListener(c.TOUCHMOVE, g, !0), n(r), _;
-}, xe = (e, t, s, i) => (r) => {
+  return document.addEventListener(h.MOUSEUP, _, !0), document.addEventListener(h.TOUCHEND, _, !0), document.addEventListener(h.MOUSEMOVE, g, !0), document.addEventListener(h.TOUCHMOVE, g, !0), o(r), _;
+}, We = (e, t, s, i) => (r) => {
   r.preventDefault();
-  const o = k(r);
-  t.style.left = `${o.clientX - s}px`, t.style.top = `${o.clientY - i}px`, e(o);
-}, Fe = (e, t, s, i) => (r) => {
+  const n = U(r);
+  t.style.left = `${n.clientX - s}px`, t.style.top = `${n.clientY - i}px`, e(n);
+}, Je = (e, t, s, i) => (r) => {
   r.preventDefault();
-  const o = k(r);
-  t.style.left = `${o.clientX - s}px`, e(o);
-}, $e = (e, t, s, i) => (r) => {
+  const n = U(r);
+  t.style.left = `${n.clientX - s}px`, e(n);
+}, Ge = (e, t, s, i) => (r) => {
   r.preventDefault();
-  const o = k(r);
-  t.style.top = `${o.clientY - i}px`, e(o);
-}, $ = (e, t) => (s, i, r, o, h) => (p) => {
+  const n = U(r);
+  t.style.top = `${n.clientY - i}px`, e(n);
+}, q = (e, t) => (s, i, r, n, l) => (p) => {
   e.dispatchCompEvent(t, {
     component: e,
     browserEvent: p,
@@ -275,12 +276,12 @@ var L = class extends EventTarget {
     clientX: p.clientX,
     clientY: p.clientY,
     xOrg: r,
-    yOrg: o,
+    yOrg: n,
     deltaX: p.clientX - r - s,
-    deltaY: p.clientY - o - i,
-    target: h
+    deltaY: p.clientY - n - i,
+    target: l
   });
-}, H = class extends y {
+}, W = class extends A {
   #e;
   #t;
   #s;
@@ -311,19 +312,19 @@ var L = class extends EventTarget {
       this.#i = t(s);
     };
     if (this.isInDocument && this.#s) {
-      const t = $(this, d.COMP_DRAG_MOVE), s = $(this, d.COMP_DRAG_START), i = $(this, d.COMP_DRAG_END), r = Be(s, t, i, this.#e);
-      this.#s = !1, this.#t = this.#t || this.getElement(), this.listen(this.#t, c.MOUSEDOWN, e(r)), this.listen(this.#t, c.TOUCHSTART, r), this.#t.classList.remove("locked");
+      const t = q(this, d.COMP_DRAG_MOVE), s = q(this, d.COMP_DRAG_START), i = q(this, d.COMP_DRAG_END), r = He(s, t, i, this.#e);
+      this.#s = !1, this.#t = this.#t || this.getElement(), this.listen(this.#t, h.MOUSEDOWN, e(r)), this.listen(this.#t, h.TOUCHSTART, r), this.#t.classList.remove("locked");
     }
   }
   lock() {
-    this.stopListeningTo(this.#t, c.MOUSEDOWN), this.stopListeningTo(this.#t, c.TOUCHSTART), this.#s = !0, this.#t.classList.add("locked");
+    this.stopListeningTo(this.#t, h.MOUSEDOWN), this.stopListeningTo(this.#t, h.TOUCHSTART), this.#s = !0, this.#t.classList.add("locked");
   }
-}, qe = /* @__PURE__ */ le({
-  getPath: () => W,
+}, Ye = /* @__PURE__ */ J({
+  getPath: () => G,
   getQueryData: () => Ee,
-  objectToUrlParms: () => ge,
-  queryDataToMap: () => fe
-}), je = /* @__PURE__ */ new RegExp("^(?:([^:/?#.]+):)?(?://(?:([^/?#]*)@)?([^/#?]*?)(?::([0-9]+))?(?=[/#?]|$))?([^?#]+)?(?:\\?([^#]*))?(?:#([\\s\\S]*))?$"), ue = {
+  objectToUrlParms: () => _e,
+  queryDataToMap: () => Se
+}), Xe = /* @__PURE__ */ new RegExp("^(?:([^:/?#.]+):)?(?://(?:([^/?#]*)@)?([^/#?]*?)(?::([0-9]+))?(?=[/#?]|$))?([^?#]+)?(?:\\?([^#]*))?(?:#([\\s\\S]*))?$"), fe = {
   SCHEME: 1,
   USER_INFO: 2,
   DOMAIN: 3,
@@ -331,53 +332,53 @@ var L = class extends EventTarget {
   PATH: 5,
   QUERY_DATA: 6,
   FRAGMENT: 7
-}, pe = (e) => e.match(je), me = (e, t) => e ? t ? decodeURI(e.replace(/%25/g, "%2525")) : decodeURIComponent(e) : "", W = (e) => me(pe(e)[ue.PATH], !0), Ee = (e) => me(pe(e)[ue.QUERY_DATA], !0), ge = (e) => Object.entries(e).map((t) => `${t[0]}=${t[1]}`).join("&"), re = (e) => e != null && e !== "", fe = (e) => e.split("&").reduce((t, s) => {
+}, ge = (e) => e.match(Xe), ve = (e, t) => e ? t ? decodeURI(e.replace(/%25/g, "%2525")) : decodeURIComponent(e) : "", G = (e) => ve(ge(e)[fe.PATH], !0), Ee = (e) => ve(ge(e)[fe.QUERY_DATA], !0), _e = (e) => Object.entries(e).map((t) => `${t[0]}=${t[1]}`).join("&"), oe = (e) => e != null && e !== "", Se = (e) => e.split("&").reduce((t, s) => {
   const [i, r] = s.split("=");
-  return re(i) && re(r) && t.set(i, r), t;
-}, /* @__PURE__ */ new Map()), He = de(" "), We = de("/"), Je = (e) => document.cookie.split(";").map((t) => t.split("=")).reduce((t, s) => t.set(He(s[0]), s[1]), /* @__PURE__ */ new Map()).get(e), Ge = (e) => {
+  return oe(i) && oe(r) && t.set(i, r), t;
+}, /* @__PURE__ */ new Map()), Ke = ue(" "), Qe = ue("/"), Ze = (e) => document.cookie.split(";").map((t) => t.split("=")).reduce((t, s) => t.set(Ke(s[0]), s[1]), /* @__PURE__ */ new Map()).get(e), et = (e) => {
   let t = 0, s;
   const i = (r) => {
-    const o = r > 0;
-    return o ? t += 1 : t -= 1, o ? t === 1 : t === 0;
+    const n = r > 0;
+    return n ? t += 1 : t -= 1, n ? t === 1 : t === 0;
   };
   return (r) => {
     s = s || document.getElementById(e), s && i(r) && s.classList.toggle("viz", t > 0);
   };
-}, ve = Ge("the_loader"), q = () => Promise.resolve(ve(1)), U = (e) => (ve(0), Promise.resolve(e)), I = (e) => e.ok ? Promise.resolve(e) : Promise.reject(/* @__PURE__ */ new Error(`${e.url} ${e.status} (${e.statusText})`)), Ye = (e) => (t) => {
+}, Te = et("the_loader"), j = () => Promise.resolve(Te(1)), x = (e) => (Te(0), Promise.resolve(e)), O = (e) => e.ok ? Promise.resolve(e) : Promise.reject(/* @__PURE__ */ new Error(`${e.url} ${e.status} (${e.statusText})`)), tt = (e) => (t) => {
   if (t.type === "opaqueredirect" || t.redirected) {
-    const s = We(W(t.url));
+    const s = Qe(G(t.url));
     e.setIsRedirected(!0, s), console.log("Redirect detected", s);
   }
-  return I(t);
-}, P = (e) => e.json(), J = (e) => e.text().then((t) => Promise.resolve(t), (t) => Promise.reject(/* @__PURE__ */ new Error(`Could not get text from response: ${t}`))), Xe = (e) => e.headers.get("Content-Type") === "application/json" ? P(e) : J(e), V = (e, t, s = "POST", i = void 0) => {
+  return O(t);
+}, N = (e) => e.json(), Y = (e) => e.text().then((t) => Promise.resolve(t), (t) => Promise.reject(/* @__PURE__ */ new Error(`Could not get text from response: ${t}`))), st = (e) => e.headers.get("Content-Type") === "application/json" ? N(e) : Y(e), z = (e, t, s = "POST", i = void 0) => {
   const r = new Headers();
   r.append("Content-type", "application/json"), r.append("X-Requested-With", "XMLHttpRequest"), e && e !== "" && r.append("Authorization", `Bearer ${e}`);
-  const o = {
+  const n = {
     cache: "no-cache",
     method: s,
     headers: r,
     credentials: "include",
     body: JSON.stringify(t)
   };
-  return i && (o.signal = i), o;
-}, _e = (e, t, s = !1, i = void 0) => {
+  return i && (n.signal = i), n;
+}, De = (e, t, s = !1, i = void 0) => {
   const r = new Headers();
   if (t && t !== "" && r.append("Authorization", `Bearer ${t}`), r.append("X-Requested-With", "XMLHttpRequest"), s) {
-    const h = Je("csrftoken");
-    h && s && r.append("X-CSRFToken", h);
+    const l = Ze("csrftoken");
+    l && s && r.append("X-CSRFToken", l);
   }
-  const o = {
+  const n = {
     cache: "no-cache",
     method: e,
     headers: r,
     redirect: "follow",
     credentials: "include"
   };
-  return i && (o.signal = i), o;
-}, Ke = (e, t, s = void 0) => {
-  const i = _e("POST", e, !1, s);
+  return i && (n.signal = i), n;
+}, it = (e, t, s = void 0) => {
+  const i = De("POST", e, !1, s);
   return i.body = new FormData(t.formEl), i;
-}, ne = (e, t = void 0) => {
+}, ae = (e, t = void 0) => {
   const s = new Headers();
   s.append("Authorization", `Bearer ${e}`), s.append("X-Requested-With", "XMLHttpRequest");
   const i = {
@@ -386,10 +387,10 @@ var L = class extends EventTarget {
     credentials: "include"
   };
   return t && (i.signal = t), i;
-}, Qe = (e, t) => {
+}, rt = (e, t) => {
   const s = new Request(e);
-  return fetch(s, t).then(I).then(J);
-}, b = (e, t = void 0) => (s) => (U("").then(C), s.name === "AbortError" ? console.info(e, "ABORTED!") : console.error(e, s), t), B = class {
+  return fetch(s, t).then(O).then(Y);
+}, y = (e, t = void 0) => (s) => (x("").then(D), s.name === "AbortError" ? console.info(e, "ABORTED!") : console.error(e, s), t), $ = class {
   constructor(e) {
     this.user_ = {}, this.jwt = "", e && this.updateProfileFromJwt(e).then(() => {
     });
@@ -418,49 +419,49 @@ var L = class extends EventTarget {
     return t && (e = e + " " + t), e;
   }
   formSubmit(e) {
-    const t = new Request(e.uri.toString()), s = e.processSubmitReply.bind(e), i = b("Form submit error");
-    return q().then(() => fetch(t, Ke(this.jwt, e, e.abortController.signal))).then(Ye(e)).then(U).then(Xe).then(s).catch(i);
+    const t = new Request(e.uri.toString()), s = e.processSubmitReply.bind(e), i = y("Form submit error");
+    return j().then(() => fetch(t, it(this.jwt, e, e.abortController.signal))).then(tt(e)).then(x).then(st).then(s).catch(i);
   }
   putNoBody(e, t = void 0, s = !1) {
-    const i = b("putNobody error"), r = _e("PUT", this.jwt, s, t);
-    return Qe(e, r).catch(i);
+    const i = y("putNobody error"), r = De("PUT", this.jwt, s, t);
+    return rt(e, r).catch(i);
   }
   fetch(e, t = void 0) {
-    const s = new Request(e.toString()), i = b(`UMan Text GET Fetch: ${e}`);
-    return q().then(() => fetch(s, ne(this.jwt, t))).then(I).then(U).then(J).catch(i);
+    const s = new Request(e.toString()), i = y(`UMan Text GET Fetch: ${e}`);
+    return j().then(() => fetch(s, ae(this.jwt, t))).then(O).then(x).then(Y).catch(i);
   }
   fetchAndSplit(e, t = void 0) {
-    const s = b(`fetchAndSplit: ${e}`);
-    return this.fetch(e, t).then(Oe).catch(s);
+    const s = y(`fetchAndSplit: ${e}`);
+    return this.fetch(e, t).then(Pe).catch(s);
   }
   async fetchJson(e, t = void 0, s = void 0) {
-    const i = new Request(e.toString()), r = b(`fetchJson: ${e}`, s), o = ne(this.jwt, t);
-    await q();
-    let h;
+    const i = new Request(e.toString()), r = y(`fetchJson: ${e}`, s), n = ae(this.jwt, t);
+    await j();
+    let l;
     try {
-      h = await (await fetch(i, o)).json();
+      l = await (await fetch(i, n)).json();
     } catch (p) {
       return r(p);
     }
-    return await U(), h;
+    return await x(), l;
   }
   patchJson(e, t, s = void 0) {
-    const i = new Request(e.toString()), r = b(`patchJson: ${e}`), o = V(this.jwt, t, "PATCH", s);
-    return fetch(i, o).then(I).then(P).catch(r);
+    const i = new Request(e.toString()), r = y(`patchJson: ${e}`), n = z(this.jwt, t, "PATCH", s);
+    return fetch(i, n).then(O).then(N).catch(r);
   }
   postJson(e, t, s = void 0) {
-    const i = new Request(e.toString()), r = b(`postJson: ${e}`), o = V(this.jwt, t, "POST", s);
-    return fetch(i, o).then(I).then(P).catch(r);
+    const i = new Request(e.toString()), r = y(`postJson: ${e}`), n = z(this.jwt, t, "POST", s);
+    return fetch(i, n).then(O).then(N).catch(r);
   }
   putJson(e, t, s = void 0) {
-    const i = new Request(e.toString()), r = b(`putJson: ${e}`), o = V(this.jwt, t, "PUT", s);
-    return fetch(i, o).then(I).then(P).catch(r);
+    const i = new Request(e.toString()), r = y(`putJson: ${e}`), n = z(this.jwt, t, "PUT", s);
+    return fetch(i, n).then(O).then(N).catch(r);
   }
   delJson(e, t, s = void 0) {
-    const i = new Request(e.toString()), r = b(`delJson: ${e}`), o = V(this.jwt, t, "DELETE", s);
-    return fetch(i, o).then(I).then(P).catch(r);
+    const i = new Request(e.toString()), r = y(`delJson: ${e}`), n = z(this.jwt, t, "DELETE", s);
+    return fetch(i, n).then(O).then(N).catch(r);
   }
-}, G = class extends y {
+}, X = class extends A {
   static panelEventCode() {
     return d.PANEL;
   }
@@ -468,7 +469,7 @@ var L = class extends EventTarget {
     return d.READY;
   }
   constructor(e) {
-    super(), this.qParamMap_ = /* @__PURE__ */ new Map(), this.uri_ = "", e && this.parseUri(e), this.evalScripts = be(this), this.evalModules = Le(this), this.redirected = !1, this.responseObject = {
+    super(), this.qParamMap_ = /* @__PURE__ */ new Map(), this.uri_ = "", e && this.parseUri(e), this.evalScripts = Ie(this), this.evalModules = Re(this), this.redirected = !1, this.responseObject = {
       html: null,
       scripts: null
     }, this.user_ = void 0, "AbortController" in window ? this.abortController = new AbortController() : this.abortController = {
@@ -478,17 +479,17 @@ var L = class extends EventTarget {
     }, this.listMap = /* @__PURE__ */ new Map();
   }
   get uri() {
-    const e = this.qParamMap_.size > 0 ? "?" + ge(Object.fromEntries(this.qParamMap_)) : "";
+    const e = this.qParamMap_.size > 0 ? "?" + _e(Object.fromEntries(this.qParamMap_)) : "";
     return this.uri_ + e;
   }
   set user(e) {
     this.user_ = e;
   }
   get user() {
-    return this.user_ || (this.user_ = new B()), this.user_;
+    return this.user_ || (this.user_ = new $()), this.user_;
   }
   parseUri(e) {
-    this.uri_ = W(e), this.qParamMap_ = fe(Ee(e));
+    this.uri_ = G(e), this.qParamMap_ = Se(Ee(e));
   }
   addToQParams(e, t) {
     this.qParamMap_.set(e, t);
@@ -515,30 +516,30 @@ var L = class extends EventTarget {
   renderWithTemplate(e) {
     const t = this.user;
     return t ? t.fetch(this.uri, this.abortController.signal).then((s) => (this.assertCanRenderAsync(), e && e(this), this.onRenderWithTemplateReply(s).catch((i) => {
-      i.message !== y.compErrors().ALREADY_DISPOSED && console.error("RenderWithTemplate Err:", i);
+      i.message !== A.compErrors().ALREADY_DISPOSED && console.error("RenderWithTemplate Err:", i);
     }), this)).catch((s) => {
       throw console.error("Panel.renderWithTemplate fetch failed:", s), s;
     }) : Promise.reject(/* @__PURE__ */ new Error("No UserManager instance available for Panel.renderWithTemplate()"));
   }
   onRenderWithTemplateReply(e) {
-    return this.responseObject = ce(e), this.domFunc = () => this.responseObject.html, this.render(), Promise.resolve(this);
+    return this.responseObject = he(e), this.domFunc = () => this.responseObject.html, this.render(), Promise.resolve(this);
   }
   onReplacePartialDom(e, t) {
     const s = this.getElement();
-    if (Ne(s)) return;
+    if ($e(s)) return;
     const i = e.html;
-    if (t.startsWith(".")) [...s.querySelectorAll(t)].filter((r) => j(r.id)).map((r) => [r, i.querySelector(`#${r.id}`)]).filter(([r, o]) => j(o)).forEach(([r, o]) => {
-      r.parentNode.replaceChild(o, r), this.parseContent(o);
+    if (t.startsWith(".")) [...s.querySelectorAll(t)].filter((r) => H(r.id)).map((r) => [r, i.querySelector(`#${r.id}`)]).filter(([r, n]) => H(n)).forEach(([r, n]) => {
+      r.parentNode.replaceChild(n, r), this.parseContent(n);
     });
     else if (t.startsWith("#")) {
-      const r = i.querySelector(t), o = s.querySelector(t);
-      o.parentNode.replaceChild(r, o), this.parseContent(r);
+      const r = i.querySelector(t), n = s.querySelector(t);
+      n.parentNode.replaceChild(r, n), this.parseContent(r);
     }
     this.evalScripts(e.scripts), this.evalModules(e.modules);
   }
   renderWithJSON(e) {
     return this.user ? this.user.fetchJson(this.uri_, this.abortController.signal).then((t) => {
-      this.assertCanRenderAsync(), e && e(t, this), this.onRenderWithJSON(t).then(C);
+      this.assertCanRenderAsync(), e && e(t, this), this.onRenderWithJSON(t).then(D);
     }).catch((t) => {
       throw console.error("Panel.renderWithJSON fetch failed:", t), t;
     }) : Promise.reject(/* @__PURE__ */ new Error("No UserManager instance available for Panel.renderWithJSON()"));
@@ -553,110 +554,110 @@ var L = class extends EventTarget {
   onViewDataBroadcast(e) {
   }
   parseContent(e) {
-    if (this.debugMe("Enable interactions. Panel:", e), typeof window.customElements < "u" && R.has("carbon")) {
-      const n = R.get("carbon");
-      n.render.call(this, e, n.cache).catch((a) => console.error("[Zooy] Carbon initialization failed:", a));
+    if (this.debugMe("Enable interactions. Panel:", e), typeof window.customElements < "u" && I.has("carbon")) {
+      const o = I.get("carbon");
+      o.render.call(this, e, o.cache).catch((a) => console.error("[Zooy] Carbon initialization failed:", a));
     }
-    if (R.has("mdc")) {
-      const n = R.get("mdc");
-      n.render.call(this, e, n.cache);
+    if (I.has("mdc")) {
+      const o = I.get("mdc");
+      o.render.call(this, e, o.cache);
     }
-    e.classList.contains("zoo__modal-base") && e.classList.contains("close_on_click") && this.listen(e, c.CLICK, (n) => {
-      n.target === e && this.dispatchPanelEvent("destroy_me");
-    }), [...e.querySelectorAll(".zoo__button:not(.external):not(.mdc-data-table__row)")].forEach((n) => {
-      this.listen(n, c.CLICK, (a) => {
+    e.classList.contains("zoo__modal-base") && e.classList.contains("close_on_click") && this.listen(e, h.CLICK, (o) => {
+      o.target === e && this.dispatchPanelEvent("destroy_me");
+    }), [...e.querySelectorAll(".zoo__button:not(.external):not(.mdc-data-table__row)")].forEach((o) => {
+      this.listen(o, h.CLICK, (a) => {
         a.stopPropagation();
-        const l = a.currentTarget, u = w(l);
+        const c = a.currentTarget, u = w(c);
         this.dispatchPanelEvent(u.zv, Object.assign({
           orgEvt: a,
-          trigger: l,
-          href: l.href || u.href
+          trigger: c,
+          href: c.href || u.href
         }, u));
       });
-    }), [...e.querySelectorAll("[href]:not(.external):not([event])")].forEach((n) => {
-      this.listen(n, c.CLICK, (a) => {
-        const l = a.currentTarget;
+    }), [...e.querySelectorAll("[href]:not(.external):not([event])")].forEach((o) => {
+      this.listen(o, h.CLICK, (a) => {
+        const c = a.currentTarget;
         a.preventDefault(), a.stopPropagation();
-        const u = w(l), E = u.zv || "href";
-        this.dispatchPanelEvent(E, Object.assign({
+        const u = w(c), f = u.zv || "href";
+        this.dispatchPanelEvent(f, Object.assign({
           orgEvt: a,
           trigger: a.target,
-          href: l.href || u.href
+          href: c.href || u.href
         }, u));
       });
-    }), [...e.querySelectorAll("form.intercept_submit")].forEach((n) => {
-      n.noValidate = !0, this.listen(n, c.SUBMIT, (a) => {
+    }), [...e.querySelectorAll("form.intercept_submit")].forEach((o) => {
+      o.noValidate = !0, this.listen(o, h.SUBMIT, (a) => {
         a.preventDefault(), a.stopPropagation();
-        const l = w(n), u = ye(n.elements);
-        this.dispatchPanelEvent(l.zv, Object.assign({
+        const c = w(o), u = ze(o.elements);
+        this.dispatchPanelEvent(c.zv, Object.assign({
           orgEvt: a,
           trigger: a.target,
           formData: u,
-          href: l.href
-        }, l));
+          href: c.href
+        }, c));
       });
-    }), [...e.querySelectorAll(".zoo__toggle_class_driver")].forEach((n) => {
-      const a = w(n), l = a.toggle_class_target_id, u = a.toggle_class, E = e.querySelector(`#${l}`);
-      E && u && n.addEventListener(c.CLICK, (g) => {
-        g.stopPropagation(), E.classList.toggle(u);
+    }), [...e.querySelectorAll(".zoo__toggle_class_driver")].forEach((o) => {
+      const a = w(o), c = a.toggle_class_target_id, u = a.toggle_class, f = e.querySelector(`#${c}`);
+      f && u && o.addEventListener(h.CLICK, (g) => {
+        g.stopPropagation(), f.classList.toggle(u);
       });
     });
-    const t = Array.from(e.querySelectorAll(".folder_drop_zone")), s = Array.from(e.querySelectorAll("[draggable]")), i = (n) => {
-      n.preventDefault(), n.target.classList.add("drag_over");
-    }, r = (n) => {
-      n.preventDefault();
-    }, o = (n) => {
-      n.preventDefault(), n.target.classList.remove("drag_over");
-    }, h = (n) => {
-      n.preventDefault(), n.target.classList.remove("drag_over");
-    }, p = (n) => {
-      n.preventDefault(), n.target.classList.remove("drag_over");
-    }, v = (n) => {
-      n.dataTransfer.dropEffect = "move";
-      const a = w(n.target);
-      n.dataTransfer.setData("text/plain", JSON.stringify(a)), n.target.classList.add("drag_in_progress");
-    }, m = (n) => {
-      n.target.classList.remove("drag_in_progress");
-    }, S = (n) => {
-      p(n), n.stopPropagation();
-      const a = JSON.parse(n.dataTransfer.getData("text/plain")), l = w(n.target);
+    const t = Array.from(e.querySelectorAll(".folder_drop_zone")), s = Array.from(e.querySelectorAll("[draggable]")), i = (o) => {
+      o.preventDefault(), o.target.classList.add("drag_over");
+    }, r = (o) => {
+      o.preventDefault();
+    }, n = (o) => {
+      o.preventDefault(), o.target.classList.remove("drag_over");
+    }, l = (o) => {
+      o.preventDefault(), o.target.classList.remove("drag_over");
+    }, p = (o) => {
+      o.preventDefault(), o.target.classList.remove("drag_over");
+    }, E = (o) => {
+      o.dataTransfer.dropEffect = "move";
+      const a = w(o.target);
+      o.dataTransfer.setData("text/plain", JSON.stringify(a)), o.target.classList.add("drag_in_progress");
+    }, m = (o) => {
+      o.target.classList.remove("drag_in_progress");
+    }, S = (o) => {
+      p(o), o.stopPropagation();
+      const a = JSON.parse(o.dataTransfer.getData("text/plain")), c = w(o.target);
       return this.dispatchPanelEvent("drop_on", { custom: {
-        on: l,
+        on: c,
         from: a
       } }), !1;
     };
-    t.forEach((n) => {
-      this.listen(n, c.DRAGOVER, r), this.listen(n, c.DRAGENTER, i), this.listen(n, c.DRAGEXIT, h), this.listen(n, c.DRAGLEAVE, o), this.listen(n, c.DROP, S);
-    }), s.forEach((n) => {
-      this.listen(n, c.DRAGSTART, v), this.listen(n, c.DRAGEND, m);
-    }), [...e.querySelectorAll(".zoo_async_json")].forEach((n) => {
-      const a = w(n), l = a.href, u = this.onAsyncJsonReply.bind(this, n, a);
-      this.user.fetchJson(l, this.abortController.signal).then(u);
-      const E = a.z_json_reusable;
-      E && (this.jsonCallFuncs = this.jsonCallFuncs || {}, this.jsonCallFuncs[E] = () => {
-        this.user.fetchJson(l, this.abortController.signal).then(u);
+    t.forEach((o) => {
+      this.listen(o, h.DRAGOVER, r), this.listen(o, h.DRAGENTER, i), this.listen(o, h.DRAGEXIT, l), this.listen(o, h.DRAGLEAVE, n), this.listen(o, h.DROP, S);
+    }), s.forEach((o) => {
+      this.listen(o, h.DRAGSTART, E), this.listen(o, h.DRAGEND, m);
+    }), [...e.querySelectorAll(".zoo_async_json")].forEach((o) => {
+      const a = w(o), c = a.href, u = this.onAsyncJsonReply.bind(this, o, a);
+      this.user.fetchJson(c, this.abortController.signal).then(u);
+      const f = a.z_json_reusable;
+      f && (this.jsonCallFuncs = this.jsonCallFuncs || {}, this.jsonCallFuncs[f] = () => {
+        this.user.fetchJson(c, this.abortController.signal).then(u);
       });
-      const g = ie(a.z_interval);
-      se(g) && this.doOnBeat(() => {
-        this.user.fetchJson(l, this.abortController.signal).then(u);
+      const g = ne(a.z_interval);
+      re(g) && this.doOnBeat(() => {
+        this.user.fetchJson(c, this.abortController.signal).then(u);
       }, g * 60 * 1e3);
-    }), [...e.querySelectorAll(".zoo_async_html")].forEach((n) => {
-      const a = w(n), l = a.href;
-      this.user.fetchAndSplit(l, this.abortController.signal).then((E) => {
-        n.appendChild(E.html), this.parseContent(n), this.evalScripts(E.scripts), this.evalModules(E.modules), this.onAsyncHtmlReply(n, a);
+    }), [...e.querySelectorAll(".zoo_async_html")].forEach((o) => {
+      const a = w(o), c = a.href;
+      this.user.fetchAndSplit(c, this.abortController.signal).then((f) => {
+        o.appendChild(f.html), this.parseContent(o), this.evalScripts(f.scripts), this.evalModules(f.modules), this.onAsyncHtmlReply(o, a);
       });
-      const u = ie(a.z_interval);
-      se(u) && this.doOnBeat(() => {
-        this.user.fetchAndSplit(l, this.abortController.signal).then((E) => {
-          n.replaceChildren(E.html), this.parseContent(n), this.evalScripts(E.scripts), this.evalModules(E.modules);
+      const u = ne(a.z_interval);
+      re(u) && this.doOnBeat(() => {
+        this.user.fetchAndSplit(c, this.abortController.signal).then((f) => {
+          o.replaceChildren(f.html), this.parseContent(o), this.evalScripts(f.scripts), this.evalModules(f.modules);
         });
       }, u * 60 * 1e3);
-    }), [...e.querySelectorAll("[zoo-url-api]")].forEach((n) => {
-      if (n.tagName === "CDS-TABLE" || n.classList.contains("zoo_async_json") || n.dataBinder) return;
-      const a = n.getAttribute("zoo-url-api");
-      if (!a || !n.querySelector("[zoo-bind], [zoo-bind-attr], [zoo-template]")) return;
-      const l = new he(this, a, n);
-      n.dataBinder = l, l.fetchData().catch((u) => {
+    }), [...e.querySelectorAll("[zoo-url-api]")].forEach((o) => {
+      if (o.tagName === "CDS-TABLE" || o.classList.contains("zoo_async_json") || o.dataBinder) return;
+      const a = o.getAttribute("zoo-url-api");
+      if (!a || !o.querySelector("[zoo-bind], [zoo-bind-attr], [zoo-template]")) return;
+      const c = new de(this, a, o);
+      o.dataBinder = c, c.fetchData().catch((u) => {
         console.error("[Panel] zoo-url-api auto-bind fetch failed:", u);
       });
     });
@@ -672,12 +673,12 @@ var L = class extends EventTarget {
     this.redirected = e, this.redirected && t && (this.uri_ = t);
   }
   dispatchPanelEvent(e, t) {
-    const s = new z(e, t), i = L.makeEvent(d.PANEL, s);
+    const s = new V(e, t), i = M.makeEvent(d.PANEL, s);
     return this.debugMe(`PANEL EVENT FIRED:
       value:${e}
       data:${t}`), this.dispatchEvent(i);
   }
-}, Ze = class extends G {
+}, nt = class extends X {
   #e = null;
   #t = /* @__PURE__ */ new Map();
   #s = !0;
@@ -698,11 +699,11 @@ var L = class extends EventTarget {
     return e && (s = document.getElementById(e) || s), s && s.tagName.toLowerCase() === "form" && (t = s), t;
   }
   #i() {
-    this.#e && (this.listen(this.#e, c.CHANGE, (e) => {
+    this.#e && (this.listen(this.#e, h.CHANGE, (e) => {
       this.#o(e);
-    }, { passive: !0 }), this.listen(this.#e, c.INPUT, (e) => {
+    }, { passive: !0 }), this.listen(this.#e, h.INPUT, (e) => {
       this.clearAllValidationErrors(), this.#o(e);
-    }), this.listen(this.#e, c.INVALID, (e) => {
+    }), this.listen(this.#e, h.INVALID, (e) => {
       e.preventDefault();
       const t = e.target;
       this.#n(t), this.displayFieldError(t);
@@ -744,7 +745,7 @@ var L = class extends EventTarget {
     if (e && this.#s) {
       e.noValidate = !0;
       const t = this.user;
-      this.listen(e, c.SUBMIT, (s) => {
+      this.listen(e, h.SUBMIT, (s) => {
         s.preventDefault(), this.debugMe("Intercepted from SUBMIT"), this.checkAllFields() && t && t.formSubmit(this);
       });
     }
@@ -754,16 +755,16 @@ var L = class extends EventTarget {
     this.onSubmitSucFunc = e;
   }
   replaceForm(e) {
-    if (this.responseObject = ce(e), this.responseObject.html) {
+    if (this.responseObject = he(e), this.responseObject.html) {
       if (this.redirected) {
         this.removeAllListener();
         const t = this.getElement(), s = t.parentNode;
         this.setElementInternal_(this.responseObject.html), s.replaceChild(this.getElement(), t);
       } else {
         const t = this.responseObject.html.querySelector("form");
-        t && ee(t, this.#e);
+        t && se(t, this.#e);
         const s = this.responseObject.html.querySelector('[type="submit"]'), i = this.getElement().querySelector('[type="submit"]');
-        s && i && ee(s, i);
+        s && i && se(s, i);
       }
       this.enterDocument();
     }
@@ -775,7 +776,7 @@ var L = class extends EventTarget {
   processSubmitReply(e) {
     this.clearAllValidationErrors();
     let t = !1;
-    if (Ve(e) === "object" && e.success) return Promise.resolve(this).then(() => {
+    if (Fe(e) === "object" && e.success) return Promise.resolve(this).then(() => {
       this.onSubmitSucFunc(this, e), this.dispatchCompEvent(d.FORM_SUBMIT_SUCCESS);
     });
     if (e === "success" ? (this.debugMe(`
@@ -799,7 +800,7 @@ var L = class extends EventTarget {
       6.REDIRECTED: ${this.redirected}
       SUCCESS: ${t}`);
   }
-}, et = class extends y {
+}, ot = class extends A {
   static splitEventCode() {
     return d.SPLIT;
   }
@@ -815,10 +816,10 @@ var L = class extends EventTarget {
   get nestNames() {
     return [...this.nestMap_.entries()].filter(([e, t]) => !this.splitNests_.has(t)).map(([e]) => e);
   }
-  closeAndLockAll(e = C, t = !1) {
+  closeAndLockAll(e = D, t = !1) {
     this.nestNames.forEach((s) => this.closeAndLock(s, e, t));
   }
-  openAndUnlockAll(e = C, t = !1) {
+  openAndUnlockAll(e = D, t = !1) {
     this.nestNames.forEach((s) => this.openAndUnlock(s, e, t));
   }
   lock(e) {
@@ -829,120 +830,120 @@ var L = class extends EventTarget {
     const { dragEl: t } = this.nestMap_.get(e);
     t.classList.remove("locked");
   }
-  resize(e, t, s = C, i = !1) {
-    const { sizeNow: r, nestEl: o, canResize: h } = this.nestMap_.get(e);
-    h && (i || r === t ? (o.classList.remove("animated"), o.style.flexBasis = `${t}px`, this.nestMap_.get(e).sizeNow = t, s()) : (o.classList.add("animated"), this.nestCallbackMap_.set(e, () => {
-      o.classList.remove("animated"), this.nestMap_.get(e).sizeNow = t, s();
-    }), o.style.flexBasis = `${t}px`));
+  resize(e, t, s = D, i = !1) {
+    const { sizeNow: r, nestEl: n, canResize: l } = this.nestMap_.get(e);
+    l && (i || r === t ? (n.classList.remove("animated"), n.style.flexBasis = `${t}px`, this.nestMap_.get(e).sizeNow = t, s()) : (n.classList.add("animated"), this.nestCallbackMap_.set(e, () => {
+      n.classList.remove("animated"), this.nestMap_.get(e).sizeNow = t, s();
+    }), n.style.flexBasis = `${t}px`));
   }
-  closeAndLock(e, t = C, s = !1) {
-    const { nestEl: i, dragEl: r, canResize: o } = this.nestMap_.get(e);
-    if (!o) return;
-    const h = () => {
+  closeAndLock(e, t = D, s = !1) {
+    const { nestEl: i, dragEl: r, canResize: n } = this.nestMap_.get(e);
+    if (!n) return;
+    const l = () => {
       r.classList.add("locked", "closed"), i.classList.add("closed"), t();
     };
-    this.resize(e, 0, h, s);
+    this.resize(e, 0, l, s);
   }
-  closeAndUnlock(e, t = C, s = !1) {
-    const { nestEl: i, dragEl: r, canResize: o } = this.nestMap_.get(e);
-    if (!o) return;
-    const h = () => {
+  closeAndUnlock(e, t = D, s = !1) {
+    const { nestEl: i, dragEl: r, canResize: n } = this.nestMap_.get(e);
+    if (!n) return;
+    const l = () => {
       i.classList.remove("closed"), r.classList.remove("closed", "locked"), r.classList.add("collapsed"), t();
     };
-    this.resize(e, 0, h, s);
+    this.resize(e, 0, l, s);
   }
   openAndUnlock(e, t, s, i = !1) {
-    const { nestEl: r, dragEl: o, defSize: h, lastSize: p, canResize: v } = this.nestMap_.get(e);
-    if (!v) return;
-    const m = t || p || h;
-    r.classList.remove("closed"), o.classList.remove("closed", "locked", "collapsed"), setTimeout(() => {
+    const { nestEl: r, dragEl: n, defSize: l, lastSize: p, canResize: E } = this.nestMap_.get(e);
+    if (!E) return;
+    const m = t || p || l;
+    r.classList.remove("closed"), n.classList.remove("closed", "locked", "collapsed"), setTimeout(() => {
       this.resize(e, m, s, i);
     }, 50);
   }
   openAndLock(e, t, s, i = !1) {
-    const { nestEl: r, dragEl: o, defSize: h, lastSize: p, canResize: v } = this.nestMap_.get(e);
-    if (!v) return;
-    const m = t || p || h;
-    r.classList.remove("closed"), o.classList.remove("closed", "collapsed"), setTimeout(() => {
+    const { nestEl: r, dragEl: n, defSize: l, lastSize: p, canResize: E } = this.nestMap_.get(e);
+    if (!E) return;
+    const m = t || p || l;
+    r.classList.remove("closed"), n.classList.remove("closed", "collapsed"), setTimeout(() => {
       this.resize(e, m, s, i);
     }, 50);
   }
-  close(e, t = C, s = !1) {
-    const { dragEl: i, canResize: r, nestEl: o } = this.nestMap_.get(e);
+  close(e, t = D, s = !1) {
+    const { dragEl: i, canResize: r, nestEl: n } = this.nestMap_.get(e);
     if (!r) return;
     this.dispatchSplitEvent(d.SPLIT_WILL_CLOSE, {
       nestName: e,
-      nestEl: o
+      nestEl: n
     });
-    const h = () => {
+    const l = () => {
       i.classList.add("collapsed"), this.dispatchSplitEvent(d.SPLIT_DID_CLOSE, {
         nestName: e,
-        nestEl: o
+        nestEl: n
       }), t();
     };
-    this.resize(e, 0, h, s);
+    this.resize(e, 0, l, s);
   }
-  open(e, t = C, s = !1) {
-    const { defSize: i, lastSize: r, dragEl: o, canResize: h, nestEl: p } = this.nestMap_.get(e);
-    if (!h) return;
+  open(e, t = D, s = !1) {
+    const { defSize: i, lastSize: r, dragEl: n, canResize: l, nestEl: p } = this.nestMap_.get(e);
+    if (!l) return;
     this.dispatchSplitEvent(d.SPLIT_WILL_OPEN, {
       nestName: e,
       nestEl: p
-    }), o.classList.remove("collapsed", "closed");
-    const v = r || i, m = () => {
+    }), n.classList.remove("collapsed", "closed");
+    const E = r || i, m = () => {
       this.dispatchSplitEvent(d.SPLIT_DID_OPEN, {
         nestName: e,
         nestEl: p
       }), t();
     };
-    this.resize(e, v, m, s);
+    this.resize(e, E, m, s);
   }
   toggle(e, t, s = !1) {
     this.nestMap_.get(e).sizeNow === 0 ? this.open(e, t, s) : this.close(e, t, s);
   }
-  addSplit(e = void 0, t = "EW", s = 100, i = 100, r = [], o = [], h = [], p = [], v = []) {
+  addSplit(e = void 0, t = "EW", s = 100, i = 100, r = [], n = [], l = [], p = [], E = []) {
     const m = e || this.getElement();
     if (this.splitNests_.has(m)) return ["Already used!", m];
-    tt(m, t), this.splitNests_.add(m);
+    at(m, t), this.splitNests_.add(m);
     let S = "";
     if (e) {
-      const D = [...this.nestMap_.entries()].find(([M, { nestEl: A }]) => A === e);
-      if (D) S = D[0];
+      const T = [...this.nestMap_.entries()].find(([C, { nestEl: R }]) => R === e);
+      if (T) S = T[0];
       else return ["Element not managed by this component", e];
     }
-    const n = `${S}A`, a = oe(s, [
+    const o = `${S}A`, a = le(s, [
       "zoo_nest__A",
-      n,
+      o,
       ...r
-    ]), l = new H(t);
-    l.domFunc = ae([`zoo_drag_${n}`, ...p], v), l.render(m), this.nestMap_.set(n, {
+    ]), c = new W(t);
+    c.domFunc = ce([`zoo_drag_${o}`, ...p], E), c.render(m), this.nestMap_.set(o, {
       side: "A",
       nestEl: a,
-      dragger: l,
-      dragEl: l.getElement(),
+      dragger: c,
+      dragEl: c.getElement(),
       defSize: s,
       sizeNow: -1,
       canResize: !0
     });
-    const u = `${S}B`, E = st([
+    const u = `${S}B`, f = lt([
       "zoo_nest__B",
       u,
-      ...o
+      ...n
     ]);
     this.nestMap_.set(u, {
-      nestEl: E,
+      nestEl: f,
       canResize: !1
     });
-    const g = `${S}C`, _ = new H(t);
-    _.domFunc = ae([`zoo_drag_${g}`, ...p], v), _.render(m);
-    const T = oe(i, [
+    const g = `${S}C`, _ = new W(t);
+    _.domFunc = ce([`zoo_drag_${g}`, ...p], E), _.render(m);
+    const b = le(i, [
       "zoo_nest__C",
       g,
-      ...h
+      ...l
     ]);
     this.nestMap_.set(g, {
       side: "C",
-      nestEl: T,
+      nestEl: b,
       dragger: _,
       dragEl: _.getElement(),
       defSize: i,
@@ -950,82 +951,79 @@ var L = class extends EventTarget {
       canResize: !0
     }), [
       a,
-      l.getElement(),
-      E,
+      c.getElement(),
+      f,
       _.getElement(),
-      T
-    ].forEach((D) => m.appendChild(D));
-    let Y = 0;
-    const X = (D, M, A, Te) => {
-      let x;
-      const K = D === "NS" ? "height" : "width", Me = D === "NS" ? "deltaY" : "deltaX";
-      return (Q) => {
-        switch (Q.detail.value_) {
+      b
+    ].forEach((T) => m.appendChild(T));
+    let K = 0;
+    const Q = (T, C, R, Le) => {
+      let F;
+      const Z = T === "NS" ? "height" : "width", Oe = T === "NS" ? "deltaY" : "deltaX";
+      return (ee) => {
+        switch (ee.detail.value_) {
           case d.COMP_DRAG_START:
-            x = M.getBoundingClientRect()[K], Y = E.getBoundingClientRect()[K] + x, this.nestMap_.get(A).dragEl.classList.remove("collapsed");
+            F = C.getBoundingClientRect()[Z], K = f.getBoundingClientRect()[Z] + F, this.nestMap_.get(R).dragEl.classList.remove("collapsed");
             break;
           case d.COMP_DRAG_MOVE: {
-            const Z = Math.min(Y, x + Te * Q.detail.data_[Me]);
-            this.nestMap_.get(A).lastSize = Z, M.style.flexBasis = Z + "px";
+            const te = Math.min(K, F + Le * ee.detail.data_[Oe]);
+            this.nestMap_.get(R).lastSize = te, C.style.flexBasis = te + "px";
             break;
           }
           case d.COMP_DRAG_END:
-            this.dispatchSplitEvent(d.COMP_DRAG_END, this.nestMap_.get(A));
-            break;
-          default:
-            break;
+            this.dispatchSplitEvent(d.COMP_DRAG_END, this.nestMap_.get(R));
         }
       };
     };
-    this.listen(l, y.compEventCode(), X(t, a, n, 1)), this.listen(_, y.compEventCode(), X(t, T, g, -1)), this.listen(l.getElement(), c.DBLCLICK, () => this.toggle(n)), this.listen(_.getElement(), c.DBLCLICK, () => this.toggle(g)), this.listen(l.getElement().querySelector(".zoo_grabber"), c.CLICK, () => this.toggle(n)), this.listen(_.getElement().querySelector(".zoo_grabber"), c.CLICK, () => this.toggle(g)), this.listen(a, c.TRANSITIONEND, (D) => {
-      if (D.propertyName === "flex-basis" && D.target === a) {
-        const M = this.nestCallbackMap_.get(n);
-        this.nestCallbackMap_.delete(n), M && M(), this.dispatchSplitEvent(d.SPLIT_TRANSITION_END, this.nestMap_.get(n));
+    this.listen(c, A.compEventCode(), Q(t, a, o, 1)), this.listen(_, A.compEventCode(), Q(t, b, g, -1)), this.listen(c.getElement(), h.DBLCLICK, () => this.toggle(o)), this.listen(_.getElement(), h.DBLCLICK, () => this.toggle(g)), this.listen(c.getElement().querySelector(".zoo_grabber"), h.CLICK, () => this.toggle(o)), this.listen(_.getElement().querySelector(".zoo_grabber"), h.CLICK, () => this.toggle(g)), this.listen(a, h.TRANSITIONEND, (T) => {
+      if (T.propertyName === "flex-basis" && T.target === a) {
+        const C = this.nestCallbackMap_.get(o);
+        this.nestCallbackMap_.delete(o), C && C(), this.dispatchSplitEvent(d.SPLIT_TRANSITION_END, this.nestMap_.get(o));
       }
-    }), this.listen(T, c.TRANSITIONEND, (D) => {
-      if (D.propertyName === "flex-basis" && D.target === T) {
-        const M = this.nestCallbackMap_.get(g);
-        this.nestCallbackMap_.delete(g), M && M(), this.dispatchSplitEvent(d.SPLIT_TRANSITION_END, this.nestMap_.get(g));
+    }), this.listen(b, h.TRANSITIONEND, (T) => {
+      if (T.propertyName === "flex-basis" && T.target === b) {
+        const C = this.nestCallbackMap_.get(g);
+        this.nestCallbackMap_.delete(g), C && C(), this.dispatchSplitEvent(d.SPLIT_TRANSITION_END, this.nestMap_.get(g));
       }
     });
   }
   dispatchSplitEvent(e, t) {
-    const s = new z(e, t), i = L.makeEvent(d.SPLIT, s);
+    const s = new V(e, t), i = M.makeEvent(d.SPLIT, s);
     return this.dispatchEvent(i);
   }
-}, tt = (e, t) => (e.classList.add("zoo_split", `zoo_split__${t.toLowerCase()}`), e), oe = (e, t = []) => {
+}, at = (e, t) => (e.classList.add("zoo_split", `zoo_split__${t.toLowerCase()}`), e), le = (e, t = []) => {
   const s = document.createElement("div");
-  return s.setAttribute("id", f(7)), s.classList.add("zoo_nest", "zoo_nest__outer", ...t), s.style.flexBasis = e + "px", s;
-}, st = (e = []) => {
+  return s.setAttribute("id", v(7)), s.classList.add("zoo_nest", "zoo_nest__outer", ...t), s.style.flexBasis = e + "px", s;
+}, lt = (e = []) => {
   const t = document.createElement("div");
-  return t.setAttribute("id", f(7)), t.classList.add("zoo_nest", "zoo_nest__inner", ...e), t;
-}, ae = (e = [], t = []) => () => {
+  return t.setAttribute("id", v(7)), t.classList.add("zoo_nest", "zoo_nest__inner", ...e), t;
+}, ce = (e = [], t = []) => () => {
   const s = document.createElement("div");
-  s.setAttribute("id", f(7)), s.classList.add("zoo_dragger", ...e);
+  s.setAttribute("id", v(7)), s.classList.add("zoo_dragger", ...e);
   const i = document.createElement("div");
   return i.classList.add("zoo_grabber", ...t), s.appendChild(i), s;
-}, it = {
+}, ct = {
   toggle_tree: function(e, t) {
-    Ae(e, t);
+    xe(e, t);
   },
   "tree_toggle-children": function(e, t) {
-    Re(t, e);
+    ke(t, e);
   }
-}, Se = {
+}, be = {
   search: function(e, t) {
     let s = `${e.href}`;
     const i = e.formData.q, r = e.targetval;
     if (i !== "" && (s = `${s}?q=${i}`), r !== "") {
-      let o = r;
-      r.includes("page=") && (o = r.split("&").filter((h) => !h.includes("page=")).join("&")), s = i !== "" ? `${s}&${o}` : `${s}?${o}`;
+      let n = r;
+      r.includes("page=") && (n = r.split("&").filter((l) => !l.includes("page=")).join("&")), s = i !== "" ? `${s}&${n}` : `${s}?${n}`;
     }
-    this.user.fetchAndSplit(s, t.abortController.signal).then((o) => t.onReplacePartialDom(o, e.zvptarget));
+    this.user.fetchAndSplit(s, t.abortController.signal).then((n) => t.onReplacePartialDom(n, e.zvptarget));
   },
   reset_search: function(e, t) {
     const s = e.trigger.closest("form");
     t.removeFromQParams("q"), s.elements.q.value = "", s.dispatchEvent(new Event("submit"));
   }
-}, De = {
+}, Ce = {
   paginate: function(e, t) {
     const s = `${e.href}?${e.targetval}`;
     this.user.fetchAndSplit(s, t.abortController.signal).then((i) => t.onReplacePartialDom(i, e.zvptarget));
@@ -1034,11 +1032,11 @@ var L = class extends EventTarget {
     const s = `${e.href}?${e.targetval}`;
     this.user.fetchAndSplit(s, t.abortController.signal).then((i) => t.onReplacePartialDom(i, e.zvptarget));
   }
-}, rt = /* @__PURE__ */ le({
-  MdcTreeHandlers: () => it,
-  QueryParamHandlers: () => De,
-  SearchHandlers: () => Se
-}), Ce = class extends L {
+}, ht = /* @__PURE__ */ J({
+  MdcTreeHandlers: () => ct,
+  QueryParamHandlers: () => Ce,
+  SearchHandlers: () => be
+}), ye = class extends M {
   #e = void 0;
   #t = void 0;
   #s = {};
@@ -1085,7 +1083,7 @@ var L = class extends EventTarget {
         case d.SPLIT_TRANSITION_END:
           break;
         default:
-          C();
+          D();
       }
     });
   }
@@ -1097,7 +1095,7 @@ var L = class extends EventTarget {
     this.user_ = e, this.panelMap.forEach((t) => t.user = e);
   }
   get user() {
-    return this.user_ || (this.user_ = new B()), this.user_;
+    return this.user_ || (this.user_ = new $()), this.user_;
   }
   render() {
     this.initPanelEvents(), this.preRender(), this.configurePanels(), this.displayPanels(), this.postRender();
@@ -1116,7 +1114,7 @@ var L = class extends EventTarget {
     [...this.panelMap.values()].forEach((e) => e.dispose()), super.dispose();
   }
   addPanelToView(e, t) {
-    t.user = this.user, this.removePanelByName(e), this.panelMap.set(e, t), this.listen(t, G.panelEventCode(), this.onPanelEvent.bind(this));
+    t.user = this.user, this.removePanelByName(e), this.panelMap.set(e, t), this.listen(t, X.panelEventCode(), this.onPanelEvent.bind(this));
   }
   removePanelByName(e) {
     this.panelMap.has(e) && this.panelMap.get(e).dispose();
@@ -1140,8 +1138,8 @@ var L = class extends EventTarget {
       const i = t.view;
       this.switchViewMap_.has(i) ? this.switchViewMap_.get(i)(t, s) : this.debugMe("NO VIEW FOUND FOR:", i, this.switchViewMap_);
     }), Object.entries({
-      ...Se,
-      ...De
+      ...be,
+      ...Ce
     }).forEach(([t, s]) => {
       e.set(t, s.bind(this));
     }), e;
@@ -1154,7 +1152,7 @@ var L = class extends EventTarget {
   }
   onPanelEvent(e) {
     let t = e.detail.getValue();
-    if (this.debugMe(`PanelEvent Value: ${t}`), !j(t)) {
+    if (this.debugMe(`PanelEvent Value: ${t}`), !H(t)) {
       this.debugMe(`The panel received an event without a value. 
       There is nothing we can do with that.`);
       return;
@@ -1180,7 +1178,7 @@ var L = class extends EventTarget {
   onSplitDidOpen(e) {
   }
   dispatchViewEvent(e, t) {
-    const s = new z(e, t), i = L.makeEvent(d.VIEW, s);
+    const s = new V(e, t), i = M.makeEvent(d.VIEW, s);
     return this.dispatchEvent(i);
   }
   get metaData() {
@@ -1195,7 +1193,7 @@ var L = class extends EventTarget {
   hasMetaData(e) {
     return this.metaData_.has(e);
   }
-}, nt = class extends L {
+}, dt = class extends M {
   #e = /* @__PURE__ */ new Map();
   #t = null;
   #s = void 0;
@@ -1220,13 +1218,13 @@ var L = class extends EventTarget {
     this.#s = e, this.#t && (this.#t.user = this.user);
   }
   get user() {
-    return this.#s || (this.#s = new B()), this.#s;
+    return this.#s || (this.#s = new $()), this.#s;
   }
   get utils() {
     return this.#n;
   }
   registerUtil(e) {
-    this.#n = Ue(this.#n, e);
+    this.#n = Be(this.#n, e);
   }
   #o() {
     return (/* @__PURE__ */ new Map()).set("switch_view", (e, t) => {
@@ -1250,7 +1248,7 @@ var L = class extends EventTarget {
     this.#t && (this.stopListeningTo(this.#t), this.#t.dispose(), this.#t = null), this.#t = e, this.#t.render();
   }
   initView(e) {
-    return e.user = this.user, e.split = this.split, e.utils = this.utils, e.recordHistory = this.recordHistory.bind(this), e.registerViewConstructor = this.registerViewConstructor.bind(this), this.listen(e, Ce.viewEventCode(), this.onViewEvent.bind(this)), e;
+    return e.user = this.user, e.split = this.split, e.utils = this.utils, e.recordHistory = this.recordHistory.bind(this), e.registerViewConstructor = this.registerViewConstructor.bind(this), this.listen(e, ye.viewEventCode(), this.onViewEvent.bind(this)), e;
   }
   switchView(e) {
     this.setActiveView(this.initView(e));
@@ -1268,53 +1266,328 @@ var L = class extends EventTarget {
       this.debugMe("NAV:NEW:VIEW", e), this.switchView(i);
     }
   };
+}, we = class extends pe {
+  static properties = {
+    token: { type: String },
+    prefix: { type: String },
+    postfix: { type: String }
+  };
+  static styles = me`
+    :host {
+      display: inline-block;
+    }
+
+    .tag {
+      text-align: center;
+      display: inline-flex;
+      align-items: center;
+      justify-content: center;
+      line-height: initial;
+      width: max-content;
+      padding: 0.2em 1em;
+      border-radius: 1em;
+      font-size: var(--zoo-theme-chips-font-size, 0.75rem);
+      white-space: nowrap;
+      word-break: break-word;
+      box-sizing: border-box;
+    }
+  `;
+  render() {
+    const e = `${this.prefix ?? ""}${this.token ?? "default"}${this.postfix ?? ""}`;
+    return P`
+      <span
+        class="tag"
+        style="
+          background-color: var(--zoo-tag-${e}-bg, var(--zoo-tag-default-bg, #9e9e9e));
+          color: var(--zoo-tag-${e}-fg, var(--zoo-tag-default-fg, #ffffff));
+        "
+      >
+        <slot></slot>
+      </span>
+    `;
+  }
+};
+customElements.get("zoo-tag") || customElements.define("zoo-tag", we);
+var ut = (e) => {
+  const t = Math.floor((/* @__PURE__ */ new Date() - e) / 1e3), s = [
+    {
+      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 (t < 0) {
+    const i = Math.abs(t);
+    for (const r of s) {
+      const n = Math.floor(i / r.seconds);
+      if (n >= 1) return new Intl.RelativeTimeFormat("en", { numeric: "auto" }).format(n, r.name);
+    }
+    return "just now";
+  }
+  for (const i of s) {
+    const r = Math.floor(t / i.seconds);
+    if (r >= 1) return new Intl.RelativeTimeFormat("en", { numeric: "auto" }).format(-r, i.name);
+  }
+  return "just now";
+}, pt = (e) => {
+  const [{ value: t }, , { value: s }, , { value: i }, , { value: r }, , { value: n }, , { value: l }] = new Intl.DateTimeFormat("en", {
+    day: "2-digit",
+    month: "short",
+    year: "2-digit",
+    hour: "2-digit",
+    minute: "2-digit",
+    second: "2-digit",
+    hourCycle: "h23"
+  }).formatToParts(e);
+  return `${s} ${t} ${i} ${r}:${n}:${l}`;
+}, mt = (e) => {
+  const [{ value: t }, , { value: s }, , { value: i }] = new Intl.DateTimeFormat("en", {
+    day: "2-digit",
+    month: "short",
+    year: "2-digit"
+  }).formatToParts(e);
+  return `${s} ${t} ${i}`;
+}, Me = class extends pe {
+  static properties = {
+    timestamp: { type: Number },
+    kind: { type: String },
+    concat: { type: String }
+  };
+  static styles = me`
+    :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);
+    }
+
+    :host([kind="stack"]) {
+      display: inline-block;
+      vertical-align: middle;
+    }
+
+    :host([kind="stack"]) time {
+      display: flex;
+      flex-direction: column;
+      gap: var(--zoo-timestamp-stack-gap, 0);
+      align-items: var(--zoo-timestamp-stack-align, stretch);
+    }
+  `;
+  constructor() {
+    super(), this.timestamp = Date.now(), this.kind = "both", this.concat = "r (s)", this._boundTickHandler = this._onTimeTick.bind(this), this._isListening = !1;
+  }
+  _shouldListenToTicks() {
+    return this.kind === "relative" || this.kind === "both" || this.kind === "stack";
+  }
+  connectedCallback() {
+    super.connectedCallback(), this._updateTickListener();
+  }
+  disconnectedCallback() {
+    this._removeTickListener(), super.disconnectedCallback();
+  }
+  updated(e) {
+    super.updated(e), e.has("kind") && this._updateTickListener();
+  }
+  _updateTickListener() {
+    const e = this._shouldListenToTicks();
+    e && !this._isListening ? (document.addEventListener("zoo-tick-60", this._boundTickHandler), this._isListening = !0) : !e && this._isListening && this._removeTickListener();
+  }
+  _removeTickListener() {
+    this._isListening && (document.removeEventListener("zoo-tick-60", this._boundTickHandler), this._isListening = !1);
+  }
+  _onTimeTick() {
+    this.requestUpdate();
+  }
+  _parseTemplate(e) {
+    const t = [];
+    let s = e;
+    for (; s.length > 0; ) {
+      const i = s.indexOf("r"), r = s.indexOf("s"), n = [
+        i,
+        r,
+        s.indexOf("d")
+      ].filter((l) => l !== -1).sort((l, p) => l - p)[0];
+      if (n === void 0) {
+        s.length > 0 && t.push({
+          type: "text",
+          value: s
+        });
+        break;
+      }
+      n > 0 && t.push({
+        type: "text",
+        value: s.substring(0, n)
+      }), n === i ? t.push({
+        type: "relative",
+        value: ""
+      }) : n === r ? t.push({
+        type: "static",
+        value: ""
+      }) : t.push({
+        type: "dateOnly",
+        value: ""
+      }), s = s.substring(n + 1);
+    }
+    return t;
+  }
+  _parseStackOrder(e) {
+    const t = e.indexOf("r"), s = e.indexOf("s"), i = e.indexOf("d");
+    let r = -1, n = null;
+    return s !== -1 && (i === -1 || s < i) ? (r = s, n = "static") : i !== -1 && (r = i, n = "dateOnly"), t !== -1 && r !== -1 ? t < r ? ["relative", n] : [n, "relative"] : t !== -1 ? ["relative"] : r !== -1 ? [n] : ["relative", "static"];
+  }
+  _getFormattedParts() {
+    let e = this.timestamp;
+    e < 9466848e5 && (e = e * 1e3);
+    const t = new Date(e), s = ut(t), i = pt(t), r = mt(t);
+    switch (this.kind) {
+      case "relative":
+        return [{
+          type: "relative",
+          value: s
+        }];
+      case "datetime":
+        return [{
+          type: "static",
+          value: i
+        }];
+      case "date":
+        return [{
+          type: "static",
+          value: r
+        }];
+      case "both":
+        return this._parseTemplate(this.concat).map((n) => n.type === "relative" ? {
+          type: "relative",
+          value: s
+        } : n.type === "static" ? {
+          type: "static",
+          value: i
+        } : n.type === "dateOnly" ? {
+          type: "static",
+          value: r
+        } : n);
+      case "stack":
+        return this._parseStackOrder(this.concat).map((n) => n === "relative" ? {
+          type: "relative",
+          value: s
+        } : n === "dateOnly" ? {
+          type: "static",
+          value: r
+        } : {
+          type: "static",
+          value: i
+        });
+      default:
+        return this._parseTemplate(this.concat).map((n) => n.type === "relative" ? {
+          type: "relative",
+          value: s
+        } : n.type === "static" ? {
+          type: "static",
+          value: i
+        } : n.type === "dateOnly" ? {
+          type: "static",
+          value: r
+        } : n);
+    }
+  }
+  render() {
+    let e = this.timestamp;
+    e < 9466848e5 && (e = e * 1e3);
+    const t = new Date(e), s = this._getFormattedParts();
+    return P`<time datetime="${t.toISOString()}">
+      ${s.map((i) => i.type === "relative" ? P`<span class="relative">${i.value}</span>` : i.type === "static" ? P`<span class="static">${i.value}</span>` : P`<span class="separator">${i.value}</span>`)}
+    </time>`;
+  }
 };
-async function ot(e = {}) {
-  const { registerCarbonLibrary: t } = await import("./chunks/register-9ABlBJaU.js");
+customElements.get("zoo-timestamp") || customElements.define("zoo-timestamp", Me);
+var ft = /* @__PURE__ */ J({
+  ZooTag: () => we,
+  ZooTimestamp: () => Me,
+  getEventAttribute: () => Ue,
+  getSemanticAttributes: () => Ve
+});
+async function gt(e = {}) {
+  const { registerCarbonLibrary: t } = await import("./chunks/register-B53HY61t.js");
   return t(e);
 }
-async function at() {
-  const { registerMdcLibrary: e } = await import("./chunks/register-BQwcQb3J.js");
+async function vt() {
+  const { registerMdcLibrary: e } = await import("./chunks/register-BYYPJoHC.js");
   return e();
 }
-var pt = {
-  Evt: L,
-  Component: y,
-  Dragger: H,
-  Panel: G,
-  FormPanel: Ze,
-  Split: et,
-  UserManager: B,
-  View: Ce,
-  Conductor: nt,
-  DataBinder: he,
+var Ct = {
+  Evt: M,
+  Component: A,
+  Dragger: W,
+  Panel: X,
+  FormPanel: nt,
+  Split: ot,
+  UserManager: $,
+  View: ye,
+  Conductor: dt,
+  DataBinder: de,
   UiEventType: d,
-  domUtils: Ie,
-  uriUtils: qe,
-  registerCarbonLibrary: ot,
-  registerMdcLibrary: at,
-  ComponentLibraryRegistry: R,
-  handlers: rt,
-  zoo: Pe
+  domUtils: Ne,
+  uriUtils: Ye,
+  registerCarbonLibrary: gt,
+  registerMdcLibrary: vt,
+  ComponentLibraryRegistry: I,
+  handlers: ht,
+  zoo: ft
 };
 export {
-  he as Binder,
-  y as Component,
-  R as ComponentLibraryRegistry,
-  nt as Conductor,
-  H as Dragger,
-  L as Evt,
-  Ze as FormPanel,
-  G as Panel,
-  et as Split,
+  de as Binder,
+  A as Component,
+  I as ComponentLibraryRegistry,
+  dt as Conductor,
+  W as Dragger,
+  M as Evt,
+  nt as FormPanel,
+  X as Panel,
+  ot as Split,
   d as UiEventType,
-  B as UserManager,
-  Ce as View,
-  pt as default,
-  Ie as domUtils,
-  rt as handlers,
-  ot as registerCarbonLibrary,
-  at as registerMdcLibrary,
-  qe as uriUtils,
-  Pe as zoo
+  $ as UserManager,
+  ye as View,
+  Ct as default,
+  Ne as domUtils,
+  ht as handlers,
+  gt as registerCarbonLibrary,
+  vt as registerMdcLibrary,
+  Ye as uriUtils,
+  ft as zoo
 };