@trintel/zooy 1.0.9 → 1.0.14

package/dist/chunks/{loading-icon-BjhgIkxm.js → loading-icon-aUR93XFj.js}

@@ -1,4 +1,4 @@
-"use strict";const n=require("./main-Dieh-js6.js"),e=require("./settings-Bgpv8zuU.js");var s=({description:i,small:c})=>{const r=c?"42":"44";return n.x`
+"use strict";const n=require("./main-CBogFjAz.js"),e=require("./settings-Bgpv8zuU.js");var s=({description:i,small:c})=>{const r=c?"42":"44";return n.x`
     <svg class="${e.prefix}--loading__svg" viewBox="0 0 100 100">
       ${i?n.x` <title>${i}</title> `:void 0}
       <circle

package/dist/chunks/{loading-icon-CzsLYW5d.js → loading-icon-kRHi53Yj.js}

@@ -1,4 +1,4 @@
-import { x as e } from "./main-1YHLay2M.js";
+import { x as e } from "./main-C7DwFPRv.js";
 import { p as r } from "./settings-jvP7vP60.js";
 var g = ({ description: c, small: i }) => {
   const o = i ? "42" : "44";

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

@@ -1229,16 +1229,16 @@ class UserManager {
    * @param {AbortSignal|undefined} signal
    * @return {Promise}
    */
-  async fetchJson(w, D = void 0) {
-    const O = new Request(w.toString()), F = genCatchClause(`fetchJson: ${w}`, {}), q = basicGetInit(this.jwt, D);
+  async fetchJson(w, D = void 0, O = void 0) {
+    const F = new Request(w.toString()), q = genCatchClause(`fetchJson: ${w}`, O), W = basicGetInit(this.jwt, D);
     await startSpin();
-    let W = {};
+    let Y = {};
     try {
-      W = await (await fetch(O, q)).json();
-    } catch (Y) {
-      return F(Y);
+      Y = await (await fetch(F, W)).json();
+    } catch (G) {
+      return q(G);
     }
-    return await stopSpin(), W;
+    return await stopSpin(), Y;
   }
   /**
    * @param {string} uri
@@ -2202,15 +2202,15 @@ class Split extends Component {
     }), [X, Z.getElement(), st, nt.getElement(), ot].forEach((it) => Q.appendChild(it));
     let ct = 0;
     const ht = (it, at, lt, ft) => {
-      let dt;
-      const ut = it === "NS" ? "height" : "width", gt = it === "NS" ? "deltaY" : "deltaX";
+      let ut;
+      const dt = it === "NS" ? "height" : "width", gt = it === "NS" ? "deltaY" : "deltaX";
       return (pt) => {
         switch (pt.detail.value_) {
           case UiEventType.COMP_DRAG_START:
-            dt = at.getBoundingClientRect()[ut], ct = st.getBoundingClientRect()[ut] + dt, this.nestMap_.get(lt).dragEl.classList.remove("collapsed");
+            ut = at.getBoundingClientRect()[dt], ct = st.getBoundingClientRect()[dt] + ut, this.nestMap_.get(lt).dragEl.classList.remove("collapsed");
             break;
           case UiEventType.COMP_DRAG_MOVE: {
-            const mt = Math.min(ct, dt + ft * pt.detail.data_[gt]);
+            const mt = Math.min(ct, ut + ft * pt.detail.data_[gt]);
             this.nestMap_.get(lt).lastSize = mt, at.style.flexBasis = mt + "px";
             break;
           }
@@ -2377,6 +2377,7 @@ const convertElToSplit = (U, w) => (U.classList.add("zoo_split", `zoo_split__${w
 class View extends Evt {
   #t = void 0;
   #e = void 0;
+  #s = {};
   //--[ Static ]--
   /**
    * Returns the view event type code used for dispatching view events.
@@ -2404,6 +2405,12 @@ class View extends Evt {
   get registerViewConstructor() {
     return this.#t;
   }
+  set utils(w) {
+    this.#s = w;
+  }
+  get utils() {
+    return this.#s;
+  }
   set split(w) {
     this.split_ = w, this.listen(this.split_, UiEventType.SPLIT, (D) => {
       const O = D.detail.getValue(), F = D.detail.getData();
@@ -2665,142 +2672,6 @@ class View extends Evt {
     return this.metaData_.has(w);
   }
 }
-class Conductor extends Evt {
-  #t = /* @__PURE__ */ new Map();
-  #e = null;
-  /**
-   * @type {!UserManager|undefined}
-   * @private
-   */
-  #s = void 0;
-  #r = void 0;
-  #n = /* @__PURE__ */ new Map();
-  /**
-   * Creates a new Conductor instance. Sets up browser history listening
-   * and initializes view event handling.
-   */
-  constructor() {
-    super(), this.#n = this.#i(), window.addEventListener("popstate", (w) => {
-      w.state !== null && this.navTo(w.state);
-    }), this.doOnBeat(() => {
-      document.dispatchEvent(new CustomEvent("zoo-tick-60", {
-        detail: { timestamp: Date.now() }
-      }));
-    }, 6e4);
-  }
-  set split(w) {
-    this.#r = w;
-  }
-  get split() {
-    if (!this.#r)
-      throw new Error("No SPLIT component available");
-    return this.#r;
-  }
-  /**
-   * @param {!UserManager} user
-   */
-  set user(w) {
-    this.#s = w, this.#e && (this.#e.user = this.user);
-  }
-  /**
-   * @return {!UserManager}
-   */
-  get user() {
-    return this.#s || (this.#s = new UserManager()), this.#s;
-  }
-  /**
-   * Initializes the internal view event map with default event handlers.
-   * Sets up handlers for common view events like 'switch_view'.
-   * @return {!Map<string, !Function>} Map of event names to handler functions
-   * @private
-   */
-  #i() {
-    return (/* @__PURE__ */ new Map()).set("switch_view", (w, D) => {
-      if (this.#t.has(w.view)) {
-        const O = this.#t.get(w.view)(
-          w.pk || w.recordId,
-          w
-        );
-        this.switchView(O);
-      }
-    });
-  }
-  /**
-   * Maps a view event name to a handler function. Allows dynamic registration
-   * of custom view event handlers at runtime.
-   * @param {string} s The event name to map
-   * @param {!Function} func The handler function that receives (eventData, eView)
-   */
-  mapViewEv(w, D) {
-    this.#n.set(w, D);
-  }
-  /**
-   * Registers a view constructor function that can be used to create instances
-   * of a specific view type.
-   * @param {string} s The view type identifier
-   * @param {!Function} f Constructor function that receives (pk, data) and returns a View
-   */
-  registerViewConstructor(w, D) {
-    this.#t.set(w, D);
-  }
-  /**
-   * @param {!CustomEvent} e Event object.
-   */
-  onViewEvent(w) {
-    const D = w.detail.getValue(), O = w.detail.getData(), F = (
-      /** @type {Panel} */
-      w.target
-    );
-    this.#n.has(D) ? this.#n.get(D)(O, F) : console.warn("Unhandled VIEW Event:", w, D, O, F);
-  }
-  /**
-   * Make the given view active.
-   * @param {!View} view
-   */
-  setActiveView(w) {
-    this.#e && (this.stopListeningTo(this.#e), this.#e.dispose(), this.#e = null), this.#e = w, this.#e.render();
-  }
-  /**
-   * @param {!View} view
-   * @returns {!View}
-   */
-  initView(w) {
-    return w.user = this.user, w.split = this.split, w.recordHistory = this.recordHistory.bind(this), w.registerViewConstructor = this.registerViewConstructor.bind(this), this.listen(w, View.viewEventCode(), this.onViewEvent.bind(this)), w;
-  }
-  //--[ Views Utilities ]--
-  /**
-   * @param {!View} view The view we want active.
-   */
-  switchView(w) {
-    this.setActiveView(this.initView(w));
-  }
-  //--[ History and Navigation ]--
-  /**
-   * Records the given item in browser history. If item.init is true, replaces
-   * the current history state. Otherwise, pushes a new history state unless
-   * item.history is true.
-   * @param {!Object} item The history item containing view state
-   */
-  recordHistory(w) {
-    this.debugMe("HISTORY", w), w.init ? history.replaceState(w, "", document.location.href) : w.history || history.pushState(w, "", null);
-  }
-  /**
-   * Navigates to a specific view based on the history item. Attempts to use
-   * the active view's switchViewMap first, falling back to registered view
-   * constructors if needed.
-   * @param {!Object} item History item containing {view, pk, ...} properties
-   */
-  navTo = (w) => {
-    w.history = !0;
-    const D = w.view, O = this.#e;
-    if (O.switchViewMap_.has(D))
-      this.debugMe("NAV:VIEW:MAP", w), O.switchViewMap_.get(D)(w);
-    else if (this.#t.has(D)) {
-      const F = this.#t.get(D)(w.pk, w);
-      this.debugMe("NAV:NEW:VIEW", w), this.switchView(F);
-    }
-  };
-}
 function _isPlaceholder(U) {
   return U != null && typeof U == "object" && U["@@functional/placeholder"] === !0;
 }
@@ -3134,6 +3005,19 @@ var liftN = /* @__PURE__ */ _curry2(function U(w, D) {
 }), has = /* @__PURE__ */ _curry2(function U(w, D) {
   return hasPath([w], D);
 });
+function _objectAssign(U) {
+  if (U == null)
+    throw new TypeError("Cannot convert undefined or null to object");
+  for (var w = Object(U), D = 1, O = arguments.length; D < O; ) {
+    var F = arguments[D];
+    if (F != null)
+      for (var q in F)
+        _has(q, F) && (w[q] = F[q]);
+    D += 1;
+  }
+  return w;
+}
+const _objectAssign$1 = typeof Object.assign == "function" ? Object.assign : _objectAssign;
 function _path(U, w) {
   for (var D = w, O = 0; O < U.length; O += 1) {
     if (D == null)
@@ -3143,22 +3027,172 @@ function _path(U, w) {
   }
   return D;
 }
-var path = /* @__PURE__ */ _curry2(_path);
+var mergeRight = /* @__PURE__ */ _curry2(function U(w, D) {
+  return _objectAssign$1({}, w, D);
+}), path = /* @__PURE__ */ _curry2(_path);
+class Conductor extends Evt {
+  #t = /* @__PURE__ */ new Map();
+  #e = null;
+  /**
+   * @type {!UserManager|undefined}
+   * @private
+   */
+  #s = void 0;
+  #r = void 0;
+  #n = /* @__PURE__ */ new Map();
+  /**
+   * This is a userspace map where consuming applications can register shared functions
+   * that are available to all views and panels.
+   * @type {{}}
+   */
+  #i = {};
+  /**
+   * Creates a new Conductor instance. Sets up browser history listening
+   * and initializes view event handling.
+   */
+  constructor() {
+    super(), this.#n = this.#o(), window.addEventListener("popstate", (w) => {
+      w.state !== null && this.navTo(w.state);
+    }), this.doOnBeat(() => {
+      document.dispatchEvent(new CustomEvent("zoo-tick-60", {
+        detail: { timestamp: Date.now() }
+      }));
+    }, 6e4);
+  }
+  set split(w) {
+    this.#r = w;
+  }
+  get split() {
+    if (!this.#r)
+      throw new Error("No SPLIT component available");
+    return this.#r;
+  }
+  /**
+   * @param {!UserManager} user
+   */
+  set user(w) {
+    this.#s = w, this.#e && (this.#e.user = this.user);
+  }
+  /**
+   * @return {!UserManager}
+   */
+  get user() {
+    return this.#s || (this.#s = new UserManager()), this.#s;
+  }
+  get utils() {
+    return this.#i;
+  }
+  /**
+   * Register utility functions that will be made available to all views.
+   * @Example:
+   *    const myUtil = () => {console.log("hello")};
+   *    c.registerUtil({myUtil});
+   *
+   *    // Elsewhere in the panel or view code:
+   *    view.utils.myUtil(); // Prints "hello"
+   * @param obj
+   */
+  registerUtil(w) {
+    this.#i = mergeRight(this.#i, w);
+  }
+  /**
+   * Initializes the internal view event map with default event handlers.
+   * Sets up handlers for common view events like 'switch_view'.
+   * @return {!Map<string, !Function>} Map of event names to handler functions
+   * @private
+   */
+  #o() {
+    return (/* @__PURE__ */ new Map()).set("switch_view", (w, D) => {
+      if (this.#t.has(w.view)) {
+        const O = this.#t.get(w.view)(
+          w.pk || w.recordId,
+          w
+        );
+        this.switchView(O);
+      }
+    });
+  }
+  /**
+   * Maps a view event name to a handler function. Allows dynamic registration
+   * of custom view event handlers at runtime.
+   * @param {string} s The event name to map
+   * @param {!Function} func The handler function that receives (eventData, eView)
+   */
+  mapViewEv(w, D) {
+    this.#n.set(w, D);
+  }
+  /**
+   * Registers a view constructor function that can be used to create instances
+   * of a specific view type.
+   * @param {string} s The view type identifier
+   * @param {!Function} f Constructor function that receives (pk, data) and returns a View
+   */
+  registerViewConstructor(w, D) {
+    this.#t.set(w, D);
+  }
+  /**
+   * @param {!CustomEvent} e Event object.
+   */
+  onViewEvent(w) {
+    const D = w.detail.getValue(), O = w.detail.getData(), F = (
+      /** @type {Panel} */
+      w.target
+    );
+    this.#n.has(D) ? this.#n.get(D)(O, F) : console.warn("Unhandled VIEW Event:", w, D, O, F);
+  }
+  /**
+   * Make the given view active.
+   * @param {!View} view
+   */
+  setActiveView(w) {
+    this.#e && (this.stopListeningTo(this.#e), this.#e.dispose(), this.#e = null), this.#e = w, this.#e.render();
+  }
+  /**
+   * @param {!View} view
+   * @returns {!View}
+   */
+  initView(w) {
+    return w.user = this.user, w.split = this.split, w.utils = this.utils, w.recordHistory = this.recordHistory.bind(this), w.registerViewConstructor = this.registerViewConstructor.bind(this), this.listen(w, View.viewEventCode(), this.onViewEvent.bind(this)), w;
+  }
+  //--[ Views Utilities ]--
+  /**
+   * @param {!View} view The view we want active.
+   */
+  switchView(w) {
+    this.setActiveView(this.initView(w));
+  }
+  //--[ History and Navigation ]--
+  /**
+   * Records the given item in browser history. If item.init is true, replaces
+   * the current history state. Otherwise, pushes a new history state unless
+   * item.history is true.
+   * @param {!Object} item The history item containing view state
+   */
+  recordHistory(w) {
+    this.debugMe("HISTORY", w), w.init ? history.replaceState(w, "", document.location.href) : w.history || history.pushState(w, "", null);
+  }
+  /**
+   * Navigates to a specific view based on the history item. Attempts to use
+   * the active view's switchViewMap first, falling back to registered view
+   * constructors if needed.
+   * @param {!Object} item History item containing {view, pk, ...} properties
+   */
+  navTo = (w) => {
+    w.history = !0;
+    const D = w.view, O = this.#e;
+    if (O.switchViewMap_.has(D))
+      this.debugMe("NAV:VIEW:MAP", w), O.switchViewMap_.get(D)(w);
+    else if (this.#t.has(D)) {
+      const F = this.#t.get(D)(w.pk, w);
+      this.debugMe("NAV:NEW:VIEW", w), this.switchView(F);
+    }
+  };
+}
 const DEFAULT_FORMATTERS = {
   /**
    * Format as JSON (useful for debugging)
    */
   json: (U) => JSON.stringify(U, null, 2),
-  /**
-   * Format date as "DD MMM YY HH:mm:ss" (e.g., "10 Nov 25 11:27:49")
-   * Accepts ISO date strings, timestamps, or Date objects.
-   * Returns empty string for null/undefined values.
-   */
-  date: (U) => {
-    if (!U) return "";
-    const w = U instanceof Date ? U : new Date(U);
-    return isNaN(w.getTime()) ? (console.warn("[Binder] Invalid date value:", U), "") : dateToZooyStdTimeString(w);
-  },
   /**
    * Template string interpolation formatter
    * Evaluates a template string with access to 'value' and 'data'
@@ -3180,7 +3214,7 @@ const DEFAULT_FORMATTERS = {
    *        zoo-bind-tpl="$${(value / 100).toFixed(2)}">
    */
   tpl: (U, w, D) => {
-    const O = D?.getAttribute("zoo-bind-attr-tpl");
+    const O = D?.getAttribute("zoo-bind-attr-tpl") || D?.getAttribute("zoo-bind-tpl");
     if (!O) return U;
     try {
       return new Function("value", "data", `return \`${O}\`;`)(U, w);
@@ -4149,12 +4183,12 @@ const zoo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty(
   getEventAttribute,
   getSemanticAttributes
 }, Symbol.toStringTag, { value: "Module" }));
-async function registerCarbonLibrary() {
-  const { registerCarbonLibrary: U } = await import("./register-DGyCiJGq.js");
-  return U();
+async function registerCarbonLibrary(U = {}) {
+  const { registerCarbonLibrary: w } = await import("./register-CpwdnySd.js");
+  return w(U);
 }
 async function registerMdcLibrary() {
-  const { registerMdcLibrary: U } = await import("./register-D-bV-b_k.js");
+  const { registerMdcLibrary: U } = await import("./register-D3mJ58Cv.js");
   return U();
 }
 const zooy = {