@trintel/zooy 1.0.16 → 1.0.20

package/dist/zooy.es.js

@@ -1,22 +1,1311 @@
-import { h as r, s as e, C as i, w as n, D as o, q as t, F as l, P as d, S as g, v as y, U as m, V as p, z as C, y as U, G as b, r as u, n as v, A as L, H as P } from "./chunks/main-CXPn-jnk.js";
+import { _ as le, a as q, c as Me, d as f, f as ce, h as be, i as x, m as ee, n as C, o as te, t as R } from "./chunks/component-library-registry-CJ1Yb_8E.js";
+import { a as we, c as Le, d as O, f as se, i as Oe, l as Ie, m as Re, n as Ae, o as ye, p as he, s as w, t as Pe, u as ie } from "./chunks/tree-utils-D7kpr-Wj.js";
+import { c as Ne, i as Ve, t as Ue, u as ke } from "./chunks/zoo-Bb5HHyrn.js";
+var L = class extends EventTarget {
+  #e = !1;
+  #t = !1;
+  #s = /* @__PURE__ */ new Map();
+  #i = /* @__PURE__ */ new Set();
+  #r = /* @__PURE__ */ new Set();
+  static makeEvent(e, t) {
+    return new CustomEvent(e, { detail: t });
+  }
+  set debugMode(e) {
+    if (typeof e != "boolean") throw new Error("This must be a boolean");
+    this.#e = e;
+  }
+  get debugMode() {
+    return this.#e;
+  }
+  get disposed() {
+    return this.#t;
+  }
+  get listeningTo() {
+    return this.#s;
+  }
+  get isObservedBy() {
+    return this.#i;
+  }
+  get activeIntervals() {
+    return this.#r;
+  }
+  debugMe(...e) {
+    this.#e && console.log.apply(null, [
+      this.constructor.name,
+      "DEBUG:",
+      ...e
+    ]);
+  }
+  isListenedToBy(e) {
+    this.#i.add(e);
+  }
+  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), x(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) && (x(e.isObservedBy) && e.isObservedBy.delete(this), x(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)));
+  }
+  removeAllListener() {
+    for (const e of this.listeningTo.keys()) this.stopListeningTo(e);
+  }
+  clearAllIntervals() {
+    for (const e of this.activeIntervals)
+      clearInterval(e), this.activeIntervals.delete(e);
+  }
+  doOnBeat(e, t) {
+    const s = setInterval(e, t);
+    this.activeIntervals.add(s);
+  }
+  disposeInternal() {
+    this.stopBeingListenedTo(), this.removeAllListener(), this.clearAllIntervals(), this.#t = !0;
+  }
+  dispose() {
+    this.disposeInternal();
+  }
+}, k = class {
+  constructor(e, t) {
+    this.value_ = e, this.data_ = t || {};
+  }
+  getValue() {
+    return this.value_;
+  }
+  getData() {
+    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 = {
+  NOT_SUPPORTED: "Method not supported",
+  DECORATE_INVALID: "Invalid element to decorate",
+  ALREADY_RENDERED: "Component already rendered",
+  ALREADY_DISPOSED: "Component already disposed",
+  PARENT_UNABLE_TO_BE_SET: "Unable to set parent component",
+  CHILD_INDEX_OUT_OF_BOUNDS: "Child component index out of bounds",
+  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"
+}, A = class extends L {
+  static compEventCode() {
+    return d.COMP;
+  }
+  static compReadyCode() {
+    return d.READY;
+  }
+  static compErrors() {
+    return N;
+  }
+  #e;
+  #t;
+  #s;
+  #i;
+  #r;
+  #n;
+  #o;
+  #a;
+  constructor() {
+    super(), this.#e = () => document.createElement("div"), this.#t = !1, this.#s = void 0, this.#i = void 0, this.#r = void 0, this.#n = void 0, this.#o = /* @__PURE__ */ new Map(), this.outOfTreeElements = [], this.placeholderDom = void 0, this.#a = () => {
+    };
+  }
+  set target(e) {
+    this.#r = e;
+  }
+  get target() {
+    return this.#r;
+  }
+  set model(e) {
+    this.#i = e;
+  }
+  get model() {
+    return this.#i;
+  }
+  set isInDocument(e) {
+    this.#t = e;
+  }
+  get isInDocument() {
+    return this.#t;
+  }
+  set domFunc(e) {
+    this.#e = e;
+  }
+  set readyFunc(e) {
+    this.#a = e;
+  }
+  setElementInternal_(e) {
+    this.#s = e;
+  }
+  getElement() {
+    return this.#s;
+  }
+  createDom() {
+    this.#s = this.#e();
+  }
+  assertCanRenderAsync() {
+    if (this.disposed) throw new Error(N.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);
+    this.#s || this.createDom();
+    const t = this.#s;
+    e && (this.#r = e), this.placeholderDom && O(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);
+  }
+  executeBeforeReady() {
+    this.#a();
+  }
+  enterDocument() {
+    this.disposed ? O(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);
+  }
+  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();
+  }
+  dispose() {
+    this.abortController && this.abortController.abort();
+    const e = this.getElement();
+    if (e) for (const t of R.getRegisteredLibraries()) try {
+      const s = R.get(t);
+      s.dispose && s.dispose(e);
+    } catch (s) {
+      console.debug(`[${t}] Cleanup error during component disposal (non-critical):`, s);
+    }
+    super.dispose();
+  }
+  dispatchCompEvent(e, t) {
+    const s = new k(e, t), i = L.makeEvent(d.COMP, s);
+    return this.dispatchEvent(i);
+  }
+}, l = {
+  CLICK: "click",
+  RIGHTCLICK: "rightclick",
+  DBLCLICK: "dblclick",
+  MOUSEDOWN: "mousedown",
+  MOUSEUP: "mouseup",
+  MOUSEOVER: "mouseover",
+  MOUSEOUT: "mouseout",
+  MOUSEMOVE: "mousemove",
+  MOUSEENTER: "mouseenter",
+  MOUSELEAVE: "mouseleave",
+  TOUCHSTART: "touchstart",
+  TOUCHMOVE: "touchmove",
+  TOUCHEND: "touchend",
+  TOUCHCANCEL: "touchcancel",
+  SUBMIT: "submit",
+  CHANGE: "change",
+  INPUT: "input",
+  INVALID: "invalid",
+  DRAGSTART: "dragstart",
+  DRAGEND: "dragend",
+  DRAGOVER: "dragover",
+  DRAGENTER: "dragenter",
+  DRAGEXIT: "dragexit",
+  DRAGLEAVE: "dragleave",
+  DROP: "drop",
+  TRANSITIONEND: "transitionend",
+  ANIMATIONEND: "animationend"
+}, ze = [
+  l.TOUCHMOVE,
+  l.TOUCHSTART,
+  l.TOUCHEND
+], Be = (e) => ze.includes(e.type), z = (e) => (Be(e) && (e.clientX = e.targetTouches[0].clientX, e.clientY = e.targetTouches[0].clientY), e), Fe = (e, t, s, i) => (r) => {
+  r.preventDefault();
+  const n = z(r), c = n.currentTarget, [p, v] = Le(c), m = n.clientX - p, S = n.clientY - v, o = e(p, v, m, S, c), a = s(p, v, m, S, c), h = t(p, v, m, S, c);
+  let u = xe(h, c, m, S);
+  ["x", "ew"].includes(i) ? u = $e(h, c, m, S) : ["y", "ns"].includes(i) && (u = je(h, c, m, S));
+  let g = !1;
+  const E = (T) => {
+    g = !0, u(T);
+  }, _ = (T) => {
+    document.removeEventListener(l.MOUSEMOVE, E, !0), document.removeEventListener(l.TOUCHMOVE, E, !0), document.removeEventListener(l.MOUSEUP, _, !0), document.removeEventListener(l.TOUCHEND, _, !0), g && a(T);
+  };
+  return document.addEventListener(l.MOUSEUP, _, !0), document.addEventListener(l.TOUCHEND, _, !0), document.addEventListener(l.MOUSEMOVE, E, !0), document.addEventListener(l.TOUCHMOVE, E, !0), o(r), _;
+}, xe = (e, t, s, i) => (r) => {
+  r.preventDefault();
+  const n = z(r);
+  t.style.left = `${n.clientX - s}px`, t.style.top = `${n.clientY - i}px`, e(n);
+}, $e = (e, t, s, i) => (r) => {
+  r.preventDefault();
+  const n = z(r);
+  t.style.left = `${n.clientX - s}px`, e(n);
+}, je = (e, t, s, i) => (r) => {
+  r.preventDefault();
+  const n = z(r);
+  t.style.top = `${n.clientY - i}px`, e(n);
+}, $ = (e, t) => (s, i, r, n, c) => (p) => {
+  e.dispatchCompEvent(t, {
+    component: e,
+    browserEvent: p,
+    left: s,
+    top: i,
+    clientX: p.clientX,
+    clientY: p.clientY,
+    xOrg: r,
+    yOrg: n,
+    deltaX: p.clientX - r - s,
+    deltaY: p.clientY - n - i,
+    target: c
+  });
+}, H = class extends A {
+  #e;
+  #t;
+  #s;
+  #i;
+  constructor(e = "xy") {
+    super(), this.#e = [
+      "x",
+      "y",
+      "xy",
+      "ew",
+      "ns"
+    ].includes(e.toLowerCase()) ? e.toLowerCase() : "xy", this.#t = void 0, this.#s = !0, this.#i = (t) => null;
+  }
+  cancelDrag(e) {
+    this.#i(e);
+  }
+  set moveFreedom(e) {
+    this.#e = e, this.#s || (this.lock(), this.unlock());
+  }
+  get moveFreedom() {
+    return this.#e;
+  }
+  executeBeforeReady() {
+    this.unlock(), super.executeBeforeReady();
+  }
+  unlock() {
+    const e = (t) => (s) => {
+      this.#i = t(s);
+    };
+    if (this.isInDocument && this.#s) {
+      const t = $(this, d.COMP_DRAG_MOVE), s = Fe($(this, d.COMP_DRAG_START), t, $(this, d.COMP_DRAG_END), this.#e);
+      this.#s = !1, this.#t = this.#t || this.getElement(), this.listen(this.#t, l.MOUSEDOWN, e(s)), this.listen(this.#t, l.TOUCHSTART, s), this.#t.classList.remove("locked");
+    }
+  }
+  lock() {
+    this.stopListeningTo(this.#t, l.MOUSEDOWN), this.stopListeningTo(this.#t, l.TOUCHSTART), this.#s = !0, this.#t.classList.add("locked");
+  }
+}, qe = /* @__PURE__ */ le({
+  getPath: () => W,
+  getQueryData: () => me,
+  objectToUrlParms: () => ge,
+  queryDataToMap: () => Ee
+}), He = new RegExp("^(?:([^:/?#.]+):)?(?://(?:([^/?#]*)@)?([^/#?]*?)(?::([0-9]+))?(?=[/#?]|$))?([^?#]+)?(?:\\?([^#]*))?(?:#([\\s\\S]*))?$"), de = {
+  SCHEME: 1,
+  USER_INFO: 2,
+  DOMAIN: 3,
+  PORT: 4,
+  PATH: 5,
+  QUERY_DATA: 6,
+  FRAGMENT: 7
+}, ue = (e) => e.match(He), pe = (e, t) => e ? t ? decodeURI(e.replace(/%25/g, "%2525")) : decodeURIComponent(e) : "", W = (e) => pe(ue(e)[de.PATH], !0), me = (e) => pe(ue(e)[de.QUERY_DATA], !0), ge = (e) => [...Object.entries(e)].map((t) => `${t[0]}=${t[1]}`).join("&"), re = (e) => e != null && e !== "", Ee = (e) => e.split("&").reduce((t, s) => {
+  const [i, r] = s.split("=");
+  return re(i) && re(r) && t.set(i, r), t;
+}, /* @__PURE__ */ new Map()), We = ce(" "), Je = ce("/"), Ge = (e) => document.cookie.split(";").map((t) => t.split("=")).reduce((t, s) => t.set(We(s[0]), s[1]), /* @__PURE__ */ new Map()).get(e), Ye = (e) => {
+  let t = 0, s;
+  const i = (r) => {
+    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);
+  };
+}, fe = Ye("the_loader"), j = () => Promise.resolve(fe(1)), U = (e) => (fe(0), Promise.resolve(e)), I = (e) => e.ok ? Promise.resolve(e) : Promise.reject(/* @__PURE__ */ new Error(`${e.url} ${e.status} (${e.statusText})`)), Xe = (e) => (t) => {
+  if (t.type === "opaqueredirect" || t.redirected) {
+    const s = Je(W(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}`))), Qe = (e) => e.headers.get("Content-Type") === "application/json" ? P(e) : J(e), V = (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 n = {
+    cache: "no-cache",
+    method: s,
+    headers: r,
+    credentials: "include",
+    body: JSON.stringify(t)
+  };
+  return i && (n.signal = i), n;
+}, ve = (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 c = Ge("csrftoken");
+    c && s && r.append("X-CSRFToken", c);
+  }
+  const n = {
+    cache: "no-cache",
+    method: e,
+    headers: r,
+    redirect: "follow",
+    credentials: "include"
+  };
+  return i && (n.signal = i), n;
+}, Ke = (e, t, s = void 0) => {
+  const i = ve("POST", e, !1, s);
+  return i.body = new FormData(t.formEl), i;
+}, ne = (e, t = void 0) => {
+  const s = new Headers();
+  s.append("Authorization", `Bearer ${e}`), s.append("X-Requested-With", "XMLHttpRequest");
+  const i = {
+    cache: "no-cache",
+    headers: s,
+    credentials: "include"
+  };
+  return t && (i.signal = t), i;
+}, Ze = (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 {
+  constructor(e) {
+    this.user_ = {}, this.jwt = "", e && this.updateProfileFromJwt(e).then(() => {
+    });
+  }
+  updateProfileFromJwt(e, t = !1) {
+    return t && this.jwt !== "" ? Promise.resolve("User Profile Already exists") : e.non_field_errors ? Promise.reject(/* @__PURE__ */ new Error(`JWT ${e.non_field_errors}`)) : (this.updateToken(e.token), this.updateProfile(e.user), Promise.resolve("User Profile Updated"));
+  }
+  updateProfile(e) {
+    this.user_ = e;
+  }
+  updateToken(e) {
+    this.jwt = e;
+  }
+  get id() {
+    return this.user_.id;
+  }
+  get name() {
+    return this.user_.name;
+  }
+  get surname() {
+    return this.user_.surname;
+  }
+  get salutation() {
+    let e = this.name;
+    const t = this.surname;
+    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 j().then(() => fetch(t, Ke(this.jwt, e, e.abortController.signal))).then(Xe(e)).then(U).then(Qe).then(s).catch(i);
+  }
+  putNoBody(e, t = void 0, s = !1) {
+    const i = b("putNobody error");
+    return Ze(e, ve("PUT", this.jwt, s, t)).catch(i);
+  }
+  fetch(e, t = void 0) {
+    const s = new Request(e.toString()), i = b(`UMan Text GET Fetch: ${e}`);
+    return j().then(() => fetch(s, ne(this.jwt, t))).then(I).then(U).then(J).catch(i);
+  }
+  fetchAndSplit(e, t = void 0) {
+    const s = b(`fetchAndSplit: ${e}`);
+    return this.fetch(e, t).then(Ie).catch(s);
+  }
+  async fetchJson(e, t = void 0, s = void 0) {
+    const i = new Request(e.toString()), r = b(`fetchJson: ${e}`, s), n = ne(this.jwt, t);
+    await j();
+    let c;
+    try {
+      c = await (await fetch(i, n)).json();
+    } catch (p) {
+      return r(p);
+    }
+    return await U(), c;
+  }
+  patchJson(e, t, s = void 0) {
+    const i = new Request(e.toString()), r = b(`patchJson: ${e}`), n = V(this.jwt, t, "PATCH", s);
+    return fetch(i, n).then(I).then(P).catch(r);
+  }
+  postJson(e, t, s = void 0) {
+    const i = new Request(e.toString()), r = b(`postJson: ${e}`), n = V(this.jwt, t, "POST", s);
+    return fetch(i, n).then(I).then(P).catch(r);
+  }
+  putJson(e, t, s = void 0) {
+    const i = new Request(e.toString()), r = b(`putJson: ${e}`), n = V(this.jwt, t, "PUT", s);
+    return fetch(i, n).then(I).then(P).catch(r);
+  }
+  delJson(e, t, s = void 0) {
+    const i = new Request(e.toString()), r = b(`delJson: ${e}`), n = V(this.jwt, t, "DELETE", s);
+    return fetch(i, n).then(I).then(P).catch(r);
+  }
+}, G = class extends A {
+  static panelEventCode() {
+    return d.PANEL;
+  }
+  static compReadyCode() {
+    return d.READY;
+  }
+  constructor(e) {
+    super(), this.qParamMap_ = /* @__PURE__ */ new Map(), this.uri_ = "", e && this.parseUri(e), this.evalScripts = we(this), this.evalModules = Oe(this), this.redirected = !1, this.responseObject = {
+      html: null,
+      scripts: null
+    }, this.user_ = void 0, "AbortController" in window ? this.abortController = new AbortController() : this.abortController = {
+      signal: void 0,
+      abort: () => {
+      }
+    }, this.listMap = /* @__PURE__ */ new Map();
+  }
+  get uri() {
+    const e = this.qParamMap_.size > 0 ? "?" + ge(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_;
+  }
+  parseUri(e) {
+    this.uri_ = W(e), this.qParamMap_ = Ee(me(e));
+  }
+  addToQParams(e, t) {
+    this.qParamMap_.set(e, t);
+  }
+  removeFromQParams(e) {
+    this.qParamMap_.delete(e);
+  }
+  clearQParams() {
+    this.qParamMap_.clear();
+  }
+  getCarbonComponents(e) {
+    return this.carbonComponents?.get(e) || [];
+  }
+  getCarbonComponentById(e) {
+    if (this.carbonComponents)
+      for (const t of this.carbonComponents.values()) {
+        const s = t.find((i) => i.id === e);
+        if (s) return s;
+      }
+  }
+  renderPlaceHolder(e) {
+    this.target && (this.placeholderDom = e, this.target.insertBefore(this.placeholderDom, null));
+  }
+  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 !== 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 = he(e), this.domFunc = () => this.responseObject.html, this.render(), Promise.resolve(this);
+  }
+  onReplacePartialDom(e, t) {
+    const s = this.getElement();
+    if (Me(s)) return;
+    const i = e.html;
+    if (t.startsWith(".")) [...s.querySelectorAll(t)].filter((r) => q(r.id)).map((r) => [r, i.querySelector(`#${r.id}`)]).filter(([r, n]) => q(n)).forEach(([r, n]) => {
+      r.parentNode.replaceChild(n, r), this.parseContent(n);
+    });
+    else if (t.startsWith("#")) {
+      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);
+    }).catch((t) => {
+      throw console.error("Panel.renderWithJSON fetch failed:", t), t;
+    }) : Promise.reject(/* @__PURE__ */ new Error("No UserManager instance available for Panel.renderWithJSON()"));
+  }
+  onRenderWithJSON(e) {
+    return Promise.resolve(this);
+  }
+  onAsyncJsonReply(e, t, s) {
+  }
+  onAsyncHtmlReply(e, t) {
+  }
+  onViewDataBroadcast(e) {
+  }
+  parseContent(e) {
+    if (this.debugMe("Enable interactions. Panel:", e), typeof window.customElements < "u" && R.has("carbon")) {
+      const o = R.get("carbon");
+      o.render.call(this, e, o.cache).catch((a) => console.error("[Zooy] Carbon initialization failed:", a));
+    }
+    if (R.has("mdc")) {
+      const o = R.get("mdc");
+      o.render.call(this, e, o.cache);
+    }
+    e.classList.contains("zoo__modal-base") && e.classList.contains("close_on_click") && this.listen(e, l.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, l.CLICK, (a) => {
+        a.stopPropagation();
+        const h = a.currentTarget, u = w(h);
+        this.dispatchPanelEvent(u.zv, Object.assign({
+          orgEvt: a,
+          trigger: h,
+          href: h.href || u.href
+        }, u));
+      });
+    }), [...e.querySelectorAll("[href]:not(.external)")].forEach((o) => {
+      this.listen(o, l.CLICK, (a) => {
+        const h = a.currentTarget;
+        a.preventDefault(), a.stopPropagation();
+        const u = w(h), g = u.zv || "href";
+        this.dispatchPanelEvent(g, Object.assign({
+          orgEvt: a,
+          trigger: a.target,
+          href: h.href || u.href
+        }, u));
+      });
+    }), [...e.querySelectorAll("form.intercept_submit")].forEach((o) => {
+      o.noValidate = !0, this.listen(o, l.SUBMIT, (a) => {
+        a.preventDefault(), a.stopPropagation();
+        const h = w(o), u = ye(o.elements);
+        this.dispatchPanelEvent(h.zv, Object.assign({
+          orgEvt: a,
+          trigger: a.target,
+          formData: u,
+          href: h.href
+        }, h));
+      });
+    }), [...e.querySelectorAll(".zoo__toggle_class_driver")].forEach((o) => {
+      const a = w(o), h = a.toggle_class_target_id, u = a.toggle_class, g = e.querySelector(`#${h}`);
+      g && u && o.addEventListener(l.CLICK, (E) => {
+        E.stopPropagation(), g.classList.toggle(u);
+      });
+    });
+    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");
+    }, c = (o) => {
+      o.preventDefault(), o.target.classList.remove("drag_over");
+    }, p = (o) => {
+      o.preventDefault(), o.target.classList.remove("drag_over");
+    }, v = (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")), h = w(o.target);
+      return this.dispatchPanelEvent("drop_on", { custom: {
+        on: h,
+        from: a
+      } }), !1;
+    };
+    t.forEach((o) => {
+      this.listen(o, l.DRAGOVER, r), this.listen(o, l.DRAGENTER, i), this.listen(o, l.DRAGEXIT, c), this.listen(o, l.DRAGLEAVE, n), this.listen(o, l.DROP, S);
+    }), s.forEach((o) => {
+      this.listen(o, l.DRAGSTART, v), this.listen(o, l.DRAGEND, m);
+    }), [...e.querySelectorAll(".zoo_async_json")].forEach((o) => {
+      const a = w(o), h = a.href, u = this.onAsyncJsonReply.bind(this, o, a);
+      this.user.fetchJson(h, this.abortController.signal).then(u);
+      const g = a.z_json_reusable;
+      g && (this.jsonCallFuncs = this.jsonCallFuncs || {}, this.jsonCallFuncs[g] = () => {
+        this.user.fetchJson(h, this.abortController.signal).then(u);
+      });
+      const E = ee(a.z_interval);
+      te(E) && this.doOnBeat(() => {
+        this.user.fetchJson(h, this.abortController.signal).then(u);
+      }, E * 60 * 1e3);
+    }), [...e.querySelectorAll(".zoo_async_html")].forEach((o) => {
+      const a = w(o), h = a.href;
+      this.user.fetchAndSplit(h, this.abortController.signal).then((g) => {
+        o.appendChild(g.html), this.parseContent(o), this.evalScripts(g.scripts), this.evalModules(g.modules), this.onAsyncHtmlReply(o, a);
+      });
+      const u = ee(a.z_interval);
+      te(u) && this.doOnBeat(() => {
+        this.user.fetchAndSplit(h, this.abortController.signal).then((g) => {
+          o.replaceChildren(g.html), this.parseContent(o), this.evalScripts(g.scripts), this.evalModules(g.modules);
+        });
+      }, u * 60 * 1e3);
+    });
+  }
+  enterDocument() {
+    const e = this.getElement();
+    this.parseContent(e), this.evalScripts(this.responseObject.scripts), this.evalModules(this.responseObject.modules), super.enterDocument();
+  }
+  exitDocument() {
+    this.abortController.abort(), super.exitDocument();
+  }
+  setIsRedirected(e, t) {
+    this.redirected = e, this.redirected && t && (this.uri_ = t);
+  }
+  dispatchPanelEvent(e, t) {
+    const s = new k(e, t), i = L.makeEvent(d.PANEL, s);
+    return this.debugMe(`PANEL EVENT FIRED:
+      value:${e}
+      data:${t}`), this.dispatchEvent(i);
+  }
+}, et = class extends G {
+  #e = null;
+  #t = /* @__PURE__ */ new Map();
+  #s = !0;
+  constructor(e, t = !0) {
+    super(e), this.#s = t, this.onSubmitSucFunc = (s, i) => null;
+  }
+  get formEl() {
+    return this.#e;
+  }
+  enterDocument() {
+    super.enterDocument(), this.formIdElementToForm_();
+  }
+  formIdElementToForm_() {
+    this.#e = this.getFormFromId(), this.#e && (this.#a(this.#e), this.#i());
+  }
+  getFormFromId(e) {
+    let t = null, s = this.getElement().querySelector("form");
+    return e && (s = document.getElementById(e) || s), s && s.tagName.toLowerCase() === "form" && (t = s), t;
+  }
+  #i() {
+    this.#e && (this.listen(this.#e, l.CHANGE, (e) => {
+      this.#o(e);
+    }, { passive: !0 }), this.listen(this.#e, l.INPUT, (e) => {
+      this.clearAllValidationErrors(), this.#o(e);
+    }), this.listen(this.#e, l.INVALID, (e) => {
+      e.preventDefault();
+      const t = e.target;
+      this.#n(t), this.displayFieldError(t);
+    }, { passive: !0 }));
+  }
+  checkAllFields() {
+    const e = [...this.#e.elements].map((t) => [this.#r(t), t]).filter((t) => !t[0]);
+    return e.forEach((t) => this.displayFieldError(t[1])), e.length === 0;
+  }
+  clearAllValidationErrors() {
+    [...this.#e ? this.#e.elements : []].forEach((e) => this.#n(e)), [...this.#e.querySelectorAll(".non-field-errors")].forEach((e) => e.classList.remove("alert-error"));
+  }
+  displayAlert_(e, t, s) {
+    const i = document.getElementById(`${e.id}-helper-text`) || document.createElement("p");
+    i.textContent = t, this.#t.set(e, i);
+  }
+  #r(e) {
+    this.#n(e);
+    let t = !e.willValidate;
+    return e.willValidate && (t = e.checkValidity()), t;
+  }
+  #n(e) {
+    e.classList.remove("error"), this.#t.has(e) && (this.#t.get(e).textContent = ""), this.#t.delete(e);
+  }
+  displayFieldError(e, t) {
+    const s = t || e.validationMessage;
+    e.classList.add("error"), this.displayAlert_(e, s, "alert-error");
+  }
+  displayFieldSuccess(e, t) {
+    this.displayAlert_(e, t, "alert-success");
+  }
+  displayFieldInfo(e, t) {
+    this.displayAlert_(e, t, "alert-info");
+  }
+  #o(e) {
+    this.#r(e.target);
+  }
+  #a(e) {
+    if (e && this.#s) {
+      e.noValidate = !0;
+      const t = this.user;
+      this.listen(e, l.SUBMIT, (s) => {
+        s.preventDefault(), this.debugMe("Intercepted from SUBMIT"), this.checkAllFields() && t && t.formSubmit(this);
+      });
+    }
+    return e;
+  }
+  onSubmitSuccess(e) {
+    this.onSubmitSucFunc = e;
+  }
+  replaceForm(e) {
+    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 && se(t, this.#e);
+        const s = this.responseObject.html.querySelector('button[type="submit"]'), i = this.getElement().querySelector('button[type="submit"]');
+        s && i && se(s, i);
+      }
+      this.enterDocument();
+    }
+  }
+  refreshFromFromServer() {
+    const e = this.user, t = this.uri;
+    return e ? e.fetch(t, this.abortController.signal).then((s) => this.replaceForm(s)) : Promise.reject(/* @__PURE__ */ new Error("No UserManager instance available for FormPanel.refreshFromFromServer()"));
+  }
+  processSubmitReply(e) {
+    this.clearAllValidationErrors();
+    let t = !1;
+    if (be(e) === "object" && e.success) return Promise.resolve(this).then(() => {
+      this.onSubmitSucFunc(this, e), this.dispatchCompEvent(d.FORM_SUBMIT_SUCCESS);
+    });
+    if (e === "success" ? (this.debugMe(`
+      1.REDIRECTED: ${this.redirected}
+      REPLY: ${e}`), t = !0) : e === `redirected_success
+` ? (this.debugMe(`
+      2.REDIRECTED: ${this.redirected}
+      REPLY: ${e}`), t = !0, this.redirected = !1) : (this.debugMe(`
+      3.REDIRECTED: ${this.redirected}
+      REPLY: Some form HTML`), this.replaceForm(e)), t && this.redirected)
+      return this.debugMe(`
+      4.REDIRECTED: ${this.redirected}
+      SUCCESS: ${t}`), this.redirected = !1, Promise.resolve(this);
+    if (t)
+      return this.debugMe(`
+      5.REDIRECTED: ${this.redirected}
+      SUCCESS: ${t}`), Promise.resolve(this).then(() => {
+        this.onSubmitSucFunc(this), this.dispatchCompEvent(d.FORM_SUBMIT_SUCCESS);
+      });
+    this.debugMe(`
+      6.REDIRECTED: ${this.redirected}
+      SUCCESS: ${t}`);
+  }
+}, tt = class extends A {
+  static splitEventCode() {
+    return d.SPLIT;
+  }
+  constructor() {
+    super(), this.dragImage_ = document.createElement("canvas"), this.nestMap_ = /* @__PURE__ */ new Map(), this.nestCallbackMap_ = /* @__PURE__ */ new Map(), this.splitNests_ = /* @__PURE__ */ new Set();
+  }
+  get nests() {
+    return [...this.nestMap_.entries()].filter(([e, { nestEl: t }]) => t);
+  }
+  getNest(e) {
+    return this.nestMap_.get(e)?.nestEl;
+  }
+  get nestNames() {
+    return [...this.nestMap_.entries()].filter(([e, t]) => !this.splitNests_.has(t)).map(([e]) => e);
+  }
+  closeAndLockAll(e = C, t = !1) {
+    this.nestNames.forEach((s) => this.closeAndLock(s, e, t));
+  }
+  openAndUnlockAll(e = C, t = !1) {
+    this.nestNames.forEach((s) => this.openAndUnlock(s, e, t));
+  }
+  lock(e) {
+    const { dragEl: t } = this.nestMap_.get(e);
+    t.classList.add("locked");
+  }
+  unlock(e) {
+    const { dragEl: t } = this.nestMap_.get(e);
+    t.classList.remove("locked");
+  }
+  resize(e, t, s = C, i = !1) {
+    const { sizeNow: r, nestEl: n, canResize: c } = this.nestMap_.get(e);
+    c && (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: n } = this.nestMap_.get(e);
+    if (!n) return;
+    const c = () => {
+      r.classList.add("locked", "closed"), i.classList.add("closed"), t();
+    };
+    this.resize(e, 0, c, s);
+  }
+  closeAndUnlock(e, t = C, s = !1) {
+    const { nestEl: i, dragEl: r, canResize: n } = this.nestMap_.get(e);
+    if (!n) return;
+    const c = () => {
+      i.classList.remove("closed"), r.classList.remove("closed", "locked"), r.classList.add("collapsed"), t();
+    };
+    this.resize(e, 0, c, s);
+  }
+  openAndUnlock(e, t, s, i = !1) {
+    const { nestEl: r, dragEl: n, defSize: c, lastSize: p, canResize: v } = this.nestMap_.get(e);
+    if (!v) return;
+    const m = t || p || c;
+    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: n, defSize: c, lastSize: p, canResize: v } = this.nestMap_.get(e);
+    if (!v) return;
+    const m = t || p || c;
+    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: n } = this.nestMap_.get(e);
+    if (!r) return;
+    this.dispatchSplitEvent(d.SPLIT_WILL_CLOSE, {
+      nestName: e,
+      nestEl: n
+    });
+    const c = () => {
+      i.classList.add("collapsed"), this.dispatchSplitEvent(d.SPLIT_DID_CLOSE, {
+        nestName: e,
+        nestEl: n
+      }), t();
+    };
+    this.resize(e, 0, c, s);
+  }
+  open(e, t = C, s = !1) {
+    const { defSize: i, lastSize: r, dragEl: n, canResize: c, nestEl: p } = this.nestMap_.get(e);
+    if (!c) return;
+    this.dispatchSplitEvent(d.SPLIT_WILL_OPEN, {
+      nestName: e,
+      nestEl: p
+    }), n.classList.remove("collapsed", "closed");
+    const v = r || i, m = () => {
+      this.dispatchSplitEvent(d.SPLIT_DID_OPEN, {
+        nestName: e,
+        nestEl: p
+      }), t();
+    };
+    this.resize(e, v, 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 = [], n = [], c = [], p = [], v = []) {
+    const m = e || this.getElement();
+    if (this.splitNests_.has(m)) return ["Already used!", m];
+    st(m, t), this.splitNests_.add(m);
+    let S = "";
+    if (e) {
+      const D = [...this.nestMap_.entries()].find(([M, { nestEl: y }]) => y === e);
+      if (D) S = D[0];
+      else return ["Element not managed by this component", e];
+    }
+    const o = `${S}A`, a = oe(s, ["zoo_nest__A", o, ...r]), h = new H(t);
+    h.domFunc = ae([`zoo_drag_${o}`, ...p], v), h.render(m), this.nestMap_.set(o, {
+      side: "A",
+      nestEl: a,
+      dragger: h,
+      dragEl: h.getElement(),
+      defSize: s,
+      sizeNow: -1,
+      canResize: !0
+    });
+    const u = `${S}B`, g = it(["zoo_nest__B", u, ...n]);
+    this.nestMap_.set(u, {
+      nestEl: g,
+      canResize: !1
+    });
+    const E = `${S}C`, _ = new H(t);
+    _.domFunc = ae([`zoo_drag_${E}`, ...p], v), _.render(m);
+    const T = oe(i, ["zoo_nest__C", E, ...c]);
+    this.nestMap_.set(E, {
+      side: "C",
+      nestEl: T,
+      dragger: _,
+      dragEl: _.getElement(),
+      defSize: i,
+      sizeNow: -1,
+      canResize: !0
+    }), [
+      a,
+      h.getElement(),
+      g,
+      _.getElement(),
+      T
+    ].forEach((D) => m.appendChild(D));
+    let Y = 0;
+    const X = (D, M, y, Ce) => {
+      let F;
+      const Q = D === "NS" ? "height" : "width", Te = D === "NS" ? "deltaY" : "deltaX";
+      return (K) => {
+        switch (K.detail.value_) {
+          case d.COMP_DRAG_START:
+            F = M.getBoundingClientRect()[Q], Y = g.getBoundingClientRect()[Q] + F, this.nestMap_.get(y).dragEl.classList.remove("collapsed");
+            break;
+          case d.COMP_DRAG_MOVE: {
+            const Z = Math.min(Y, F + Ce * K.detail.data_[Te]);
+            this.nestMap_.get(y).lastSize = Z, M.style.flexBasis = Z + "px";
+            break;
+          }
+          case d.COMP_DRAG_END:
+            this.dispatchSplitEvent(d.COMP_DRAG_END, this.nestMap_.get(y));
+            break;
+          default:
+            break;
+        }
+      };
+    };
+    this.listen(h, A.compEventCode(), X(t, a, o, 1)), this.listen(_, A.compEventCode(), X(t, T, E, -1)), this.listen(h.getElement(), l.DBLCLICK, () => this.toggle(o)), this.listen(_.getElement(), l.DBLCLICK, () => this.toggle(E)), this.listen(h.getElement().querySelector(".zoo_grabber"), l.CLICK, () => this.toggle(o)), this.listen(_.getElement().querySelector(".zoo_grabber"), l.CLICK, () => this.toggle(E)), this.listen(a, l.TRANSITIONEND, (D) => {
+      if (D.propertyName === "flex-basis" && D.target === a) {
+        const M = this.nestCallbackMap_.get(o);
+        this.nestCallbackMap_.delete(o), M && M(), this.dispatchSplitEvent(d.SPLIT_TRANSITION_END, this.nestMap_.get(o));
+      }
+    }), this.listen(T, l.TRANSITIONEND, (D) => {
+      if (D.propertyName === "flex-basis" && D.target === T) {
+        const M = this.nestCallbackMap_.get(E);
+        this.nestCallbackMap_.delete(E), M && M(), this.dispatchSplitEvent(d.SPLIT_TRANSITION_END, this.nestMap_.get(E));
+      }
+    });
+  }
+  dispatchSplitEvent(e, t) {
+    const s = new k(e, t), i = L.makeEvent(d.SPLIT, s);
+    return this.dispatchEvent(i);
+  }
+}, st = (e, t) => (e.classList.add("zoo_split", `zoo_split__${t.toLowerCase()}`), e), oe = (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;
+}, it = (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 = []) => () => {
+  const s = document.createElement("div");
+  s.setAttribute("id", f(7)), s.classList.add("zoo_dragger", ...e);
+  const i = document.createElement("div");
+  return i.classList.add("zoo_grabber", ...t), s.appendChild(i), s;
+}, rt = {
+  toggle_tree: function(e, t) {
+    Pe(e, t);
+  },
+  "tree_toggle-children": function(e, t) {
+    Ae(t, e);
+  }
+}, _e = {
+  search: function(e, t) {
+    let s = `${e.href}`;
+    const i = e.formData.q, r = e.targetval;
+    if (i !== "" && (s = `${s}?q=${i}`), r !== "") {
+      let n = r;
+      r.includes("page=") && (n = r.split("&").filter((c) => !c.includes("page=")).join("&")), s = i !== "" ? `${s}&${n}` : `${s}?${n}`;
+    }
+    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"));
+  }
+}, Se = {
+  paginate: function(e, t) {
+    const s = `${e.href}?${e.targetval}`;
+    this.user.fetchAndSplit(s, t.abortController.signal).then((i) => t.onReplacePartialDom(i, e.zvptarget));
+  },
+  list_filter: function(e, t) {
+    const s = `${e.href}?${e.targetval}`;
+    this.user.fetchAndSplit(s, t.abortController.signal).then((i) => t.onReplacePartialDom(i, e.zvptarget));
+  }
+}, nt = /* @__PURE__ */ le({
+  MdcTreeHandlers: () => rt,
+  QueryParamHandlers: () => Se,
+  SearchHandlers: () => _e
+}), De = class extends L {
+  #e = void 0;
+  #t = void 0;
+  #s = {};
+  static viewEventCode() {
+    return d.VIEW;
+  }
+  constructor() {
+    super(), this.panelMap = /* @__PURE__ */ new Map(), this.user_ = void 0, this.split_ = void 0, this.panelEventMap_ = this.initPanelEventsInternal_(), this.switchViewMap_ = /* @__PURE__ */ new Map(), this.metaData_ = /* @__PURE__ */ new Map();
+  }
+  set recordHistory(e) {
+    this.#t = e;
+  }
+  get recordHistory() {
+    return this.#t;
+  }
+  set registerViewConstructor(e) {
+    this.#e = e;
+  }
+  get registerViewConstructor() {
+    return this.#e;
+  }
+  set utils(e) {
+    this.#s = e;
+  }
+  get utils() {
+    return this.#s;
+  }
+  set split(e) {
+    this.split_ = e, this.listen(this.split_, d.SPLIT, (t) => {
+      const s = t.detail.getValue(), i = t.detail.getData();
+      switch (s) {
+        case d.SPLIT_WILL_OPEN:
+          this.onSplitWillOpen(i);
+          break;
+        case d.SPLIT_WILL_CLOSE:
+          this.onSplitWillClose(i);
+          break;
+        case d.SPLIT_DID_CLOSE:
+          this.onSplitDidClose(i);
+          break;
+        case d.SPLIT_DID_OPEN:
+          this.onSplitDidOpen(i);
+          break;
+        case d.SPLIT_TRANSITION_END:
+          break;
+        default:
+          C();
+      }
+    });
+  }
+  get split() {
+    if (!this.split_) throw new Error("No SPLIT component available");
+    return this.split_;
+  }
+  set user(e) {
+    this.user_ = e, this.panelMap.forEach((t) => t.user = e);
+  }
+  get user() {
+    return this.user_ || (this.user_ = new B()), this.user_;
+  }
+  render() {
+    this.initPanelEvents(), this.preRender(), this.configurePanels(), this.displayPanels(), this.postRender();
+  }
+  initPanelEvents() {
+  }
+  preRender() {
+  }
+  configurePanels() {
+  }
+  displayPanels() {
+  }
+  postRender() {
+  }
+  dispose() {
+    [...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));
+  }
+  removePanelByName(e) {
+    this.panelMap.has(e) && this.panelMap.get(e).dispose();
+  }
+  removePanel(e) {
+    const [t, s] = [...this.panelMap.entries()].find(([i, r]) => r === e);
+    t && s && (s.dispose(), this.panelMap.delete(t));
+  }
+  getPanelByName(e) {
+    return this.panelMap.get(e);
+  }
+  broadcastToPanels(e) {
+    [...this.panelMap.values()].forEach((t) => t.onViewDataBroadcast(e));
+  }
+  initPanelEventsInternal_() {
+    const e = /* @__PURE__ */ new Map();
+    return e.set("destroy_me", (t, s) => {
+      this.removePanel(s);
+    }), e.set("switch_view", (t, s) => {
+      this.debugMe("switch_view received: eventData", t);
+      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({
+      ..._e,
+      ...Se
+    }).forEach(([t, s]) => {
+      e.set(t, s.bind(this));
+    }), e;
+  }
+  mapPanEv(e, t) {
+    this.panelEventMap_.set(e, t);
+  }
+  mapSwitchView(e, t) {
+    this.switchViewMap_.set(e, t);
+  }
+  onPanelEvent(e) {
+    let t = e.detail.getValue();
+    if (this.debugMe(`PanelEvent Value: ${t}`), !q(t)) {
+      this.debugMe(`The panel received an event without a value. 
+      There is nothing we can do with that.`);
+      return;
+    }
+    const s = e.detail.getData();
+    t?.startsWith("switch_view:") && (s.view = t.split(":")[1], t = "switch_view");
+    const i = e.target;
+    this.panelEventMap_.has(t) ? this.panelEventMap_.get(t)(s, i) : this.debugMe(`NO EVENT MATCH - This usually you are missing 
+        a "mapPanEv(${t} ..." statement in your panel JS
+        or you have a "event='${t}'" attribute in your panel HTML`, {
+      event: e,
+      eventValue: t,
+      eventData: s,
+      panel: i.constructor.name
+    });
+  }
+  onSplitWillOpen(e) {
+  }
+  onSplitWillClose(e) {
+  }
+  onSplitDidClose(e) {
+  }
+  onSplitDidOpen(e) {
+  }
+  dispatchViewEvent(e, t) {
+    const s = new k(e, t), i = L.makeEvent(d.VIEW, s);
+    return this.dispatchEvent(i);
+  }
+  get metaData() {
+    return this.metaData_;
+  }
+  setMetaData(e, t) {
+    return this.metaData_.set(e, t), this.metaData;
+  }
+  getMetaData(e) {
+    return this.metaData_.get(e);
+  }
+  hasMetaData(e) {
+    return this.metaData_.has(e);
+  }
+};
+function ot(e) {
+  if (e == null) throw new TypeError("Cannot convert undefined or null to object");
+  for (var t = Object(e), s = 1, i = arguments.length; s < i; ) {
+    var r = arguments[s];
+    if (r != null)
+      for (var n in r) Ne(n, r) && (t[n] = r[n]);
+    s += 1;
+  }
+  return t;
+}
+var at = typeof Object.assign == "function" ? Object.assign : ot, lt = /* @__PURE__ */ ke(function(t, s) {
+  return at({}, t, s);
+}), ct = class extends L {
+  #e = /* @__PURE__ */ new Map();
+  #t = null;
+  #s = void 0;
+  #i = void 0;
+  #r = /* @__PURE__ */ new Map();
+  #n = {};
+  constructor() {
+    super(), this.#r = this.#o(), window.addEventListener("popstate", (e) => {
+      e.state !== null && this.navTo(e.state);
+    }), this.doOnBeat(() => {
+      document.dispatchEvent(new CustomEvent("zoo-tick-60", { detail: { timestamp: Date.now() } }));
+    }, 6e4);
+  }
+  set split(e) {
+    this.#i = e;
+  }
+  get split() {
+    if (!this.#i) throw new Error("No SPLIT component available");
+    return this.#i;
+  }
+  set user(e) {
+    this.#s = e, this.#t && (this.#t.user = this.user);
+  }
+  get user() {
+    return this.#s || (this.#s = new B()), this.#s;
+  }
+  get utils() {
+    return this.#n;
+  }
+  registerUtil(e) {
+    this.#n = lt(this.#n, e);
+  }
+  #o() {
+    return (/* @__PURE__ */ new Map()).set("switch_view", (e, t) => {
+      if (this.#e.has(e.view)) {
+        const s = this.#e.get(e.view)(e.pk || e.recordId, e);
+        this.switchView(s);
+      }
+    });
+  }
+  mapViewEv(e, t) {
+    this.#r.set(e, t);
+  }
+  registerViewConstructor(e, t) {
+    this.#e.set(e, t);
+  }
+  onViewEvent(e) {
+    const t = e.detail.getValue(), s = e.detail.getData(), i = e.target;
+    this.#r.has(t) ? this.#r.get(t)(s, i) : console.warn("Unhandled VIEW Event:", e, t, s, i);
+  }
+  setActiveView(e) {
+    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, De.viewEventCode(), this.onViewEvent.bind(this)), e;
+  }
+  switchView(e) {
+    this.setActiveView(this.initView(e));
+  }
+  recordHistory(e) {
+    this.debugMe("HISTORY", e), e.init ? history.replaceState(e, "", document.location.href) : e.history || history.pushState(e, "", null);
+  }
+  navTo = (e) => {
+    e.history = !0;
+    const t = e.view, s = this.#t;
+    if (s.switchViewMap_.has(t))
+      this.debugMe("NAV:VIEW:MAP", e), s.switchViewMap_.get(t)(e);
+    else if (this.#e.has(t)) {
+      const i = this.#e.get(t)(e.pk, e);
+      this.debugMe("NAV:NEW:VIEW", e), this.switchView(i);
+    }
+  };
+};
+async function ht(e = {}) {
+  const { registerCarbonLibrary: t } = await import("./chunks/register-DqgfpeXv.js");
+  return t(e);
+}
+async function dt() {
+  const { registerMdcLibrary: e } = await import("./chunks/register-Bx7SlevL.js");
+  return e();
+}
+var gt = {
+  Evt: L,
+  Component: A,
+  Dragger: H,
+  Panel: G,
+  FormPanel: et,
+  Split: tt,
+  UserManager: B,
+  View: De,
+  Conductor: ct,
+  DataBinder: Ve,
+  UiEventType: d,
+  domUtils: Re,
+  uriUtils: qe,
+  registerCarbonLibrary: ht,
+  registerMdcLibrary: dt,
+  ComponentLibraryRegistry: R,
+  handlers: nt,
+  zoo: Ue
+};
 export {
-  r as Binder,
-  e as Component,
-  i as ComponentLibraryRegistry,
-  n as Conductor,
-  o as Dragger,
-  t as Evt,
-  l as FormPanel,
-  d as Panel,
-  g as Split,
-  y as UiEventType,
-  m as UserManager,
-  p as View,
-  C as default,
-  U as domUtils,
-  b as handlers,
-  u as registerCarbonLibrary,
-  v as registerMdcLibrary,
-  L as uriUtils,
-  P as zoo
+  Ve as Binder,
+  A as Component,
+  R as ComponentLibraryRegistry,
+  ct as Conductor,
+  H as Dragger,
+  L as Evt,
+  et as FormPanel,
+  G as Panel,
+  tt as Split,
+  d as UiEventType,
+  B as UserManager,
+  De as View,
+  gt as default,
+  Re as domUtils,
+  nt as handlers,
+  ht as registerCarbonLibrary,
+  dt as registerMdcLibrary,
+  qe as uriUtils,
+  Ue as zoo
 };