legend-state-dev-tools 0.0.5 → 0.0.7

package/dist/index.mjs

@@ -0,0 +1,1402 @@
+import { jsx as c, jsxs as $, Fragment as vt } from "react/jsx-runtime";
+import Tn, { useState as de, useEffect as Re, useRef as Ce, useMemo as De, useCallback as Ke, createContext as en, useContext as tn, Component as Nn } from "react";
+import { createRoot as An } from "react-dom/client";
+var ct = { exports: {} }, _n = ct.exports, Ht;
+function Pn() {
+  return Ht || (Ht = 1, (function(t, e) {
+    (function(n, r) {
+      r(e);
+    })(_n, function(n) {
+      function r() {
+        return r = Object.assign ? Object.assign.bind() : function(f) {
+          for (var d = 1; d < arguments.length; d++) {
+            var l = arguments[d];
+            for (var m in l) Object.prototype.hasOwnProperty.call(l, m) && (f[m] = l[m]);
+          }
+          return f;
+        }, r.apply(this, arguments);
+      }
+      function o(f, d) {
+        f.prototype = Object.create(d.prototype), f.prototype.constructor = f, i(f, d);
+      }
+      function a(f) {
+        return a = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(d) {
+          return d.__proto__ || Object.getPrototypeOf(d);
+        }, a(f);
+      }
+      function i(f, d) {
+        return i = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(l, m) {
+          return l.__proto__ = m, l;
+        }, i(f, d);
+      }
+      function g(f, d, l) {
+        return g = (function() {
+          if (typeof Reflect > "u" || !Reflect.construct || Reflect.construct.sham) return !1;
+          if (typeof Proxy == "function") return !0;
+          try {
+            return Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function() {
+            })), !0;
+          } catch {
+            return !1;
+          }
+        })() ? Reflect.construct.bind() : function(m, E, k) {
+          var M = [null];
+          M.push.apply(M, E);
+          var L = new (Function.bind.apply(m, M))();
+          return k && i(L, k.prototype), L;
+        }, g.apply(null, arguments);
+      }
+      function h(f) {
+        var d = typeof Map == "function" ? /* @__PURE__ */ new Map() : void 0;
+        return h = function(l) {
+          if (l === null || Function.toString.call(l).indexOf("[native code]") === -1) return l;
+          if (typeof l != "function") throw new TypeError("Super expression must either be null or a function");
+          if (d !== void 0) {
+            if (d.has(l)) return d.get(l);
+            d.set(l, m);
+          }
+          function m() {
+            return g(l, arguments, a(this).constructor);
+          }
+          return m.prototype = Object.create(l.prototype, { constructor: { value: m, enumerable: !1, writable: !0, configurable: !0 } }), i(m, l);
+        }, h(f);
+      }
+      var s = /* @__PURE__ */ (function() {
+        function f(l) {
+          this.cache = void 0, this.cache = l;
+        }
+        var d = f.prototype;
+        return d.define = function(l, m) {
+          this.cache[l] = m;
+        }, d.get = function(l) {
+          return this.cache[l];
+        }, d.remove = function(l) {
+          delete this.cache[l];
+        }, d.reset = function() {
+          this.cache = {};
+        }, d.load = function(l) {
+          this.cache = r({}, this.cache, l);
+        }, f;
+      })(), u = /* @__PURE__ */ (function(f) {
+        function d(l) {
+          var m;
+          return (m = f.call(this, l) || this).name = "Eta Error", m;
+        }
+        return o(d, f), d;
+      })(/* @__PURE__ */ h(Error)), p = /* @__PURE__ */ (function(f) {
+        function d(l) {
+          var m;
+          return (m = f.call(this, l) || this).name = "EtaParser Error", m;
+        }
+        return o(d, f), d;
+      })(u), y = /* @__PURE__ */ (function(f) {
+        function d(l) {
+          var m;
+          return (m = f.call(this, l) || this).name = "EtaRuntime Error", m;
+        }
+        return o(d, f), d;
+      })(u), j = /* @__PURE__ */ (function(f) {
+        function d(l) {
+          var m;
+          return (m = f.call(this, l) || this).name = "EtaNameResolution Error", m;
+        }
+        return o(d, f), d;
+      })(u);
+      function b(f, d, l) {
+        var m = d.slice(0, l).split(/\n/), E = m.length, k = m[E - 1].length + 1;
+        throw f += " at line " + E + " col " + k + `:
+
+  ` + d.split(/\n/)[E - 1] + `
+  ` + Array(k).join(" ") + "^", new p(f);
+      }
+      function w(f, d, l, m) {
+        var E = d.split(`
+`), k = Math.max(l - 3, 0), M = Math.min(E.length, l + 3), L = m, he = E.slice(k, M).map(function(je, Te) {
+          var re = Te + k + 1;
+          return (re == l ? " >> " : "    ") + re + "| " + je;
+        }).join(`
+`), U = new y((L ? L + ":" + l + `
+` : "line " + l + `
+`) + he + `
+
+` + f.message);
+        throw U.name = f.name, U;
+      }
+      var T = (function() {
+        return Promise.resolve();
+      }).constructor;
+      function N(f, d) {
+        var l = this.config, m = d && d.async ? T : Function;
+        try {
+          return new m(l.varName, "options", this.compileToString.call(this, f, d));
+        } catch (E) {
+          throw E instanceof SyntaxError ? new p(`Bad template syntax
+
+` + E.message + `
+` + Array(E.message.length + 1).join("=") + `
+` + this.compileToString.call(this, f, d) + `
+`) : E;
+        }
+      }
+      function x(f, d) {
+        var l = this.config, m = d && d.async, E = this.compileBody, k = this.parse.call(this, f), M = l.functionHeader + `
+let include = (template, data) => this.render(template, data, options);
+let includeAsync = (template, data) => this.renderAsync(template, data, options);
+
+let __eta = {res: "", e: this.config.escapeFunction, f: this.config.filterFunction` + (l.debug ? ', line: 1, templateStr: "' + f.replace(/\\|"/g, "\\$&").replace(/\r\n|\n|\r/g, "\\n") + '"' : "") + `};
+
+function layout(path, data) {
+  __eta.layout = path;
+  __eta.layoutData = data;
+}` + (l.debug ? "try {" : "") + (l.useWith ? "with(" + l.varName + "||{}){" : "") + `
+
+` + E.call(this, k) + `
+if (__eta.layout) {
+  __eta.res = ` + (m ? "await includeAsync" : "include") + " (__eta.layout, {..." + l.varName + `, body: __eta.res, ...__eta.layoutData});
+}
+` + (l.useWith ? "}" : "") + (l.debug ? "} catch (e) { this.RuntimeErr(e, __eta.templateStr, __eta.line, options.filepath) }" : "") + `
+return __eta.res;
+`;
+        if (l.plugins) for (var L = 0; L < l.plugins.length; L++) {
+          var he = l.plugins[L];
+          he.processFnString && (M = he.processFnString(M, l));
+        }
+        return M;
+      }
+      function P(f) {
+        for (var d = this.config, l = 0, m = f.length, E = ""; l < m; l++) {
+          var k = f[l];
+          if (typeof k == "string") E += "__eta.res+='" + k + `'
+`;
+          else {
+            var M = k.t, L = k.val || "";
+            d.debug && (E += "__eta.line=" + k.lineNo + `
+`), M === "r" ? (d.autoFilter && (L = "__eta.f(" + L + ")"), E += "__eta.res+=" + L + `
+`) : M === "i" ? (d.autoFilter && (L = "__eta.f(" + L + ")"), d.autoEscape && (L = "__eta.e(" + L + ")"), E += "__eta.res+=" + L + `
+`) : M === "e" && (E += L + `
+`);
+          }
+        }
+        return E;
+      }
+      var G = { "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" };
+      function te(f) {
+        return G[f];
+      }
+      var Y = { autoEscape: !0, autoFilter: !1, autoTrim: [!1, "nl"], cache: !1, cacheFilepaths: !0, debug: !1, escapeFunction: function(f) {
+        var d = String(f);
+        return /[&<>"']/.test(d) ? d.replace(/[&<>"']/g, te) : d;
+      }, filterFunction: function(f) {
+        return String(f);
+      }, functionHeader: "", parse: { exec: "", interpolate: "=", raw: "~" }, plugins: [], rmWhitespace: !1, tags: ["<%", "%>"], useWith: !1, varName: "it", defaultExtension: ".eta" }, J = /`(?:\\[\s\S]|\${(?:[^{}]|{(?:[^{}]|{[^}]*})*})*}|(?!\${)[^\\`])*`/g, ee = /'(?:\\[\s\w"'\\`]|[^\n\r'\\])*?'/g, H = /"(?:\\[\s\w"'\\`]|[^\n\r"\\])*?"/g;
+      function A(f) {
+        return f.replace(/[.*+\-?^${}()|[\]\\]/g, "\\$&");
+      }
+      function I(f, d) {
+        return f.slice(0, d).split(`
+`).length;
+      }
+      function X(f) {
+        var d = this.config, l = [], m = !1, E = 0, k = d.parse;
+        if (d.plugins) for (var M = 0; M < d.plugins.length; M++) {
+          var L = d.plugins[M];
+          L.processTemplate && (f = L.processTemplate(f, d));
+        }
+        function he(ae, me) {
+          ae && (ae = (function(se, Oe, Ne, Ae) {
+            var ce, q;
+            return Array.isArray(Oe.autoTrim) ? (ce = Oe.autoTrim[1], q = Oe.autoTrim[0]) : ce = q = Oe.autoTrim, (Ne || Ne === !1) && (ce = Ne), (Ae || Ae === !1) && (q = Ae), q || ce ? ce === "slurp" && q === "slurp" ? se.trim() : (ce === "_" || ce === "slurp" ? se = se.trimStart() : ce !== "-" && ce !== "nl" || (se = se.replace(/^(?:\r\n|\n|\r)/, "")), q === "_" || q === "slurp" ? se = se.trimEnd() : q !== "-" && q !== "nl" || (se = se.replace(/(?:\r\n|\n|\r)$/, "")), se) : se;
+          })(ae, d, m, me), ae && (ae = ae.replace(/\\|'/g, "\\$&").replace(/\r\n|\n|\r/g, "\\n"), l.push(ae)));
+        }
+        d.rmWhitespace && (f = f.replace(/[\r\n]+/g, `
+`).replace(/^\s+|\s+$/gm, "")), J.lastIndex = 0, ee.lastIndex = 0, H.lastIndex = 0;
+        for (var U, je = [k.exec, k.interpolate, k.raw].reduce(function(ae, me) {
+          return ae && me ? ae + "|" + A(me) : me ? A(me) : ae;
+        }, ""), Te = new RegExp(A(d.tags[0]) + "(-|_)?\\s*(" + je + ")?\\s*", "g"), re = new RegExp("'|\"|`|\\/\\*|(\\s*(-|_)?" + A(d.tags[1]) + ")", "g"); U = Te.exec(f); ) {
+          var Me = f.slice(E, U.index);
+          E = U[0].length + U.index;
+          var Fe = U[2] || "";
+          he(Me, U[1]), re.lastIndex = E;
+          for (var z = void 0, ge = !1; z = re.exec(f); ) {
+            if (z[1]) {
+              var Se = f.slice(E, z.index);
+              Te.lastIndex = E = re.lastIndex, m = z[2], ge = { t: Fe === k.exec ? "e" : Fe === k.raw ? "r" : Fe === k.interpolate ? "i" : "", val: Se };
+              break;
+            }
+            var be = z[0];
+            if (be === "/*") {
+              var R = f.indexOf("*/", re.lastIndex);
+              R === -1 && b("unclosed comment", f, z.index), re.lastIndex = R;
+            } else be === "'" ? (ee.lastIndex = z.index, ee.exec(f) ? re.lastIndex = ee.lastIndex : b("unclosed string", f, z.index)) : be === '"' ? (H.lastIndex = z.index, H.exec(f) ? re.lastIndex = H.lastIndex : b("unclosed string", f, z.index)) : be === "`" && (J.lastIndex = z.index, J.exec(f) ? re.lastIndex = J.lastIndex : b("unclosed string", f, z.index));
+          }
+          ge ? (d.debug && (ge.lineNo = I(f, U.index)), l.push(ge)) : b("unclosed tag", f, U.index);
+        }
+        if (he(f.slice(E, f.length), !1), d.plugins) for (var B = 0; B < d.plugins.length; B++) {
+          var ie = d.plugins[B];
+          ie.processAST && (l = ie.processAST(l, d));
+        }
+        return l;
+      }
+      function ne(f, d) {
+        var l = d && d.async ? this.templatesAsync : this.templatesSync;
+        if (this.resolvePath && this.readFile && !f.startsWith("@")) {
+          var m = d.filepath, E = l.get(m);
+          if (this.config.cache && E) return E;
+          var k = this.readFile(m), M = this.compile(k, d);
+          return this.config.cache && l.define(m, M), M;
+        }
+        var L = l.get(f);
+        if (L) return L;
+        throw new j("Failed to get template '" + f + "'");
+      }
+      function pe(f, d, l) {
+        var m, E = r({}, l, { async: !1 });
+        return typeof f == "string" ? (this.resolvePath && this.readFile && !f.startsWith("@") && (E.filepath = this.resolvePath(f, E)), m = ne.call(this, f, E)) : m = f, m.call(this, d, E);
+      }
+      function oe(f, d, l) {
+        var m, E = r({}, l, { async: !0 });
+        typeof f == "string" ? (this.resolvePath && this.readFile && !f.startsWith("@") && (E.filepath = this.resolvePath(f, E)), m = ne.call(this, f, E)) : m = f;
+        var k = m.call(this, d, E);
+        return Promise.resolve(k);
+      }
+      function fe(f, d) {
+        var l = this.compile(f, { async: !1 });
+        return pe.call(this, l, d);
+      }
+      function le(f, d) {
+        var l = this.compile(f, { async: !0 });
+        return oe.call(this, l, d);
+      }
+      var Z = /* @__PURE__ */ (function() {
+        function f(l) {
+          this.config = void 0, this.RuntimeErr = w, this.compile = N, this.compileToString = x, this.compileBody = P, this.parse = X, this.render = pe, this.renderAsync = oe, this.renderString = fe, this.renderStringAsync = le, this.filepathCache = {}, this.templatesSync = new s({}), this.templatesAsync = new s({}), this.resolvePath = null, this.readFile = null, this.config = l ? r({}, Y, l) : r({}, Y);
+        }
+        var d = f.prototype;
+        return d.configure = function(l) {
+          this.config = r({}, this.config, l);
+        }, d.withConfig = function(l) {
+          return r({}, this, { config: r({}, this.config, l) });
+        }, d.loadTemplate = function(l, m, E) {
+          if (typeof m == "string") (E && E.async ? this.templatesAsync : this.templatesSync).define(l, this.compile(m, E));
+          else {
+            var k = this.templatesSync;
+            (m.constructor.name === "AsyncFunction" || E && E.async) && (k = this.templatesAsync), k.define(l, m);
+          }
+        }, f;
+      })(), Q = /* @__PURE__ */ (function(f) {
+        function d() {
+          return f.apply(this, arguments) || this;
+        }
+        return o(d, f), d;
+      })(Z);
+      n.Eta = Q;
+    });
+  })(ct, ct.exports)), ct.exports;
+}
+var Rn = /* @__PURE__ */ Pn();
+const In = `<div class="lsdt-toolbar-header">
+  <div class="lsdt-toolbar-title">
+    <span class="lsdt-toolbar-indicator"></span>
+    Legend State
+  </div>
+  <button
+    class="lsdt-toggle-btn <%= it.panelVisible ? 'active' : '' %>"
+    data-action="toggle-panel"
+    title="<%= it.panelVisible ? 'Hide panel' : 'Show panel' %>"
+  >
+    <%= it.panelVisible ? 'Hide' : 'Show' %> <%= it.rootName %>
+  </button>
+</div>
+`, Ln = `<div class="lsdt-panel-header">
+  <h3><%= it.rootName %></h3>
+  <div class="lsdt-panel-actions">
+    <% if (it.readOnly) { %>
+      <span class="lsdt-readonly-badge">Read-only</span>
+    <% } %>
+    <button class="lsdt-close-btn" data-action="close-panel" title="Close">&times;</button>
+  </div>
+</div>
+<div class="lsdt-panel-content">
+  <div id="lsdt-json-editor-root"></div>
+</div>
+`, Vn = new Rn.Eta({
+  autoEscape: !0,
+  autoTrim: !1
+}), Fn = {
+  toolbar: In,
+  panel: Ln
+};
+function nn(t, e) {
+  const n = Fn[t];
+  if (!n)
+    return console.error(`[LSDT] Template not found: ${t}`), "";
+  try {
+    return Vn.renderString(n, e);
+  } catch (r) {
+    return console.error(`[LSDT] Error rendering template ${t}:`, r), "";
+  }
+}
+function Kn(t) {
+  return nn("toolbar", t);
+}
+function Mn(t) {
+  return nn("panel", t);
+}
+const zn = "lsdt";
+function Bn(t, e) {
+  const n = localStorage.getItem(`${zn}-${t}`);
+  return n === null ? e : n === "true";
+}
+function Wn() {
+  const t = [];
+  return {
+    add: (e) => t.push(e),
+    run: () => {
+      t.forEach((e) => {
+        try {
+          e();
+        } catch (n) {
+          console.error("[Legend State DevTools] Cleanup error:", n);
+        }
+      }), t.length = 0;
+    }
+  };
+}
+class $n {
+  constructor(e = {}) {
+    this.container = null, this.isDragging = !1, this.offsetX = 0, this.offsetY = 0, this.isMinimized = Bn("toolbar-minimized", !1), this.panelVisible = !1, this.handleClick = (n) => {
+      var i;
+      const o = n.target.closest("[data-action]");
+      if (!o) return;
+      o.getAttribute("data-action") === "toggle-panel" && ((i = this.onTogglePanel) == null || i.call(this));
+    }, this.handleMouseDown = (n) => {
+      if (n.target.tagName !== "BUTTON" && (this.isDragging = !0, this.container)) {
+        this.container.classList.add("dragging");
+        const o = this.container.getBoundingClientRect();
+        this.offsetX = n.clientX - o.left, this.offsetY = n.clientY - o.top;
+      }
+    }, this.handleMouseMove = (n) => {
+      !this.isDragging || !this.container || (this.container.style.left = `${n.clientX - this.offsetX}px`, this.container.style.top = `${n.clientY - this.offsetY}px`, this.container.style.right = "auto", this.container.style.bottom = "auto");
+    }, this.handleMouseUp = () => {
+      var n;
+      this.isDragging = !1, (n = this.container) == null || n.classList.remove("dragging");
+    }, this.onTogglePanel = e.onTogglePanel, this.rootName = e.rootName || "state$";
+  }
+  mount() {
+    this.container || (this.container = document.createElement("div"), this.container.id = "lsdt-toolbar", this.isMinimized && this.container.classList.add("lsdt-toolbar-minimized"), document.body.appendChild(this.container), this.render(), this.attachEventListeners());
+  }
+  render() {
+    if (!this.container) return;
+    const e = {
+      isMinimized: this.isMinimized,
+      panelVisible: this.panelVisible,
+      rootName: this.rootName
+    };
+    this.container.innerHTML = Kn(e);
+  }
+  attachEventListeners() {
+    this.container && (this.container.addEventListener("click", this.handleClick), this.container.addEventListener("mousedown", this.handleMouseDown), document.addEventListener("mousemove", this.handleMouseMove), document.addEventListener("mouseup", this.handleMouseUp));
+  }
+  setPanelVisible(e) {
+    this.panelVisible = e, this.render();
+  }
+  unmount() {
+    this.container && (this.container.removeEventListener("click", this.handleClick), this.container.removeEventListener("mousedown", this.handleMouseDown), this.container.remove(), this.container = null), document.removeEventListener("mousemove", this.handleMouseMove), document.removeEventListener("mouseup", this.handleMouseUp);
+  }
+}
+class Gn {
+  constructor(e = {}) {
+    this.container = null, this.visible = !1, this.handleClick = (n) => {
+      var i;
+      const o = n.target.closest("[data-action]");
+      if (!o) return;
+      o.getAttribute("data-action") === "close-panel" && ((i = this.onClose) == null || i.call(this));
+    }, this.rootName = e.rootName || "state$", this.readOnly = e.readOnly || !1, this.onClose = e.onClose, this.position = e.position || "right";
+  }
+  toggle() {
+    this.visible ? this.hide() : this.show();
+  }
+  show() {
+    this.visible = !0, this.container || (this.container = document.createElement("div"), this.container.id = "lsdt-panel", this.position === "left" && this.container.classList.add("lsdt-panel-left"), document.body.appendChild(this.container), this.attachEventListeners()), this.render();
+  }
+  hide() {
+    var e;
+    this.visible = !1, (e = this.container) == null || e.remove(), this.container = null;
+  }
+  isVisible() {
+    return this.visible;
+  }
+  getEditorRoot() {
+    var e;
+    return ((e = this.container) == null ? void 0 : e.querySelector("#lsdt-json-editor-root")) || null;
+  }
+  render() {
+    if (!this.container) return;
+    const e = {
+      rootName: this.rootName,
+      readOnly: this.readOnly
+    };
+    this.container.innerHTML = Mn(e);
+  }
+  attachEventListeners() {
+    this.container && this.container.addEventListener("click", this.handleClick);
+  }
+  unmount() {
+    this.container && (this.container.removeEventListener("click", this.handleClick), this.container.remove(), this.container = null), this.visible = !1;
+  }
+}
+function Hn(t, e) {
+  const n = () => {
+    try {
+      return JSON.parse(JSON.stringify(t.peek()));
+    } catch {
+      return;
+    }
+  };
+  let r = null;
+  try {
+    r = t.onChange(
+      () => {
+        const o = n();
+        e.onSnapshot(o);
+      },
+      { trackingType: !1 }
+    );
+  } catch {
+    console.warn("[Legend State DevTools] Could not subscribe to observable changes via onChange");
+  }
+  return {
+    getSnapshot: n,
+    setData: (o) => {
+      try {
+        t.set(o);
+      } catch (a) {
+        console.error("[Legend State DevTools] Failed to set data:", a);
+      }
+    },
+    destroy: () => {
+      r && (r(), r = null);
+    }
+  };
+}
+const He = (t, e, n, r, o) => {
+  if (!r) throw new Error(o ?? `Invalid property path: ${e}
+Couldn't access "${n}" in ${JSON.stringify(t)}`);
+}, Ut = (t) => typeof t == "object" && t !== null && !Array.isArray(t), mt = (t) => Array.isArray(t), rn = (t, e) => t.filter(((n, r) => r !== e)), Un = (t, e, n, r = {}) => {
+  const { remove: o = !1, createNew: a = !0, noError: i = !1 } = r, g = t, h = typeof (s = e) == "string" ? s : typeof s == "number" ? String(s) : s.reduce(((y, j) => typeof j == "number" ? `${y}[${j}]` : y === "" ? j : `${y}.${j}`), "");
+  var s;
+  const u = Object.assign(Object.assign({}, r), { remove: o, createNew: a, noError: i, fullData: g, fullPath: h }), p = Array.isArray(e) ? e : ((y) => Array.isArray(y) ? y : y.split(/(\.|\[\d+\])/).filter(((j) => j !== "." && j !== "")).map(((j) => {
+    const b = /\[(\d+)\]/.exec(j);
+    return b ? Number(b[1]) : j;
+  })).flat())(e).filter(((y) => y !== ""));
+  return mt(t) && o && p.length === 1 ? rn(t, p[0]) : ut(t, p, n, u);
+}, ut = (t, e, n, r) => {
+  const o = Ut(t) ? Object.assign({}, t) : null, a = mt(t) ? [...t] : null;
+  if (e.length === 0) return t;
+  if (!o && !a) throw new Error("Can't assign property -- invalid input object");
+  const { createNew: i, remove: g, noError: h, fullData: s, fullPath: u } = r, p = e[0];
+  if (a && typeof p == "string") return a.map(((w) => ut(w, e, n, r)));
+  if (e.length === 1) {
+    if (o && typeof p == "string") {
+      const w = Yn(o, p, n, r);
+      return w ?? o;
+    }
+    return a && typeof p == "number" ? (Jn(a, p, n, r), a) : (He(s, u, p, h), t);
+  }
+  const y = o || a || [];
+  if (g && e.length === 2 && typeof e[1] == "number") {
+    const w = y[p], T = e[1];
+    return mt(w) ? y[p] = rn(w, T) : He(s, u, p, h, "Trying to remove an indexed item from an object that is not an array"), y;
+  }
+  const j = e.slice(1);
+  if (p in t) {
+    if (b = y[p], !mt(b) && !Ut(b)) {
+      if (!i) return He(s, u, p, h), y;
+      y[p] = {};
+    }
+    return y[p] = ut(y[p], j, n, r), y;
+  }
+  var b;
+  if (i) {
+    const w = typeof j[0] == "number" ? [] : {};
+    if (o) return y[p] = w, y[p] = ut(y[p], j, n, r), y;
+    if (a && Array.isArray(y)) {
+      y.push(w);
+      const T = y.length - 1;
+      return y[T] = ut(y[T], j, n, r), y;
+    }
+  }
+  return He(s, u, p, h), y;
+}, Yn = (t, e, n, r) => {
+  const { remove: o, createNew: a, noError: i, insertAfter: g, insertBefore: h, fullData: s, fullPath: u } = r;
+  if (h !== void 0 || g !== void 0) {
+    const y = Object.entries(t);
+    let j = 1 / 0;
+    return j = typeof h == "number" ? h : typeof g == "number" ? g : y.findIndex((([b, w]) => b === (h ?? g))), g && j++, y.splice(j, 0, [e, n]), Object.fromEntries(y);
+  }
+  const p = e in t;
+  o ? p ? delete t[e] : He(s, u, e, i) : a || p ? t[e] = n : He(s, u, e, i);
+}, Jn = (t, e, n, r) => {
+  const { noError: o, fullData: a, fullPath: i, createNew: g, insert: h } = r;
+  h && t.splice(e, 0, n), e in t ? t[e] = n : g ? t.push(n) : He(a, i, e, o);
+}, nt = (t, e, n) => {
+  const r = Array.isArray(e) ? e : Xn(e);
+  if (r.length === 0) return t;
+  const o = r[0];
+  if (Array.isArray(t) && typeof o != "number") return t.map(((i) => nt(i, r)));
+  if (typeof t != "object" || t === null || !(o in t)) return Zn(t, o);
+  const a = t[o];
+  return r.length === 1 ? a : nt(a, r.slice(1));
+}, Xn = (t) => t.split(/(\.|\[\d+\])/).filter(((e) => e !== "." && e !== "")).map(((e) => {
+  const n = /\[(\d+)\]/.exec(e);
+  return n ? Number(n[1]) : e;
+})).flat(), Zn = (t, e, n) => {
+  throw new Error(`Unable to extract object property
+Looking for property: ${e}
+In object: ${JSON.stringify(t)}`);
+};
+function on(t, e) {
+  var n = {};
+  for (var r in t) Object.prototype.hasOwnProperty.call(t, r) && e.indexOf(r) < 0 && (n[r] = t[r]);
+  if (t != null && typeof Object.getOwnPropertySymbols == "function") {
+    var o = 0;
+    for (r = Object.getOwnPropertySymbols(t); o < r.length; o++) e.indexOf(r[o]) < 0 && Object.prototype.propertyIsEnumerable.call(t, r[o]) && (n[r[o]] = t[r[o]]);
+  }
+  return n;
+}
+function tt(t, e, n, r) {
+  return new (n || (n = Promise))((function(o, a) {
+    function i(s) {
+      try {
+        h(r.next(s));
+      } catch (u) {
+        a(u);
+      }
+    }
+    function g(s) {
+      try {
+        h(r.throw(s));
+      } catch (u) {
+        a(u);
+      }
+    }
+    function h(s) {
+      var u;
+      s.done ? o(s.value) : (u = s.value, u instanceof n ? u : new n((function(p) {
+        p(u);
+      }))).then(i, g);
+    }
+    h((r = r.apply(t, [])).next());
+  }));
+}
+const an = ({ className: t, name: e, value: n, setValue: r, handleKeyPress: o, styles: a, textAreaRef: i }) => {
+  if (typeof n != "string") return null;
+  const g = n.slice(-1) === `
+` ? n + "." : n;
+  return $("div", { style: { display: "grid" }, children: [c("textarea", { id: `${e}_textarea`, ref: i, style: Object.assign({ height: "auto", gridArea: "1 / 1 / 2 / 2", overflowY: "auto", whiteSpace: "pre-wrap" }, a), rows: 1, className: t, name: `${e}_textarea`, value: n, onChange: (h) => r(h.target.value), autoFocus: !0, onFocus: (h) => {
+    n.length < 40 && h.target.select();
+  }, onKeyDown: o }), c("span", { className: t, style: Object.assign({ visibility: "hidden", height: "auto", gridArea: "1 / 1 / 2 / 2", color: "red", opacity: 0.9, whiteSpace: "pre-wrap", overflowY: "auto", border: "1px solid transparent" }, a), children: g })] });
+}, rt = (t) => t !== null && typeof t == "object", sn = (t, e, n, r = "") => {
+  if (!n && !r) return !0;
+  switch (t) {
+    case "collection":
+      if (n) {
+        if (n(e, r)) return !0;
+        if (!Tt(r, e, n)) return !1;
+      }
+      if (!n && r && !Tt(r, e)) return !1;
+      break;
+    case "value":
+      if (n && !n(e, r) || !n && r && !ot(e, r)) return !1;
+  }
+  return !0;
+}, Tt = (t = "", e, n = ot) => {
+  const r = e.value;
+  return Object.entries(r).some((([o, a]) => {
+    const i = [...e.path, o], g = Object.assign(Object.assign({}, e), { key: o, path: i, level: e.level + 1, value: a, size: i.length, parentData: r });
+    return rt(a) ? Tt(t, g, n) : n(g, t);
+  }));
+}, ot = (t, e = "") => {
+  const { value: n } = t;
+  if (n === null && "null".includes(e.toLowerCase())) return !0;
+  switch (typeof n) {
+    case "string":
+      return n.toLowerCase().includes(e.toLowerCase());
+    case "number":
+      return !!String(n).includes(e);
+    case "boolean":
+      return n ? "true".includes(e.toLowerCase()) || e === "1" : "false".includes(e.toLowerCase()) || e === "0";
+    default:
+      return !1;
+  }
+}, Yt = ({ key: t, path: e }, n = "") => !!ot({ value: t }, n) || !!e.some(((r) => ot({ value: r }, n))), Xe = (t, e) => (e ?? "") + t.map(((n) => n === "" ? "\0" : n)).join("."), Pt = (t) => t.shiftKey ? "Shift" : t.metaKey ? "Meta" : t.ctrlKey ? "Control" : t.altKey ? "Alt" : void 0, Qn = (t, e, n) => {
+  const r = t.key, o = Pt(t);
+  if (Array.isArray(e)) return !!o && e.includes(o);
+  const { key: a, modifier: i } = e;
+  return (n !== "stringLineBreak" || r !== "Enter" || o !== "Shift" || a !== "Enter" || !(i != null && i.includes("Shift"))) && r === a && (i === o || Array.isArray(i) && i.includes(o));
+}, Ge = { key: "Enter" }, Jt = { confirm: Ge, cancel: { key: "Escape" }, objectConfirm: Object.assign(Object.assign({}, Ge), { modifier: ["Meta", "Shift", "Control"] }), objectLineBreak: Ge, stringConfirm: Ge, stringLineBreak: Object.assign(Object.assign({}, Ge), { modifier: ["Shift"] }), numberConfirm: Ge, numberUp: { key: "ArrowUp" }, numberDown: { key: "ArrowDown" }, tabForward: { key: "Tab" }, tabBack: { key: "Tab", modifier: "Shift" }, booleanConfirm: Ge, booleanToggle: { key: " " }, clipboardModifier: ["Meta", "Control"], collapseModifier: ["Alt"] }, Ue = (t, e, n = "next", r) => {
+  const o = e.slice(0, e.length - 1), a = e.slice(-1)[0];
+  if (a === void 0) return null;
+  const i = nt(t, o), g = qn(i);
+  Array.isArray(i) || r(g, (({ key: u, value: p }) => [u, p]));
+  const h = g.findIndex(((u) => u.key === a)), s = g[h + (n === "next" ? 1 : -1)];
+  return s ? rt(s.value) ? Object.keys(s.value).length === 0 ? Ue(t, [...o, s.key], n, r) : ln(t, [...o, s.key], n, r) : [...o, s.key] : o.length === 0 ? null : Ue(t, o, n, r);
+}, ln = (t, e, n = "next", r) => {
+  const o = nt(t, e);
+  if (!rt(o)) return e;
+  const a = Array.isArray(o) ? o.map(((g, h) => h)) : Object.keys(o);
+  r(a, ((g) => [g, o]));
+  const i = n === "next" ? a[0] : a[a.length - 1];
+  return ln(t, [...e, i], n, r);
+}, qn = (t) => Array.isArray(t) ? t.map(((e, n) => ({ index: n, value: e, key: n }))) : Object.entries(t).map((([e, n], r) => ({ key: e, value: n, index: r }))), cn = (t, e) => {
+  var n, r, o, a;
+  const i = t.current, g = (n = i == null ? void 0 : i.selectionStart) !== null && n !== void 0 ? n : 1 / 0, h = (r = i == null ? void 0 : i.selectionEnd) !== null && r !== void 0 ? r : 1 / 0, s = ((o = i == null ? void 0 : i.textContent) === null || o === void 0 ? void 0 : o.slice(0, g)) + e + ((a = i == null ? void 0 : i.textContent) === null || a === void 0 ? void 0 : a.slice(h));
+  return i.value = s, i == null || i.setSelectionRange(g + 1, g + 1), s;
+}, Nt = (t) => {
+  if (t !== un) {
+    if (Array.isArray(t)) return t.map(((e) => Nt(e)));
+    if (t && typeof t == "object") for (const e in t) t[e] = Nt(t[e]);
+    return t;
+  }
+}, un = "__​undefined__", Rt = { displayName: "Default", fragments: { edit: "rgb(42, 161, 152)" }, styles: { container: { backgroundColor: "#f6f6f6", fontFamily: "monospace" }, collection: {}, collectionInner: {}, collectionElement: {}, dropZone: {}, property: "#292929", bracket: { color: "rgb(0, 43, 54)", fontWeight: "bold" }, itemCount: { color: "rgba(0, 0, 0, 0.3)", fontStyle: "italic" }, string: "rgb(203, 75, 22)", number: "rgb(38, 139, 210)", boolean: "green", null: { color: "rgb(220, 50, 47)", fontVariant: "small-caps", fontWeight: "bold" }, input: ["#292929"], inputHighlight: "#b3d8ff", error: { fontSize: "0.8em", color: "red", fontWeight: "bold" }, iconCollection: "rgb(0, 43, 54)", iconEdit: "edit", iconDelete: "rgb(203, 75, 22)", iconAdd: "edit", iconCopy: "rgb(38, 139, 210)", iconOk: "green", iconCancel: "rgb(203, 75, 22)" } }, dn = en({ getStyles: () => ({}), icons: {} }), er = ({ theme: t = Rt, icons: e = {}, docRoot: n, children: r }) => {
+  const o = tr(t, n);
+  return c(dn.Provider, { value: { getStyles: (a, i) => typeof o[a] == "function" ? o[a](i) : o[a], icons: e }, children: r });
+}, Ve = () => tn(dn), tr = (t, e) => {
+  var n, r, o, a;
+  const i = {}, g = (Array.isArray(t) ? t : [t]).map(((u) => nr(u) ? xt({ fragments: {}, styles: u }, i) : xt(u, i))), h = xt(Rt, {});
+  Object.keys(h).forEach(((u) => {
+    const p = u;
+    g.forEach(((y) => {
+      y[p] && (h[p] = Object.assign(Object.assign({}, h[p]), y[p]));
+    }));
+  }));
+  const s = Object.assign({}, h);
+  return Object.entries(i).forEach((([u, p]) => {
+    const y = u;
+    s[y] = (j) => {
+      const b = p(j) || {};
+      return Object.assign(Object.assign({}, h[y]), b);
+    };
+  })), typeof (s == null ? void 0 : s.inputHighlight) != "function" && (!((n = s == null ? void 0 : s.inputHighlight) === null || n === void 0) && n.backgroundColor) && e.style.setProperty("--jer-highlight-color", (r = s == null ? void 0 : s.inputHighlight) === null || r === void 0 ? void 0 : r.backgroundColor), typeof (s == null ? void 0 : s.iconCopy) != "function" && (!((o = s == null ? void 0 : s.iconCopy) === null || o === void 0) && o.color) && e.style.setProperty("--jer-icon-copy-color", (a = s == null ? void 0 : s.iconCopy) === null || a === void 0 ? void 0 : a.color), s;
+}, xt = (t, e) => {
+  const { fragments: n, styles: r } = t, o = {};
+  return Object.entries(r).forEach((([a, i]) => {
+    const g = (Array.isArray(i) ? i : [i]).reduce(((h, s) => {
+      var u, p;
+      if (typeof s == "function") return e[a] = s, Object.assign({}, h);
+      if (typeof s == "string") {
+        const y = (u = n == null ? void 0 : n[s]) !== null && u !== void 0 ? u : s;
+        return typeof y == "string" ? Object.assign(Object.assign({}, h), { [(p = rr[a]) !== null && p !== void 0 ? p : "color"]: y }) : Object.assign(Object.assign({}, h), y);
+      }
+      return Object.assign(Object.assign({}, h), s);
+    }), {});
+    o[a] = g;
+  })), o;
+}, nr = (t) => !("styles" in t), rr = { container: "backgroundColor", collection: "backgroundColor", collectionInner: "backgroundColor", collectionElement: "backgroundColor", dropZone: "borderColor", inputHighlight: "backgroundColor" }, hn = en(null), or = ({ children: t, onEditEvent: e, onCollapse: n }) => {
+  const [r, o] = de(null), [a, i] = de(null), [g, h] = de(null), [s, u] = de({ path: null, pathString: null }), p = Ce(null), y = Ce("next"), j = Ce(null);
+  return c(hn.Provider, { value: { collapseState: r, setCollapseState: (b) => {
+    o(b), n && b !== null && (Array.isArray(b) ? b.forEach(((w) => n(w))) : n(b)), b !== null && setTimeout((() => o(null)), 2e3);
+  }, getMatchingCollapseState: (b) => {
+    if (Array.isArray(r)) {
+      for (const w of r) if (Xt(b, w)) return w;
+      return null;
+    }
+    return Xt(b, r) ? r : null;
+  }, currentlyEditingElement: a, setCurrentlyEditingElement: (b, w) => {
+    const T = typeof b == "string" || b === null ? b : Xe(b, w === "key" ? "key_" : void 0);
+    a !== null && T !== null && p.current !== null && p.current(), i(T), e && (Array.isArray(b) || b === null) && e(b, w === "key"), p.current = typeof w == "function" ? w : null;
+  }, areChildrenBeingEdited: (b) => a !== null && a.includes(b), previouslyEditedElement: j.current, setPreviouslyEditedElement: (b) => {
+    j.current = b;
+  }, tabDirection: y.current, setTabDirection: (b) => {
+    y.current = b;
+  }, previousValue: g, setPreviousValue: h, dragSource: s, setDragSource: u }, children: t });
+}, Je = () => {
+  const t = tn(hn);
+  if (!t) throw new Error("Missing Context Provider");
+  return t;
+}, Xt = (t, e) => {
+  if (e === null) return !1;
+  if (!e.includeChildren) return e.path.every(((n, r) => t[r] === n)) && e.path.length === t.length;
+  for (const [n, r] of e.path.entries()) if (r !== t[n]) return !1;
+  return !0;
+}, At = "**INVALID_FUNCTION**", ir = ({ nodeData: t, showStringQuotes: e = !0, stringTruncate: n = 200, pathString: r, canEdit: o, setIsEditing: a, styles: i, translate: g, value: h, TextWrapper: s = ({ children: u }) => u }) => {
+  const u = h ?? t.value, [p, y] = de(!1), j = e ? '"' : "", b = u.length > n, w = () => {
+    o ? a(!0) : y(!p);
+  };
+  return $("div", { id: `${r}_display`, onDoubleClick: w, onClick: (T) => {
+    (T.getModifierState("Control") || T.getModifierState("Meta")) && w();
+  }, className: "jer-value-string", style: i, children: [j, b ? $(vt, p ? { children: [c(s, { children: $("span", { children: [u, j] }) }), $("span", { className: "jer-string-expansion jer-show-less", onClick: () => y(!1), children: [" ", g("SHOW_LESS", t)] })] } : { children: [$(s, { children: [c("span", { children: u.slice(0, n - 2).trimEnd() }), " "] }), c("span", { className: "jer-string-expansion jer-ellipsis", onClick: () => y(!0), children: "..." }), j] }) : c(s, { children: `${u}${j}` })] });
+}, ar = ({ styles: t, pathString: e, value: n, setValue: r, handleEdit: o, handleKeyboard: a, keyboardCommon: i }) => {
+  const g = Ce(null);
+  return c(an, { className: "jer-input-text", textAreaRef: g, name: e, value: n, setValue: r, handleKeyPress: (h) => {
+    a(h, Object.assign({ stringConfirm: o, stringLineBreak: () => {
+      const s = cn(g, `
+`);
+      r(s);
+    } }, i));
+  }, styles: t });
+}, sr = (t) => {
+  var { isEditing: e, path: n, enumType: r } = t, o = on(t, ["isEditing", "path", "enumType"]);
+  const { getStyles: a } = Ve(), i = Xe(n), { value: g, setValue: h, nodeData: s, handleEdit: u, handleKeyboard: p, keyboardCommon: y } = o;
+  return e && r ? $("div", { className: "jer-select jer-select-enums", children: [c("select", { name: `${i}-value-select`, className: "jer-select-inner", onChange: (j) => h(j.target.value), value: g, autoFocus: !0, onKeyDown: (j) => {
+    p(j, Object.assign({ stringConfirm: u }, y));
+  }, children: r.values.map(((j) => c("option", { value: j, children: j }, j))) }), c("span", { className: "focus" })] }) : e ? c(ar, Object.assign({ styles: a("input", s), pathString: i }, o, { setValue: o.setValue })) : c(ir, Object.assign({ pathString: i, styles: a("string", s) }, o));
+}, lr = ({ value: t, setValue: e, isEditing: n, path: r, setIsEditing: o, handleEdit: a, nodeData: i, handleKeyboard: g, keyboardCommon: h }) => {
+  const { getStyles: s } = Ve();
+  return n ? c("input", { className: "jer-input-number", type: "text", name: Xe(r), value: t, onChange: (u) => e(u.target.value.replace(/[^0-9.-]/g, "")), autoFocus: !0, onFocus: (u) => setTimeout((() => u.target.select()), 10), onKeyDown: (u) => g(u, Object.assign({ numberConfirm: a, numberUp: () => e(Number(t) + 1), numberDown: () => e(Number(t) - 1) }, h)), style: Object.assign({ width: String(t).length / 1.5 + 2 + "em" }, s("input", i)) }) : c("span", { onDoubleClick: () => o(!0), className: "jer-value-number", style: s("number", i), children: t });
+}, cr = ({ value: t, setValue: e, isEditing: n, path: r, setIsEditing: o, handleEdit: a, nodeData: i, handleKeyboard: g, keyboardCommon: h }) => {
+  const { getStyles: s } = Ve();
+  return typeof t != "boolean" ? null : n ? c("input", { className: "jer-input-boolean", type: "checkbox", name: Xe(r), checked: t, onChange: () => e(!t), onKeyDown: (u) => {
+    u.key === " " && u.preventDefault(), g(u, Object.assign({ booleanConfirm: a, booleanToggle: () => e(!t) }, h));
+  }, autoFocus: !0 }) : c("span", { onDoubleClick: () => o(!0), className: "jer-value-boolean", style: s("boolean", i), children: String(t) });
+}, ur = (t, e) => {
+  const n = Ce(void 0), r = Ce(e);
+  Re((() => {
+    r.current = e;
+  }), [e]);
+  const o = (a) => {
+    r.current(a);
+  };
+  Re((() => {
+    if (window.clearTimeout(n.current), t) return n.current = window.setTimeout((() => {
+      window.addEventListener("keydown", o);
+    }), 100), () => {
+      window.clearTimeout(n.current), window.removeEventListener("keydown", o);
+    };
+  }), [t]);
+}, dr = ({ value: t, isEditing: e, setIsEditing: n, handleEdit: r, nodeData: o, handleKeyboard: a, keyboardCommon: i }) => {
+  const { getStyles: g } = Ve();
+  return ur(e, ((h) => a(h, Object.assign({ confirm: r }, i)))), c("div", { onDoubleClick: () => n(!0), className: "jer-value-null", style: g("null", o), children: String(t) });
+}, hr = ({ value: t }) => {
+  let e = "Error!";
+  switch (typeof t) {
+    case "string":
+      t === At && (e = "Function");
+      break;
+    case "undefined":
+      e = "Undefined";
+      break;
+    case "symbol":
+      e = "Symbol";
+  }
+  return c("span", { className: "jer-value-invalid", children: e });
+}, pr = ({ size: t, style: e, className: n }) => $("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: t, height: t, className: n, style: e, children: [c("path", { d: "M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4z" }), c("path", { d: "M12 2C6.486 2 2 6.486 2 12s4.486 10 10 10 10-4.486 10-10S17.514 2 12 2zm0 18c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8z" })] }), fr = ({ size: t, style: e, className: n }) => $("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: t, height: t, className: n, style: e, transform: "translate(0, 0.5)", children: [c("path", { d: "M7 17.013l4.413-.015 9.632-9.54c.378-.378.586-.88.586-1.414s-.208-1.036-.586-1.414l-1.586-1.586c-.756-.756-2.075-.752-2.825-.003L7 12.583v4.43zM18.045 4.458l1.589 1.583-1.597 1.582-1.586-1.585 1.594-1.58zM9 13.417l6.03-5.973 1.586 1.586-6.029 5.971L9 15.006v-1.589z" }), c("path", { d: "M5 21h14c1.103 0 2-.897 2-2v-8.668l-2 2V19H8.158c-.026 0-.053.01-.079.01-.033 0-.066-.009-.1-.01H5V5h6.847l2-2H5c-1.103 0-2 .897-2 2v14c0 1.103.897 2 2 2z" })] }), gr = ({ size: t, style: e, className: n }) => c("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: t, height: t, className: n, style: e, children: c("path", { d: "M6 19a2 2 0 002 2h8a2 2 0 002-2V7H6v12m2.46-7.12l1.41-1.41L12 12.59l2.12-2.12 1.41 1.41L13.41 14l2.12 2.12-1.41 1.41L12 15.41l-2.12 2.12-1.41-1.41L10.59 14l-2.13-2.12M15.5 4l-1-1h-5l-1 1H5v2h14V4h-3.5z" }) }), mr = ({ size: t, style: e, className: n }) => $("svg", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, viewBox: "0 0 24 24", width: t, height: t, className: n, style: e, children: [c("path", { d: "M9 2 H15 A1 1 0 0 1 16 3 V5 A1 1 0 0 1 15 6 H9 A1 1 0 0 1 8 5 V3 A1 1 0 0 1 9 2 z" }), c("path", { d: "M8 4H6a2 2 0 00-2 2v14a2 2 0 002 2h12a2 2 0 002-2v-2M16 4h2a2 2 0 012 2v4M21 14H11" }), c("path", { d: "M15 10l-4 4 4 4" })] }), yr = ({ size: t, style: e, className: n }) => $("svg", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, viewBox: "0 0 24 24", width: t, height: t, className: n, style: e, children: [c("path", { d: "M22 11.08V12a10 10 0 11-5.93-9.14" }), c("path", { d: "M22 4L12 14.01l-3-3" })] }), vr = ({ size: t, style: e, className: n }) => c("svg", { baseProfile: "tiny", viewBox: "0 0 24 24", fill: "currentColor", width: t, height: t, className: n, style: e, children: c("path", { d: "M12 4c-4.411 0-8 3.589-8 8s3.589 8 8 8 8-3.589 8-8-3.589-8-8-8zm-5 8c0-.832.224-1.604.584-2.295l6.711 6.711A4.943 4.943 0 0112 17c-2.757 0-5-2.243-5-5zm9.416 2.295L9.705 7.584A4.943 4.943 0 0112 7c2.757 0 5 2.243 5 5 0 .832-.224 1.604-.584 2.295z" }) }), br = ({ size: t, style: e, className: n }) => c("svg", { viewBox: "0 0 512 512", fill: "currentColor", width: t, height: t, className: n, style: e, children: c("path", { d: "M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z" }) }), Ye = ({ name: t, nodeData: e }) => {
+  var n, r, o, a, i, g, h;
+  const { getStyles: s, icons: u } = Ve(), p = { size: "1.4em", className: "jer-icon" };
+  switch (t) {
+    case "add":
+      return (n = u == null ? void 0 : u.add) !== null && n !== void 0 ? n : c(pr, Object.assign({}, p, { style: s("iconAdd", e) }));
+    case "edit":
+      return (r = u == null ? void 0 : u.edit) !== null && r !== void 0 ? r : c(fr, Object.assign({}, p, { style: s("iconEdit", e) }));
+    case "delete":
+      return (o = u == null ? void 0 : u.delete) !== null && o !== void 0 ? o : c(gr, Object.assign({}, p, { style: s("iconDelete", e), size: "1.45em" }));
+    case "copy":
+      return (a = u == null ? void 0 : u.copy) !== null && a !== void 0 ? a : c(mr, Object.assign({}, p, { style: s("iconCopy", e), size: "1.2em" }));
+    case "ok":
+      return (i = u == null ? void 0 : u.ok) !== null && i !== void 0 ? i : c(yr, Object.assign({}, p, { style: Object.assign({ fontSize: "90%" }, s("iconOk", e)) }));
+    case "cancel":
+      return (g = u == null ? void 0 : u.cancel) !== null && g !== void 0 ? g : c(vr, Object.assign({}, p, { style: Object.assign({ fontSize: "130%" }, s("iconCancel", e)) }));
+    case "chevron":
+      return (h = u == null ? void 0 : u.chevron) !== null && h !== void 0 ? h : c(br, { size: "1em", style: s("iconCollection", e) });
+    default:
+      return c(vt, {});
+  }
+}, pn = ({ startEdit: t, handleDelete: e, handleAdd: n, enableClipboard: r, type: o, customButtons: a, nodeData: i, translate: g, keyboardControls: h, handleKeyboard: s, editConfirmRef: u, getNewKeyOptions: p, jsonStringify: y, onEditEvent: j, showIconTooltips: b }) => {
+  const { getStyles: w } = Ve(), T = g("KEY_NEW", i), [N, x] = de(T), [P, G] = de(!1), { key: te, path: Y, value: J } = i, ee = Array.isArray(P), H = (A) => {
+    var I;
+    if (j && j(A ? [...Y, null] : null, A), !A) return void G(!1);
+    const X = Object.keys(nt(i.fullData, Y)), ne = p ? (I = p(i)) === null || I === void 0 ? void 0 : I.filter(((pe) => !X.includes(pe))) : null;
+    ne && x(""), G(ne == null || ne);
+  };
+  return $("div", { className: "jer-edit-buttons", style: { opacity: P ? 1 : void 0 }, onClick: (A) => A.stopPropagation(), children: [r && c("div", { onClick: (A) => {
+    var I;
+    A.stopPropagation();
+    let X, ne, pe = "value", oe = "", fe = null;
+    if (r) {
+      const le = Pt(A);
+      if (le && h.clipboardModifier.includes(le) ? (X = Er(Y), oe = X, pe = "path") : (X = J, oe = typeof X == "object" ? y(J) : String(X)), !navigator.clipboard) return void (typeof r == "function" && r({ success: !1, value: X, stringValue: oe, path: Y, key: te, type: pe, errorMessage: "Can't access clipboard API" }));
+      (I = navigator.clipboard) === null || I === void 0 || I.writeText(oe).then((() => ne = !0)).catch(((Z) => {
+        ne = !1, fe = Z.message;
+      })).finally((() => {
+        typeof r == "function" && r({ success: ne, errorMessage: fe, value: X, stringValue: oe, path: Y, key: te, type: pe });
+      }));
+    }
+  }, className: "jer-copy-pulse", title: b ? g("TOOLTIP_COPY", i) : "", children: c(Ye, { name: "copy", nodeData: i }) }), t && c("div", { onClick: t, title: b ? g("TOOLTIP_EDIT", i) : "", children: c(Ye, { name: "edit", nodeData: i }) }), e && c("div", { onClick: e, title: b ? g("TOOLTIP_DELETE", i) : "", children: c(Ye, { name: "delete", nodeData: i }) }), n && c("div", { onClick: () => {
+    o === "object" ? H(!0) : n("");
+  }, title: b ? g("TOOLTIP_ADD", i) : "", children: c(Ye, { name: "add", nodeData: i }) }), a == null ? void 0 : a.map((({ Element: A, onClick: I }, X) => c("div", { onClick: (ne) => I && I(i, ne), children: c(A, { nodeData: i }) }, X))), P && n && o === "object" && $(vt, { children: [ee ? $("div", { className: "jer-select jer-select-keys", children: [$("select", { name: "new-key-select", className: "jer-select-inner", onChange: (A) => {
+    n(A.target.value), H(!1);
+  }, defaultValue: "", autoFocus: !0, onKeyDown: (A) => {
+    s(A, { cancel: () => H(!1) });
+  }, children: [c("option", { value: "", disabled: !0, children: P.length > 0 ? g("KEY_SELECT", i) : g("NO_KEY_OPTIONS", i) }), P.map(((A) => c("option", { value: A, children: A }, A)))] }), c("span", { className: "focus" })] }) : c("input", { className: "jer-input-new-key", type: "text", name: "new-object-key", value: N, onChange: (A) => x(A.target.value), autoFocus: !0, onFocus: (A) => A.target.select(), onKeyDown: (A) => {
+    s(A, { stringConfirm: () => {
+      n && (H(!1), n(N), x(T));
+    }, cancel: () => {
+      H(!1), x(T);
+    } });
+  }, style: w("input", i) }), c(It, { onOk: () => {
+    ee && !N || (H(!1), n(N));
+  }, onCancel: () => {
+    H(!1);
+  }, nodeData: i, editConfirmRef: u, hideOk: ee })] })] });
+}, It = ({ onOk: t, onCancel: e, nodeData: n, editConfirmRef: r, hideOk: o = !1 }) => $("div", { className: "jer-confirm-buttons", children: [!o && c("div", { onClick: t, ref: r, children: c(Ye, { name: "ok", nodeData: n }) }), c("div", { onClick: e, children: c(Ye, { name: "cancel", nodeData: n }) })] }), Er = (t) => t.reduce(((e, n) => typeof n == "number" ? `${e}[${n}]` : e === "" ? n : `${e}.${n}`), ""), jr = ["string", "number", "boolean", "null", "object", "array"], fn = ({ props: t, collapsed: e }) => {
+  const { data: n, nodeData: r, parentData: o, onEdit: a, onError: i, showErrorMessages: g, restrictEditFilter: h, restrictDeleteFilter: s, restrictAddFilter: u, restrictDragFilter: p, translate: y, errorMessageTimeout: j } = t, { currentlyEditingElement: b, setCurrentlyEditingElement: w } = Je(), [T, N] = de(null), x = Object.assign(Object.assign({}, r), { collapsed: e }), { path: P, key: G, size: te } = x, Y = Xe(P), J = !h(x), ee = !s(x), H = !u(x), A = !p(x) && ee && b === null, I = (Z) => {
+    g && (N(Z), setTimeout((() => N(null)), j)), console.warn("Error", Z);
+  }, X = Ke(((Z, Q) => {
+    I(Z.message), i && i({ currentData: x.fullData, errorValue: Q, currentValue: n, name: G, path: P, error: Z });
+  }), [i, g]), ne = b === Y, pe = b === `key_${Y}`, oe = typeof P.slice(-1)[0] == "number", fe = { isEditing: ne, isEditingKey: pe, isArray: oe, canEditKey: o !== null && J && H && ee && !oe }, le = G === "" && P.length > 0 ? y("EMPTY_STRING", x) : null;
+  return { pathString: Y, nodeData: x, path: P, name: G, size: te, canEdit: J, canDelete: ee, canAdd: H, canDrag: A, error: T, showError: I, onError: X, setError: N, handleEditKey: (Z) => {
+    if (w(null), G === Z || !o) return;
+    const Q = P.slice(0, -1);
+    if (Object.keys(o).includes(Z)) return void X({ code: "KEY_EXISTS", message: y("ERROR_KEY_EXISTS", x) }, Z);
+    const f = Object.fromEntries(Object.entries(o).map((([d, l]) => d === G ? [Z, l] : [d, l])));
+    a(f, Q).then(((d) => {
+      d && X({ code: "UPDATE_ERROR", message: d }, Z);
+    }));
+  }, derivedValues: fe, emptyStringKey: le };
+}, gn = ({ canDrag: t, canDragOnto: e, path: n, nodeData: r, onMove: o, onError: a, translate: i }) => {
+  const { getStyles: g } = Ve(), { dragSource: h, setDragSource: s } = Je(), [u, p] = de(!1), y = Xe(n), j = De((() => t ? { onDragStart: (N) => {
+    N.stopPropagation(), s({ path: n, pathString: y });
+  }, onDragEnd: (N) => {
+    N.stopPropagation(), s({ path: null, pathString: null });
+  } } : {}), [t, y]), b = De((() => (N) => e ? { onDragOver: (x) => {
+    x.stopPropagation(), x.preventDefault();
+  }, onDrop: (x) => {
+    x.stopPropagation(), T(N), s({ path: null, pathString: null }), p(!1);
+  }, onDragEnter: (x) => {
+    var P;
+    x.stopPropagation(), y.startsWith((P = h.pathString) !== null && P !== void 0 ? P : "") || p(N);
+  }, onDragExit: (x) => {
+    x.stopPropagation(), p(!1);
+  } } : {}), [h, e, y]), w = De((() => e && h.pathString !== null ? c("div", Object.assign({ className: "jer-drop-target-bottom", style: { height: "50%", position: "absolute", width: "100%", top: "50%", zIndex: n.length } }, b("below"))) : null), [h, e, n.length]), T = (N) => {
+    var x, P;
+    const G = (x = h.path) === null || x === void 0 ? void 0 : x.slice(-1)[0], te = (P = h.path) === null || P === void 0 ? void 0 : P.slice(0, -1).join("."), Y = n.slice(0, -1).join(""), { parentData: J } = r;
+    typeof G == "string" && J && !Array.isArray(J) && Object.keys(J).includes(G) && G in J && te !== Y ? a({ code: "KEY_EXISTS", message: i("ERROR_KEY_EXISTS", r) }, G) : o(h.path, n, N).then(((ee) => {
+      ee && a({ code: "UPDATE_ERROR", message: ee }, r.value);
+    }));
+  };
+  return { dragSourceProps: j, getDropTargetProps: b, BottomDropTarget: w, DropTargetPadding: ({ position: N, nodeData: x }) => u === N ? c("div", { className: "jer-drag-n-drop-padding", style: g("dropZone", x) }) : null, handleDrop: T };
+}, wr = (t, e, n, r) => {
+  var o, a, i;
+  if (!e.current) return 0;
+  const g = parseInt((o = getComputedStyle(n.current).getPropertyValue("line-height")) !== null && o !== void 0 ? o : "16px"), h = ((i = (a = e.current) === null || a === void 0 ? void 0 : a.offsetWidth) !== null && i !== void 0 ? i : 0) / (0.5 * g), s = r(t).replace(/\\n/g, `
+`).split(`
+`).map(((u) => Math.ceil(u.length / h))).reduce(((u, p) => u + p), 0) * g;
+  return Math.min(s + 30, window.innerHeight - 50);
+}, yt = ({ isEditingKey: t, canEditKey: e, pathString: n, path: r, name: o, arrayIndexFromOne: a, handleKeyboard: i, handleEditKey: g, handleCancel: h, handleClick: s, keyValueArray: u, styles: p, getNextOrPrevious: y, emptyStringKey: j }) => {
+  const { setCurrentlyEditingElement: b } = Je(), w = typeof o == "number" ? String(o + (a ? 1 : 0)) : o;
+  return t ? c("input", { className: "jer-input-text jer-key-edit", type: "text", name: n, defaultValue: w, autoFocus: !0, onFocus: (T) => T.target.select(), onKeyDown: (T) => i(T, { stringConfirm: () => g(T.target.value), cancel: h, tabForward: () => {
+    if (g(T.target.value), u) {
+      const N = u == null ? void 0 : u[0][0];
+      b(N ? [...r, N] : y("next"));
+    } else b(r);
+  }, tabBack: () => {
+    g(T.target.value), b(y("prev"));
+  } }), style: { width: w.length / 1.5 + 0.5 + "em" } }) : $("span", { className: "jer-key-text", style: Object.assign(Object.assign({}, p), { minWidth: `${Math.min(w.length + 1, 5)}ch`, flexShrink: w.length > 10 ? 1 : 0 }), onDoubleClick: () => e && b(r, "key"), onClick: s, children: [j ? c("span", { className: "jer-empty-string", children: j }) : w, w !== "" || j ? c("span", { className: "jer-key-colon", children: ":" }) : null] });
+}, mn = (t) => {
+  const { data: e, parentData: n, onEdit: r, onDelete: o, onChange: a, onMove: i, enableClipboard: g, canDragOnto: h, restrictTypeSelection: s, searchFilter: u, searchText: p, showLabel: y, stringTruncate: j, showStringQuotes: b, arrayIndexFromOne: w, indent: T, translate: N, customNodeDefinitions: x, customNodeData: P, handleKeyboard: G, keyboardControls: te, sort: Y, editConfirmRef: J, jsonStringify: ee, showIconTooltips: H } = t, { getStyles: A } = Ve(), { setCurrentlyEditingElement: I, setCollapseState: X, previouslyEditedElement: ne, setPreviouslyEditedElement: pe, tabDirection: oe, setTabDirection: fe, previousValue: le, setPreviousValue: Z } = Je(), [Q, f] = de(typeof e == "function" ? At : e), { pathString: d, nodeData: l, path: m, name: E, canEdit: k, canDelete: M, canDrag: L, error: he, onError: U, handleEditKey: je, emptyStringKey: Te, derivedValues: re } = fn({ props: t }), { dragSourceProps: Me, getDropTargetProps: Fe, BottomDropTarget: z, DropTargetPadding: ge } = gn({ canDrag: L, canDragOnto: h, path: m, nodeData: l, onMove: i, onError: U, translate: N }), [Se, be] = de(_t(e, P)), R = Ke(((v) => {
+    if (!a) return void f(v);
+    const O = a({ currentData: l.fullData, newValue: v, currentValue: Q, name: E, path: m });
+    f(O);
+  }), [a]);
+  Re((() => {
+    f(typeof e == "function" ? At : e), be(_t(e, P));
+  }), [e, he]);
+  const { CustomNode: B, customNodeProps: ie, hideKey: ae, showEditTools: me = !0, showOnEdit: se, showOnView: Oe, passOriginalNode: Ne } = P, Ae = [...jr, ...x.filter((({ showInTypesSelector: v = !1, name: O }) => v && !!O)).map((({ name: v }) => v))], ce = De((() => {
+    if (typeof s == "boolean") return s ? [] : Ae;
+    if (Array.isArray(s)) return s;
+    const v = s(l);
+    return typeof v == "boolean" ? v ? [] : Ae : v;
+  }), [l, s]), [q, ze] = de(((v, O) => {
+    var K;
+    if (typeof v != "string") return null;
+    const Ee = O.filter(((ue) => ue instanceof Object && ue.enum && ue.values.includes(v) && ue.matchPriority));
+    return Ee.sort(((ue, ve) => {
+      var We, $e;
+      return ((We = ve.matchPriority) !== null && We !== void 0 ? We : 0) - (($e = ue.matchPriority) !== null && $e !== void 0 ? $e : 0);
+    })), (K = Ee[0]) !== null && K !== void 0 ? K : null;
+  })(Q, ce)), { isEditing: we } = re, Ze = sn("value", l, u, p);
+  if (we && (!Ze || !k)) {
+    const v = Ue(l.fullData, m, oe, Y);
+    I(v || ne);
+  }
+  if (!Ze) return null;
+  const Ie = (v) => {
+    let O;
+    if (I(null), Z(null), v === void 0 || ((K) => K && typeof K == "object" && "type" in K && "target" in K && "preventDefault" in K && typeof K.preventDefault == "function")(v)) switch (Se) {
+      case "object":
+        O = { [N("DEFAULT_NEW_KEY", l)]: Q };
+        break;
+      case "array":
+        O = Q ?? [];
+        break;
+      case "number": {
+        const K = Number(Q);
+        O = isNaN(K) ? 0 : K;
+        break;
+      }
+      default:
+        O = Q;
+    }
+    else O = v;
+    r(O, m).then(((K) => {
+      K && U({ code: "UPDATE_ERROR", message: K }, O);
+    }));
+  }, _e = () => {
+    I(null), le === null ? (f(e), Z(null)) : r(le, m);
+  }, { isEditingKey: Qe, canEditKey: qe } = re, ke = !we && he, ye = we && ce.length > 1, Be = (Se !== "invalid" || B) && !he && me, S = y && !ae, C = B && (we && se || !we && Oe), _ = { value: Q, parentData: n, setValue: R, isEditing: we, canEdit: k, setIsEditing: k ? () => I(m) : () => {
+  }, handleEdit: Ie, handleCancel: _e, path: m, stringTruncate: j, showStringQuotes: b, nodeData: l, enumType: q, translate: N, handleKeyboard: G, keyboardCommon: { cancel: _e, tabForward: () => {
+    fe("next"), pe(d);
+    const v = Ue(l.fullData, m, "next", Y);
+    v && (Ie(), I(v));
+  }, tabBack: () => {
+    fe("prev"), pe(d);
+    const v = Ue(l.fullData, m, "prev", Y);
+    v && (Ie(), I(v));
+  } } }, F = { canEditKey: qe, isEditingKey: Qe, pathString: d, path: m, name: E, arrayIndexFromOne: w, handleKeyboard: G, handleEditKey: je, handleCancel: _e, styles: A("property", l), getNextOrPrevious: (v) => Ue(l.fullData, m, v, Y), emptyStringKey: Te }, V = C ? c(B, Object.assign({}, t, { value: Q, customNodeProps: ie, setValue: R, handleEdit: Ie, handleCancel: _e, handleKeyPress: (v) => G(v, { stringConfirm: Ie, cancel: _e }), isEditing: we, setIsEditing: () => I(m), getStyles: A, originalNode: Ne ? Zt(e, _) : void 0, originalNodeKey: Ne ? c(yt, Object.assign({}, F)) : void 0, canEdit: k, keyboardCommon: _.keyboardCommon, onError: U })) : Zt(e, _);
+  return $("div", Object.assign({ className: "jer-component jer-value-component", style: { marginLeft: n !== null ? T / 2 + "em" : 0, position: "relative" }, draggable: L }, Me, Fe("above"), { children: [z, c(ge, { position: "above", nodeData: l }), $("div", { className: "jer-value-main-row", style: { flexWrap: E.length > 10 ? "wrap" : "nowrap" }, children: [S && c(yt, Object.assign({}, F)), $("div", { className: "jer-value-and-buttons", children: [c("div", { className: "jer-input-component", children: V }), we ? c(It, { onOk: Ie, onCancel: _e, nodeData: l, editConfirmRef: J }) : Be && c(pn, { startEdit: k ? () => {
+    Z(le), I(m, _e);
+  } : void 0, handleDelete: M ? () => {
+    o(Q, m).then(((v) => {
+      v && U({ code: "DELETE_ERROR", message: v }, Q);
+    }));
+  } : void 0, enableClipboard: g, translate: N, customButtons: t.customButtons, nodeData: l, handleKeyboard: G, keyboardControls: te, editConfirmRef: J, jsonStringify: ee, showIconTooltips: H }), ye && $("div", { className: "jer-select jer-select-types", children: [c("select", { name: `${E}-type-select`, className: "jer-select-inner", onChange: (v) => ((O) => {
+    const K = x.find(((ve) => ve.name === O));
+    if (K) return r(K.defaultValue, m), be(O), ze(null), I(null), void X({ path: m, collapsed: !1, includeChildren: !1 });
+    const Ee = ce.find(((ve) => ve instanceof Object && ve.enum === O));
+    if (Ee) return typeof Q == "string" && Ee.values.includes(Q) || r(Ee.values[0], m).then(((ve) => {
+      ve && (U({ code: "UPDATE_ERROR", message: ve }, ue), I(null));
+    })), void ze(Ee);
+    const ue = Dr(Q, O, N("DEFAULT_NEW_KEY", l), P != null && P.CustomNode ? N("DEFAULT_STRING", l) : void 0);
+    ["string", "number", "boolean"].includes(O) || I(null), r(ue, m).then(((ve) => {
+      ve ? (U({ code: "UPDATE_ERROR", message: ve }, ue), I(null)) : ze(null);
+    }));
+  })(v.target.value), value: q ? q.enum : Se, children: ce.map(((v) => v instanceof Object && "enum" in v ? c("option", { value: v.enum, children: v.enum }, v.enum) : c("option", { value: v, children: v }, v))) }), c("span", { className: "focus" })] }), ke && c("span", { className: "jer-error-slug", style: A("error", l), children: he })] })] }), c(ge, { position: "below", nodeData: l })] }));
+}, _t = (t, e) => e != null && e.CustomNode && (e != null && e.name) && e.showInTypesSelector ? e.name : typeof t == "string" ? "string" : typeof t == "number" ? "number" : typeof t == "boolean" ? "boolean" : t === null ? "null" : "invalid", Zt = (t, e) => {
+  const n = _t(t), { value: r } = e;
+  switch (n) {
+    case "string":
+      return c(sr, Object.assign({}, e, { value: r }));
+    case "number":
+      return c(lr, Object.assign({}, e, { value: r }));
+    case "boolean":
+      return c(cr, Object.assign({}, e, { value: r }));
+    case "null":
+      return c(dr, Object.assign({}, e));
+    default:
+      return c(hr, Object.assign({}, e));
+  }
+}, Dr = (t, e, n, r) => {
+  switch (e) {
+    case "string":
+      return r ?? String(t);
+    case "number": {
+      const o = Number(t);
+      return isNaN(o) ? 0 : o;
+    }
+    case "boolean":
+      return !!t;
+    case "null":
+      return null;
+    case "object":
+      return { [n]: t };
+    case "array":
+      return [t];
+    default:
+      return String(t);
+  }
+}, yn = (t = [], e) => {
+  const n = t.filter((({ condition: b }) => b(e)));
+  if (n.length === 0) return {};
+  const r = n[0], { element: o, wrapperElement: a, customNodeProps: i, wrapperProps: g, hideKey: h = !1, showEditTools: s = !0, showOnEdit: u = !1, showOnView: p = !0, showCollectionWrapper: y = !0 } = r, j = on(r, ["element", "wrapperElement", "customNodeProps", "wrapperProps", "hideKey", "showEditTools", "showOnEdit", "showOnView", "showCollectionWrapper"]);
+  return Object.assign({ CustomNode: o, CustomWrapper: a, customNodeProps: i, wrapperProps: g, hideKey: h, showEditTools: s, showOnEdit: u, showOnView: p, showCollectionWrapper: y }, j);
+}, vn = (t) => {
+  const { getStyles: e } = Ve(), { collapseState: n, setCollapseState: r, getMatchingCollapseState: o, currentlyEditingElement: a, setCurrentlyEditingElement: i, areChildrenBeingEdited: g, previousValue: h, setPreviousValue: s } = Je(), { mainContainerRef: u, data: p, nodeData: y, parentData: j, showCollectionCount: b, onEdit: w, onAdd: T, onDelete: N, canDragOnto: x, collapseFilter: P, collapseAnimationTime: G, onMove: te, enableClipboard: Y, onEditEvent: J, showIconTooltips: ee, searchFilter: H, searchText: A, indent: I, sort: X, showArrayIndices: ne, arrayIndexFromOne: pe, defaultValue: oe, newKeyOptions: fe, translate: le, customNodeDefinitions: Z, customNodeData: Q, jsonParse: f, jsonStringify: d, TextEditor: l, keyboardControls: m, handleKeyboard: E, insertAtTop: k, onCollapse: M, editConfirmRef: L, collapseClickZones: he } = t, [U, je] = de(d(p)), Te = P(y), { contentRef: re, isAnimating: Me, maxHeight: Fe, collapsed: z, animateCollapse: ge, cssTransitionValue: Se } = ((D, W, Pe, xe, Le) => {
+    const [On, ft] = de(Pe ? 0 : void 0), [gt, Sn] = de(Pe), Dt = Ce(!1), Ct = Ce(null), Wt = Ce(0), $t = Ce(0), kn = W / 1e3 + "s", xn = Ke(((Ot) => {
+      var St, kt;
+      if (gt !== Ot) {
+        switch (window.clearTimeout($t.current), Dt.current = !0, Ot) {
+          case !0: {
+            const Gt = (kt = (St = Ct.current) === null || St === void 0 ? void 0 : St.offsetHeight) !== null && kt !== void 0 ? kt : 0;
+            Wt.current = Gt, ft(Gt), setTimeout((() => {
+              ft(0);
+            }), 5);
+            break;
+          }
+          case !1:
+            ft(Wt.current || wr(D, Ct, xe, Le));
+        }
+        Sn(!gt), $t.current = window.setTimeout((() => {
+          Dt.current = !1, Ot || ft(void 0);
+        }), W);
+      }
+    }), [W, gt, D, xe, Le]);
+    return { contentRef: Ct, isAnimating: Dt.current, animateCollapse: xn, maxHeight: On, collapsed: gt, cssTransitionValue: kn };
+  })(p, G, Te, u, d), { pathString: be, nodeData: R, path: B, name: ie, size: ae, canEdit: me, canDelete: se, canAdd: Oe, canDrag: Ne, error: Ae, setError: ce, onError: q, handleEditKey: ze, emptyStringKey: we, derivedValues: Ze } = fn({ props: t, collapsed: z }), { dragSourceProps: Ie, getDropTargetProps: _e, BottomDropTarget: Qe, DropTargetPadding: qe } = gn({ canDrag: Ne, canDragOnto: x, path: B, nodeData: R, onMove: te, onError: q, translate: le }), ke = Ce(!Te), { isEditing: ye, isEditingKey: Be, isArray: S, canEditKey: C } = Ze;
+  Re((() => {
+    je(d(p));
+  }), [p, d]), Re((() => {
+    const D = P(R) && !ye;
+    ke.current = !D, ge(D);
+  }), [P]), Re((() => {
+    if (n !== null) {
+      const D = o(B);
+      D && (ke.current = !0, ge(D.collapsed));
+    }
+  }), [n]);
+  const _ = Ce(null), F = Ke(((D, W) => {
+    if (typeof oe != "function") return oe;
+    const Pe = oe(D, W);
+    return Pe !== void 0 ? Pe : null;
+  }), [oe]), V = Ke(((D) => fe ? typeof fe != "function" ? fe : fe(D) : null), [fe]), { CustomNode: v, customNodeProps: O, CustomWrapper: K, wrapperProps: Ee = {}, hideKey: ue, showEditTools: ve = !0, showOnEdit: We, showOnView: $e, showCollectionWrapper: bt = !0 } = Q, dt = g(be);
+  if (dt && z && ge(!1), !(sn("collection", R, H, A) || R.level === 0) && !dt) return null;
+  const et = Array.isArray(p) ? "array" : "object", Et = et === "array" ? { open: "[", close: "]" } : { open: "{", close: "}" }, Lt = (D) => {
+    if (D.key !== "Tab" || D.getModifierState("Shift")) E(D, { objectConfirm: pt, cancel: it });
+    else {
+      D.preventDefault();
+      const W = cn(_, "	");
+      je(W);
+    }
+  }, ht = (D) => {
+    D.stopPropagation();
+    const W = Pt(D);
+    if (W && m.collapseModifier.includes(W)) return ke.current = !0, void r({ collapsed: !z, path: B, includeChildren: !0 });
+    a && a.includes(be) || (ke.current = !0, r(null), M && M({ path: B, collapsed: !z, includeChildren: !1 }), ge(!z));
+  }, pt = () => {
+    try {
+      const D = f(U);
+      if (i(null), s(null), ce(null), d(D) === d(p)) return;
+      w(D, B).then(((W) => {
+        W && q({ code: "UPDATE_ERROR", message: W }, D);
+      }));
+    } catch {
+      q({ code: "INVALID_JSON", message: le("ERROR_INVALID_JSON", R) }, U);
+    }
+  }, En = B.length > 0 ? () => {
+    N(p, B).then(((D) => {
+      D && q({ code: "DELETE_ERROR", message: D }, p);
+    }));
+  } : void 0, it = () => {
+    i(null), h === null ? (ce(null), je(d(p)), s(null)) : w(h, B);
+  }, Vt = b === "when-closed" ? z : b, jn = !ye && ve, wn = (ne || !S) && !ue && ie !== void 0, Dn = v && (ye && We || !ye && $e), jt = Object.entries(p).map((([D, W]) => [et === "array" ? Number(D) : D, W]));
+  et === "object" && X(jt, ((D) => D));
+  const Ft = ke.current ? ye ? $("div", { className: "jer-collection-text-edit", children: [l ? c(l, { value: U, onChange: je, onKeyDown: (D) => E(D, { objectConfirm: pt, cancel: it }) }) : c(an, { textAreaRef: _, className: "jer-collection-text-area", name: be, value: U, setValue: je, handleKeyPress: Lt, styles: e("input", R) }), c("div", { className: "jer-collection-input-button-row", children: c(It, { onOk: pt, onCancel: it, nodeData: R, editConfirmRef: L }) })] }) : jt.map((([D, W], Pe) => {
+    const xe = { key: D, value: W, path: [...B, D], level: B.length + 1, index: Pe, size: rt(W) ? Object.keys(W).length : null, parentData: p, fullData: R.fullData }, Le = yn(Z, xe);
+    return c("div", { className: "jer-collection-element", style: e("collectionElement", xe), children: rt(W) && !(Le != null && Le.renderCollectionAsValue) ? c(vn, Object.assign({}, t, { data: W, parentData: p, nodeData: xe, showCollectionCount: b, canDragOnto: me, customNodeData: Le }), D) : c(mn, Object.assign({}, t, { data: W, parentData: p, nodeData: xe, canDragOnto: me, showLabel: et === "object" || ne, customNodeData: Le }), D) }, D);
+  })) : null, wt = !!bt && z && !dt;
+  wt || (ke.current = !0);
+  const Kt = Object.assign(Object.assign({}, t), { data: p, value: p, parentData: j, nodeData: R, setValue: (D) => tt(void 0, void 0, void 0, (function* () {
+    return yield w(D, B);
+  })), handleEdit: pt, handleCancel: it, handleKeyPress: Lt, isEditing: ye, setIsEditing: () => i(B), getStyles: e, canDragOnto: me, canEdit: me, keyboardCommon: {}, onError: q }), Cn = Dn ? c(v, Object.assign({ customNodeProps: O }, Kt, { children: Ft })) : Ft, Mt = jn && c(pn, { startEdit: me ? () => {
+    ke.current = !0, s(null), i(B);
+  } : void 0, handleAdd: Oe ? (D) => {
+    ge(!1);
+    const W = F(R, D);
+    if (et === "array") {
+      const Pe = k.array ? 0 : p.length, xe = k.array ? { insert: !0 } : {};
+      T(W, [...B, Pe], xe).then(((Le) => {
+        Le && q({ code: "ADD_ERROR", message: Le }, W);
+      }));
+    } else if (D in p) q({ code: "KEY_EXISTS", message: le("ERROR_KEY_EXISTS", R) }, D);
+    else {
+      const Pe = k.object ? { insertBefore: 0 } : {};
+      T(W, [...B, D], Pe).then(((xe) => {
+        xe && q({ code: "ADD_ERROR", message: xe }, W);
+      }));
+    }
+  } : void 0, handleDelete: se ? En : void 0, enableClipboard: Y, type: et, nodeData: R, translate: le, customButtons: t.customButtons, keyboardControls: m, handleKeyboard: E, getNewKeyOptions: V, editConfirmRef: L, jsonStringify: d, onEditEvent: J, showIconTooltips: ee }), zt = { canEditKey: C, isEditingKey: Be, pathString: be, path: B, name: ie, arrayIndexFromOne: pe, handleKeyboard: E, handleEditKey: ze, handleCancel: it, keyValueArray: jt, styles: e("property", R), getNextOrPrevious: (D) => Ue(R.fullData, B, D, X), handleClick: he.includes("property") ? ht : (D) => D.stopPropagation(), emptyStringKey: we }, Bt = $("div", Object.assign({ className: "jer-component jer-collection-component", style: Object.assign(Object.assign({ marginLeft: (B.length === 0 ? 0 : I / 2) + "em" }, e("collection", R)), { position: "relative" }), draggable: Ne }, Ie, _e("above"), { children: [c("div", { className: "jer-clickzone", style: { width: I / 2 + 1 + "em", zIndex: 10 + 2 * R.level }, onClick: he.includes("left") ? ht : void 0 }), !ye && Qe, c(qe, { position: "above", nodeData: R }), bt ? $("div", { className: "jer-collection-header-row", style: { position: "relative" }, onClick: he.includes("header") ? ht : void 0, children: [$("div", { className: "jer-collection-name", children: [c("div", { className: "jer-collapse-icon jer-accordion-icon" + (z ? " jer-rotate-90" : ""), style: { zIndex: 11 + 2 * R.level, transition: Se }, onClick: ht, children: c(Ye, { name: "chevron", rotate: z, nodeData: R }) }), wn && c(yt, Object.assign({}, zt)), !ye && c("span", { className: "jer-brackets jer-bracket-open", style: e("bracket", R), children: Et.open })] }), !ye && Vt && c("div", { className: "jer-collection-item-count" + (Vt ? " jer-visible" : " jer-hidden"), style: Object.assign(Object.assign({}, e("itemCount", R)), { transition: Se }), children: ae === 1 ? le("ITEM_SINGLE", Object.assign(Object.assign({}, R), { size: 1 }), 1) : le("ITEMS_MULTIPLE", R, ae) }), c("div", { className: "jer-brackets" + (wt ? " jer-visible" : " jer-hidden"), style: Object.assign(Object.assign({}, e("bracket", R)), { transition: Se }), children: Et.close }), Mt] }) : ue ? c(vt, {}) : $("div", { className: "jer-collection-header-row", style: { position: "relative" }, children: [c(yt, Object.assign({}, zt)), Mt] }), $("div", { className: "jer-collection-inner", style: Object.assign(Object.assign({ overflowY: wt || Me ? "clip" : "visible", maxHeight: dt ? void 0 : Fe }, e("collectionInner", R)), { transition: Se }), ref: re, children: [Cn, c("div", { className: ye ? "jer-collection-error-row" : "jer-collection-error-row-edit", children: Ae && c("span", { className: "jer-error-slug", style: e("error", R), children: Ae }) }), !ye && bt && c("div", { className: "jer-brackets jer-bracket-outside", style: Object.assign(Object.assign({}, e("bracket", R)), { marginLeft: (I < 3 ? -1 : I < 6 ? -0.5 : 0) + "em" }), children: Et.close })] }), c(qe, { position: "below", nodeData: R })] }));
+  return K ? c(K, Object.assign({ customNodeProps: Ee }, Kt, { children: Bt })) : Bt;
+}, Cr = { ITEM_SINGLE: "{{count}} item", ITEMS_MULTIPLE: "{{count}} items", KEY_NEW: "Enter new key", KEY_SELECT: "Select key", NO_KEY_OPTIONS: "No key options", ERROR_KEY_EXISTS: "Key already exists", ERROR_INVALID_JSON: "Invalid JSON", ERROR_UPDATE: "Update unsuccessful", ERROR_DELETE: "Delete unsuccessful", ERROR_ADD: "Adding node unsuccessful", DEFAULT_STRING: "New data!", DEFAULT_NEW_KEY: "key", SHOW_LESS: "(Show less)", EMPTY_STRING: "<empty string>", TOOLTIP_COPY: "Copy to clipboard", TOOLTIP_EDIT: "Edit", TOOLTIP_DELETE: "Delete", TOOLTIP_ADD: "Add" }, Or = (t, e) => (n, r, o) => ((a, i, g, h, s) => {
+  if (i[h]) {
+    const p = i[h](g);
+    if (p !== null) return p;
+  }
+  const u = h in a ? a[h] : Cr[h];
+  return s === void 0 ? u : u == null ? void 0 : u.replace("{{count}}", String(s));
+})(t, e, r, n, o);
+var Qt = [], at = [];
+(function(t, e) {
+  if (t && typeof document < "u") {
+    var n, r = e.prepend === !0 ? "prepend" : "append", o = e.singleTag === !0, a = typeof e.container == "string" ? document.querySelector(e.container) : document.getElementsByTagName("head")[0];
+    if (o) {
+      var i = Qt.indexOf(a);
+      i === -1 && (i = Qt.push(a) - 1, at[i] = {}), n = at[i] && at[i][r] ? at[i][r] : at[i][r] = g();
+    } else n = g();
+    t.charCodeAt(0) === 65279 && (t = t.substring(1)), n.styleSheet ? n.styleSheet.cssText += t : n.appendChild(document.createTextNode(t));
+  }
+  function g() {
+    var h = document.createElement("style");
+    if (h.setAttribute("type", "text/css"), e.attributes) for (var s = Object.keys(e.attributes), u = 0; u < s.length; u++) h.setAttribute(s[u], e.attributes[s[u]]);
+    var p = r === "prepend" ? "afterbegin" : "beforeend";
+    return a.insertAdjacentElement(p, h), h;
+  }
+})(':root{--jer-select-border:#b6b6b6;--jer-select-focus:#777;--jer-select-arrow:#777;--jer-form-border:1px solid #ededf0;--jer-form-border-focus:1px solid #e2e2e2;--jer-highlight-color:#b3d8ff}.jer-visible{opacity:1}.jer-hidden{opacity:0}.jer-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;color:#000;cursor:inherit;font-family:inherit;font-size:.8em;line-height:inherit;margin:0;outline:none;padding:0 1em 0 0;z-index:1}select::-ms-expand{display:none}.jer-select{align-items:center;background-color:#fff;background-image:linear-gradient(0deg,#f9f9f9,#fff 33%);border:1px solid var(--jer-select-border);border-radius:.25em;cursor:pointer;display:grid;grid-template-areas:"select";line-height:1.1;max-width:15ch;min-width:12ch;padding:.25em .5em;position:relative}.jer-select select,.jer-select:after{grid-area:select}.jer-select:not(.jer-select--multiple):after{background-color:var(--jer-select-arrow);clip-path:polygon(100% 0,0 0,50% 100%);content:"";height:.5em;justify-self:end;width:.8em}select:focus+.focus{border:1px solid var(--jer-select-focus);border-radius:inherit;bottom:-1px;left:-1px;position:absolute;right:-1px;top:-1px}.jer-select-inner{text-overflow:ellipsis;width:100%}.jer-editor-container{border-radius:.5em;font-size:16px;line-height:1;padding:1em 1em 1em 2em;position:relative;text-align:left}.jer-editor-container textarea{border:var(--jer-form-border);border-radius:.3em;color:var(--jer-input-color);outline:none}.jer-editor-container textarea:focus{border:var(--jer-form-border-focus)}.jer-editor-container input{border:var(--jer-form-border);border-radius:.3em;font-family:inherit;outline:none}.jer-editor-container input:focus{border:var(--jer-form-border-focus)}.jer-editor-container ::selection{background-color:var(--jer-highlight-color)}.jer-collection-header-row,.jer-value-main-row{align-items:center;display:flex;gap:.3em;min-height:1.7em}.jer-collection-header-row{display:flex;flex-wrap:wrap}.jer-collapse-icon{left:-1.2em;position:absolute;top:.35em}.jer-collection-inner{position:relative}.jer-collection-text-edit{align-items:flex-start;display:flex;flex-direction:column;gap:.3em;line-height:1.1em}.jer-collection-text-area{font-family:inherit;font-size:.85em;max-height:40em;overflow:hidden;padding:.2em .5em 0;resize:both}.jer-collection-input-button-row{display:flex;font-size:150%;justify-content:flex-end;margin-top:.4em;width:100%}.jer-collection-error-row{bottom:.5em;position:absolute}.jer-error-slug{margin-left:1em}.jer-value-component{position:relative}.jer-value-main-row{display:flex;gap:0}.jer-value-and-buttons{align-items:center;display:flex;justify-content:flex-start;padding-left:.5em}.jer-value-error-row{position:absolute}.jer-value-string{line-height:1.3em;overflow-wrap:anywhere;white-space:pre-wrap;word-break:break-word}.jer-string-expansion{cursor:pointer;filter:saturate(50%);opacity:.6}.jer-show-less{font-size:80%}.jer-hyperlink{text-decoration:underline}.jer-input-text{font-family:inherit;font-size:.9em;height:1.4em;line-height:1.2em;margin:0;min-width:6em;overflow:hidden;padding:.25em .5em .2em;resize:none}.jer-input-boolean{margin-left:.3em;margin-right:.3em;transform:scale(1.5)}.jer-key-text{line-height:1.1em;white-space:pre-wrap;word-break:break-word}.jer-key-edit{font-size:inherit;font-size:.9em;padding:0 .3em}.jer-value-invalid{font-style:italic;opacity:.5}.jer-input-number{font-size:90%;min-width:3em}.jer-confirm-buttons,.jer-edit-buttons{align-items:center;cursor:pointer;display:flex;height:1em}.jer-input-buttons{gap:.4em}.jer-edit-buttons{gap:.4em;margin-left:.5em;opacity:0}.jer-confirm-buttons{gap:.2em;margin-left:.4em}.jer-edit-buttons:hover{opacity:1;position:relative}.jer-collection-header-row:hover>.jer-edit-buttons,.jer-value-and-buttons:hover>.jer-edit-buttons,.jer-value-main-row:hover>.jer-edit-buttons{opacity:1}.jer-copy-pulse{position:relative;transition:.3s}.jer-copy-pulse:hover{opacity:.85;transform:scale(1.2);transition:.3s}.jer-copy-pulse:after{border-radius:50%;box-shadow:0 0 15px 5px var(--jer-icon-copy-color);content:"";display:block;height:100%;left:0;opacity:0;position:absolute;top:0;transition:all .5s;width:100%}.jer-copy-pulse:active:after{border-radius:4em;box-shadow:0 0 0 0 var(--jer-icon-copy-color);left:0;opacity:1;position:absolute;top:0;transition:0s}.jer-copy-pulse:active{top:.07em}.jer-rotate-90{transform:rotate(-90deg)}.jer-icon:hover{opacity:.85;transform:scale(1.2);transition:.3s}.jer-empty-string{font-size:90%;font-style:italic}.jer-drag-n-drop-padding{border:1px dashed #e0e0e0;border-radius:.3em;height:.5em}.jer-clickzone{height:calc(100% - .8em);left:-1em;position:absolute;top:1.2em}', {});
+const Sr = ({ data: t, setData: e, rootName: n = "root", onUpdate: r = () => {
+}, onEdit: o = r, onDelete: a = r, onAdd: i = r, onChange: g, onError: h, onEditEvent: s, showErrorMessages: u = !0, enableClipboard: p = !0, indent: y = 2, collapse: j = !1, collapseAnimationTime: b = 300, showCollectionCount: w = !0, restrictEdit: T = !1, restrictDelete: N = !1, restrictAdd: x = !1, restrictTypeSelection: P = !1, restrictDrag: G = !0, viewOnly: te, searchFilter: Y, searchText: J, searchDebounceTime: ee = 350, keySort: H = !1, showArrayIndices: A = !0, arrayIndexFromOne: I = !1, showStringQuotes: X = !0, showIconTooltips: ne = !1, defaultValue: pe = null, newKeyOptions: oe, minWidth: fe = 250, maxWidth: le = "min(600px, 90vw)", rootFontSize: Z, stringTruncate: Q = 250, translations: f = {}, className: d, id: l, customText: m = {}, customNodeDefinitions: E = [], customButtons: k = [], jsonParse: M = JSON.parse, jsonStringify: L = (z, ge) => JSON.stringify(z, ge, 2), TextEditor: he, errorMessageTimeout: U = 2500, keyboardControls: je = {}, externalTriggers: Te, insertAtTop: re = !1, onCollapse: Me, collapseClickZones: Fe = ["header", "left"] }) => {
+  const { getStyles: z } = Ve(), { setCurrentlyEditingElement: ge } = Je(), Se = De((() => lt(j)), [j]), be = De((() => Or(f, m)), [f, m]), [R, B] = de(J), [ie, ae] = (({ setData: S, data: C }) => {
+    const [_, F] = de(S ? void 0 : C), V = Ke(((v) => {
+      S ? S(v) : F(v);
+    }), [S]);
+    return Re((() => {
+      S || F(C);
+    }), [C]), [S ? C : _, V];
+  })({ setData: e, data: t }), me = Ce(null);
+  Re((() => {
+    ge(null);
+    const S = setTimeout((() => B(J)), ee);
+    return () => clearTimeout(S);
+  }), [J, ee]);
+  const se = { key: n, path: [], level: 0, index: 0, value: ie, size: typeof ie == "object" && ie !== null ? Object.keys(ie).length : 1, parentData: null, fullData: ie }, Oe = (S, C) => tt(void 0, void 0, void 0, (function* () {
+    const _ = yield S(C);
+    if (_ === !0 || _ === void 0) return void ae(C.newData);
+    const F = Tr(_) ? _ : ["error", _], [V, v] = F;
+    if (V === "error") return ae(C.currentData), v === !1 ? be("ERROR_UPDATE", se) : String(v);
+    ae(v);
+  })), Ne = De((() => lt(T, te)), [T, te]), Ae = De((() => lt(N, te)), [N, te]), ce = De((() => lt(x, te)), [x, te]), q = De((() => lt(G, te)), [G, te]), ze = De((() => xr(Y)), [Y]), we = De((() => ((S) => {
+    const C = Object.assign({}, Jt);
+    for (const _ of Object.keys(Jt)) {
+      const F = _;
+      if (S[F]) {
+        const V = S[F], v = ["clipboardModifier", "collapseModifier"].includes(_) ? Array.isArray(V) ? V : [V] : typeof V == "string" ? { key: V } : V;
+        C[F] = v, ["stringConfirm", "numberConfirm", "booleanConfirm"].forEach(((O) => {
+          !S[O] && S.confirm && (C[O] = C.confirm);
+        }));
+      }
+    }
+    return C;
+  })(je)), [je]), Ze = Ke(((S, C) => ((_, F, V) => {
+    const v = Object.entries(F);
+    for (const [O, K] of v) if (Qn(V, _[O], O)) {
+      V.preventDefault(), K();
+      break;
+    }
+  })(we, C, S)), [we]), Ie = De((() => {
+    const S = qt(E, "stringifyReplacer");
+    return (C) => L(C, S);
+  }), [E, L]), _e = De((() => {
+    const S = qt(E, "parseReviver");
+    return (C) => {
+      const _ = M(C, S);
+      return Nt(_);
+    };
+  }), [E, M]), Qe = Ce(null);
+  ((S, C) => {
+    const { setCurrentlyEditingElement: _, currentlyEditingElement: F, setCollapseState: V } = Je();
+    Re((() => {
+      if (!S) return;
+      const { collapse: v, edit: O } = S;
+      v && V(v);
+      const K = !(O != null && O.path) || Xe(O.path) === F;
+      switch (O == null ? void 0 : O.action) {
+        case "accept":
+          K && (C.current && C.current.click(), _(null));
+          break;
+        case "cancel":
+          K && _(null);
+          break;
+        default:
+          O != null && O.path && _(O.path);
+      }
+    }), [S]);
+  })(Te, Qe);
+  const qe = Ke(((S, C) => {
+    H !== !1 && (typeof H != "function" ? S.sort(((_, F) => {
+      const V = C(_)[0], v = C(F)[0];
+      return V < v ? -1 : V > v ? 1 : 0;
+    })) : S.sort(((_, F) => H(C(_), C(F)))));
+  }), [H]), ke = yn(E, se), ye = { mainContainerRef: me, name: n, nodeData: se, onEdit: (S, C) => tt(void 0, void 0, void 0, (function* () {
+    const { currentData: _, newData: F, currentValue: V, newValue: v } = st(ie, C, S, "update");
+    if (V !== v) return yield Oe(o, { currentData: _, newData: F, currentValue: V, newValue: v, name: C.slice(-1)[0], path: C });
+  })), onDelete: (S, C) => tt(void 0, void 0, void 0, (function* () {
+    const { currentData: _, newData: F, currentValue: V, newValue: v } = st(ie, C, S, "delete");
+    return yield Oe(a, { currentData: _, newData: F, currentValue: V, newValue: v, name: C.slice(-1)[0], path: C });
+  })), onAdd: (S, C, _) => tt(void 0, void 0, void 0, (function* () {
+    const { currentData: F, newData: V, currentValue: v, newValue: O } = st(ie, C, S, "add", _);
+    return yield Oe(i, { currentData: F, newData: V, currentValue: v, newValue: O, name: C.slice(-1)[0], path: C });
+  })), onChange: g, onError: h, onEditEvent: s, showErrorMessages: u, onMove: (S, C, _) => tt(void 0, void 0, void 0, (function* () {
+    if (S === null) return;
+    const { currentData: F, newData: V, currentValue: v } = st(ie, S, "", "delete"), O = S.slice(-1)[0], K = C.slice(0, -1), Ee = C.slice(-1)[0];
+    let ue = typeof Ee == "number" ? _ === "above" ? Ee : Ee + 1 : typeof O == "number" ? `arr_${O}` : O;
+    S.slice(0, -1).join(".") === C.slice(0, -1).join(".") && typeof O == "number" && typeof ue == "number" && O < ue && (ue -= 1);
+    const ve = typeof ue == "number" ? { insert: !0 } : _ === "above" ? { insertBefore: Ee } : { insertAfter: Ee }, { newData: We, newValue: $e } = st(V, [...K, ue], v, "add", ve);
+    return yield Oe(o, { currentData: F, newData: We, currentValue: v, newValue: $e, name: C.slice(-1)[0], path: C });
+  })), showCollectionCount: w, collapseFilter: Se, collapseAnimationTime: b, restrictEditFilter: Ne, restrictDeleteFilter: Ae, restrictAddFilter: ce, restrictTypeSelection: P, restrictDragFilter: q, canDragOnto: !1, searchFilter: ze, searchText: R, enableClipboard: p, keySort: H, sort: qe, showArrayIndices: A, arrayIndexFromOne: I, showStringQuotes: X, showIconTooltips: ne, indent: y, defaultValue: pe, newKeyOptions: oe, stringTruncate: Q, translate: be, customNodeDefinitions: E, customNodeData: ke, customButtons: k, parentData: null, jsonParse: _e, jsonStringify: Ie, TextEditor: he, errorMessageTimeout: U, handleKeyboard: Ze, keyboardControls: we, insertAtTop: { object: re === !0 || re === "object", array: re === !0 || re === "array" }, onCollapse: Me, editConfirmRef: Qe, collapseClickZones: Fe }, Be = Object.assign(Object.assign({}, z("container", se)), { minWidth: fe, maxWidth: le });
+  return Be.fontSize = Z ?? Be.fontSize, c("div", { id: l, ref: me, className: `jer-editor-container ${d ?? ""}`, style: Be, children: rt(ie) && !ke.renderCollectionAsValue ? c(vn, Object.assign({ data: ie }, ye)) : c(mn, Object.assign({ data: ie, showLabel: !0 }, ye)) });
+}, kr = (t) => {
+  var e;
+  const [n, r] = de();
+  return Re((() => {
+    const o = document.documentElement;
+    r(o);
+  }), []), n ? c(er, { theme: (e = t.theme) !== null && e !== void 0 ? e : Rt, icons: t.icons, docRoot: n, children: c(or, { onEditEvent: t.onEditEvent, onCollapse: t.onCollapse, children: c(Sr, Object.assign({}, t)) }) }) : null;
+}, st = (t, e, n, r, o = {}) => {
+  if (e.length === 0) return { currentData: t, newData: n, currentValue: t, newValue: n };
+  const a = Object.assign({ remove: r === "delete" }, o), i = r !== "add" ? nt(t, e) : void 0;
+  return { currentData: t, newData: Un(t, e, n, a), currentValue: i, newValue: r !== "delete" ? n : void 0 };
+}, lt = (t, e) => e ? () => !0 : typeof t == "boolean" ? () => t : typeof t == "number" ? ({ level: n }) => n >= t : t, xr = (t) => {
+  if (t !== void 0) return t === "value" ? ot : t === "key" ? Yt : t === "all" ? (e, n) => ot(e, n) || Yt(e, n) : t;
+}, Tr = (t) => Array.isArray(t) && t.length === 2 && ["error", "value"].includes(t[0]), qt = (t, e) => {
+  const n = e === "stringifyReplacer" ? [(r) => r === void 0 ? un : r] : [];
+  if (n.push(...t.map(((r) => r[e])).filter(((r) => !!r))), n.length !== 0) return (r, o) => {
+    let a = o;
+    for (const i of n) a = i(a);
+    return a;
+  };
+}, bn = { displayName: "Github Dark", styles: { container: { backgroundColor: "#0d1117", color: "white" }, dropZone: "rgba(165, 214, 255, 0.17)", property: "#E6EDF3", bracket: "#56d364", itemCount: "#8B949E", string: "#A5D6FF", number: "#D2A8FF", boolean: { color: "#FF7B72", fontSize: "90%", fontWeight: "bold" }, null: "green", iconCollection: "#D2A8FF", iconEdit: "#D2A8FF", iconDelete: "rgb(203, 75, 22)", iconAdd: "rgb(203, 75, 22)", iconCopy: "#A5D6FF", iconOk: "#56d364", iconCancel: "rgb(203, 75, 22)" } }, Nr = { displayName: "Github Light", styles: { container: "white", property: "#1F2328", bracket: "#00802e", itemCount: "#8B949E", string: "#0A3069", number: "#953800", boolean: { color: "#CF222E", fontSize: "90%", fontWeight: "bold" }, null: "#FF7B72", iconCollection: "#8250DF", iconEdit: "#8250DF", iconDelete: "rgb(203, 75, 22)", iconAdd: "#8250DF", iconCopy: "#57606A" } }, Ar = { displayName: "Black & White", fragments: { lightText: { color: "white" }, midGrey: "#5c5c5c" }, styles: { container: ["lightText", { backgroundColor: "black" }], dropZone: "#e0e0e029", property: "lightText", bracket: "midGrey", itemCount: "#4a4a4a", string: "#a8a8a8", number: "#666666", boolean: { color: "#848484", fontStyle: "italic" }, null: "#333333", iconCollection: "midGrey", iconEdit: "midGrey", iconDelete: "midGrey", iconAdd: "midGrey", iconCopy: "midGrey", iconOk: "midGrey", iconCancel: "midGrey" } }, _r = { fragments: { midGrey: "#a3a3a3" }, displayName: "White & Black", styles: { container: "white", property: "black", bracket: "midGrey", itemCount: "#b5b5b5", string: "#575757", number: "#999999", boolean: { color: "#7b7b7b", fontStyle: "italic" }, null: "#cccccc", iconCollection: "midGrey", iconEdit: "midGrey", iconDelete: "midGrey", iconAdd: "midGrey", iconCopy: "midGrey", iconOk: "midGrey", iconCancel: "midGrey" } }, Pr = {
+  githubDark: bn,
+  githubLight: Nr,
+  monoDark: Ar,
+  monoLight: _r
+};
+class Rr extends Nn {
+  constructor() {
+    super(...arguments), this.state = { error: null };
+  }
+  static getDerivedStateFromError(e) {
+    return { error: e };
+  }
+  componentDidCatch(e, n) {
+    console.error("[Legend State DevTools] React error:", e, n);
+  }
+  render() {
+    return this.state.error ? Tn.createElement(
+      "pre",
+      { style: { color: "#ff6b6b", padding: 16, fontSize: 12 } },
+      `DevTools Error: ${this.state.error.message}
+${this.state.error.stack}`
+    ) : this.props.children;
+  }
+}
+function Ir({
+  data: t,
+  onEdit: e,
+  readOnly: n,
+  theme: r,
+  rootName: o
+}) {
+  const a = Pr[r] ?? bn;
+  return /* @__PURE__ */ c(
+    kr,
+    {
+      data: t,
+      setData: e,
+      rootName: o,
+      theme: a,
+      collapse: 2,
+      restrictEdit: n,
+      restrictDelete: n,
+      restrictAdd: n,
+      restrictTypeSelection: n ? !0 : void 0
+    }
+  );
+}
+function Lr(t) {
+  const [e, n] = de(t.initialData);
+  return Re(() => {
+    t.registerUpdater((o) => {
+      n(o);
+    });
+  }, []), /* @__PURE__ */ c(
+    Ir,
+    {
+      data: e,
+      onEdit: (o) => {
+        n(o), t.onEdit(o);
+      },
+      readOnly: t.readOnly,
+      theme: t.theme,
+      rootName: t.rootName
+    }
+  );
+}
+function Vr(t, e) {
+  let n = null, r = null;
+  return n = An(t), n.render(
+    /* @__PURE__ */ c(Rr, { children: /* @__PURE__ */ c(
+      Lr,
+      {
+        initialData: e.initialData,
+        onEdit: e.onEdit,
+        readOnly: e.readOnly,
+        theme: e.theme,
+        rootName: e.rootName,
+        registerUpdater: (o) => {
+          r = o;
+        }
+      }
+    ) })
+  ), {
+    updateData: (o) => {
+      r == null || r(o);
+    },
+    destroy: () => {
+      n && (n.unmount(), n = null);
+    }
+  };
+}
+function zr(t, e = {}) {
+  const {
+    enabled: n = !0,
+    readOnly: r = !1,
+    theme: o = "githubDark",
+    rootName: a = "state$",
+    position: i = "right"
+  } = e;
+  if (!n)
+    return { destroy: () => {
+    } };
+  const g = Wn();
+  let h = null, s = null, u = null, p = null;
+  h = new Gn({
+    rootName: a,
+    readOnly: r,
+    position: i,
+    onClose: () => {
+      j();
+    }
+  });
+  const y = () => {
+    if (!h) return;
+    h.show(), s == null || s.setPanelVisible(!0);
+    const w = (T = 10) => {
+      const N = h == null ? void 0 : h.getEditorRoot();
+      if (!N) {
+        T > 0 ? setTimeout(() => w(T - 1), 16) : console.warn("[Legend State DevTools] Could not find #lsdt-json-editor-root after retries");
+        return;
+      }
+      if (p) return;
+      const x = (u == null ? void 0 : u.getSnapshot()) ?? {};
+      p = Vr(N, {
+        initialData: x,
+        onEdit: (P) => {
+          u == null || u.setData(P);
+        },
+        readOnly: r,
+        theme: o,
+        rootName: a
+      });
+    };
+    w();
+  }, j = () => {
+    p && (p.destroy(), p = null), h == null || h.hide(), s == null || s.setPanelVisible(!1);
+  }, b = () => {
+    h != null && h.isVisible() ? j() : y();
+  };
+  return s = new $n({
+    onTogglePanel: b,
+    rootName: a
+  }), s.mount(), g.add(() => s == null ? void 0 : s.unmount()), u = Hn(t, {
+    onSnapshot: (w) => {
+      p == null || p.updateData(w);
+    }
+  }), g.add(() => u == null ? void 0 : u.destroy()), g.add(() => {
+    p && (p.destroy(), p = null);
+  }), g.add(() => h == null ? void 0 : h.unmount()), {
+    destroy: () => {
+      g.run();
+    }
+  };
+}
+export {
+  zr as init
+};
+//# sourceMappingURL=index.mjs.map