@entropic-bond/crud-panel 4.1.2 → 4.2.0

package/lib/entropic-bond-crud-panel.js

@@ -63,19 +63,19 @@ function tn(n, t, s) {
   if (Mt.randomUUID && !t && !n)
     return Mt.randomUUID();
   n = n || {};
-  const l = n.random || (n.rng || Xr)();
-  if (l[6] = l[6] & 15 | 64, l[8] = l[8] & 63 | 128, t) {
+  const c = n.random || (n.rng || Xr)();
+  if (c[6] = c[6] & 15 | 64, c[8] = c[8] & 63 | 128, t) {
     s = s || 0;
-    for (let c = 0; c < 16; ++c)
-      t[s + c] = l[c];
+    for (let l = 0; l < 16; ++l)
+      t[s + l] = c[l];
     return t;
   }
-  return Zr(l);
+  return Zr(c);
 }
-var rn = Object.defineProperty, nn = Object.getOwnPropertyDescriptor, on = (n, t, s, l) => {
-  for (var c = l > 1 ? void 0 : l ? nn(t, s) : t, y = n.length - 1, D; y >= 0; y--)
-    (D = n[y]) && (c = (l ? D(t, s, c) : D(c)) || c);
-  return l && c && rn(t, s, c), c;
+var rn = Object.defineProperty, nn = Object.getOwnPropertyDescriptor, on = (n, t, s, c) => {
+  for (var l = c > 1 ? void 0 : c ? nn(t, s) : t, y = n.length - 1, D; y >= 0; y--)
+    (D = n[y]) && (l = (c ? D(t, s, l) : D(l)) || l);
+  return c && l && rn(t, s, l), l;
 }, x;
 const xt = (x = class {
   /**
@@ -244,8 +244,8 @@ const xt = (x = class {
   }
   fromObj(n) {
     return this._persistentProperties ? (this._persistentProperties.forEach((t) => {
-      const s = this.removeUnderscore(t), l = n[s];
-      l != null && (this[t.name] = this.fromDeepObject(l));
+      const s = this.removeUnderscore(t), c = n[s];
+      c != null && (this[t.name] = this.fromDeepObject(c));
     }), this) : this;
   }
   /**
@@ -270,8 +270,8 @@ const xt = (x = class {
     if (!this.className)
       throw new Error("You should register this class prior to streaming it.");
     return this._persistentProperties.forEach((s) => {
-      const l = this[s.name], c = this.removeUnderscore(s);
-      l != null && (s.isReference ? t[c] = this.toReferenceObj(s, n) : t[c] = this.toDeepObj(l, n), s.searchableArray && (t[x.searchableArrayNameFor(c)] = l.map((y) => y.id)));
+      const c = this[s.name], l = this.removeUnderscore(s);
+      c != null && (s.isReference ? t[l] = this.toReferenceObj(s, n) : t[l] = this.toDeepObj(c, n), s.searchableArray && (t[x.searchableArrayNameFor(l)] = c.map((y) => y.id)));
     }), t.__className = this.className, t;
   }
   static searchableArrayNameFor(n) {
@@ -291,7 +291,7 @@ const xt = (x = class {
     if (typeof n == "object") {
       const t = {};
       return Object.entries(n).forEach(
-        ([s, l]) => t[s] = this.fromDeepObject(l)
+        ([s, c]) => t[s] = this.fromDeepObject(c)
       ), t;
     }
     return n;
@@ -307,36 +307,36 @@ const xt = (x = class {
       if (typeof n == "object") {
         const s = {};
         return Object.entries(n).forEach(
-          ([l, c]) => s[l] = this.toDeepObj(c, t)
+          ([c, l]) => s[c] = this.toDeepObj(l, t)
         ), s;
       }
       return n;
     }
   }
   toReferenceObj(n, t) {
-    const s = this[n.name], l = (c) => {
+    const s = this[n.name], c = (l) => {
       let y;
-      return typeof n.storeInCollection == "function" ? y = n.storeInCollection(c, n) : y = n.storeInCollection || c.className, y;
+      return typeof n.storeInCollection == "function" ? y = n.storeInCollection(l, n) : y = n.storeInCollection || l.className, y;
     };
-    return Array.isArray(s) ? s.map((c) => (n.isPureReference || this.pushDocument(t, l(c), c), this.buildRefObject(c, l(c), n.forcedPersistentProps))) : (n.isPureReference || this.pushDocument(t, l(s), s), this.buildRefObject(s, l(s), n.forcedPersistentProps));
+    return Array.isArray(s) ? s.map((l) => (n.isPureReference || this.pushDocument(t, c(l), l), this.buildRefObject(l, c(l), n.forcedPersistentProps))) : (n.isPureReference || this.pushDocument(t, c(s), s), this.buildRefObject(s, c(s), n.forcedPersistentProps));
   }
   buildRefObject(n, t, s) {
-    const l = s == null ? void 0 : s.reduce((c, y) => (n[y] !== void 0 && (c[y] = n[y]), c), {});
+    const c = s == null ? void 0 : s.reduce((l, y) => (n[y] !== void 0 && (l[y] = n[y]), l), {});
     return {
       id: n.id,
       __className: n.className || n.__className,
       __documentReference: {
         storedInCollection: t
       },
-      ...l
+      ...c
     };
   }
   pushDocument(n, t, s) {
     if ("__documentReference" in s && s.__documentReference)
       return;
     n[t] || (n[t] = []);
-    const l = this.toDeepObj(s, n);
-    n[t].push(l);
+    const c = this.toDeepObj(s, n);
+    n[t].push(c);
   }
   removeUnderscore(n) {
     return n.name.slice(1);
@@ -351,7 +351,7 @@ const xt = (x = class {
     try {
       return new (x.classFactory(n.__className))().fromObject(n);
     } catch (t) {
-      const s = Object.entries(n).filter(([l, c]) => c != null && typeof c != "function").map(([l, c]) => `${l}: ${c}`).join(`,
+      const s = Object.entries(n).filter(([c, l]) => l != null && typeof l != "function").map(([c, l]) => `${c}: ${l}`).join(`,
 	`);
       throw new Error(`${t}
 -----> Class name not found in object:
@@ -375,8 +375,8 @@ function de(n, t) {
 function sn(n) {
   return function(t, s) {
     Object.getOwnPropertyDescriptor(t, "_persistentProperties") || (t._persistentProperties ? t._persistentProperties = [...t._persistentProperties] : t._persistentProperties = []);
-    const l = t._persistentProperties.find((c) => c.name === s);
-    l ? Object.assign(l, n) : t._persistentProperties.push({
+    const c = t._persistentProperties.find((l) => l.name === s);
+    c ? Object.assign(c, n) : t._persistentProperties.push({
       name: s,
       ...n
     });
@@ -416,10 +416,10 @@ function un(n, t) {
     s.prototype.__className = n;
   };
 }
-var cn = Object.defineProperty, ln = Object.getOwnPropertyDescriptor, fn = (n, t, s, l) => {
-  for (var c = l > 1 ? void 0 : l ? ln(t, s) : t, y = n.length - 1, D; y >= 0; y--)
-    (D = n[y]) && (c = (l ? D(t, s, c) : D(c)) || c);
-  return l && c && cn(t, s, c), c;
+var cn = Object.defineProperty, ln = Object.getOwnPropertyDescriptor, fn = (n, t, s, c) => {
+  for (var l = c > 1 ? void 0 : c ? ln(t, s) : t, y = n.length - 1, D; y >= 0; y--)
+    (D = n[y]) && (l = (c ? D(t, s, l) : D(l)) || l);
+  return c && l && cn(t, s, l), l;
 };
 let Ze = class extends be {
   constructor(n = "") {
@@ -449,8 +449,8 @@ let Ze = class extends be {
   save(n, t) {
     const s = n;
     this._onProgress && this._onProgress(0, 100), this.mockFileSystem[n] = JSON.stringify(t), this._onProgress && this._onProgress(100, 100);
-    const l = t instanceof File ? t.name : s;
-    return this.resolveWithDelay(l);
+    const c = t instanceof File ? t.name : s;
+    return this.resolveWithDelay(c);
   }
   uploadControl() {
     return {
@@ -473,18 +473,18 @@ let Ze = class extends be {
 Ze = fn([
   un("MockCloudStorage", () => new Ze())
 ], Ze);
-var dn = Object.defineProperty, pn = Object.getOwnPropertyDescriptor, pe = (n, t, s, l) => {
-  for (var c = l > 1 ? void 0 : l ? pn(t, s) : t, y = n.length - 1, D; y >= 0; y--)
-    (D = n[y]) && (c = (l ? D(t, s, c) : D(c)) || c);
-  return l && c && dn(t, s, c), c;
+var dn = Object.defineProperty, pn = Object.getOwnPropertyDescriptor, pe = (n, t, s, c) => {
+  for (var l = c > 1 ? void 0 : c ? pn(t, s) : t, y = n.length - 1, D; y >= 0; y--)
+    (D = n[y]) && (l = (c ? D(t, s, l) : D(l)) || l);
+  return c && l && dn(t, s, l), l;
 };
 let ne = class extends Wt {
   constructor() {
     super(...arguments), this._onChange = new Le();
   }
-  async save({ data: n, fileName: t, progress: s, cloudStorageProvider: l } = {}) {
-    const c = n || this._pendingData;
-    c && (this._reference && await this.delete(), this.provider = l || be.defaultCloudStorage, this._originalFileName = t || (c instanceof File ? c.name : void 0), this._reference = await this.provider.save(this.id, c, s), this._url = await this.provider.getUrl(this._reference), this._pendingData = void 0, this._onChange.notify({ event: 0, storedFile: this }));
+  async save({ data: n, fileName: t, progress: s, cloudStorageProvider: c } = {}) {
+    const l = n || this._pendingData;
+    l && (this._reference && await this.delete(), this.provider = c || be.defaultCloudStorage, this._originalFileName = t || (l instanceof File ? l.name : void 0), this._reference = await this.provider.save(this.id, l, s), this._url = await this.provider.getUrl(this._reference), this._pendingData = void 0, this._onChange.notify({ event: 0, storedFile: this }));
   }
   uploadControl() {
     return this.provider.uploadControl();
@@ -547,12 +547,12 @@ ne = pe([
 function hn(n, t = "-") {
   if (!n)
     return "";
-  const s = n.slice(1).replace(/( |[A-Z])/g, (l) => l === " " ? "-" : t + l[0].toLowerCase());
+  const s = n.slice(1).replace(/( |[A-Z])/g, (c) => c === " " ? "-" : t + c[0].toLowerCase());
   return n[0].toLocaleLowerCase() + s.replace(/--/g, "-");
 }
 class mn {
   constructor() {
-    this._stages = {}, this._onProgress = new Le();
+    this._debug = !1, this._stages = {}, this._onProgress = new Le();
   }
   notifyBusy(t, s) {
     this.pushStage({
@@ -563,16 +563,22 @@ class mn {
   }
   pushStage(t) {
     this._stages[t.name] = t;
-    const s = Object.values(this._stages).reduce((l, c, y, D) => l + c.progress / c.total / D.length, 0);
+    const s = Object.values(this._stages).reduce((c, l, y, D) => c + l.progress / l.total / D.length, 0);
     this._onProgress.notify({
       busy: s < 1,
       overallProgress: s,
       stages: this._stages
-    }), s >= 1 && (this._stages = {});
+    }), s >= 1 && (this._stages = {}), this.debug && console.log(`ProgressController ${t.name}: Progress: ${t.progress} Stages: ${t.total}`);
   }
   onProgress(t) {
     return this._onProgress.subscribe(t);
   }
+  set debug(t) {
+    this._debug = t;
+  }
+  get debug() {
+    return this._debug;
+  }
 }
 const re = class re {
   constructor(t) {
@@ -587,12 +593,13 @@ const re = class re {
   get requiredProperties() {
     if (!this.document)
       throw new Error(re.errorMessages.missedDocument);
-    return this.document.getPersistentProperties().filter((t) => this.document.isRequired(t.name)).map((t) => t.name).concat(Object.keys(this.validator));
+    const t = this.document.getPersistentProperties().filter((c) => this.document.isRequired(c.name)).map((c) => c.name);
+    return [...new Set(t.concat(Object.keys(this.validator)))];
   }
-  addValidator(t, s, l) {
+  addValidator(t, s, c) {
     this.validator[t] = {
       func: s,
-      errorMessage: l
+      errorMessage: c
     };
   }
   removeValidator(t) {
@@ -712,23 +719,23 @@ const re = class re {
   }
   async documentCollection(t) {
     const s = "Retrieving document collection";
-    let l = [];
+    let c = [];
     try {
       this.progressController.notifyBusy(!0, s);
-      const c = this.findDocs(t);
-      c ? l = await c : l = await this.queryDocs(t).get();
-    } catch (c) {
-      if (this.onChangeHdl.notify({ error: this.errorToError(c) }), this.onErrorHdl.notify(this.errorToError(c)), this.throwOnError)
-        throw c;
+      const l = this.findDocs(t);
+      l ? c = await l : c = await this.queryDocs(t).get();
+    } catch (l) {
+      if (this.onChangeHdl.notify({ error: this.errorToError(l) }), this.onErrorHdl.notify(this.errorToError(l)), this.throwOnError)
+        throw l;
     } finally {
       this.progressController.notifyBusy(!1, s);
     }
-    return l;
+    return c;
   }
   filter(t) {
     return t.filter((s) => {
-      var l;
-      return ((l = this._filter) == null ? void 0 : l.call(this, s)) ?? !0;
+      var c;
+      return ((c = this._filter) == null ? void 0 : c.call(this, s)) ?? !0;
     });
   }
   onProgress(t) {
@@ -781,23 +788,23 @@ var et = { exports: {} }, g = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var Ut;
+var Vt;
 function vn() {
-  if (Ut)
+  if (Vt)
     return g;
-  Ut = 1;
-  var n = Symbol.for("react.element"), t = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), l = Symbol.for("react.strict_mode"), c = Symbol.for("react.profiler"), y = Symbol.for("react.provider"), D = Symbol.for("react.context"), F = Symbol.for("react.forward_ref"), U = Symbol.for("react.suspense"), B = Symbol.for("react.memo"), z = Symbol.for("react.lazy"), H = Symbol.iterator;
+  Vt = 1;
+  var n = Symbol.for("react.element"), t = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), c = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), y = Symbol.for("react.provider"), D = Symbol.for("react.context"), F = Symbol.for("react.forward_ref"), V = Symbol.for("react.suspense"), B = Symbol.for("react.memo"), z = Symbol.for("react.lazy"), H = Symbol.iterator;
   function Z(o) {
     return o === null || typeof o != "object" ? null : (o = H && o[H] || o["@@iterator"], typeof o == "function" ? o : null);
   }
-  var V = { isMounted: function() {
+  var U = { isMounted: function() {
     return !1;
   }, enqueueForceUpdate: function() {
   }, enqueueReplaceState: function() {
   }, enqueueSetState: function() {
   } }, q = Object.assign, Ee = {};
   function K(o, f, v) {
-    this.props = o, this.context = f, this.refs = Ee, this.updater = v || V;
+    this.props = o, this.context = f, this.refs = Ee, this.updater = v || U;
   }
   K.prototype.isReactComponent = {}, K.prototype.setState = function(o, f) {
     if (typeof o != "object" && typeof o != "function" && o != null)
@@ -810,7 +817,7 @@ function vn() {
   }
   we.prototype = K.prototype;
   function oe(o, f, v) {
-    this.props = o, this.context = f, this.refs = Ee, this.updater = v || V;
+    this.props = o, this.context = f, this.refs = Ee, this.updater = v || U;
   }
   var ie = oe.prototype = new we();
   ie.constructor = oe, q(ie, K.prototype), ie.isPureReactComponent = !0;
@@ -839,7 +846,7 @@ function vn() {
   function he(o) {
     return typeof o == "object" && o !== null && o.$$typeof === n;
   }
-  function Ue(o) {
+  function Ve(o) {
     var f = { "=": "=0", ":": "=2" };
     return "$" + o.replace(/[=:]/g, function(v) {
       return f[v];
@@ -847,7 +854,7 @@ function vn() {
   }
   var Re = /\/+/g;
   function me(o, f) {
-    return typeof o == "object" && o !== null && o.key != null ? Ue("" + o.key) : f.toString(36);
+    return typeof o == "object" && o !== null && o.key != null ? Ve("" + o.key) : f.toString(36);
   }
   function se(o, f, v, E, _) {
     var C = typeof o;
@@ -924,7 +931,7 @@ function vn() {
     if (!he(o))
       throw Error("React.Children.only expected to receive a single React element child.");
     return o;
-  } }, g.Component = K, g.Fragment = s, g.Profiler = c, g.PureComponent = oe, g.StrictMode = l, g.Suspense = U, g.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Pe, g.cloneElement = function(o, f, v) {
+  } }, g.Component = K, g.Fragment = s, g.Profiler = l, g.PureComponent = oe, g.StrictMode = c, g.Suspense = V, g.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Pe, g.cloneElement = function(o, f, v) {
     if (o == null)
       throw Error("React.cloneElement(...): The argument must be a React element, but you passed " + o + ".");
     var E = q({}, o.props), _ = o.key, C = o.ref, k = o._owner;
@@ -1009,12 +1016,12 @@ var _e = { exports: {} };
  * LICENSE file in the root directory of this source tree.
  */
 _e.exports;
-var Vt;
+var Ut;
 function gn() {
-  return Vt || (Vt = 1, function(n, t) {
+  return Ut || (Ut = 1, function(n, t) {
     process.env.NODE_ENV !== "production" && function() {
       typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
-      var s = "18.2.0", l = Symbol.for("react.element"), c = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), D = Symbol.for("react.strict_mode"), F = Symbol.for("react.profiler"), U = Symbol.for("react.provider"), B = Symbol.for("react.context"), z = Symbol.for("react.forward_ref"), H = Symbol.for("react.suspense"), Z = Symbol.for("react.suspense_list"), V = Symbol.for("react.memo"), q = Symbol.for("react.lazy"), Ee = Symbol.for("react.offscreen"), K = Symbol.iterator, we = "@@iterator";
+      var s = "18.2.0", c = Symbol.for("react.element"), l = Symbol.for("react.portal"), y = Symbol.for("react.fragment"), D = Symbol.for("react.strict_mode"), F = Symbol.for("react.profiler"), V = Symbol.for("react.provider"), B = Symbol.for("react.context"), z = Symbol.for("react.forward_ref"), H = Symbol.for("react.suspense"), Z = Symbol.for("react.suspense_list"), U = Symbol.for("react.memo"), q = Symbol.for("react.lazy"), Ee = Symbol.for("react.offscreen"), K = Symbol.iterator, we = "@@iterator";
       function oe(e) {
         if (e === null || typeof e != "object")
           return null;
@@ -1052,7 +1059,7 @@ function gn() {
         var r = J.getCurrentStack;
         return r && (e += r() || ""), e;
       };
-      var he = !1, Ue = !1, Re = !1, me = !1, se = !1, Y = {
+      var he = !1, Ve = !1, Re = !1, me = !1, se = !1, Y = {
         ReactCurrentDispatcher: ie,
         ReactCurrentBatchConfig: G,
         ReactCurrentOwner: L
@@ -1183,8 +1190,8 @@ function gn() {
       function $(e, r, i) {
         this.props = e, this.context = r, this.refs = E, this.updater = i || f;
       }
-      var Ve = $.prototype = new P();
-      Ve.constructor = $, v(Ve, _.prototype), Ve.isPureReactComponent = !0;
+      var Ue = $.prototype = new P();
+      Ue.constructor = $, v(Ue, _.prototype), Ue.isPureReactComponent = !0;
       function Ht() {
         var e = {
           current: null
@@ -1235,7 +1242,7 @@ function gn() {
         switch (e) {
           case y:
             return "Fragment";
-          case c:
+          case l:
             return "Portal";
           case F:
             return "Profiler";
@@ -1251,12 +1258,12 @@ function gn() {
             case B:
               var r = e;
               return rt(r) + ".Consumer";
-            case U:
+            case V:
               var i = e;
               return rt(i._context) + ".Provider";
             case z:
               return Kt(e, e.render, "ForwardRef");
-            case V:
+            case U:
               var a = e.displayName || null;
               return a !== null ? a : X(e.type) || "Memo";
             case q: {
@@ -1320,7 +1327,7 @@ function gn() {
       var We = function(e, r, i, a, u, p, d) {
         var m = {
           // This tag allows us to uniquely identify this as a React Element
-          $$typeof: l,
+          $$typeof: c,
           // Built-in properties that belong on the element
           type: e,
           key: r,
@@ -1398,7 +1405,7 @@ function gn() {
         return We(e.type, p, d, m, b, w, u);
       }
       function ae(e) {
-        return typeof e == "object" && e !== null && e.$$typeof === l;
+        return typeof e == "object" && e !== null && e.$$typeof === c;
       }
       var ut = ".", tr = ":";
       function rr(e) {
@@ -1431,8 +1438,8 @@ function gn() {
               break;
             case "object":
               switch (e.$$typeof) {
-                case l:
                 case c:
+                case l:
                   d = !0;
               }
           }
@@ -1525,7 +1532,7 @@ function gn() {
           _globalName: null
         };
         r.Provider = {
-          $$typeof: U,
+          $$typeof: V,
           _context: r
         };
         var i = !1, a = !1, u = !1;
@@ -1657,7 +1664,7 @@ Your code should look like:
         return i;
       }
       function dr(e) {
-        e != null && e.$$typeof === V ? h("forwardRef requires a render function but received a `memo` component. Instead of forwardRef(memo(...)), use memo(forwardRef(...)).") : typeof e != "function" ? h("forwardRef requires a render function but was given %s.", e === null ? "null" : typeof e) : e.length !== 0 && e.length !== 2 && h("forwardRef render functions accept exactly two parameters: props and ref. %s", e.length === 1 ? "Did you forget to use the ref parameter?" : "Any additional parameter will be undefined."), e != null && (e.defaultProps != null || e.propTypes != null) && h("forwardRef render functions do not support propTypes or defaultProps. Did you accidentally pass a React component?");
+        e != null && e.$$typeof === U ? h("forwardRef requires a render function but received a `memo` component. Instead of forwardRef(memo(...)), use memo(forwardRef(...)).") : typeof e != "function" ? h("forwardRef requires a render function but was given %s.", e === null ? "null" : typeof e) : e.length !== 0 && e.length !== 2 && h("forwardRef render functions accept exactly two parameters: props and ref. %s", e.length === 1 ? "Did you forget to use the ref parameter?" : "Any additional parameter will be undefined."), e != null && (e.defaultProps != null || e.propTypes != null) && h("forwardRef render functions do not support propTypes or defaultProps. Did you accidentally pass a React component?");
         var r = {
           $$typeof: z,
           render: e
@@ -1680,7 +1687,7 @@ Your code should look like:
       var dt;
       dt = Symbol.for("react.module.reference");
       function pt(e) {
-        return !!(typeof e == "string" || typeof e == "function" || e === y || e === F || se || e === D || e === H || e === Z || me || e === Ee || he || Ue || Re || typeof e == "object" && e !== null && (e.$$typeof === q || e.$$typeof === V || e.$$typeof === U || e.$$typeof === B || e.$$typeof === z || // This needs to include all possible module reference object
+        return !!(typeof e == "string" || typeof e == "function" || e === y || e === F || se || e === D || e === H || e === Z || me || e === Ee || he || Ve || Re || typeof e == "object" && e !== null && (e.$$typeof === q || e.$$typeof === U || e.$$typeof === V || e.$$typeof === B || e.$$typeof === z || // This needs to include all possible module reference object
         // types supported by any Flight configuration anywhere since
         // we don't know which Flight build this will end up being used
         // with.
@@ -1689,7 +1696,7 @@ Your code should look like:
       function pr(e, r) {
         pt(e) || h("memo: The first argument must be a component. Instead received: %s", e === null ? "null" : typeof e);
         var i = {
-          $$typeof: V,
+          $$typeof: U,
           type: e,
           compare: r === void 0 ? null : r
         };
@@ -1958,7 +1965,7 @@ See https://reactjs.org/link/invalid-hook-call for tips about how to debug and f
           switch (e.$$typeof) {
             case z:
               return Ar(e.render);
-            case V:
+            case U:
               return Ae(e.type, r, i);
             case q: {
               var a = e, u = a._payload, p = a._init;
@@ -2077,7 +2084,7 @@ Check the top-level render call using <` + i + ">.");
             i = r.propTypes;
           else if (typeof r == "object" && (r.$$typeof === z || // Note: Memo only checks outer props here.
           // Inner props are checked in the reconciler.
-          r.$$typeof === V))
+          r.$$typeof === U))
             i = r.propTypes;
           else
             return;
@@ -2112,7 +2119,7 @@ Check the top-level render call using <` + i + ">.");
           var p = $r(r);
           p ? u += p : u += Pt();
           var d;
-          e === null ? d = "null" : Se(e) ? d = "array" : e !== void 0 && e.$$typeof === l ? (d = "<" + (X(e.type) || "Unknown") + " />", u = " Did you accidentally export a JSX literal instead of a component?") : d = typeof e, h("React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", d, u);
+          e === null ? d = "null" : Se(e) ? d = "array" : e !== void 0 && e.$$typeof === c ? (d = "<" + (X(e.type) || "Unknown") + " />", u = " Did you accidentally export a JSX literal instead of a component?") : d = typeof e, h("React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", d, u);
         }
         var m = Xt.apply(this, arguments);
         if (m == null)
@@ -2123,7 +2130,7 @@ Check the top-level render call using <` + i + ">.");
         return e === y ? Lr(m) : Tt(m), m;
       }
       var jt = !1;
-      function Ur(e) {
+      function Vr(e) {
         var r = kt.bind(null, e);
         return r.type = e, jt || (jt = !0, Q("React.createFactory() is deprecated and will be removed in a future major release. Consider using JSX or use React.createElement() directly instead.")), Object.defineProperty(r, "type", {
           enumerable: !1,
@@ -2134,7 +2141,7 @@ Check the top-level render call using <` + i + ">.");
           }
         }), r;
       }
-      function Vr(e, r, i) {
+      function Ur(e, r, i) {
         for (var a = er.apply(this, arguments), u = 2; u < arguments.length; u++)
           Dt(arguments[u], a.type);
         return Tt(a), a;
@@ -2258,7 +2265,7 @@ Check the top-level render call using <` + i + ">.");
           }
         }
       }
-      var Hr = kt, Br = Vr, zr = Ur, qr = {
+      var Hr = kt, Br = Ur, zr = Vr, qr = {
         map: Te,
         forEach: ir,
         count: or,
@@ -2309,49 +2316,49 @@ class _n extends fe.Component {
     });
   }
   async storeDocument(t) {
-    const { controller: s, layout: l } = this.props;
-    s.setDocument(t), await s.storeDocument(), l === "formAndItems" ? this.newDocument() : this.setState({
+    const { controller: s, layout: c } = this.props;
+    s.setDocument(t), await s.storeDocument(), c === "formAndItems" ? this.newDocument() : this.setState({
       mode: 0
       /* normal */
     });
   }
   invokeContentViewChild(t) {
-    const { children: s, layout: l, controller: c } = this.props, { mode: y } = this.state, D = l !== "formAndItems";
-    if (!c.document)
+    const { children: s, layout: c, controller: l } = this.props, { mode: y } = this.state, D = c !== "formAndItems";
+    if (!l.document)
       return;
     const F = {
-      controller: c,
+      controller: l,
       submitButtonCaption: y == 2 ? t == null ? void 0 : t.updateButtonLabel : t == null ? void 0 : t.addButtonLabel,
-      onSubmit: (U) => this.storeDocument(U),
+      onSubmit: (V) => this.storeDocument(V),
       onCancel: D ? () => this.setState({
         mode: 0
         /* normal */
       }) : () => this.newDocument()
     };
-    return typeof s[0] == "function" ? fe.cloneElement(s[0](F), { key: c.document.id }) : fe.cloneElement(s[0], { key: c.document.id, ...F });
+    return typeof s[0] == "function" ? fe.cloneElement(s[0](F), { key: l.document.id }) : fe.cloneElement(s[0], { key: l.document.id, ...F });
   }
   invokeDetailViewChild(t) {
-    const { children: s, controller: l } = this.props, c = {
+    const { children: s, controller: c } = this.props, l = {
       document: t,
       onSelect: (y) => this.editDocument(y),
-      onDelete: (y) => l.setDocument(y).deleteDocument()
+      onDelete: (y) => c.setDocument(y).deleteDocument()
     };
-    return typeof s[1] == "function" ? fe.cloneElement(s[1](c), { key: t.id }) : fe.cloneElement(s[1], { key: t.id, ...c });
+    return typeof s[1] == "function" ? fe.cloneElement(s[1](l), { key: t.id }) : fe.cloneElement(s[1], { key: t.id, ...l });
   }
   render() {
-    var V;
-    const { mode: t, documents: s } = this.state, { className: l, cardAddButton: c, controller: y } = this.props, D = hn((V = y.document) == null ? void 0 : V.className);
+    var U;
+    const { mode: t, documents: s } = this.state, { className: c, cardAddButton: l, controller: y } = this.props, D = hn((U = y.document) == null ? void 0 : U.className);
     let F = this.props.labels || {};
-    const U = this.props.layout || "itemsAlways";
+    const V = this.props.layout || "itemsAlways";
     typeof F == "function" && (F = F(y));
     const { addNewDocumentLabel: B, singularDocumentInCollectionCaption: z, documentsInCollectionCaption: H, noDocumentsFoundLabel: Z } = F;
-    return /* @__PURE__ */ W.createElement("div", { className: `crud-panel ${D} ${l || ""}` }, t === 0 && U !== "formAndItems" && !c && /* @__PURE__ */ W.createElement("div", { className: "header" }, this.props.header ? typeof this.props.header == "function" ? this.props.header(y, () => this.newDocument(), F) : this.props.header : /* @__PURE__ */ W.createElement("button", { onClick: () => this.newDocument() }, B)), (U === "formAndItems" || t === 1 || t === 2) && /* @__PURE__ */ W.createElement("div", { className: "content-panel" }, this.invokeContentViewChild(F)), (U === "itemsAlways" || U === "formAndItems" || t === 0) && /* @__PURE__ */ W.createElement("div", { className: "collection-panel" }, (s == null ? void 0 : s.length) > 0 && /* @__PURE__ */ W.createElement("h3", null, s.length > 1 ? H : z || H), /* @__PURE__ */ W.createElement("div", { className: "documents" }, c && /* @__PURE__ */ W.createElement(
+    return /* @__PURE__ */ W.createElement("div", { className: `crud-panel ${D} ${c || ""}` }, t === 0 && V !== "formAndItems" && !l && /* @__PURE__ */ W.createElement("div", { className: "header" }, this.props.header ? typeof this.props.header == "function" ? this.props.header(y, () => this.newDocument(), F) : this.props.header : /* @__PURE__ */ W.createElement("button", { onClick: () => this.newDocument() }, B)), (V === "formAndItems" || t === 1 || t === 2) && /* @__PURE__ */ W.createElement("div", { className: "content-panel" }, this.invokeContentViewChild(F)), (V === "itemsAlways" || V === "formAndItems" || t === 0) && /* @__PURE__ */ W.createElement("div", { className: "collection-panel" }, (s == null ? void 0 : s.length) > 0 && /* @__PURE__ */ W.createElement("h3", null, s.length > 1 ? H : z || H), /* @__PURE__ */ W.createElement("div", { className: "documents" }, l && /* @__PURE__ */ W.createElement(
       "div",
       {
         className: "crud-card card-add-button clickable",
         onClick: () => this.newDocument()
       },
-      /* @__PURE__ */ W.createElement("div", { className: "button-element" }, c),
+      /* @__PURE__ */ W.createElement("div", { className: "button-element" }, l),
       /* @__PURE__ */ W.createElement("div", { className: "add-label" }, B)
     ), s != null && s.length ? s.map((q) => this.invokeDetailViewChild(q)) : /* @__PURE__ */ W.createElement("p", null, Z))), /* @__PURE__ */ W.createElement("div", { className: "footer" }, this.props.footer && typeof this.props.footer == "function" ? this.props.footer(y, () => this.newDocument(), F) : this.props.footer));
   }