@trintel/zooy 1.8.0 → 1.9.0

package/dist/zooy.es.js

@@ -1,7 +1,7 @@
 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-CIi6B6uU.js";
-import { i as Ae, t as Pe } from "./chunks/zoo-CaW98OQn.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 { a as be, c as we, d as O, f as ee, i as Le, l as Oe, m as Ie, n as Re, o as ye, p as ce, s as w, t as Ae, u as te } from "./chunks/tree-utils-CIi6B6uU.js";
+import { i as he, t as Pe } from "./chunks/zoo-BmMuETpN.js";
+import { identity as C, isDef as F, isDefAndNotNull as j, isNumber as se, isUndefined as Ne, randomId as f, stripLeadingChar as de, toNumber as ie, whatType as Ve } from "badu";
 import { mergeRight as Ue } from "ramda";
 var L = class extends EventTarget {
   #e = !1;
@@ -43,8 +43,8 @@ var L = class extends EventTarget {
   }
   listen(e, t, s, i = !1) {
     e.addEventListener(t, s, i);
-    const r = this.listeningTo.get(e) || {};
-    r[t] = () => e.removeEventListener(t, s, i), this.listeningTo.set(e, r), F(e.isListenedToBy) && e.isListenedToBy(this);
+    const n = this.listeningTo.get(e) || {};
+    n[t] = () => e.removeEventListener(t, s, i), this.listeningTo.set(e, n), F(e.isListenedToBy) && e.isListenedToBy(this);
   }
   stopBeingListenedTo() {
     for (const e of this.isObservedBy)
@@ -72,7 +72,7 @@ var L = class extends EventTarget {
   dispose() {
     this.disposeInternal();
   }
-}, k = class {
+}, z = class {
   constructor(e, t) {
     this.value_ = e, this.data_ = t || {};
   }
@@ -207,10 +207,10 @@ var L = class extends EventTarget {
     super.dispose();
   }
   dispatchCompEvent(e, t) {
-    const s = new k(e, t), i = L.makeEvent(d.COMP, s);
+    const s = new z(e, t), i = L.makeEvent(d.COMP, s);
     return this.dispatchEvent(i);
   }
-}, l = {
+}, c = {
   CLICK: "click",
   RIGHTCLICK: "rightclick",
   DBLCLICK: "dblclick",
@@ -238,35 +238,35 @@ var L = class extends EventTarget {
   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));
+}, ze = [
+  c.TOUCHMOVE,
+  c.TOUCHSTART,
+  c.TOUCHEND
+], ke = (e) => ze.includes(e.type), k = (e) => (ke(e) && (e.clientX = e.targetTouches[0].clientX, e.clientY = e.targetTouches[0].clientY), e), Be = (e, t, s, i) => (n) => {
+  n.preventDefault();
+  const o = k(n), h = o.currentTarget, [p, v] = we(h), m = o.clientX - p, S = o.clientY - v, r = e(p, v, m, S, h), a = s(p, v, m, S, h), l = t(p, v, m, S, h);
+  let u = xe(l, h, m, S);
+  ["x", "ew"].includes(i) ? u = Fe(l, h, m, S) : ["y", "ns"].includes(i) && (u = $e(l, h, m, S));
   let E = !1;
   const g = (T) => {
     E = !0, u(T);
   }, _ = (T) => {
-    document.removeEventListener(l.MOUSEMOVE, g, !0), document.removeEventListener(l.TOUCHMOVE, g, !0), document.removeEventListener(l.MOUSEUP, _, !0), document.removeEventListener(l.TOUCHEND, _, !0), E && a(T);
+    document.removeEventListener(c.MOUSEMOVE, g, !0), document.removeEventListener(c.TOUCHMOVE, g, !0), document.removeEventListener(c.MOUSEUP, _, !0), document.removeEventListener(c.TOUCHEND, _, !0), E && a(T);
   };
-  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);
+  return document.addEventListener(c.MOUSEUP, _, !0), document.addEventListener(c.TOUCHEND, _, !0), document.addEventListener(c.MOUSEMOVE, g, !0), document.addEventListener(c.TOUCHMOVE, g, !0), r(n), _;
+}, xe = (e, t, s, i) => (n) => {
+  n.preventDefault();
+  const o = k(n);
   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);
+}, Fe = (e, t, s, i) => (n) => {
+  n.preventDefault();
+  const o = k(n);
   t.style.left = `${o.clientX - s}px`, e(o);
-}, $e = (e, t, s, i) => (r) => {
-  r.preventDefault();
-  const o = z(r);
+}, $e = (e, t, s, i) => (n) => {
+  n.preventDefault();
+  const o = k(n);
   t.style.top = `${o.clientY - i}px`, e(o);
-}, $ = (e, t) => (s, i, r, o, c) => (p) => {
+}, $ = (e, t) => (s, i, n, o, h) => (p) => {
   e.dispatchCompEvent(t, {
     component: e,
     browserEvent: p,
@@ -274,11 +274,11 @@ var L = class extends EventTarget {
     top: i,
     clientX: p.clientX,
     clientY: p.clientY,
-    xOrg: r,
+    xOrg: n,
     yOrg: o,
-    deltaX: p.clientX - r - s,
+    deltaX: p.clientX - n - s,
     deltaY: p.clientY - o - i,
-    target: c
+    target: h
   });
 }, H = class extends y {
   #e;
@@ -311,19 +311,19 @@ var L = class extends EventTarget {
       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");
+      const t = $(this, d.COMP_DRAG_MOVE), s = Be($(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, c.MOUSEDOWN, e(s)), this.listen(this.#t, c.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");
+    this.stopListeningTo(this.#t, c.MOUSEDOWN), this.stopListeningTo(this.#t, c.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 = {
+  getQueryData: () => Ee,
+  objectToUrlParms: () => ge,
+  queryDataToMap: () => fe
+}), je = new RegExp("^(?:([^:/?#.]+):)?(?://(?:([^/?#]*)@)?([^/#?]*?)(?::([0-9]+))?(?=[/#?]|$))?([^?#]+)?(?:\\?([^#]*))?(?:#([\\s\\S]*))?$"), ue = {
   SCHEME: 1,
   USER_INFO: 2,
   DOMAIN: 3,
@@ -331,51 +331,51 @@ var L = class extends EventTarget {
   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) => {
+}, pe = (e) => e.match(je), me = (e, t) => e ? t ? decodeURI(e.replace(/%25/g, "%2525")) : decodeURIComponent(e) : "", W = (e) => me(pe(e)[ue.PATH], !0), Ee = (e) => me(pe(e)[ue.QUERY_DATA], !0), ge = (e) => Object.entries(e).map((t) => `${t[0]}=${t[1]}`).join("&"), re = (e) => e != null && e !== "", fe = (e) => e.split("&").reduce((t, s) => {
+  const [i, n] = s.split("=");
+  return re(i) && re(n) && t.set(i, n), t;
+}, /* @__PURE__ */ new Map()), He = de(" "), We = de("/"), Je = (e) => document.cookie.split(";").map((t) => t.split("=")).reduce((t, s) => t.set(He(s[0]), s[1]), /* @__PURE__ */ new Map()).get(e), Ge = (e) => {
   let t = 0, s;
-  const i = (r) => {
-    const o = r > 0;
+  const i = (n) => {
+    const o = n > 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);
+  return (n) => {
+    s = s || document.getElementById(e), s && i(n) && 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) => {
+}, ve = Ge("the_loader"), q = () => Promise.resolve(ve(1)), U = (e) => (ve(0), Promise.resolve(e)), I = (e) => e.ok ? Promise.resolve(e) : Promise.reject(/* @__PURE__ */ new Error(`${e.url} ${e.status} (${e.statusText})`)), Ye = (e) => (t) => {
   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 n = new Headers();
+  n.append("Content-type", "application/json"), n.append("X-Requested-With", "XMLHttpRequest"), e && e !== "" && n.append("Authorization", `Bearer ${e}`);
   const o = {
     cache: "no-cache",
     method: s,
-    headers: r,
+    headers: n,
     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);
+}, _e = (e, t, s = !1, i = void 0) => {
+  const n = new Headers();
+  if (t && t !== "" && n.append("Authorization", `Bearer ${t}`), n.append("X-Requested-With", "XMLHttpRequest"), s) {
+    const h = Je("csrftoken");
+    h && s && n.append("X-CSRFToken", h);
   }
   const o = {
     cache: "no-cache",
     method: e,
-    headers: r,
+    headers: n,
     redirect: "follow",
     credentials: "include"
   };
   return i && (o.signal = i), o;
 }, Ke = (e, t, s = void 0) => {
-  const i = ve("POST", e, !1, s);
+  const i = _e("POST", e, !1, s);
   return i.body = new FormData(t.formEl), i;
 }, ne = (e, t = void 0) => {
   const s = new Headers();
@@ -389,7 +389,7 @@ var L = class extends EventTarget {
 }, 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 {
+}, 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(() => {
     });
@@ -423,7 +423,7 @@ var L = class extends EventTarget {
   }
   putNoBody(e, t = void 0, s = !1) {
     const i = b("putNobody error");
-    return Qe(e, ve("PUT", this.jwt, s, t)).catch(i);
+    return Qe(e, _e("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}`);
@@ -431,34 +431,34 @@ var L = class extends EventTarget {
   }
   fetchAndSplit(e, t = void 0) {
     const s = b(`fetchAndSplit: ${e}`);
-    return this.fetch(e, t).then(Le).catch(s);
+    return this.fetch(e, t).then(Oe).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);
+    const i = new Request(e.toString()), n = b(`fetchJson: ${e}`, s), o = ne(this.jwt, t);
     await q();
-    let c;
+    let h;
     try {
-      c = await (await fetch(i, o)).json();
+      h = await (await fetch(i, o)).json();
     } catch (p) {
-      return r(p);
+      return n(p);
     }
-    return await U(), c;
+    return await U(), h;
   }
   patchJson(e, t, s = void 0) {
-    const i = new Request(e.toString()), r = b(`patchJson: ${e}`), o = V(this.jwt, t, "PATCH", s);
-    return fetch(i, o).then(I).then(P).catch(r);
+    const i = new Request(e.toString()), n = b(`patchJson: ${e}`), o = V(this.jwt, t, "PATCH", s);
+    return fetch(i, o).then(I).then(P).catch(n);
   }
   postJson(e, t, s = void 0) {
-    const i = new Request(e.toString()), r = b(`postJson: ${e}`), o = V(this.jwt, t, "POST", s);
-    return fetch(i, o).then(I).then(P).catch(r);
+    const i = new Request(e.toString()), n = b(`postJson: ${e}`), o = V(this.jwt, t, "POST", s);
+    return fetch(i, o).then(I).then(P).catch(n);
   }
   putJson(e, t, s = void 0) {
-    const i = new Request(e.toString()), r = b(`putJson: ${e}`), o = V(this.jwt, t, "PUT", s);
-    return fetch(i, o).then(I).then(P).catch(r);
+    const i = new Request(e.toString()), n = b(`putJson: ${e}`), o = V(this.jwt, t, "PUT", s);
+    return fetch(i, o).then(I).then(P).catch(n);
   }
   delJson(e, t, s = void 0) {
-    const i = new Request(e.toString()), r = b(`delJson: ${e}`), o = V(this.jwt, t, "DELETE", s);
-    return fetch(i, o).then(I).then(P).catch(r);
+    const i = new Request(e.toString()), n = b(`delJson: ${e}`), o = V(this.jwt, t, "DELETE", s);
+    return fetch(i, o).then(I).then(P).catch(n);
   }
 }, G = class extends y {
   static panelEventCode() {
@@ -468,7 +468,7 @@ var L = class extends EventTarget {
     return d.READY;
   }
   constructor(e) {
-    super(), this.qParamMap_ = /* @__PURE__ */ new Map(), this.uri_ = "", e && this.parseUri(e), this.evalScripts = Me(this), this.evalModules = we(this), this.redirected = !1, this.responseObject = {
+    super(), this.qParamMap_ = /* @__PURE__ */ new Map(), this.uri_ = "", e && this.parseUri(e), this.evalScripts = be(this), this.evalModules = Le(this), this.redirected = !1, this.responseObject = {
       html: null,
       scripts: null
     }, this.user_ = void 0, "AbortController" in window ? this.abortController = new AbortController() : this.abortController = {
@@ -478,17 +478,17 @@ var L = class extends EventTarget {
     }, this.listMap = /* @__PURE__ */ new Map();
   }
   get uri() {
-    const e = this.qParamMap_.size > 0 ? "?" + Ee(Object.fromEntries(this.qParamMap_)) : "";
+    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 x()), this.user_;
+    return this.user_ || (this.user_ = new B()), this.user_;
   }
   parseUri(e) {
-    this.uri_ = W(e), this.qParamMap_ = ge(me(e));
+    this.uri_ = W(e), this.qParamMap_ = fe(Ee(e));
   }
   addToQParams(e, t) {
     this.qParamMap_.set(e, t);
@@ -527,12 +527,12 @@ var L = class extends EventTarget {
     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);
+    if (t.startsWith(".")) [...s.querySelectorAll(t)].filter((n) => j(n.id)).map((n) => [n, i.querySelector(`#${n.id}`)]).filter(([n, o]) => j(o)).forEach(([n, o]) => {
+      n.parentNode.replaceChild(o, n), this.parseContent(o);
     });
     else if (t.startsWith("#")) {
-      const r = i.querySelector(t), o = s.querySelector(t);
-      o.parentNode.replaceChild(r, o), this.parseContent(r);
+      const n = i.querySelector(t), o = s.querySelector(t);
+      o.parentNode.replaceChild(n, o), this.parseContent(n);
     }
     this.evalScripts(e.scripts), this.evalModules(e.modules);
   }
@@ -554,103 +554,111 @@ var L = class extends EventTarget {
   }
   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));
+      const r = R.get("carbon");
+      r.render.call(this, e, r.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);
+      const r = R.get("mdc");
+      r.render.call(this, e, r.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) => {
+    e.classList.contains("zoo__modal-base") && e.classList.contains("close_on_click") && this.listen(e, c.CLICK, (r) => {
+      r.target === e && this.dispatchPanelEvent("destroy_me");
+    }), [...e.querySelectorAll(".zoo__button:not(.external):not(.mdc-data-table__row)")].forEach((r) => {
+      this.listen(r, c.CLICK, (a) => {
         a.stopPropagation();
-        const h = a.currentTarget, u = w(h);
+        const l = a.currentTarget, u = w(l);
         this.dispatchPanelEvent(u.zv, Object.assign({
           orgEvt: a,
-          trigger: h,
-          href: h.href || u.href
+          trigger: l,
+          href: l.href || u.href
         }, u));
       });
-    }), [...e.querySelectorAll("[href]:not(.external):not([event])")].forEach((n) => {
-      this.listen(n, l.CLICK, (a) => {
-        const h = a.currentTarget;
+    }), [...e.querySelectorAll("[href]:not(.external):not([event])")].forEach((r) => {
+      this.listen(r, c.CLICK, (a) => {
+        const l = a.currentTarget;
         a.preventDefault(), a.stopPropagation();
-        const u = w(h), E = u.zv || "href";
+        const u = w(l), E = u.zv || "href";
         this.dispatchPanelEvent(E, Object.assign({
           orgEvt: a,
           trigger: a.target,
-          href: h.href || u.href
+          href: l.href || u.href
         }, u));
       });
-    }), [...e.querySelectorAll("form.intercept_submit")].forEach((n) => {
-      n.noValidate = !0, this.listen(n, l.SUBMIT, (a) => {
+    }), [...e.querySelectorAll("form.intercept_submit")].forEach((r) => {
+      r.noValidate = !0, this.listen(r, c.SUBMIT, (a) => {
         a.preventDefault(), a.stopPropagation();
-        const h = w(n), u = Re(n.elements);
-        this.dispatchPanelEvent(h.zv, Object.assign({
+        const l = w(r), u = ye(r.elements);
+        this.dispatchPanelEvent(l.zv, Object.assign({
           orgEvt: a,
           trigger: a.target,
           formData: u,
-          href: h.href
-        }, h));
+          href: l.href
+        }, l));
       });
-    }), [...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) => {
+    }), [...e.querySelectorAll(".zoo__toggle_class_driver")].forEach((r) => {
+      const a = w(r), l = a.toggle_class_target_id, u = a.toggle_class, E = e.querySelector(`#${l}`);
+      E && u && r.addEventListener(c.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);
+    const t = Array.from(e.querySelectorAll(".folder_drop_zone")), s = Array.from(e.querySelectorAll("[draggable]")), i = (r) => {
+      r.preventDefault(), r.target.classList.add("drag_over");
+    }, n = (r) => {
+      r.preventDefault();
+    }, o = (r) => {
+      r.preventDefault(), r.target.classList.remove("drag_over");
+    }, h = (r) => {
+      r.preventDefault(), r.target.classList.remove("drag_over");
+    }, p = (r) => {
+      r.preventDefault(), r.target.classList.remove("drag_over");
+    }, v = (r) => {
+      r.dataTransfer.dropEffect = "move";
+      const a = w(r.target);
+      r.dataTransfer.setData("text/plain", JSON.stringify(a)), r.target.classList.add("drag_in_progress");
+    }, m = (r) => {
+      r.target.classList.remove("drag_in_progress");
+    }, S = (r) => {
+      p(r), r.stopPropagation();
+      const a = JSON.parse(r.dataTransfer.getData("text/plain")), l = w(r.target);
       return this.dispatchPanelEvent("drop_on", { custom: {
-        on: h,
+        on: l,
         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);
+    t.forEach((r) => {
+      this.listen(r, c.DRAGOVER, n), this.listen(r, c.DRAGENTER, i), this.listen(r, c.DRAGEXIT, h), this.listen(r, c.DRAGLEAVE, o), this.listen(r, c.DROP, S);
+    }), s.forEach((r) => {
+      this.listen(r, c.DRAGSTART, v), this.listen(r, c.DRAGEND, m);
+    }), [...e.querySelectorAll(".zoo_async_json")].forEach((r) => {
+      const a = w(r), l = a.href, u = this.onAsyncJsonReply.bind(this, r, a);
+      this.user.fetchJson(l, this.abortController.signal).then(u);
       const E = a.z_json_reusable;
       E && (this.jsonCallFuncs = this.jsonCallFuncs || {}, this.jsonCallFuncs[E] = () => {
-        this.user.fetchJson(h, this.abortController.signal).then(u);
+        this.user.fetchJson(l, this.abortController.signal).then(u);
       });
       const g = ie(a.z_interval);
       se(g) && this.doOnBeat(() => {
-        this.user.fetchJson(h, this.abortController.signal).then(u);
+        this.user.fetchJson(l, 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);
+    }), [...e.querySelectorAll(".zoo_async_html")].forEach((r) => {
+      const a = w(r), l = a.href;
+      this.user.fetchAndSplit(l, this.abortController.signal).then((E) => {
+        r.appendChild(E.html), this.parseContent(r), this.evalScripts(E.scripts), this.evalModules(E.modules), this.onAsyncHtmlReply(r, 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);
+        this.user.fetchAndSplit(l, this.abortController.signal).then((E) => {
+          r.replaceChildren(E.html), this.parseContent(r), this.evalScripts(E.scripts), this.evalModules(E.modules);
         });
       }, u * 60 * 1e3);
+    }), [...e.querySelectorAll("[zoo-url-api]")].forEach((r) => {
+      if (r.tagName === "CDS-TABLE" || r.classList.contains("zoo_async_json") || r.dataBinder) return;
+      const a = r.getAttribute("zoo-url-api");
+      if (!a || !r.querySelector("[zoo-bind], [zoo-bind-attr], [zoo-template]")) return;
+      const l = new he(this, a, r);
+      r.dataBinder = l, l.fetchData().catch((u) => {
+        console.error("[Panel] zoo-url-api auto-bind fetch failed:", u);
+      });
     });
   }
   enterDocument() {
@@ -664,7 +672,7 @@ var L = class extends EventTarget {
     this.redirected = e, this.redirected && t && (this.uri_ = t);
   }
   dispatchPanelEvent(e, t) {
-    const s = new k(e, t), i = L.makeEvent(d.PANEL, s);
+    const s = new z(e, t), i = L.makeEvent(d.PANEL, s);
     return this.debugMe(`PANEL EVENT FIRED:
       value:${e}
       data:${t}`), this.dispatchEvent(i);
@@ -690,11 +698,11 @@ var L = class extends EventTarget {
     return e && (s = document.getElementById(e) || s), s && s.tagName.toLowerCase() === "form" && (t = s), t;
   }
   #i() {
-    this.#e && (this.listen(this.#e, l.CHANGE, (e) => {
+    this.#e && (this.listen(this.#e, c.CHANGE, (e) => {
       this.#o(e);
-    }, { passive: !0 }), this.listen(this.#e, l.INPUT, (e) => {
+    }, { passive: !0 }), this.listen(this.#e, c.INPUT, (e) => {
       this.clearAllValidationErrors(), this.#o(e);
-    }), this.listen(this.#e, l.INVALID, (e) => {
+    }), this.listen(this.#e, c.INVALID, (e) => {
       e.preventDefault();
       const t = e.target;
       this.#n(t), this.displayFieldError(t);
@@ -736,7 +744,7 @@ var L = class extends EventTarget {
     if (e && this.#s) {
       e.noValidate = !0;
       const t = this.user;
-      this.listen(e, l.SUBMIT, (s) => {
+      this.listen(e, c.SUBMIT, (s) => {
         s.preventDefault(), this.debugMe("Intercepted from SUBMIT"), this.checkAllFields() && t && t.formSubmit(this);
       });
     }
@@ -822,66 +830,66 @@ var L = class extends EventTarget {
     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, () => {
+    const { sizeNow: n, nestEl: o, canResize: h } = this.nestMap_.get(e);
+    h && (i || n === 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);
+    const { nestEl: i, dragEl: n, canResize: o } = this.nestMap_.get(e);
     if (!o) return;
-    const c = () => {
-      r.classList.add("locked", "closed"), i.classList.add("closed"), t();
+    const h = () => {
+      n.classList.add("locked", "closed"), i.classList.add("closed"), t();
     };
-    this.resize(e, 0, c, s);
+    this.resize(e, 0, h, s);
   }
   closeAndUnlock(e, t = C, s = !1) {
-    const { nestEl: i, dragEl: r, canResize: o } = this.nestMap_.get(e);
+    const { nestEl: i, dragEl: n, 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();
+    const h = () => {
+      i.classList.remove("closed"), n.classList.remove("closed", "locked"), n.classList.add("collapsed"), t();
     };
-    this.resize(e, 0, c, s);
+    this.resize(e, 0, h, s);
   }
   openAndUnlock(e, t, s, i = !1) {
-    const { nestEl: r, dragEl: o, defSize: c, lastSize: p, canResize: v } = this.nestMap_.get(e);
+    const { nestEl: n, dragEl: o, defSize: h, 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(() => {
+    const m = t || p || h;
+    n.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);
+    const { nestEl: n, dragEl: o, defSize: h, 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(() => {
+    const m = t || p || h;
+    n.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;
+    const { dragEl: i, canResize: n, nestEl: o } = this.nestMap_.get(e);
+    if (!n) return;
     this.dispatchSplitEvent(d.SPLIT_WILL_CLOSE, {
       nestName: e,
       nestEl: o
     });
-    const c = () => {
+    const h = () => {
       i.classList.add("collapsed"), this.dispatchSplitEvent(d.SPLIT_DID_CLOSE, {
         nestName: e,
         nestEl: o
       }), t();
     };
-    this.resize(e, 0, c, s);
+    this.resize(e, 0, h, 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;
+    const { defSize: i, lastSize: n, dragEl: o, canResize: h, nestEl: p } = this.nestMap_.get(e);
+    if (!h) return;
     this.dispatchSplitEvent(d.SPLIT_WILL_OPEN, {
       nestName: e,
       nestEl: p
     }), o.classList.remove("collapsed", "closed");
-    const v = r || i, m = () => {
+    const v = n || i, m = () => {
       this.dispatchSplitEvent(d.SPLIT_DID_OPEN, {
         nestName: e,
         nestEl: p
@@ -892,7 +900,7 @@ var L = class extends EventTarget {
   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 = []) {
+  addSplit(e = void 0, t = "EW", s = 100, i = 100, n = [], o = [], h = [], p = [], v = []) {
     const m = e || this.getElement();
     if (this.splitNests_.has(m)) return ["Already used!", m];
     tt(m, t), this.splitNests_.add(m);
@@ -902,16 +910,16 @@ var L = class extends EventTarget {
       if (D) S = D[0];
       else return ["Element not managed by this component", e];
     }
-    const n = `${S}A`, a = oe(s, [
+    const r = `${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, {
+      r,
+      ...n
+    ]), l = new H(t);
+    l.domFunc = ae([`zoo_drag_${r}`, ...p], v), l.render(m), this.nestMap_.set(r, {
       side: "A",
       nestEl: a,
-      dragger: h,
-      dragEl: h.getElement(),
+      dragger: l,
+      dragEl: l.getElement(),
       defSize: s,
       sizeNow: -1,
       canResize: !0
@@ -930,7 +938,7 @@ var L = class extends EventTarget {
     const T = oe(i, [
       "zoo_nest__C",
       g,
-      ...c
+      ...h
     ]);
     this.nestMap_.set(g, {
       side: "C",
@@ -942,22 +950,22 @@ var L = class extends EventTarget {
       canResize: !0
     }), [
       a,
-      h.getElement(),
+      l.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";
+    const X = (D, M, A, Te) => {
+      let x;
+      const K = D === "NS" ? "height" : "width", Me = D === "NS" ? "deltaY" : "deltaX";
       return (Q) => {
         switch (Q.detail.value_) {
           case d.COMP_DRAG_START:
-            B = M.getBoundingClientRect()[K], Y = E.getBoundingClientRect()[K] + B, this.nestMap_.get(A).dragEl.classList.remove("collapsed");
+            x = M.getBoundingClientRect()[K], Y = E.getBoundingClientRect()[K] + x, 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]);
+            const Z = Math.min(Y, x + Te * Q.detail.data_[Me]);
             this.nestMap_.get(A).lastSize = Z, M.style.flexBasis = Z + "px";
             break;
           }
@@ -969,12 +977,12 @@ var L = class extends EventTarget {
         }
       };
     };
-    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) => {
+    this.listen(l, y.compEventCode(), X(t, a, r, 1)), this.listen(_, y.compEventCode(), X(t, T, g, -1)), this.listen(l.getElement(), c.DBLCLICK, () => this.toggle(r)), this.listen(_.getElement(), c.DBLCLICK, () => this.toggle(g)), this.listen(l.getElement().querySelector(".zoo_grabber"), c.CLICK, () => this.toggle(r)), this.listen(_.getElement().querySelector(".zoo_grabber"), c.CLICK, () => this.toggle(g)), this.listen(a, c.TRANSITIONEND, (D) => {
       if (D.propertyName === "flex-basis" && D.target === a) {
-        const M = this.nestCallbackMap_.get(n);
-        this.nestCallbackMap_.delete(n), M && M(), this.dispatchSplitEvent(d.SPLIT_TRANSITION_END, this.nestMap_.get(n));
+        const M = this.nestCallbackMap_.get(r);
+        this.nestCallbackMap_.delete(r), M && M(), this.dispatchSplitEvent(d.SPLIT_TRANSITION_END, this.nestMap_.get(r));
       }
-    }), this.listen(T, l.TRANSITIONEND, (D) => {
+    }), this.listen(T, c.TRANSITIONEND, (D) => {
       if (D.propertyName === "flex-basis" && D.target === T) {
         const M = this.nestCallbackMap_.get(g);
         this.nestCallbackMap_.delete(g), M && M(), this.dispatchSplitEvent(d.SPLIT_TRANSITION_END, this.nestMap_.get(g));
@@ -982,7 +990,7 @@ var L = class extends EventTarget {
     });
   }
   dispatchSplitEvent(e, t) {
-    const s = new k(e, t), i = L.makeEvent(d.SPLIT, s);
+    const s = new z(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 = []) => {
@@ -998,18 +1006,18 @@ var L = class extends EventTarget {
   return i.classList.add("zoo_grabber", ...t), s.appendChild(i), s;
 }, it = {
   toggle_tree: function(e, t) {
-    ye(e, t);
+    Ae(e, t);
   },
   "tree_toggle-children": function(e, t) {
-    Ie(t, e);
+    Re(t, e);
   }
-}, _e = {
+}, Se = {
   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}`;
+    const i = e.formData.q, n = e.targetval;
+    if (i !== "" && (s = `${s}?q=${i}`), n !== "") {
+      let o = n;
+      n.includes("page=") && (o = n.split("&").filter((h) => !h.includes("page=")).join("&")), s = i !== "" ? `${s}&${o}` : `${s}?${o}`;
     }
     this.user.fetchAndSplit(s, t.abortController.signal).then((o) => t.onReplacePartialDom(o, e.zvptarget));
   },
@@ -1017,7 +1025,7 @@ var L = class extends EventTarget {
     const s = e.trigger.closest("form");
     t.removeFromQParams("q"), s.elements.q.value = "", s.dispatchEvent(new Event("submit"));
   }
-}, Se = {
+}, De = {
   paginate: function(e, t) {
     const s = `${e.href}?${e.targetval}`;
     this.user.fetchAndSplit(s, t.abortController.signal).then((i) => t.onReplacePartialDom(i, e.zvptarget));
@@ -1028,9 +1036,9 @@ var L = class extends EventTarget {
   }
 }, rt = /* @__PURE__ */ le({
   MdcTreeHandlers: () => it,
-  QueryParamHandlers: () => Se,
-  SearchHandlers: () => _e
-}), De = class extends L {
+  QueryParamHandlers: () => De,
+  SearchHandlers: () => Se
+}), Ce = class extends L {
   #e = void 0;
   #t = void 0;
   #s = {};
@@ -1089,7 +1097,7 @@ var L = class extends EventTarget {
     this.user_ = e, this.panelMap.forEach((t) => t.user = e);
   }
   get user() {
-    return this.user_ || (this.user_ = new x()), this.user_;
+    return this.user_ || (this.user_ = new B()), this.user_;
   }
   render() {
     this.initPanelEvents(), this.preRender(), this.configurePanels(), this.displayPanels(), this.postRender();
@@ -1114,7 +1122,7 @@ var L = class extends EventTarget {
     this.panelMap.has(e) && this.panelMap.get(e).dispose();
   }
   removePanel(e) {
-    const [t, s] = [...this.panelMap.entries()].find(([i, r]) => r === e);
+    const [t, s] = [...this.panelMap.entries()].find(([i, n]) => n === e);
     t && s && (s.dispose(), this.panelMap.delete(t));
   }
   getPanelByName(e) {
@@ -1132,8 +1140,8 @@ var L = class extends EventTarget {
       const i = t.view;
       this.switchViewMap_.has(i) ? this.switchViewMap_.get(i)(t, s) : this.debugMe("NO VIEW FOUND FOR:", i, this.switchViewMap_);
     }), Object.entries({
-      ..._e,
-      ...Se
+      ...Se,
+      ...De
     }).forEach(([t, s]) => {
       e.set(t, s.bind(this));
     }), e;
@@ -1172,7 +1180,7 @@ var L = class extends EventTarget {
   onSplitDidOpen(e) {
   }
   dispatchViewEvent(e, t) {
-    const s = new k(e, t), i = L.makeEvent(d.VIEW, s);
+    const s = new z(e, t), i = L.makeEvent(d.VIEW, s);
     return this.dispatchEvent(i);
   }
   get metaData() {
@@ -1212,7 +1220,7 @@ var L = class extends EventTarget {
     this.#s = e, this.#t && (this.#t.user = this.user);
   }
   get user() {
-    return this.#s || (this.#s = new x()), this.#s;
+    return this.#s || (this.#s = new B()), this.#s;
   }
   get utils() {
     return this.#n;
@@ -1242,7 +1250,7 @@ var L = class extends EventTarget {
     this.#t && (this.stopListeningTo(this.#t), this.#t.dispose(), this.#t = null), this.#t = e, this.#t.render();
   }
   initView(e) {
-    return e.user = this.user, e.split = this.split, e.utils = this.utils, e.recordHistory = this.recordHistory.bind(this), e.registerViewConstructor = this.registerViewConstructor.bind(this), this.listen(e, De.viewEventCode(), this.onViewEvent.bind(this)), e;
+    return e.user = this.user, e.split = this.split, e.utils = this.utils, e.recordHistory = this.recordHistory.bind(this), e.registerViewConstructor = this.registerViewConstructor.bind(this), this.listen(e, Ce.viewEventCode(), this.onViewEvent.bind(this)), e;
   }
   switchView(e) {
     this.setActiveView(this.initView(e));
@@ -1262,7 +1270,7 @@ var L = class extends EventTarget {
   };
 };
 async function ot(e = {}) {
-  const { registerCarbonLibrary: t } = await import("./chunks/register-DlEgJmDa.js");
+  const { registerCarbonLibrary: t } = await import("./chunks/register-Cm3JnDVX.js");
   return t(e);
 }
 async function at() {
@@ -1276,12 +1284,12 @@ var pt = {
   Panel: G,
   FormPanel: Ze,
   Split: et,
-  UserManager: x,
-  View: De,
+  UserManager: B,
+  View: Ce,
   Conductor: nt,
-  DataBinder: Ae,
+  DataBinder: he,
   UiEventType: d,
-  domUtils: Oe,
+  domUtils: Ie,
   uriUtils: qe,
   registerCarbonLibrary: ot,
   registerMdcLibrary: at,
@@ -1290,7 +1298,7 @@ var pt = {
   zoo: Pe
 };
 export {
-  Ae as Binder,
+  he as Binder,
   y as Component,
   R as ComponentLibraryRegistry,
   nt as Conductor,
@@ -1300,10 +1308,10 @@ export {
   G as Panel,
   et as Split,
   d as UiEventType,
-  x as UserManager,
-  De as View,
+  B as UserManager,
+  Ce as View,
   pt as default,
-  Oe as domUtils,
+  Ie as domUtils,
   rt as handlers,
   ot as registerCarbonLibrary,
   at as registerMdcLibrary,