@trintel/zooy 1.0.16 → 1.1.1

package/dist/zooy.es.js

@@ -1,22 +1,1300 @@
-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 { n as le, t as R } from "./chunks/component-library-registry-DB5UeqC2.js";
+import { a as Me, c as be, d as O, f as ee, i as we, l as Le, m as Oe, n as Ie, o as Re, p as ce, s as w, t as ye, u as te } from "./chunks/tree-utils-B2JEGXHR.js";
+import { i as Ae, t as Pe } from "./chunks/zoo-DgdxBjlN.js";
+import { identity as C, isDef as F, isDefAndNotNull as j, isNumber as se, isUndefined as Ne, randomId as f, stripLeadingChar as he, toNumber as ie, whatType as Ve } from "badu";
+import { mergeRight as Ue } from "ramda";
+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), F(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]) => {
+      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"
+}, y = 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 ? te(t) || this.#r.insertBefore(t, null) : te(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"
+}, ke = [
+  l.TOUCHMOVE,
+  l.TOUCHSTART,
+  l.TOUCHEND
+], ze = (e) => ke.includes(e.type), z = (e) => (ze(e) && (e.clientX = e.targetTouches[0].clientX, e.clientY = e.targetTouches[0].clientY), e), xe = (e, t, s, i) => (r) => {
+  r.preventDefault();
+  const o = z(r), c = o.currentTarget, [p, v] = be(c), m = o.clientX - p, S = o.clientY - v, n = e(p, v, m, S, c), a = s(p, v, m, S, c), h = t(p, v, m, S, c);
+  let u = Be(h, c, m, S);
+  ["x", "ew"].includes(i) ? u = Fe(h, c, m, S) : ["y", "ns"].includes(i) && (u = $e(h, c, m, S));
+  let E = !1;
+  const g = (T) => {
+    E = !0, u(T);
+  }, _ = (T) => {
+    document.removeEventListener(l.MOUSEMOVE, g, !0), document.removeEventListener(l.TOUCHMOVE, g, !0), document.removeEventListener(l.MOUSEUP, _, !0), document.removeEventListener(l.TOUCHEND, _, !0), E && a(T);
+  };
+  return document.addEventListener(l.MOUSEUP, _, !0), document.addEventListener(l.TOUCHEND, _, !0), document.addEventListener(l.MOUSEMOVE, g, !0), document.addEventListener(l.TOUCHMOVE, g, !0), n(r), _;
+}, Be = (e, t, s, i) => (r) => {
+  r.preventDefault();
+  const o = z(r);
+  t.style.left = `${o.clientX - s}px`, t.style.top = `${o.clientY - i}px`, e(o);
+}, Fe = (e, t, s, i) => (r) => {
+  r.preventDefault();
+  const o = z(r);
+  t.style.left = `${o.clientX - s}px`, e(o);
+}, $e = (e, t, s, i) => (r) => {
+  r.preventDefault();
+  const o = z(r);
+  t.style.top = `${o.clientY - i}px`, e(o);
+}, $ = (e, t) => (s, i, r, o, c) => (p) => {
+  e.dispatchCompEvent(t, {
+    component: e,
+    browserEvent: p,
+    left: s,
+    top: i,
+    clientX: p.clientX,
+    clientY: p.clientY,
+    xOrg: r,
+    yOrg: o,
+    deltaX: p.clientX - r - s,
+    deltaY: p.clientY - o - i,
+    target: c
+  });
+}, H = class extends y {
+  #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 = xe($(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: () => Ee,
+  queryDataToMap: () => ge
+}), je = 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(je), 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), Ee = (e) => [...Object.entries(e)].map((t) => `${t[0]}=${t[1]}`).join("&"), re = (e) => e != null && e !== "", ge = (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 = he(" "), We = he("/"), Je = (e) => document.cookie.split(";").map((t) => t.split("=")).reduce((t, s) => t.set(He(s[0]), s[1]), /* @__PURE__ */ new Map()).get(e), Ge = (e) => {
+  let t = 0, s;
+  const i = (r) => {
+    const o = r > 0;
+    return o ? t += 1 : t -= 1, o ? t === 1 : t === 0;
+  };
+  return (r) => {
+    s = s || document.getElementById(e), s && i(r) && s.classList.toggle("viz", t > 0);
+  };
+}, fe = Ge("the_loader"), q = () => 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})`)), Ye = (e) => (t) => {
+  if (t.type === "opaqueredirect" || t.redirected) {
+    const s = We(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}`))), Xe = (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 o = {
+    cache: "no-cache",
+    method: s,
+    headers: r,
+    credentials: "include",
+    body: JSON.stringify(t)
+  };
+  return i && (o.signal = i), o;
+}, 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 = Je("csrftoken");
+    c && s && r.append("X-CSRFToken", c);
+  }
+  const o = {
+    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 = 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;
+}, Qe = (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), x = 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 q().then(() => fetch(t, Ke(this.jwt, e, e.abortController.signal))).then(Ye(e)).then(U).then(Xe).then(s).catch(i);
+  }
+  putNoBody(e, t = void 0, s = !1) {
+    const i = b("putNobody error");
+    return Qe(e, 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 q().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(Le).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 c;
+    try {
+      c = await (await fetch(i, o)).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}`), o = V(this.jwt, t, "PATCH", s);
+    return fetch(i, o).then(I).then(P).catch(r);
+  }
+  postJson(e, t, s = void 0) {
+    const i = new Request(e.toString()), r = b(`postJson: ${e}`), o = V(this.jwt, t, "POST", s);
+    return fetch(i, o).then(I).then(P).catch(r);
+  }
+  putJson(e, t, s = void 0) {
+    const i = new Request(e.toString()), r = b(`putJson: ${e}`), o = V(this.jwt, t, "PUT", s);
+    return fetch(i, o).then(I).then(P).catch(r);
+  }
+  delJson(e, t, s = void 0) {
+    const i = new Request(e.toString()), r = b(`delJson: ${e}`), o = V(this.jwt, t, "DELETE", s);
+    return fetch(i, o).then(I).then(P).catch(r);
+  }
+}, G = class extends y {
+  static panelEventCode() {
+    return d.PANEL;
+  }
+  static compReadyCode() {
+    return d.READY;
+  }
+  constructor(e) {
+    super(), this.qParamMap_ = /* @__PURE__ */ new Map(), this.uri_ = "", e && this.parseUri(e), this.evalScripts = Me(this), this.evalModules = we(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 ? "?" + Ee(Object.fromEntries(this.qParamMap_)) : "";
+    return this.uri_ + e;
+  }
+  set user(e) {
+    this.user_ = e;
+  }
+  get user() {
+    return this.user_ || (this.user_ = new x()), this.user_;
+  }
+  parseUri(e) {
+    this.uri_ = W(e), this.qParamMap_ = ge(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 !== y.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);
+  }
+  onReplacePartialDom(e, t) {
+    const s = this.getElement();
+    if (Ne(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);
+    });
+    else if (t.startsWith("#")) {
+      const r = i.querySelector(t), o = s.querySelector(t);
+      o.parentNode.replaceChild(r, o), this.parseContent(r);
+    }
+    this.evalScripts(e.scripts), this.evalModules(e.modules);
+  }
+  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 n = R.get("carbon");
+      n.render.call(this, e, n.cache).catch((a) => console.error("[Zooy] Carbon initialization failed:", a));
+    }
+    if (R.has("mdc")) {
+      const n = R.get("mdc");
+      n.render.call(this, e, n.cache);
+    }
+    e.classList.contains("zoo__modal-base") && e.classList.contains("close_on_click") && this.listen(e, l.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, 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((n) => {
+      this.listen(n, l.CLICK, (a) => {
+        const h = a.currentTarget;
+        a.preventDefault(), a.stopPropagation();
+        const u = w(h), E = u.zv || "href";
+        this.dispatchPanelEvent(E, Object.assign({
+          orgEvt: a,
+          trigger: a.target,
+          href: h.href || u.href
+        }, u));
+      });
+    }), [...e.querySelectorAll("form.intercept_submit")].forEach((n) => {
+      n.noValidate = !0, this.listen(n, l.SUBMIT, (a) => {
+        a.preventDefault(), a.stopPropagation();
+        const h = w(n), u = Re(n.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((n) => {
+      const a = w(n), h = a.toggle_class_target_id, u = a.toggle_class, E = e.querySelector(`#${h}`);
+      E && u && n.addEventListener(l.CLICK, (g) => {
+        g.stopPropagation(), E.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");
+    }, c = (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")), h = w(n.target);
+      return this.dispatchPanelEvent("drop_on", { custom: {
+        on: h,
+        from: a
+      } }), !1;
+    };
+    t.forEach((n) => {
+      this.listen(n, l.DRAGOVER, r), this.listen(n, l.DRAGENTER, i), this.listen(n, l.DRAGEXIT, c), this.listen(n, l.DRAGLEAVE, o), this.listen(n, l.DROP, S);
+    }), s.forEach((n) => {
+      this.listen(n, l.DRAGSTART, v), this.listen(n, l.DRAGEND, m);
+    }), [...e.querySelectorAll(".zoo_async_json")].forEach((n) => {
+      const a = w(n), h = a.href, u = this.onAsyncJsonReply.bind(this, n, a);
+      this.user.fetchJson(h, this.abortController.signal).then(u);
+      const E = a.z_json_reusable;
+      E && (this.jsonCallFuncs = this.jsonCallFuncs || {}, this.jsonCallFuncs[E] = () => {
+        this.user.fetchJson(h, this.abortController.signal).then(u);
+      });
+      const g = ie(a.z_interval);
+      se(g) && this.doOnBeat(() => {
+        this.user.fetchJson(h, this.abortController.signal).then(u);
+      }, g * 60 * 1e3);
+    }), [...e.querySelectorAll(".zoo_async_html")].forEach((n) => {
+      const a = w(n), h = a.href;
+      this.user.fetchAndSplit(h, this.abortController.signal).then((E) => {
+        n.appendChild(E.html), this.parseContent(n), this.evalScripts(E.scripts), this.evalModules(E.modules), this.onAsyncHtmlReply(n, a);
+      });
+      const u = ie(a.z_interval);
+      se(u) && this.doOnBeat(() => {
+        this.user.fetchAndSplit(h, this.abortController.signal).then((E) => {
+          n.replaceChildren(E.html), this.parseContent(n), this.evalScripts(E.scripts), this.evalModules(E.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);
+  }
+}, Ze = 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 = ce(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);
+        const s = this.responseObject.html.querySelector('button[type="submit"]'), i = this.getElement().querySelector('button[type="submit"]');
+        s && i && ee(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 (Ve(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}`);
+  }
+}, et = class extends y {
+  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: o, canResize: c } = this.nestMap_.get(e);
+    c && (i || r === t ? (o.classList.remove("animated"), o.style.flexBasis = `${t}px`, this.nestMap_.get(e).sizeNow = t, s()) : (o.classList.add("animated"), this.nestCallbackMap_.set(e, () => {
+      o.classList.remove("animated"), this.nestMap_.get(e).sizeNow = t, s();
+    }), o.style.flexBasis = `${t}px`));
+  }
+  closeAndLock(e, t = C, s = !1) {
+    const { nestEl: i, dragEl: r, canResize: o } = this.nestMap_.get(e);
+    if (!o) 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: o } = this.nestMap_.get(e);
+    if (!o) 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: o, defSize: c, lastSize: p, canResize: v } = this.nestMap_.get(e);
+    if (!v) return;
+    const m = t || p || c;
+    r.classList.remove("closed"), o.classList.remove("closed", "locked", "collapsed"), setTimeout(() => {
+      this.resize(e, m, s, i);
+    }, 50);
+  }
+  openAndLock(e, t, s, i = !1) {
+    const { nestEl: r, dragEl: o, defSize: c, lastSize: p, canResize: v } = this.nestMap_.get(e);
+    if (!v) return;
+    const m = t || p || c;
+    r.classList.remove("closed"), o.classList.remove("closed", "collapsed"), setTimeout(() => {
+      this.resize(e, m, s, i);
+    }, 50);
+  }
+  close(e, t = C, s = !1) {
+    const { dragEl: i, canResize: r, nestEl: o } = this.nestMap_.get(e);
+    if (!r) return;
+    this.dispatchSplitEvent(d.SPLIT_WILL_CLOSE, {
+      nestName: e,
+      nestEl: o
+    });
+    const c = () => {
+      i.classList.add("collapsed"), this.dispatchSplitEvent(d.SPLIT_DID_CLOSE, {
+        nestName: e,
+        nestEl: o
+      }), t();
+    };
+    this.resize(e, 0, c, s);
+  }
+  open(e, t = C, s = !1) {
+    const { defSize: i, lastSize: r, dragEl: o, canResize: c, nestEl: p } = this.nestMap_.get(e);
+    if (!c) return;
+    this.dispatchSplitEvent(d.SPLIT_WILL_OPEN, {
+      nestName: e,
+      nestEl: p
+    }), o.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 = [], o = [], c = [], p = [], v = []) {
+    const m = e || this.getElement();
+    if (this.splitNests_.has(m)) return ["Already used!", m];
+    tt(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];
+      else return ["Element not managed by this component", e];
+    }
+    const n = `${S}A`, a = oe(s, ["zoo_nest__A", n, ...r]), h = new H(t);
+    h.domFunc = ae([`zoo_drag_${n}`, ...p], v), h.render(m), this.nestMap_.set(n, {
+      side: "A",
+      nestEl: a,
+      dragger: h,
+      dragEl: h.getElement(),
+      defSize: s,
+      sizeNow: -1,
+      canResize: !0
+    });
+    const u = `${S}B`, E = st(["zoo_nest__B", u, ...o]);
+    this.nestMap_.set(u, {
+      nestEl: E,
+      canResize: !1
+    });
+    const g = `${S}C`, _ = new H(t);
+    _.domFunc = ae([`zoo_drag_${g}`, ...p], v), _.render(m);
+    const T = oe(i, ["zoo_nest__C", g, ...c]);
+    this.nestMap_.set(g, {
+      side: "C",
+      nestEl: T,
+      dragger: _,
+      dragEl: _.getElement(),
+      defSize: i,
+      sizeNow: -1,
+      canResize: !0
+    }), [
+      a,
+      h.getElement(),
+      E,
+      _.getElement(),
+      T
+    ].forEach((D) => m.appendChild(D));
+    let Y = 0;
+    const X = (D, M, A, Ce) => {
+      let B;
+      const K = D === "NS" ? "height" : "width", Te = D === "NS" ? "deltaY" : "deltaX";
+      return (Q) => {
+        switch (Q.detail.value_) {
+          case d.COMP_DRAG_START:
+            B = M.getBoundingClientRect()[K], Y = E.getBoundingClientRect()[K] + B, this.nestMap_.get(A).dragEl.classList.remove("collapsed");
+            break;
+          case d.COMP_DRAG_MOVE: {
+            const Z = Math.min(Y, B + Ce * Q.detail.data_[Te]);
+            this.nestMap_.get(A).lastSize = Z, M.style.flexBasis = Z + "px";
+            break;
+          }
+          case d.COMP_DRAG_END:
+            this.dispatchSplitEvent(d.COMP_DRAG_END, this.nestMap_.get(A));
+            break;
+          default:
+            break;
+        }
+      };
+    };
+    this.listen(h, y.compEventCode(), X(t, a, n, 1)), this.listen(_, y.compEventCode(), X(t, T, g, -1)), this.listen(h.getElement(), l.DBLCLICK, () => this.toggle(n)), this.listen(_.getElement(), l.DBLCLICK, () => this.toggle(g)), this.listen(h.getElement().querySelector(".zoo_grabber"), l.CLICK, () => this.toggle(n)), this.listen(_.getElement().querySelector(".zoo_grabber"), l.CLICK, () => this.toggle(g)), this.listen(a, l.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(T, l.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));
+      }
+    });
+  }
+  dispatchSplitEvent(e, t) {
+    const s = new k(e, t), i = L.makeEvent(d.SPLIT, s);
+    return this.dispatchEvent(i);
+  }
+}, tt = (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;
+}, st = (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;
+}, it = {
+  toggle_tree: function(e, t) {
+    ye(e, t);
+  },
+  "tree_toggle-children": function(e, t) {
+    Ie(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 o = r;
+      r.includes("page=") && (o = r.split("&").filter((c) => !c.includes("page=")).join("&")), s = i !== "" ? `${s}&${o}` : `${s}?${o}`;
+    }
+    this.user.fetchAndSplit(s, t.abortController.signal).then((o) => t.onReplacePartialDom(o, 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));
+  }
+}, rt = /* @__PURE__ */ le({
+  MdcTreeHandlers: () => it,
+  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 x()), 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}`), !j(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);
+  }
+}, nt = 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 x()), this.#s;
+  }
+  get utils() {
+    return this.#n;
+  }
+  registerUtil(e) {
+    this.#n = Ue(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 ot(e = {}) {
+  const { registerCarbonLibrary: t } = await import("./chunks/register-D7SMu1Gy.js");
+  return t(e);
+}
+async function at() {
+  const { registerMdcLibrary: e } = await import("./chunks/register-D3pWAXhm.js");
+  return e();
+}
+var pt = {
+  Evt: L,
+  Component: y,
+  Dragger: H,
+  Panel: G,
+  FormPanel: Ze,
+  Split: et,
+  UserManager: x,
+  View: De,
+  Conductor: nt,
+  DataBinder: Ae,
+  UiEventType: d,
+  domUtils: Oe,
+  uriUtils: qe,
+  registerCarbonLibrary: ot,
+  registerMdcLibrary: at,
+  ComponentLibraryRegistry: R,
+  handlers: rt,
+  zoo: Pe
+};
 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
+  Ae 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,
+  d as UiEventType,
+  x as UserManager,
+  De as View,
+  pt as default,
+  Oe as domUtils,
+  rt as handlers,
+  ot as registerCarbonLibrary,
+  at as registerMdcLibrary,
+  qe as uriUtils,
+  Pe as zoo
 };