legend-state-dev-tools 0.0.12 → 0.0.16

package/dist/index.mjs

@@ -1,35 +1,35 @@
-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) {
+import { jsx as l, jsxs as $, Fragment as vt } from "react/jsx-runtime";
+import Pn, { useState as de, useEffect as Pe, useRef as Oe, useMemo as De, useCallback as Fe, createContext as rn, useContext as on, Component as Rn } from "react";
+import { createRoot as In } from "react-dom/client";
+var ct = { exports: {} }, Mn = ct.exports, Yt;
+function Vn() {
+  return Yt || (Yt = 1, (function(t, e) {
     (function(n, r) {
       r(e);
-    })(_n, function(n) {
+    })(Mn, 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 r = Object.assign ? Object.assign.bind() : function(p) {
+          for (var h = 1; h < arguments.length; h++) {
+            var u = arguments[h];
+            for (var y in u) Object.prototype.hasOwnProperty.call(u, y) && (p[y] = u[y]);
           }
-          return f;
+          return p;
         }, r.apply(this, arguments);
       }
-      function o(f, d) {
-        f.prototype = Object.create(d.prototype), f.prototype.constructor = f, i(f, d);
+      function i(p, h) {
+        p.prototype = Object.create(h.prototype), p.prototype.constructor = p, o(p, h);
       }
-      function a(f) {
-        return a = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(d) {
-          return d.__proto__ || Object.getPrototypeOf(d);
-        }, a(f);
+      function a(p) {
+        return a = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(h) {
+          return h.__proto__ || Object.getPrototypeOf(h);
+        }, a(p);
       }
-      function i(f, d) {
-        return i = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(l, m) {
-          return l.__proto__ = m, l;
-        }, i(f, d);
+      function o(p, h) {
+        return o = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(u, y) {
+          return u.__proto__ = y, u;
+        }, o(p, h);
       }
-      function g(f, d, l) {
+      function g(p, h, u) {
         return g = (function() {
           if (typeof Reflect > "u" || !Reflect.construct || Reflect.construct.sham) return !1;
           if (typeof Proxy == "function") return !0;
@@ -39,262 +39,262 @@ function Pn() {
           } 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;
+        })() ? Reflect.construct.bind() : function(y, E, T) {
+          var K = [null];
+          K.push.apply(K, E);
+          var I = new (Function.bind.apply(y, K))();
+          return T && o(I, T.prototype), I;
         }, 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 f(p) {
+        var h = typeof Map == "function" ? /* @__PURE__ */ new Map() : void 0;
+        return f = function(u) {
+          if (u === null || Function.toString.call(u).indexOf("[native code]") === -1) return u;
+          if (typeof u != "function") throw new TypeError("Super expression must either be null or a function");
+          if (h !== void 0) {
+            if (h.has(u)) return h.get(u);
+            h.set(u, y);
           }
-          function m() {
-            return g(l, arguments, a(this).constructor);
+          function y() {
+            return g(u, 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);
+          return y.prototype = Object.create(u.prototype, { constructor: { value: y, enumerable: !1, writable: !0, configurable: !0 } }), o(y, u);
+        }, f(p);
       }
       var s = /* @__PURE__ */ (function() {
-        function f(l) {
-          this.cache = void 0, this.cache = l;
+        function p(u) {
+          this.cache = void 0, this.cache = u;
         }
-        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() {
+        var h = p.prototype;
+        return h.define = function(u, y) {
+          this.cache[u] = y;
+        }, h.get = function(u) {
+          return this.cache[u];
+        }, h.remove = function(u) {
+          delete this.cache[u];
+        }, h.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;
+        }, h.load = function(u) {
+          this.cache = r({}, this.cache, u);
+        }, p;
+      })(), c = /* @__PURE__ */ (function(p) {
+        function h(u) {
+          var y;
+          return (y = p.call(this, u) || this).name = "Eta Error", y;
         }
-        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 i(h, p), h;
+      })(/* @__PURE__ */ f(Error)), d = /* @__PURE__ */ (function(p) {
+        function h(u) {
+          var y;
+          return (y = p.call(this, u) || this).name = "EtaParser Error", y;
         }
-        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 i(h, p), h;
+      })(c), m = /* @__PURE__ */ (function(p) {
+        function h(u) {
+          var y;
+          return (y = p.call(this, u) || this).name = "EtaRuntime Error", y;
         }
-        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 i(h, p), h;
+      })(c), j = /* @__PURE__ */ (function(p) {
+        function h(u) {
+          var y;
+          return (y = p.call(this, u) || this).name = "EtaNameResolution Error", y;
         }
-        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 + `:
+        return i(h, p), h;
+      })(c);
+      function b(p, h, u) {
+        var y = h.slice(0, u).split(/\n/), E = y.length, T = y[E - 1].length + 1;
+        throw p += " at line " + E + " col " + T + `:
 
-  ` + d.split(/\n/)[E - 1] + `
-  ` + Array(k).join(" ") + "^", new p(f);
+  ` + h.split(/\n/)[E - 1] + `
+  ` + Array(T).join(" ") + "^", new d(p);
       }
-      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;
+      function D(p, h, u, y) {
+        var E = h.split(`
+`), T = Math.max(u - 3, 0), K = Math.min(E.length, u + 3), I = y, he = E.slice(T, K).map(function(je, Te) {
+          var re = Te + T + 1;
+          return (re == u ? " >> " : "    ") + re + "| " + je;
         }).join(`
-`), U = new y((L ? L + ":" + l + `
-` : "line " + l + `
+`), Y = new m((I ? I + ":" + u + `
+` : "line " + u + `
 `) + he + `
 
-` + f.message);
-        throw U.name = f.name, U;
+` + p.message);
+        throw Y.name = p.name, Y;
       }
-      var T = (function() {
+      var C = (function() {
         return Promise.resolve();
       }).constructor;
-      function N(f, d) {
-        var l = this.config, m = d && d.async ? T : Function;
+      function N(p, h) {
+        var u = this.config, y = h && h.async ? C : Function;
         try {
-          return new m(l.varName, "options", this.compileToString.call(this, f, d));
+          return new y(u.varName, "options", this.compileToString.call(this, p, h));
         } catch (E) {
-          throw E instanceof SyntaxError ? new p(`Bad template syntax
+          throw E instanceof SyntaxError ? new d(`Bad template syntax
 
 ` + E.message + `
 ` + Array(E.message.length + 1).join("=") + `
-` + this.compileToString.call(this, f, d) + `
+` + this.compileToString.call(this, p, h) + `
 `) : 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 + `
+      function x(p, h) {
+        var u = this.config, y = h && h.async, E = this.compileBody, T = this.parse.call(this, p), K = u.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") + '"' : "") + `};
+let __eta = {res: "", e: this.config.escapeFunction, f: this.config.filterFunction` + (u.debug ? ', line: 1, templateStr: "' + p.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 + "||{}){" : "") + `
+}` + (u.debug ? "try {" : "") + (u.useWith ? "with(" + u.varName + "||{}){" : "") + `
 
-` + E.call(this, k) + `
+` + E.call(this, T) + `
 if (__eta.layout) {
-  __eta.res = ` + (m ? "await includeAsync" : "include") + " (__eta.layout, {..." + l.varName + `, body: __eta.res, ...__eta.layoutData});
+  __eta.res = ` + (y ? "await includeAsync" : "include") + " (__eta.layout, {..." + u.varName + `, body: __eta.res, ...__eta.layoutData});
 }
-` + (l.useWith ? "}" : "") + (l.debug ? "} catch (e) { this.RuntimeErr(e, __eta.templateStr, __eta.line, options.filepath) }" : "") + `
+` + (u.useWith ? "}" : "") + (u.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));
+        if (u.plugins) for (var I = 0; I < u.plugins.length; I++) {
+          var he = u.plugins[I];
+          he.processFnString && (K = he.processFnString(K, u));
         }
-        return M;
+        return K;
       }
-      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 + `'
+      function _(p) {
+        for (var h = this.config, u = 0, y = p.length, E = ""; u < y; u++) {
+          var T = p[u];
+          if (typeof T == "string") E += "__eta.res+='" + T + `'
 `;
           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 + `
+            var K = T.t, I = T.val || "";
+            h.debug && (E += "__eta.line=" + T.lineNo + `
+`), K === "r" ? (h.autoFilter && (I = "__eta.f(" + I + ")"), E += "__eta.res+=" + I + `
+`) : K === "i" ? (h.autoFilter && (I = "__eta.f(" + I + ")"), h.autoEscape && (I = "__eta.e(" + I + ")"), E += "__eta.res+=" + I + `
+`) : K === "e" && (E += I + `
 `);
           }
         }
         return E;
       }
-      var G = { "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" };
-      function te(f) {
-        return G[f];
+      var W = { "&": "&amp;", "<": "&lt;", ">": "&gt;", '"': "&quot;", "'": "&#39;" };
+      function te(p) {
+        return W[p];
       }
-      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, "\\$&");
+      var G = { autoEscape: !0, autoFilter: !1, autoTrim: [!1, "nl"], cache: !1, cacheFilepaths: !0, debug: !1, escapeFunction: function(p) {
+        var h = String(p);
+        return /[&<>"']/.test(h) ? h.replace(/[&<>"']/g, te) : h;
+      }, filterFunction: function(p) {
+        return String(p);
+      }, functionHeader: "", parse: { exec: "", interpolate: "=", raw: "~" }, plugins: [], rmWhitespace: !1, tags: ["<%", "%>"], useWith: !1, varName: "it", defaultExtension: ".eta" }, X = /`(?:\\[\s\S]|\${(?:[^{}]|{(?:[^{}]|{[^}]*})*})*}|(?!\${)[^\\`])*`/g, ee = /'(?:\\[\s\w"'\\`]|[^\n\r'\\])*?'/g, U = /"(?:\\[\s\w"'\\`]|[^\n\r"\\])*?"/g;
+      function A(p) {
+        return p.replace(/[.*+\-?^${}()|[\]\\]/g, "\\$&");
       }
-      function I(f, d) {
-        return f.slice(0, d).split(`
+      function R(p, h) {
+        return p.slice(0, h).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 J(p) {
+        var h = this.config, u = [], y = !1, E = 0, T = h.parse;
+        if (h.plugins) for (var K = 0; K < h.plugins.length; K++) {
+          var I = h.plugins[K];
+          I.processTemplate && (p = I.processTemplate(p, h));
         }
         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)));
+          ae && (ae = (function(se, Ce, Ne, Ae) {
+            var ce, Q;
+            return Array.isArray(Ce.autoTrim) ? (ce = Ce.autoTrim[1], Q = Ce.autoTrim[0]) : ce = Q = Ce.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, h, y, me), ae && (ae = ae.replace(/\\|'/g, "\\$&").replace(/\r\n|\n|\r/g, "\\n"), u.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) {
+        h.rmWhitespace && (p = p.replace(/[\r\n]+/g, `
+`).replace(/^\s+|\s+$/gm, "")), X.lastIndex = 0, ee.lastIndex = 0, U.lastIndex = 0;
+        for (var Y, je = [T.exec, T.interpolate, T.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); ) {
+        }, ""), Te = new RegExp(A(h.tags[0]) + "(-|_)?\\s*(" + je + ")?\\s*", "g"), re = new RegExp("'|\"|`|\\/\\*|(\\s*(-|_)?" + A(h.tags[1]) + ")", "g"); Y = Te.exec(p); ) {
+          var Ke = p.slice(E, Y.index);
+          E = Y[0].length + Y.index;
+          var Ve = Y[2] || "";
+          he(Ke, Y[1]), re.lastIndex = E;
+          for (var z = void 0, ge = !1; z = re.exec(p); ) {
             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 };
+              var Se = p.slice(E, z.index);
+              Te.lastIndex = E = re.lastIndex, y = z[2], ge = { t: Ve === T.exec ? "e" : Ve === T.raw ? "r" : Ve === T.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));
+              var P = p.indexOf("*/", re.lastIndex);
+              P === -1 && b("unclosed comment", p, z.index), re.lastIndex = P;
+            } else be === "'" ? (ee.lastIndex = z.index, ee.exec(p) ? re.lastIndex = ee.lastIndex : b("unclosed string", p, z.index)) : be === '"' ? (U.lastIndex = z.index, U.exec(p) ? re.lastIndex = U.lastIndex : b("unclosed string", p, z.index)) : be === "`" && (X.lastIndex = z.index, X.exec(p) ? re.lastIndex = X.lastIndex : b("unclosed string", p, z.index));
           }
-          ge ? (d.debug && (ge.lineNo = I(f, U.index)), l.push(ge)) : b("unclosed tag", f, U.index);
+          ge ? (h.debug && (ge.lineNo = R(p, Y.index)), u.push(ge)) : b("unclosed tag", p, Y.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));
+        if (he(p.slice(E, p.length), !1), h.plugins) for (var B = 0; B < h.plugins.length; B++) {
+          var oe = h.plugins[B];
+          oe.processAST && (u = oe.processAST(u, h));
         }
-        return l;
+        return u;
       }
-      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);
+      function ne(p, h) {
+        var u = h && h.async ? this.templatesAsync : this.templatesSync;
+        if (this.resolvePath && this.readFile && !p.startsWith("@")) {
+          var y = h.filepath, E = u.get(y);
           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 T = this.readFile(y), K = this.compile(T, h);
+          return this.config.cache && u.define(y, K), K;
         }
-        var L = l.get(f);
-        if (L) return L;
-        throw new j("Failed to get template '" + f + "'");
+        var I = u.get(p);
+        if (I) return I;
+        throw new j("Failed to get template '" + p + "'");
       }
-      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 pe(p, h, u) {
+        var y, E = r({}, u, { async: !1 });
+        return typeof p == "string" ? (this.resolvePath && this.readFile && !p.startsWith("@") && (E.filepath = this.resolvePath(p, E)), y = ne.call(this, p, E)) : y = p, y.call(this, h, 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 ie(p, h, u) {
+        var y, E = r({}, u, { async: !0 });
+        typeof p == "string" ? (this.resolvePath && this.readFile && !p.startsWith("@") && (E.filepath = this.resolvePath(p, E)), y = ne.call(this, p, E)) : y = p;
+        var T = y.call(this, h, E);
+        return Promise.resolve(T);
       }
-      function fe(f, d) {
-        var l = this.compile(f, { async: !1 });
-        return pe.call(this, l, d);
+      function fe(p, h) {
+        var u = this.compile(p, { async: !1 });
+        return pe.call(this, u, h);
       }
-      function le(f, d) {
-        var l = this.compile(f, { async: !0 });
-        return oe.call(this, l, d);
+      function le(p, h) {
+        var u = this.compile(p, { async: !0 });
+        return ie.call(this, u, h);
       }
       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);
+        function p(u) {
+          this.config = void 0, this.RuntimeErr = D, this.compile = N, this.compileToString = x, this.compileBody = _, this.parse = J, this.render = pe, this.renderAsync = ie, this.renderString = fe, this.renderStringAsync = le, this.filepathCache = {}, this.templatesSync = new s({}), this.templatesAsync = new s({}), this.resolvePath = null, this.readFile = null, this.config = u ? r({}, G, u) : r({}, G);
         }
-        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));
+        var h = p.prototype;
+        return h.configure = function(u) {
+          this.config = r({}, this.config, u);
+        }, h.withConfig = function(u) {
+          return r({}, this, { config: r({}, this.config, u) });
+        }, h.loadTemplate = function(u, y, E) {
+          if (typeof y == "string") (E && E.async ? this.templatesAsync : this.templatesSync).define(u, this.compile(y, E));
           else {
-            var k = this.templatesSync;
-            (m.constructor.name === "AsyncFunction" || E && E.async) && (k = this.templatesAsync), k.define(l, m);
+            var T = this.templatesSync;
+            (y.constructor.name === "AsyncFunction" || E && E.async) && (T = this.templatesAsync), T.define(u, y);
           }
-        }, f;
-      })(), Q = /* @__PURE__ */ (function(f) {
-        function d() {
-          return f.apply(this, arguments) || this;
+        }, p;
+      })(), q = /* @__PURE__ */ (function(p) {
+        function h() {
+          return p.apply(this, arguments) || this;
         }
-        return o(d, f), d;
+        return i(h, p), h;
       })(Z);
-      n.Eta = Q;
+      n.Eta = q;
     });
   })(ct, ct.exports)), ct.exports;
 }
-var Rn = /* @__PURE__ */ Pn();
-const In = `<div class="lsdt-toolbar-header">
+var Fn = /* @__PURE__ */ Vn();
+const Kn = `<div class="lsdt-toolbar-header">
   <div class="lsdt-toolbar-title">
     <span class="lsdt-toolbar-indicator"></span>
     Legend State
@@ -307,47 +307,56 @@ const In = `<div class="lsdt-toolbar-header">
     <%= it.panelVisible ? 'Hide' : 'Show' %> <%= it.rootName %>
   </button>
 </div>
-`, Ln = `<div class="lsdt-panel-header">
+`, zn = `<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-dump-btn" data-action="dump-state" title="Download state as JSON">
+      <svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/><polyline points="7 10 12 15 17 10"/><line x1="12" y1="15" x2="12" y2="3"/></svg>
+    </button>
     <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({
+`, Bn = new Fn.Eta({
   autoEscape: !0,
   autoTrim: !1
-}), Fn = {
-  toolbar: In,
-  panel: Ln
+}), $n = {
+  toolbar: Kn,
+  panel: zn
 };
-function nn(t, e) {
-  const n = Fn[t];
+function an(t, e) {
+  const n = $n[t];
   if (!n)
     return console.error(`[LSDT] Template not found: ${t}`), "";
   try {
-    return Vn.renderString(n, e);
+    return Bn.renderString(n, e);
   } catch (r) {
     return console.error(`[LSDT] Error rendering template ${t}:`, r), "";
   }
 }
-function Kn(t) {
-  return nn("toolbar", t);
+function Wn(t) {
+  return an("toolbar", t);
 }
-function Mn(t) {
-  return nn("panel", t);
+function Hn(t) {
+  return an("panel", t);
 }
-const zn = "lsdt";
-function Bn(t, e) {
-  const n = localStorage.getItem(`${zn}-${t}`);
+const _t = "lsdt";
+function Un(t, e) {
+  const n = localStorage.getItem(`${_t}-${t}`);
   return n === null ? e : n === "true";
 }
-function Wn() {
+function Gt(t, e) {
+  return localStorage.getItem(`${_t}-${t}`) || e;
+}
+function Xt(t, e) {
+  localStorage.setItem(`${_t}-${t}`, e);
+}
+function Yn() {
   const t = [];
   return {
     add: (e) => t.push(e),
@@ -362,24 +371,27 @@ function Wn() {
     }
   };
 }
-class $n {
+class Gn {
   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.container = null, this.isDragging = !1, this.offsetX = 0, this.offsetY = 0, this.isMinimized = Un("toolbar-minimized", !1), this.panelVisible = !1, this.handleClick = (n) => {
+      var o;
+      const i = n.target.closest("[data-action]");
+      if (!i) return;
+      i.getAttribute("data-action") === "toggle-panel" && ((o = this.onTogglePanel) == null || o.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;
+      if (n.target.tagName !== "BUTTON") {
+        if (this.isDragging = !0, this.container) {
+          this.container.classList.add("dragging");
+          const i = this.container.getBoundingClientRect();
+          this.offsetX = n.clientX - i.left, this.offsetY = n.clientY - i.top;
+        }
+        document.addEventListener("mousemove", this.handleMouseMove), document.addEventListener("mouseup", this.handleMouseUp);
       }
     }, 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.isDragging = !1, (n = this.container) == null || n.classList.remove("dragging"), document.removeEventListener("mousemove", this.handleMouseMove), document.removeEventListener("mouseup", this.handleMouseUp);
     }, this.onTogglePanel = e.onTogglePanel, this.rootName = e.rootName || "state$";
   }
   mount() {
@@ -392,10 +404,10 @@ class $n {
       panelVisible: this.panelVisible,
       rootName: this.rootName
     };
-    this.container.innerHTML = Kn(e);
+    this.container.innerHTML = Wn(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));
+    this.container && (this.container.addEventListener("click", this.handleClick), this.container.addEventListener("mousedown", this.handleMouseDown));
   }
   setPanelVisible(e) {
     this.panelVisible = e, this.render();
@@ -404,28 +416,55 @@ class $n {
     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 {
+class Xn {
   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";
+    this.container = null, this.visible = !1, this.resizeHandle = null, this.isDragging = !1, this.dragOffsetX = 0, this.dragOffsetY = 0, this.dragStartLeft = 0, this.dragStartTop = 0, this.handleClick = (n) => {
+      var o, g;
+      const i = n.target.closest("[data-action]");
+      if (!i) return;
+      const a = i.getAttribute("data-action");
+      a === "close-panel" ? (o = this.onClose) == null || o.call(this) : a === "dump-state" && ((g = this.onDumpState) == null || g.call(this));
+    }, this.handleDragStart = (n) => {
+      const r = n.target;
+      if (r.closest("button") || r.closest("[data-action]") || (n.preventDefault(), !this.container)) return;
+      this.isDragging = !0;
+      const i = this.container.getBoundingClientRect();
+      this.dragOffsetX = n.clientX - i.left, this.dragOffsetY = n.clientY - i.top, this.dragStartLeft = i.left, this.dragStartTop = i.top, this.container.classList.add("lsdt-dragging"), document.addEventListener("mousemove", this.handleDragMove), document.addEventListener("mouseup", this.handleDragEnd);
+    }, this.handleDragMove = (n) => {
+      if (!this.isDragging || !this.container) return;
+      const r = n.clientX - this.dragOffsetX - this.dragStartLeft, i = n.clientY - this.dragOffsetY - this.dragStartTop;
+      this.container.style.transform = `translate(${r}px, ${i}px)`;
+    }, this.handleDragEnd = () => {
+      if (!this.isDragging || !this.container) return;
+      this.isDragging = !1;
+      const n = this.container.getBoundingClientRect();
+      this.container.style.left = `${n.left}px`, this.container.style.top = `${n.top}px`, this.container.style.right = "auto", this.container.style.bottom = "auto", this.container.style.transform = "", this.container.classList.remove("lsdt-dragging"), document.removeEventListener("mousemove", this.handleDragMove), document.removeEventListener("mouseup", this.handleDragEnd), Xt("panel-position", JSON.stringify({
+        top: this.container.style.top,
+        left: this.container.style.left
+      }));
+    }, this.rootName = e.rootName || "state$", this.readOnly = e.readOnly || !1, this.onClose = e.onClose, this.onDumpState = e.onDumpState, 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();
+    if (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");
+      const e = Gt("panel-width", "");
+      e && (this.container.style.width = e), this.restoreSavedPosition(), this.resizeHandle = document.createElement("div"), this.resizeHandle.className = "lsdt-resize-handle", this.attachResizeListeners(this.resizeHandle), document.body.appendChild(this.container), this.attachEventListeners();
+    }
+    this.render();
   }
   hide() {
     var e;
-    this.visible = !1, (e = this.container) == null || e.remove(), this.container = null;
+    this.visible = !1, this.cleanupListeners(), (e = this.container) == null || e.remove(), this.container = null, this.resizeHandle = null;
   }
   isVisible() {
     return this.visible;
   }
+  getIsDragging() {
+    return this.isDragging;
+  }
   getEditorRoot() {
     var e;
     return ((e = this.container) == null ? void 0 : e.querySelector("#lsdt-json-editor-root")) || null;
@@ -436,16 +475,50 @@ class Gn {
       rootName: this.rootName,
       readOnly: this.readOnly
     };
-    this.container.innerHTML = Mn(e);
+    this.container.innerHTML = Hn(e), this.resizeHandle && this.container.appendChild(this.resizeHandle), this.attachDragListeners();
   }
   attachEventListeners() {
     this.container && this.container.addEventListener("click", this.handleClick);
   }
+  attachResizeListeners(e) {
+    e.addEventListener("mousedown", (n) => {
+      n.preventDefault();
+      const r = this.container;
+      if (!r) return;
+      const i = n.clientX, a = r.getBoundingClientRect().width, o = this.position === "left";
+      r.classList.add("lsdt-resizing");
+      const g = (s) => {
+        const c = s.clientX - i, d = o ? a + c : a - c, m = Math.max(280, Math.min(d, window.innerWidth * 0.9));
+        r.style.width = `${m}px`;
+      }, f = () => {
+        r.classList.remove("lsdt-resizing"), document.removeEventListener("mousemove", g), document.removeEventListener("mouseup", f), Xt("panel-width", r.style.width);
+      };
+      document.addEventListener("mousemove", g), document.addEventListener("mouseup", f);
+    });
+  }
+  restoreSavedPosition() {
+    if (!this.container) return;
+    const e = Gt("panel-position", "");
+    if (e)
+      try {
+        const n = JSON.parse(e);
+        this.container.style.top = n.top, this.container.style.left = n.left, this.container.style.right = "auto", this.container.style.bottom = "auto";
+      } catch {
+      }
+  }
+  attachDragListeners() {
+    if (!this.container) return;
+    const e = this.container.querySelector(".lsdt-panel-header");
+    e && e.addEventListener("mousedown", this.handleDragStart);
+  }
+  cleanupListeners() {
+    document.removeEventListener("mousemove", this.handleDragMove), document.removeEventListener("mouseup", this.handleDragEnd);
+  }
   unmount() {
-    this.container && (this.container.removeEventListener("click", this.handleClick), this.container.remove(), this.container = null), this.visible = !1;
+    this.container && (this.cleanupListeners(), this.container.removeEventListener("click", this.handleClick), this.container.remove(), this.container = null, this.resizeHandle = null), this.visible = !1;
   }
 }
-function Hn(t, e) {
+function Jn(t, e) {
   const n = () => {
     try {
       return JSON.parse(JSON.stringify(t.peek()));
@@ -457,8 +530,8 @@ function Hn(t, e) {
   try {
     r = t.onChange(
       () => {
-        const o = n();
-        e.onSnapshot(o);
+        const i = n();
+        e.onSnapshot(i);
       },
       { trackingType: !1 }
     );
@@ -467,9 +540,9 @@ function Hn(t, e) {
   }
   return {
     getSnapshot: n,
-    setData: (o) => {
+    setData: (i) => {
       try {
-        t.set(o);
+        t.set(i);
       } catch (a) {
         console.error("[Legend State DevTools] Failed to set data:", a);
       }
@@ -479,124 +552,124 @@ function Hn(t, e) {
     }
   };
 }
-const He = (t, e, n, r, o) => {
-  if (!r) throw new Error(o ?? `Invalid property path: ${e}
+const Ue = (t, e, n, r, i) => {
+  if (!r) throw new Error(i ?? `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}`), "");
+}, Jt = (t) => typeof t == "object" && t !== null && !Array.isArray(t), mt = (t) => Array.isArray(t), sn = (t, e) => t.filter(((n, r) => r !== e)), Zn = (t, e, n, r = {}) => {
+  const { remove: i = !1, createNew: a = !0, noError: o = !1 } = r, g = t, f = typeof (s = e) == "string" ? s : typeof s == "number" ? String(s) : s.reduce(((m, j) => typeof j == "number" ? `${m}[${j}]` : m === "" ? j : `${m}.${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 c = Object.assign(Object.assign({}, r), { remove: i, createNew: a, noError: o, fullData: g, fullPath: f }), d = Array.isArray(e) ? e : ((m) => Array.isArray(m) ? m : m.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);
+  })).flat())(e).filter(((m) => m !== ""));
+  return mt(t) && i && d.length === 1 ? sn(t, d[0]) : ut(t, d, n, c);
 }, ut = (t, e, n, r) => {
-  const o = Ut(t) ? Object.assign({}, t) : null, a = mt(t) ? [...t] : null;
+  const i = Jt(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 (!i && !a) throw new Error("Can't assign property -- invalid input object");
+  const { createNew: o, remove: g, noError: f, fullData: s, fullPath: c } = r, d = e[0];
+  if (a && typeof d == "string") return a.map(((D) => ut(D, e, n, r)));
   if (e.length === 1) {
-    if (o && typeof p == "string") {
-      const w = Yn(o, p, n, r);
-      return w ?? o;
+    if (i && typeof d == "string") {
+      const D = qn(i, d, n, r);
+      return D ?? i;
     }
-    return a && typeof p == "number" ? (Jn(a, p, n, r), a) : (He(s, u, p, h), t);
+    return a && typeof d == "number" ? (Qn(a, d, n, r), a) : (Ue(s, c, d, f), t);
   }
-  const y = o || a || [];
+  const m = i || 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 D = m[d], C = e[1];
+    return mt(D) ? m[d] = sn(D, C) : Ue(s, c, d, f, "Trying to remove an indexed item from an object that is not an array"), m;
   }
   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] = {};
+  if (d in t) {
+    if (b = m[d], !mt(b) && !Jt(b)) {
+      if (!o) return Ue(s, c, d, f), m;
+      m[d] = {};
     }
-    return y[p] = ut(y[p], j, n, r), y;
+    return m[d] = ut(m[d], j, n, r), m;
   }
   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;
+  if (o) {
+    const D = typeof j[0] == "number" ? [] : {};
+    if (i) return m[d] = D, m[d] = ut(m[d], j, n, r), m;
+    if (a && Array.isArray(m)) {
+      m.push(D);
+      const C = m.length - 1;
+      return m[C] = ut(m[C], j, n, r), m;
     }
   }
-  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);
+  return Ue(s, c, d, f), m;
+}, qn = (t, e, n, r) => {
+  const { remove: i, createNew: a, noError: o, insertAfter: g, insertBefore: f, fullData: s, fullPath: c } = r;
+  if (f !== void 0 || g !== void 0) {
+    const m = 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);
+    return j = typeof f == "number" ? f : typeof g == "number" ? g : m.findIndex((([b, D]) => b === (f ?? g))), g && j++, m.splice(j, 0, [e, n]), Object.fromEntries(m);
   }
-  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);
+  const d = e in t;
+  i ? d ? delete t[e] : Ue(s, c, e, o) : a || d ? t[e] = n : Ue(s, c, e, o);
+}, Qn = (t, e, n, r) => {
+  const { noError: i, fullData: a, fullPath: o, createNew: g, insert: f } = r;
+  f && t.splice(e, 0, n), e in t ? t[e] = n : g ? t.push(n) : Ue(a, o, e, i);
 }, nt = (t, e, n) => {
-  const r = Array.isArray(e) ? e : Xn(e);
+  const r = Array.isArray(e) ? e : er(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];
+  const i = r[0];
+  if (Array.isArray(t) && typeof i != "number") return t.map(((o) => nt(o, r)));
+  if (typeof t != "object" || t === null || !(i in t)) return tr(t, i);
+  const a = t[i];
   return r.length === 1 ? a : nt(a, r.slice(1));
-}, Xn = (t) => t.split(/(\.|\[\d+\])/).filter(((e) => e !== "." && e !== "")).map(((e) => {
+}, er = (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) => {
+})).flat(), tr = (t, e, n) => {
   throw new Error(`Unable to extract object property
 Looking for property: ${e}
 In object: ${JSON.stringify(t)}`);
 };
-function on(t, e) {
+function ln(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]]);
+    var i = 0;
+    for (r = Object.getOwnPropertySymbols(t); i < r.length; i++) e.indexOf(r[i]) < 0 && Object.prototype.propertyIsEnumerable.call(t, r[i]) && (n[r[i]] = t[r[i]]);
   }
   return n;
 }
 function tt(t, e, n, r) {
-  return new (n || (n = Promise))((function(o, a) {
-    function i(s) {
+  return new (n || (n = Promise))((function(i, a) {
+    function o(s) {
       try {
-        h(r.next(s));
-      } catch (u) {
-        a(u);
+        f(r.next(s));
+      } catch (c) {
+        a(c);
       }
     }
     function g(s) {
       try {
-        h(r.throw(s));
-      } catch (u) {
-        a(u);
+        f(r.throw(s));
+      } catch (c) {
+        a(c);
       }
     }
-    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);
+    function f(s) {
+      var c;
+      s.done ? i(s.value) : (c = s.value, c instanceof n ? c : new n((function(d) {
+        d(c);
+      }))).then(o, g);
     }
-    h((r = r.apply(t, [])).next());
+    f((r = r.apply(t, [])).next());
   }));
 }
-const an = ({ className: t, name: e, value: n, setValue: r, handleKeyPress: o, styles: a, textAreaRef: i }) => {
+const cn = ({ className: t, name: e, value: n, setValue: r, handleKeyPress: i, styles: a, textAreaRef: o }) => {
   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 = "") => {
+  return $("div", { style: { display: "grid" }, children: [l("textarea", { id: `${e}_textarea`, ref: o, 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: (f) => r(f.target.value), autoFocus: !0, onFocus: (f) => {
+    n.length < 40 && f.target.select();
+  }, onKeyDown: i }), l("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", un = (t, e, n, r = "") => {
   if (!n && !r) return !0;
   switch (t) {
     case "collection":
@@ -607,16 +680,16 @@ const an = ({ className: t, name: e, value: n, setValue: r, handleKeyPress: o, s
       if (!n && r && !Tt(r, e)) return !1;
       break;
     case "value":
-      if (n && !n(e, r) || !n && r && !ot(e, r)) return !1;
+      if (n && !n(e, r) || !n && r && !it(e, r)) return !1;
   }
   return !0;
-}, Tt = (t = "", e, n = ot) => {
+}, Tt = (t = "", e, n = it) => {
   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 Object.entries(r).some((([i, a]) => {
+    const o = [...e.path, i], g = Object.assign(Object.assign({}, e), { key: i, path: o, level: e.level + 1, value: a, size: o.length, parentData: r });
     return rt(a) ? Tt(t, g, n) : n(g, t);
   }));
-}, ot = (t, e = "") => {
+}, it = (t, e = "") => {
   const { value: n } = t;
   if (n === null && "null".includes(e.toLowerCase())) return !0;
   switch (typeof n) {
@@ -629,145 +702,145 @@ const an = ({ className: t, name: e, value: n, setValue: r, handleKeyPress: o, s
     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];
+}, Zt = ({ key: t, path: e }, n = "") => !!it({ value: t }, n) || !!e.some(((r) => it({ value: r }, n))), Je = (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, nr = (t, e, n) => {
+  const r = t.key, i = Pt(t);
+  if (Array.isArray(e)) return !!i && e.includes(i);
+  const { key: a, modifier: o } = e;
+  return (n !== "stringLineBreak" || r !== "Enter" || i !== "Shift" || a !== "Enter" || !(o != null && o.includes("Shift"))) && r === a && (o === i || Array.isArray(o) && o.includes(i));
+}, He = { key: "Enter" }, qt = { confirm: He, cancel: { key: "Escape" }, objectConfirm: Object.assign(Object.assign({}, He), { modifier: ["Meta", "Shift", "Control"] }), objectLineBreak: He, stringConfirm: He, stringLineBreak: Object.assign(Object.assign({}, He), { modifier: ["Shift"] }), numberConfirm: He, numberUp: { key: "ArrowUp" }, numberDown: { key: "ArrowDown" }, tabForward: { key: "Tab" }, tabBack: { key: "Tab", modifier: "Shift" }, booleanConfirm: He, booleanToggle: { key: " " }, clipboardModifier: ["Meta", "Control"], collapseModifier: ["Alt"] }, Ye = (t, e, n = "next", r) => {
+  const i = 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;
+  const o = nt(t, i), g = rr(o);
+  Array.isArray(o) || r(g, (({ key: c, value: d }) => [c, d]));
+  const f = g.findIndex(((c) => c.key === a)), s = g[f + (n === "next" ? 1 : -1)];
+  return s ? rt(s.value) ? Object.keys(s.value).length === 0 ? Ye(t, [...i, s.key], n, r) : dn(t, [...i, s.key], n, r) : [...i, s.key] : i.length === 0 ? null : Ye(t, i, n, r);
+}, dn = (t, e, n = "next", r) => {
+  const i = nt(t, e);
+  if (!rt(i)) return e;
+  const a = Array.isArray(i) ? i.map(((g, f) => f)) : Object.keys(i);
+  r(a, ((g) => [g, i]));
+  const o = n === "next" ? a[0] : a[a.length - 1];
+  return dn(t, [...e, o], n, r);
+}, rr = (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 }))), hn = (t, e) => {
+  var n, r, i, a;
+  const o = t.current, g = (n = o == null ? void 0 : o.selectionStart) !== null && n !== void 0 ? n : 1 / 0, f = (r = o == null ? void 0 : o.selectionEnd) !== null && r !== void 0 ? r : 1 / 0, s = ((i = o == null ? void 0 : o.textContent) === null || i === void 0 ? void 0 : i.slice(0, g)) + e + ((a = o == null ? void 0 : o.textContent) === null || a === void 0 ? void 0 : a.slice(f));
+  return o.value = s, o == null || o.setSelectionRange(g + 1, g + 1), s;
 }, Nt = (t) => {
-  if (t !== un) {
+  if (t !== pn) {
     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]));
+}, pn = "__​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)" } }, fn = rn({ getStyles: () => ({}), icons: {} }), ir = ({ theme: t = Rt, icons: e = {}, docRoot: n, children: r }) => {
+  const i = or(t, n);
+  return l(fn.Provider, { value: { getStyles: (a, o) => typeof i[a] == "function" ? i[a](o) : i[a], icons: e }, children: r });
+}, Me = () => on(fn), or = (t, e) => {
+  var n, r, i, a;
+  const o = {}, g = (Array.isArray(t) ? t : [t]).map(((c) => ar(c) ? xt({ fragments: {}, styles: c }, o) : xt(c, o))), f = xt(Rt, {});
+  Object.keys(f).forEach(((c) => {
+    const d = c;
+    g.forEach(((m) => {
+      m[d] && (f[d] = Object.assign(Object.assign({}, f[d]), m[d]));
     }));
   }));
-  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);
+  const s = Object.assign({}, f);
+  return Object.entries(o).forEach((([c, d]) => {
+    const m = c;
+    s[m] = (j) => {
+      const b = d(j) || {};
+      return Object.assign(Object.assign({}, f[m]), 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;
+  })), 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" && (!((i = s == null ? void 0 : s.iconCopy) === null || i === void 0) && i.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);
+  const { fragments: n, styles: r } = t, i = {};
+  return Object.entries(r).forEach((([a, o]) => {
+    const g = (Array.isArray(o) ? o : [o]).reduce(((f, s) => {
+      var c, d;
+      if (typeof s == "function") return e[a] = s, Object.assign({}, f);
       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);
+        const m = (c = n == null ? void 0 : n[s]) !== null && c !== void 0 ? c : s;
+        return typeof m == "string" ? Object.assign(Object.assign({}, f), { [(d = sr[a]) !== null && d !== void 0 ? d : "color"]: m }) : Object.assign(Object.assign({}, f), m);
       }
-      return Object.assign(Object.assign({}, h), s);
+      return Object.assign(Object.assign({}, f), 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);
+    i[a] = g;
+  })), i;
+}, ar = (t) => !("styles" in t), sr = { container: "backgroundColor", collection: "backgroundColor", collectionInner: "backgroundColor", collectionElement: "backgroundColor", dropZone: "borderColor", inputHighlight: "backgroundColor" }, gn = rn(null), lr = ({ children: t, onEditEvent: e, onCollapse: n }) => {
+  const [r, i] = de(null), [a, o] = de(null), [g, f] = de(null), [s, c] = de({ path: null, pathString: null }), d = Oe(null), m = Oe("next"), j = Oe(null);
+  return l(gn.Provider, { value: { collapseState: r, setCollapseState: (b) => {
+    i(b), n && b !== null && (Array.isArray(b) ? b.forEach(((D) => n(D))) : n(b)), b !== null && setTimeout((() => i(null)), 2e3);
   }, getMatchingCollapseState: (b) => {
     if (Array.isArray(r)) {
-      for (const w of r) if (Xt(b, w)) return w;
+      for (const D of r) if (Qt(b, D)) return D;
       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;
+    return Qt(b, r) ? r : null;
+  }, currentlyEditingElement: a, setCurrentlyEditingElement: (b, D) => {
+    const C = typeof b == "string" || b === null ? b : Je(b, D === "key" ? "key_" : void 0);
+    a !== null && C !== null && d.current !== null && d.current(), o(C), e && (Array.isArray(b) || b === null) && e(b, D === "key"), d.current = typeof D == "function" ? D : 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);
+  }, tabDirection: m.current, setTabDirection: (b) => {
+    m.current = b;
+  }, previousValue: g, setPreviousValue: f, dragSource: s, setDragSource: c }, children: t });
+}, Xe = () => {
+  const t = on(gn);
   if (!t) throw new Error("Missing Context Provider");
   return t;
-}, Xt = (t, e) => {
+}, Qt = (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);
+}, At = "**INVALID_FUNCTION**", cr = ({ nodeData: t, showStringQuotes: e = !0, stringTruncate: n = 200, pathString: r, canEdit: i, setIsEditing: a, styles: o, translate: g, value: f, TextWrapper: s = ({ children: c }) => c }) => {
+  const c = f ?? t.value, [d, m] = de(!1), j = e ? '"' : "", b = c.length > n, D = () => {
+    i ? a(!0) : m(!d);
   };
-  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, `
+  return $("div", { id: `${r}_display`, onDoubleClick: D, onClick: (C) => {
+    (C.getModifierState("Control") || C.getModifierState("Meta")) && D();
+  }, className: "jer-value-string", style: o, children: [j, b ? $(vt, d ? { children: [l(s, { children: $("span", { children: [c, j] }) }), $("span", { className: "jer-string-expansion jer-show-less", onClick: () => m(!1), children: [" ", g("SHOW_LESS", t)] })] } : { children: [$(s, { children: [l("span", { children: c.slice(0, n - 2).trimEnd() }), " "] }), l("span", { className: "jer-string-expansion jer-ellipsis", onClick: () => m(!0), children: "..." }), j] }) : l(s, { children: `${c}${j}` })] });
+}, ur = ({ styles: t, pathString: e, value: n, setValue: r, handleEdit: i, handleKeyboard: a, keyboardCommon: o }) => {
+  const g = Oe(null);
+  return l(cn, { className: "jer-input-text", textAreaRef: g, name: e, value: n, setValue: r, handleKeyPress: (f) => {
+    a(f, Object.assign({ stringConfirm: i, stringLineBreak: () => {
+      const s = hn(g, `
 `);
       r(s);
-    } }, i));
+    } }, o));
   }, 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((() => {
+}, dr = (t) => {
+  var { isEditing: e, path: n, enumType: r } = t, i = ln(t, ["isEditing", "path", "enumType"]);
+  const { getStyles: a } = Me(), o = Je(n), { value: g, setValue: f, nodeData: s, handleEdit: c, handleKeyboard: d, keyboardCommon: m } = i;
+  return e && r ? $("div", { className: "jer-select jer-select-enums", children: [l("select", { name: `${o}-value-select`, className: "jer-select-inner", onChange: (j) => f(j.target.value), value: g, autoFocus: !0, onKeyDown: (j) => {
+    d(j, Object.assign({ stringConfirm: c }, m));
+  }, children: r.values.map(((j) => l("option", { value: j, children: j }, j))) }), l("span", { className: "focus" })] }) : e ? l(ur, Object.assign({ styles: a("input", s), pathString: o }, i, { setValue: i.setValue })) : l(cr, Object.assign({ pathString: o, styles: a("string", s) }, i));
+}, hr = ({ value: t, setValue: e, isEditing: n, path: r, setIsEditing: i, handleEdit: a, nodeData: o, handleKeyboard: g, keyboardCommon: f }) => {
+  const { getStyles: s } = Me();
+  return n ? l("input", { className: "jer-input-number", type: "text", name: Je(r), value: t, onChange: (c) => e(c.target.value.replace(/[^0-9.-]/g, "")), autoFocus: !0, onFocus: (c) => setTimeout((() => c.target.select()), 10), onKeyDown: (c) => g(c, Object.assign({ numberConfirm: a, numberUp: () => e(Number(t) + 1), numberDown: () => e(Number(t) - 1) }, f)), style: Object.assign({ width: String(t).length / 1.5 + 2 + "em" }, s("input", o)) }) : l("span", { onDoubleClick: () => i(!0), className: "jer-value-number", style: s("number", o), children: t });
+}, pr = ({ value: t, setValue: e, isEditing: n, path: r, setIsEditing: i, handleEdit: a, nodeData: o, handleKeyboard: g, keyboardCommon: f }) => {
+  const { getStyles: s } = Me();
+  return typeof t != "boolean" ? null : n ? l("input", { className: "jer-input-boolean", type: "checkbox", name: Je(r), checked: t, onChange: () => e(!t), onKeyDown: (c) => {
+    c.key === " " && c.preventDefault(), g(c, Object.assign({ booleanConfirm: a, booleanToggle: () => e(!t) }, f));
+  }, autoFocus: !0 }) : l("span", { onDoubleClick: () => i(!0), className: "jer-value-boolean", style: s("boolean", o), children: String(t) });
+}, fr = (t, e) => {
+  const n = Oe(void 0), r = Oe(e);
+  Pe((() => {
     r.current = e;
   }), [e]);
-  const o = (a) => {
+  const i = (a) => {
     r.current(a);
   };
-  Re((() => {
+  Pe((() => {
     if (window.clearTimeout(n.current), t) return n.current = window.setTimeout((() => {
-      window.addEventListener("keydown", o);
+      window.addEventListener("keydown", i);
     }), 100), () => {
-      window.clearTimeout(n.current), window.removeEventListener("keydown", o);
+      window.clearTimeout(n.current), window.removeEventListener("keydown", i);
     };
   }), [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 }) => {
+}, gr = ({ value: t, isEditing: e, setIsEditing: n, handleEdit: r, nodeData: i, handleKeyboard: a, keyboardCommon: o }) => {
+  const { getStyles: g } = Me();
+  return fr(e, ((f) => a(f, Object.assign({ confirm: r }, o)))), l("div", { onDoubleClick: () => n(!0), className: "jer-value-null", style: g("null", i), children: String(t) });
+}, mr = ({ value: t }) => {
   let e = "Error!";
   switch (typeof t) {
     case "string":
@@ -779,219 +852,219 @@ const an = ({ className: t, name: e, value: n, setValue: r, handleKeyPress: o, s
     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" };
+  return l("span", { className: "jer-value-invalid", children: e });
+}, yr = ({ size: t, style: e, className: n }) => $("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: t, height: t, className: n, style: e, children: [l("path", { d: "M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4z" }), l("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" })] }), vr = ({ 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: [l("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" }), l("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" })] }), br = ({ size: t, style: e, className: n }) => l("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: t, height: t, className: n, style: e, children: l("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" }) }), Er = ({ 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: [l("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" }), l("path", { d: "M8 4H6a2 2 0 00-2 2v14a2 2 0 002 2h12a2 2 0 002-2v-2M16 4h2a2 2 0 012 2v4M21 14H11" }), l("path", { d: "M15 10l-4 4 4 4" })] }), jr = ({ 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: [l("path", { d: "M22 11.08V12a10 10 0 11-5.93-9.14" }), l("path", { d: "M22 4L12 14.01l-3-3" })] }), wr = ({ size: t, style: e, className: n }) => l("svg", { baseProfile: "tiny", viewBox: "0 0 24 24", fill: "currentColor", width: t, height: t, className: n, style: e, children: l("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" }) }), Dr = ({ size: t, style: e, className: n }) => l("svg", { viewBox: "0 0 512 512", fill: "currentColor", width: t, height: t, className: n, style: e, children: l("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" }) }), Ge = ({ name: t, nodeData: e }) => {
+  var n, r, i, a, o, g, f;
+  const { getStyles: s, icons: c } = Me(), d = { 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) }));
+      return (n = c == null ? void 0 : c.add) !== null && n !== void 0 ? n : l(yr, Object.assign({}, d, { 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) }));
+      return (r = c == null ? void 0 : c.edit) !== null && r !== void 0 ? r : l(vr, Object.assign({}, d, { 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" }));
+      return (i = c == null ? void 0 : c.delete) !== null && i !== void 0 ? i : l(br, Object.assign({}, d, { 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" }));
+      return (a = c == null ? void 0 : c.copy) !== null && a !== void 0 ? a : l(Er, Object.assign({}, d, { 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)) }));
+      return (o = c == null ? void 0 : c.ok) !== null && o !== void 0 ? o : l(jr, Object.assign({}, d, { 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)) }));
+      return (g = c == null ? void 0 : c.cancel) !== null && g !== void 0 ? g : l(wr, Object.assign({}, d, { 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) });
+      return (f = c == null ? void 0 : c.chevron) !== null && f !== void 0 ? f : l(Dr, { size: "1em", style: s("iconCollection", e) });
     default:
-      return c(vt, {});
+      return l(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);
+}, mn = ({ startEdit: t, handleDelete: e, handleAdd: n, enableClipboard: r, type: i, customButtons: a, nodeData: o, translate: g, keyboardControls: f, handleKeyboard: s, editConfirmRef: c, getNewKeyOptions: d, jsonStringify: m, onEditEvent: j, showIconTooltips: b }) => {
+  const { getStyles: D } = Me(), C = g("KEY_NEW", o), [N, x] = de(C), [_, W] = de(!1), { key: te, path: G, value: X } = o, ee = Array.isArray(_), U = (A) => {
+    var R;
+    if (j && j(A ? [...G, null] : null, A), !A) return void W(!1);
+    const J = Object.keys(nt(o.fullData, G)), ne = d ? (R = d(o)) === null || R === void 0 ? void 0 : R.filter(((pe) => !J.includes(pe))) : null;
+    ne && x(""), W(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;
+  return $("div", { className: "jer-edit-buttons", style: { opacity: _ ? 1 : void 0 }, onClick: (A) => A.stopPropagation(), children: [r && l("div", { onClick: (A) => {
+    var R;
     A.stopPropagation();
-    let X, ne, pe = "value", oe = "", fe = null;
+    let J, ne, pe = "value", ie = "", 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) => {
+      if (le && f.clipboardModifier.includes(le) ? (J = Or(G), ie = J, pe = "path") : (J = X, ie = typeof J == "object" ? m(X) : String(J)), !navigator.clipboard) return void (typeof r == "function" && r({ success: !1, value: J, stringValue: ie, path: G, key: te, type: pe, errorMessage: "Can't access clipboard API" }));
+      (R = navigator.clipboard) === null || R === void 0 || R.writeText(ie).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 });
+        typeof r == "function" && r({ success: ne, errorMessage: fe, value: J, stringValue: ie, path: G, 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);
+  }, className: "jer-copy-pulse", title: b ? g("TOOLTIP_COPY", o) : "", children: l(Ge, { name: "copy", nodeData: o }) }), t && l("div", { onClick: t, title: b ? g("TOOLTIP_EDIT", o) : "", children: l(Ge, { name: "edit", nodeData: o }) }), e && l("div", { onClick: e, title: b ? g("TOOLTIP_DELETE", o) : "", children: l(Ge, { name: "delete", nodeData: o }) }), n && l("div", { onClick: () => {
+    i === "object" ? U(!0) : n("");
+  }, title: b ? g("TOOLTIP_ADD", o) : "", children: l(Ge, { name: "add", nodeData: o }) }), a == null ? void 0 : a.map((({ Element: A, onClick: R }, J) => l("div", { onClick: (ne) => R && R(o, ne), children: l(A, { nodeData: o }) }, J))), _ && n && i === "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), U(!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, { cancel: () => U(!1) });
+  }, children: [l("option", { value: "", disabled: !0, children: _.length > 0 ? g("KEY_SELECT", o) : g("NO_KEY_OPTIONS", o) }), _.map(((A) => l("option", { value: A, children: A }, A)))] }), l("span", { className: "focus" })] }) : l("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));
+      n && (U(!1), n(N), x(C));
     }, cancel: () => {
-      H(!1), x(T);
+      U(!1), x(C);
     } });
-  }, style: w("input", i) }), c(It, { onOk: () => {
-    ee && !N || (H(!1), n(N));
+  }, style: D("input", o) }), l(It, { onOk: () => {
+    ee && !N || (U(!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) => {
+    U(!1);
+  }, nodeData: o, editConfirmRef: c, hideOk: ee })] })] });
+}, It = ({ onOk: t, onCancel: e, nodeData: n, editConfirmRef: r, hideOk: i = !1 }) => $("div", { className: "jer-confirm-buttons", children: [!i && l("div", { onClick: t, ref: r, children: l(Ge, { name: "ok", nodeData: n }) }), l("div", { onClick: e, children: l(Ge, { name: "cancel", nodeData: n }) })] }), Or = (t) => t.reduce(((e, n) => typeof n == "number" ? `${e}[${n}]` : e === "" ? n : `${e}.${n}`), ""), Cr = ["string", "number", "boolean", "null", "object", "array"], yn = ({ props: t, collapsed: e }) => {
+  const { data: n, nodeData: r, parentData: i, onEdit: a, onError: o, showErrorMessages: g, restrictEditFilter: f, restrictDeleteFilter: s, restrictAddFilter: c, restrictDragFilter: d, translate: m, errorMessageTimeout: j } = t, { currentlyEditingElement: b, setCurrentlyEditingElement: D } = Xe(), [C, N] = de(null), x = Object.assign(Object.assign({}, r), { collapsed: e }), { path: _, key: W, size: te } = x, G = Je(_), X = !f(x), ee = !s(x), U = !c(x), A = !d(x) && ee && b === null, R = (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);
+  }, J = Fe(((Z, q) => {
+    R(Z.message), o && o({ currentData: x.fullData, errorValue: q, currentValue: n, name: W, path: _, error: Z });
+  }), [o, g]), ne = b === G, pe = b === `key_${G}`, ie = typeof _.slice(-1)[0] == "number", fe = { isEditing: ne, isEditingKey: pe, isArray: ie, canEditKey: i !== null && X && U && ee && !ie }, le = W === "" && _.length > 0 ? m("EMPTY_STRING", x) : null;
+  return { pathString: G, nodeData: x, path: _, name: W, size: te, canEdit: X, canDelete: ee, canAdd: U, canDrag: A, error: C, showError: R, onError: J, setError: N, handleEditKey: (Z) => {
+    if (D(null), W === Z || !i) return;
+    const q = _.slice(0, -1);
+    if (Object.keys(i).includes(Z)) return void J({ code: "KEY_EXISTS", message: m("ERROR_KEY_EXISTS", x) }, Z);
+    const p = Object.fromEntries(Object.entries(i).map((([h, u]) => h === W ? [Z, u] : [h, u])));
+    a(p, q).then(((h) => {
+      h && J({ code: "UPDATE_ERROR", message: h }, 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 });
+}, vn = ({ canDrag: t, canDragOnto: e, path: n, nodeData: r, onMove: i, onError: a, translate: o }) => {
+  const { getStyles: g } = Me(), { dragSource: f, setDragSource: s } = Xe(), [c, d] = de(!1), m = Je(n), j = De((() => t ? { onDragStart: (N) => {
+    N.stopPropagation(), s({ path: n, pathString: m });
   }, onDragEnd: (N) => {
     N.stopPropagation(), s({ path: null, pathString: null });
-  } } : {}), [t, y]), b = De((() => (N) => e ? { onDragOver: (x) => {
+  } } : {}), [t, m]), b = De((() => (N) => e ? { onDragOver: (x) => {
     x.stopPropagation(), x.preventDefault();
   }, onDrop: (x) => {
-    x.stopPropagation(), T(N), s({ path: null, pathString: null }), p(!1);
+    x.stopPropagation(), C(N), s({ path: null, pathString: null }), d(!1);
   }, onDragEnter: (x) => {
-    var P;
-    x.stopPropagation(), y.startsWith((P = h.pathString) !== null && P !== void 0 ? P : "") || p(N);
+    var _;
+    x.stopPropagation(), m.startsWith((_ = f.pathString) !== null && _ !== void 0 ? _ : "") || d(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) => {
+    x.stopPropagation(), d(!1);
+  } } : {}), [f, e, m]), D = De((() => e && f.pathString !== null ? l("div", Object.assign({ className: "jer-drop-target-bottom", style: { height: "50%", position: "absolute", width: "100%", top: "50%", zIndex: n.length } }, b("below"))) : null), [f, e, n.length]), C = (N) => {
+    var x, _;
+    const W = (x = f.path) === null || x === void 0 ? void 0 : x.slice(-1)[0], te = (_ = f.path) === null || _ === void 0 ? void 0 : _.slice(0, -1).join("."), G = n.slice(0, -1).join(""), { parentData: X } = r;
+    typeof W == "string" && X && !Array.isArray(X) && Object.keys(X).includes(W) && W in X && te !== G ? a({ code: "KEY_EXISTS", message: o("ERROR_KEY_EXISTS", r) }, W) : i(f.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;
+  return { dragSourceProps: j, getDropTargetProps: b, BottomDropTarget: D, DropTargetPadding: ({ position: N, nodeData: x }) => c === N ? l("div", { className: "jer-drag-n-drop-padding", style: g("dropZone", x) }) : null, handleDrop: C };
+}, Sr = (t, e, n, r) => {
+  var i, a, o;
   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, `
+  const g = parseInt((i = getComputedStyle(n.current).getPropertyValue("line-height")) !== null && i !== void 0 ? i : "16px"), f = ((o = (a = e.current) === null || a === void 0 ? void 0 : a.offsetWidth) !== null && o !== void 0 ? o : 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;
+`).map(((c) => Math.ceil(c.length / f))).reduce(((c, d) => c + d), 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"));
+}, yt = ({ isEditingKey: t, canEditKey: e, pathString: n, path: r, name: i, arrayIndexFromOne: a, handleKeyboard: o, handleEditKey: g, handleCancel: f, handleClick: s, keyValueArray: c, styles: d, getNextOrPrevious: m, emptyStringKey: j }) => {
+  const { setCurrentlyEditingElement: b } = Xe(), D = typeof i == "number" ? String(i + (a ? 1 : 0)) : i;
+  return t ? l("input", { className: "jer-input-text jer-key-edit", type: "text", name: n, defaultValue: D, autoFocus: !0, onFocus: (C) => C.target.select(), onKeyDown: (C) => o(C, { stringConfirm: () => g(C.target.value), cancel: f, tabForward: () => {
+    if (g(C.target.value), c) {
+      const N = c == null ? void 0 : c[0][0];
+      b(N ? [...r, N] : m("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);
+    g(C.target.value), b(m("prev"));
+  } }), style: { width: D.length / 1.5 + 0.5 + "em" } }) : $("span", { className: "jer-key-text", style: Object.assign(Object.assign({}, d), { minWidth: `${Math.min(D.length + 1, 5)}ch`, flexShrink: D.length > 10 ? 1 : 0 }), onDoubleClick: () => e && b(r, "key"), onClick: s, children: [j ? l("span", { className: "jer-empty-string", children: j }) : D, D !== "" || j ? l("span", { className: "jer-key-colon", children: ":" }) : null] });
+}, bn = (t) => {
+  const { data: e, parentData: n, onEdit: r, onDelete: i, onChange: a, onMove: o, enableClipboard: g, canDragOnto: f, restrictTypeSelection: s, searchFilter: c, searchText: d, showLabel: m, stringTruncate: j, showStringQuotes: b, arrayIndexFromOne: D, indent: C, translate: N, customNodeDefinitions: x, customNodeData: _, handleKeyboard: W, keyboardControls: te, sort: G, editConfirmRef: X, jsonStringify: ee, showIconTooltips: U } = t, { getStyles: A } = Me(), { setCurrentlyEditingElement: R, setCollapseState: J, previouslyEditedElement: ne, setPreviouslyEditedElement: pe, tabDirection: ie, setTabDirection: fe, previousValue: le, setPreviousValue: Z } = Xe(), [q, p] = de(typeof e == "function" ? At : e), { pathString: h, nodeData: u, path: y, name: E, canEdit: T, canDelete: K, canDrag: I, error: he, onError: Y, handleEditKey: je, emptyStringKey: Te, derivedValues: re } = yn({ props: t }), { dragSourceProps: Ke, getDropTargetProps: Ve, BottomDropTarget: z, DropTargetPadding: ge } = vn({ canDrag: I, canDragOnto: f, path: y, nodeData: u, onMove: o, onError: Y, translate: N }), [Se, be] = de(Lt(e, _)), P = Fe(((v) => {
+    if (!a) return void p(v);
+    const S = a({ currentData: u.fullData, newValue: v, currentValue: q, name: E, path: y });
+    p(S);
   }), [a]);
-  Re((() => {
-    f(typeof e == "function" ? At : e), be(_t(e, P));
+  Pe((() => {
+    p(typeof e == "function" ? At : e), be(Lt(e, _));
   }), [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((() => {
+  const { CustomNode: B, customNodeProps: oe, hideKey: ae, showEditTools: me = !0, showOnEdit: se, showOnView: Ce, passOriginalNode: Ne } = _, Ae = [...Cr, ...x.filter((({ showInTypesSelector: v = !1, name: S }) => v && !!S)).map((({ name: v }) => v))], ce = De((() => {
     if (typeof s == "boolean") return s ? [] : Ae;
     if (Array.isArray(s)) return s;
-    const v = s(l);
+    const v = s(u);
     return typeof v == "boolean" ? v ? [] : Ae : v;
-  }), [l, s]), [q, ze] = de(((v, O) => {
-    var K;
+  }), [u, s]), [Q, ze] = de(((v, S) => {
+    var F;
     if (typeof v != "string") return null;
-    const Ee = O.filter(((ue) => ue instanceof Object && ue.enum && ue.values.includes(v) && ue.matchPriority));
+    const Ee = S.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);
+      var $e, We;
+      return (($e = ve.matchPriority) !== null && $e !== void 0 ? $e : 0) - ((We = ue.matchPriority) !== null && We !== void 0 ? We : 0);
+    })), (F = Ee[0]) !== null && F !== void 0 ? F : null;
+  })(q, ce)), { isEditing: we } = re, Ze = un("value", u, c, d);
+  if (we && (!Ze || !T)) {
+    const v = Ye(u.fullData, y, ie, G);
+    R(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) {
+  const Re = (v) => {
+    let S;
+    if (R(null), Z(null), v === void 0 || ((F) => F && typeof F == "object" && "type" in F && "target" in F && "preventDefault" in F && typeof F.preventDefault == "function")(v)) switch (Se) {
       case "object":
-        O = { [N("DEFAULT_NEW_KEY", l)]: Q };
+        S = { [N("DEFAULT_NEW_KEY", u)]: q };
         break;
       case "array":
-        O = Q ?? [];
+        S = q ?? [];
         break;
       case "number": {
-        const K = Number(Q);
-        O = isNaN(K) ? 0 : K;
+        const F = Number(q);
+        S = isNaN(F) ? 0 : F;
         break;
       }
       default:
-        O = Q;
+        S = q;
     }
-    else O = v;
-    r(O, m).then(((K) => {
-      K && U({ code: "UPDATE_ERROR", message: K }, O);
+    else S = v;
+    r(S, y).then(((F) => {
+      F && Y({ code: "UPDATE_ERROR", message: F }, S);
     }));
-  }, _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));
+  }, Le = () => {
+    R(null), le === null ? (p(e), Z(null)) : r(le, y);
+  }, { isEditingKey: qe, canEditKey: Qe } = re, ke = !we && he, ye = we && ce.length > 1, Be = (Se !== "invalid" || B) && !he && me, k = m && !ae, O = B && (we && se || !we && Ce), L = { value: q, parentData: n, setValue: P, isEditing: we, canEdit: T, setIsEditing: T ? () => R(y) : () => {
+  }, handleEdit: Re, handleCancel: Le, path: y, stringTruncate: j, showStringQuotes: b, nodeData: u, enumType: Q, translate: N, handleKeyboard: W, keyboardCommon: { cancel: Le, tabForward: () => {
+    fe("next"), pe(h);
+    const v = Ye(u.fullData, y, "next", G);
+    v && (Re(), R(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);
+    fe("prev"), pe(h);
+    const v = Ye(u.fullData, y, "prev", G);
+    v && (Re(), R(v));
+  } } }, V = { canEditKey: Qe, isEditingKey: qe, pathString: h, path: y, name: E, arrayIndexFromOne: D, handleKeyboard: W, handleEditKey: je, handleCancel: Le, styles: A("property", u), getNextOrPrevious: (v) => Ye(u.fullData, y, v, G), emptyStringKey: Te }, M = O ? l(B, Object.assign({}, t, { value: q, customNodeProps: oe, setValue: P, handleEdit: Re, handleCancel: Le, handleKeyPress: (v) => W(v, { stringConfirm: Re, cancel: Le }), isEditing: we, setIsEditing: () => R(y), getStyles: A, originalNode: Ne ? en(e, L) : void 0, originalNodeKey: Ne ? l(yt, Object.assign({}, V)) : void 0, canEdit: T, keyboardCommon: L.keyboardCommon, onError: Y })) : en(e, L);
+  return $("div", Object.assign({ className: "jer-component jer-value-component", style: { marginLeft: n !== null ? C / 2 + "em" : 0, position: "relative" }, draggable: I }, Ke, Ve("above"), { children: [z, l(ge, { position: "above", nodeData: u }), $("div", { className: "jer-value-main-row", style: { flexWrap: E.length > 10 ? "wrap" : "nowrap" }, children: [k && l(yt, Object.assign({}, V)), $("div", { className: "jer-value-and-buttons", children: [l("div", { className: "jer-input-component", children: M }), we ? l(It, { onOk: Re, onCancel: Le, nodeData: u, editConfirmRef: X }) : Be && l(mn, { startEdit: T ? () => {
+    Z(le), R(y, Le);
+  } : void 0, handleDelete: K ? () => {
+    i(q, y).then(((v) => {
+      v && Y({ 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 0, enableClipboard: g, translate: N, customButtons: t.customButtons, nodeData: u, handleKeyboard: W, keyboardControls: te, editConfirmRef: X, jsonStringify: ee, showIconTooltips: U }), ye && $("div", { className: "jer-select jer-select-types", children: [l("select", { name: `${E}-type-select`, className: "jer-select-inner", onChange: (v) => ((S) => {
+    const F = x.find(((ve) => ve.name === S));
+    if (F) return r(F.defaultValue, y), be(S), ze(null), R(null), void J({ path: y, collapsed: !1, includeChildren: !1 });
+    const Ee = ce.find(((ve) => ve instanceof Object && ve.enum === S));
+    if (Ee) return typeof q == "string" && Ee.values.includes(q) || r(Ee.values[0], y).then(((ve) => {
+      ve && (Y({ code: "UPDATE_ERROR", message: ve }, ue), R(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);
+    const ue = kr(q, S, N("DEFAULT_NEW_KEY", u), _ != null && _.CustomNode ? N("DEFAULT_STRING", u) : void 0);
+    ["string", "number", "boolean"].includes(S) || R(null), r(ue, y).then(((ve) => {
+      ve ? (Y({ code: "UPDATE_ERROR", message: ve }, ue), R(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;
+  })(v.target.value), value: Q ? Q.enum : Se, children: ce.map(((v) => v instanceof Object && "enum" in v ? l("option", { value: v.enum, children: v.enum }, v.enum) : l("option", { value: v, children: v }, v))) }), l("span", { className: "focus" })] }), ke && l("span", { className: "jer-error-slug", style: A("error", u), children: he })] })] }), l(ge, { position: "below", nodeData: u })] }));
+}, Lt = (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", en = (t, e) => {
+  const n = Lt(t), { value: r } = e;
   switch (n) {
     case "string":
-      return c(sr, Object.assign({}, e, { value: r }));
+      return l(dr, Object.assign({}, e, { value: r }));
     case "number":
-      return c(lr, Object.assign({}, e, { value: r }));
+      return l(hr, Object.assign({}, e, { value: r }));
     case "boolean":
-      return c(cr, Object.assign({}, e, { value: r }));
+      return l(pr, Object.assign({}, e, { value: r }));
     case "null":
-      return c(dr, Object.assign({}, e));
+      return l(gr, Object.assign({}, e));
     default:
-      return c(hr, Object.assign({}, e));
+      return l(mr, Object.assign({}, e));
   }
-}, Dr = (t, e, n, r) => {
+}, kr = (t, e, n, r) => {
   switch (e) {
     case "string":
       return r ?? String(t);
     case "number": {
-      const o = Number(t);
-      return isNaN(o) ? 0 : o;
+      const i = Number(t);
+      return isNaN(i) ? 0 : i;
     }
     case "boolean":
       return !!t;
@@ -1004,250 +1077,259 @@ const an = ({ className: t, name: e, value: n, setValue: r, handleKeyPress: o, s
     default:
       return String(t);
   }
-}, yn = (t = [], e) => {
+}, En = (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) => {
+  const r = n[0], { element: i, wrapperElement: a, customNodeProps: o, wrapperProps: g, hideKey: f = !1, showEditTools: s = !0, showOnEdit: c = !1, showOnView: d = !0, showCollectionWrapper: m = !0 } = r, j = ln(r, ["element", "wrapperElement", "customNodeProps", "wrapperProps", "hideKey", "showEditTools", "showOnEdit", "showOnView", "showCollectionWrapper"]);
+  return Object.assign({ CustomNode: i, CustomWrapper: a, customNodeProps: o, wrapperProps: g, hideKey: f, showEditTools: s, showOnEdit: c, showOnView: d, showCollectionWrapper: m }, j);
+}, jn = (t) => {
+  const { getStyles: e } = Me(), { collapseState: n, setCollapseState: r, getMatchingCollapseState: i, currentlyEditingElement: a, setCurrentlyEditingElement: o, areChildrenBeingEdited: g, previousValue: f, setPreviousValue: s } = Xe(), { mainContainerRef: c, data: d, nodeData: m, parentData: j, showCollectionCount: b, onEdit: D, onAdd: C, onDelete: N, canDragOnto: x, collapseFilter: _, collapseAnimationTime: W, onMove: te, enableClipboard: G, onEditEvent: X, showIconTooltips: ee, searchFilter: U, searchText: A, indent: R, sort: J, showArrayIndices: ne, arrayIndexFromOne: pe, defaultValue: ie, newKeyOptions: fe, translate: le, customNodeDefinitions: Z, customNodeData: q, jsonParse: p, jsonStringify: h, TextEditor: u, keyboardControls: y, handleKeyboard: E, insertAtTop: T, onCollapse: K, editConfirmRef: I, collapseClickZones: he } = t, [Y, je] = de(h(d)), Te = _(m), { contentRef: re, isAnimating: Ke, maxHeight: Ve, collapsed: z, animateCollapse: ge, cssTransitionValue: Se } = ((w, H, _e, xe, Ie) => {
+    const [Nn, ft] = de(_e ? 0 : void 0), [gt, An] = de(_e), Dt = Oe(!1), Ot = Oe(null), Wt = Oe(0), Ht = Oe(0), Ln = H / 1e3 + "s", _n = Fe(((Ct) => {
       var St, kt;
-      if (gt !== Ot) {
-        switch (window.clearTimeout($t.current), Dt.current = !0, Ot) {
+      if (gt !== Ct) {
+        switch (window.clearTimeout(Ht.current), Dt.current = !0, Ct) {
           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((() => {
+            const Ut = (kt = (St = Ot.current) === null || St === void 0 ? void 0 : St.offsetHeight) !== null && kt !== void 0 ? kt : 0;
+            Wt.current = Ut, ft(Ut), setTimeout((() => {
               ft(0);
             }), 5);
             break;
           }
           case !1:
-            ft(Wt.current || wr(D, Ct, xe, Le));
+            ft(Wt.current || Sr(w, Ot, xe, Ie));
         }
-        Sn(!gt), $t.current = window.setTimeout((() => {
-          Dt.current = !1, Ot || ft(void 0);
-        }), W);
+        An(!gt), Ht.current = window.setTimeout((() => {
+          Dt.current = !1, Ct || ft(void 0);
+        }), H);
       }
-    }), [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((() => {
+    }), [H, gt, w, xe, Ie]);
+    return { contentRef: Ot, isAnimating: Dt.current, animateCollapse: _n, maxHeight: Nn, collapsed: gt, cssTransitionValue: Ln };
+  })(d, W, Te, c, h), { pathString: be, nodeData: P, path: B, name: oe, size: ae, canEdit: me, canDelete: se, canAdd: Ce, canDrag: Ne, error: Ae, setError: ce, onError: Q, handleEditKey: ze, emptyStringKey: we, derivedValues: Ze } = yn({ props: t, collapsed: z }), { dragSourceProps: Re, getDropTargetProps: Le, BottomDropTarget: qe, DropTargetPadding: Qe } = vn({ canDrag: Ne, canDragOnto: x, path: B, nodeData: P, onMove: te, onError: Q, translate: le }), ke = Oe(!Te), { isEditing: ye, isEditingKey: Be, isArray: k, canEditKey: O } = Ze;
+  Pe((() => {
+    je(h(d));
+  }), [d, h]), Pe((() => {
+    const w = _(P) && !ye;
+    ke.current = !w, ge(w);
+  }), [_]), Pe((() => {
     if (n !== null) {
-      const D = o(B);
-      D && (ke.current = !0, ge(D.collapsed));
+      const w = i(B);
+      w && (ke.current = !0, ge(w.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 });
+  const L = Oe(null), V = Fe(((w, H) => {
+    if (typeof ie != "function") return ie;
+    const _e = ie(w, H);
+    return _e !== void 0 ? _e : null;
+  }), [ie]), M = Fe(((w) => fe ? typeof fe != "function" ? fe : fe(w) : null), [fe]), { CustomNode: v, customNodeProps: S, CustomWrapper: F, wrapperProps: Ee = {}, hideKey: ue, showEditTools: ve = !0, showOnEdit: $e, showOnView: We, showCollectionWrapper: bt = !0 } = q, dt = g(be);
+  if (dt && z && ge(!1), !(un("collection", P, U, A) || P.level === 0) && !dt) return null;
+  const et = Array.isArray(d) ? "array" : "object", Et = et === "array" ? { open: "[", close: "]" } : { open: "{", close: "}" }, Mt = (w) => {
+    if (w.key !== "Tab" || w.getModifierState("Shift")) E(w, { objectConfirm: pt, cancel: ot });
     else {
-      D.preventDefault();
-      const W = cn(_, "	");
-      je(W);
+      w.preventDefault();
+      const H = hn(L, "	");
+      je(H);
     }
-  }, 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));
+  }, ht = (w) => {
+    w.stopPropagation();
+    const H = Pt(w);
+    if (H && y.collapseModifier.includes(H)) return ke.current = !0, void r({ collapsed: !z, path: B, includeChildren: !0 });
+    a && a.includes(be) || (ke.current = !0, r(null), K && K({ 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);
+      const w = p(Y);
+      if (o(null), s(null), ce(null), h(w) === h(d)) return;
+      D(w, B).then(((H) => {
+        H && Q({ code: "UPDATE_ERROR", message: H }, w);
       }));
     } catch {
-      q({ code: "INVALID_JSON", message: le("ERROR_INVALID_JSON", R) }, U);
+      Q({ code: "INVALID_JSON", message: le("ERROR_INVALID_JSON", P) }, Y);
     }
-  }, En = B.length > 0 ? () => {
-    N(p, B).then(((D) => {
-      D && q({ code: "DELETE_ERROR", message: D }, p);
+  }, Cn = B.length > 0 ? () => {
+    N(d, B).then(((w) => {
+      w && Q({ code: "DELETE_ERROR", message: w }, d);
     }));
-  } : 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);
+  } : void 0, ot = () => {
+    o(null), f === null ? (ce(null), je(h(d)), s(null)) : D(f, B);
+  }, Vt = b === "when-closed" ? z : b, Sn = !ye && ve, kn = (ne || !k) && !ue && oe !== void 0, xn = v && (ye && $e || !ye && We), jt = Object.entries(d).map((([w, H]) => [et === "array" ? Number(w) : w, H]));
+  et === "object" && J(jt, ((w) => w));
+  const Ft = ke.current ? ye ? $("div", { className: "jer-collection-text-edit", children: [u ? l(u, { value: Y, onChange: je, onKeyDown: (w) => E(w, { objectConfirm: pt, cancel: ot }) }) : l(cn, { textAreaRef: L, className: "jer-collection-text-area", name: be, value: Y, setValue: je, handleKeyPress: Mt, styles: e("input", P) }), l("div", { className: "jer-collection-input-button-row", children: l(It, { onOk: pt, onCancel: ot, nodeData: P, editConfirmRef: I }) })] }) : jt.map((([w, H], _e) => {
+    const xe = { key: w, value: H, path: [...B, w], level: B.length + 1, index: _e, size: rt(H) ? Object.keys(H).length : null, parentData: d, fullData: P.fullData }, Ie = En(Z, xe);
+    return l("div", { className: "jer-collection-element", style: e("collectionElement", xe), children: rt(H) && !(Ie != null && Ie.renderCollectionAsValue) ? l(jn, Object.assign({}, t, { data: H, parentData: d, nodeData: xe, showCollectionCount: b, canDragOnto: me, customNodeData: Ie }), w) : l(bn, Object.assign({}, t, { data: H, parentData: d, nodeData: xe, canDragOnto: me, showLabel: et === "object" || ne, customNodeData: Ie }), w) }, w);
   })) : 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) => {
+  const Kt = Object.assign(Object.assign({}, t), { data: d, value: d, parentData: j, nodeData: P, setValue: (w) => tt(void 0, void 0, void 0, (function* () {
+    return yield D(w, B);
+  })), handleEdit: pt, handleCancel: ot, handleKeyPress: Mt, isEditing: ye, setIsEditing: () => o(B), getStyles: e, canDragOnto: me, canEdit: me, keyboardCommon: {}, onError: Q }), Tn = xn ? l(v, Object.assign({ customNodeProps: S }, Kt, { children: Ft })) : Ft, zt = Sn && l(mn, { startEdit: me ? () => {
+    ke.current = !0, s(null), o(B);
+  } : void 0, handleAdd: Ce ? (w) => {
     ge(!1);
-    const W = F(R, D);
+    const H = V(P, w);
     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);
+      const _e = T.array ? 0 : d.length, xe = T.array ? { insert: !0 } : {};
+      C(H, [...B, _e], xe).then(((Ie) => {
+        Ie && Q({ code: "ADD_ERROR", message: Ie }, H);
       }));
-    } else if (D in p) q({ code: "KEY_EXISTS", message: le("ERROR_KEY_EXISTS", R) }, D);
+    } else if (w in d) Q({ code: "KEY_EXISTS", message: le("ERROR_KEY_EXISTS", P) }, w);
     else {
-      const Pe = k.object ? { insertBefore: 0 } : {};
-      T(W, [...B, D], Pe).then(((xe) => {
-        xe && q({ code: "ADD_ERROR", message: xe }, W);
+      const _e = T.object ? { insertBefore: 0 } : {};
+      C(H, [...B, w], _e).then(((xe) => {
+        xe && Q({ code: "ADD_ERROR", message: xe }, H);
       }));
     }
-  } : 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;
+  } : void 0, handleDelete: se ? Cn : void 0, enableClipboard: G, type: et, nodeData: P, translate: le, customButtons: t.customButtons, keyboardControls: y, handleKeyboard: E, getNewKeyOptions: M, editConfirmRef: I, jsonStringify: h, onEditEvent: X, showIconTooltips: ee }), Bt = { canEditKey: O, isEditingKey: Be, pathString: be, path: B, name: oe, arrayIndexFromOne: pe, handleKeyboard: E, handleEditKey: ze, handleCancel: ot, keyValueArray: jt, styles: e("property", P), getNextOrPrevious: (w) => Ye(P.fullData, B, w, J), handleClick: he.includes("property") ? ht : (w) => w.stopPropagation(), emptyStringKey: we }, $t = $("div", Object.assign({ className: "jer-component jer-collection-component", style: Object.assign(Object.assign({ marginLeft: (B.length === 0 ? 0 : R / 2) + "em" }, e("collection", P)), { position: "relative" }), draggable: Ne }, Re, Le("above"), { children: [l("div", { className: "jer-clickzone", style: { width: R / 2 + 1 + "em", zIndex: 10 + 2 * P.level }, onClick: he.includes("left") ? ht : void 0 }), !ye && qe, l(Qe, { position: "above", nodeData: P }), bt ? $("div", { className: "jer-collection-header-row", style: { position: "relative" }, onClick: he.includes("header") ? ht : void 0, children: [$("div", { className: "jer-collection-name", children: [l("div", { className: "jer-collapse-icon jer-accordion-icon" + (z ? " jer-rotate-90" : ""), style: { zIndex: 11 + 2 * P.level, transition: Se }, onClick: ht, children: l(Ge, { name: "chevron", rotate: z, nodeData: P }) }), kn && l(yt, Object.assign({}, Bt)), !ye && l("span", { className: "jer-brackets jer-bracket-open", style: e("bracket", P), children: Et.open })] }), !ye && Vt && l("div", { className: "jer-collection-item-count" + (Vt ? " jer-visible" : " jer-hidden"), style: Object.assign(Object.assign({}, e("itemCount", P)), { transition: Se }), children: ae === 1 ? le("ITEM_SINGLE", Object.assign(Object.assign({}, P), { size: 1 }), 1) : le("ITEMS_MULTIPLE", P, ae) }), l("div", { className: "jer-brackets" + (wt ? " jer-visible" : " jer-hidden"), style: Object.assign(Object.assign({}, e("bracket", P)), { transition: Se }), children: Et.close }), zt] }) : ue ? l(vt, {}) : $("div", { className: "jer-collection-header-row", style: { position: "relative" }, children: [l(yt, Object.assign({}, Bt)), zt] }), $("div", { className: "jer-collection-inner", style: Object.assign(Object.assign({ overflowY: wt || Ke ? "clip" : "visible", maxHeight: dt ? void 0 : Ve }, e("collectionInner", P)), { transition: Se }), ref: re, children: [Tn, l("div", { className: ye ? "jer-collection-error-row" : "jer-collection-error-row-edit", children: Ae && l("span", { className: "jer-error-slug", style: e("error", P), children: Ae }) }), !ye && bt && l("div", { className: "jer-brackets jer-bracket-outside", style: Object.assign(Object.assign({}, e("bracket", P)), { marginLeft: (R < 3 ? -1 : R < 6 ? -0.5 : 0) + "em" }), children: Et.close })] }), l(Qe, { position: "below", nodeData: P })] }));
+  return F ? l(F, Object.assign({ customNodeProps: Ee }, Kt, { children: $t })) : $t;
+}, xr = { 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" }, Tr = (t, e) => (n, r, i) => ((a, o, g, f, s) => {
+  if (o[f]) {
+    const d = o[f](g);
+    if (d !== null) return d;
   }
-  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 = [];
+  const c = f in a ? a[f] : xr[f];
+  return s === void 0 ? c : c == null ? void 0 : c.replace("{{count}}", String(s));
+})(t, e, r, n, i);
+var tn = [], 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();
+    var n, r = e.prepend === !0 ? "prepend" : "append", i = e.singleTag === !0, a = typeof e.container == "string" ? document.querySelector(e.container) : document.getElementsByTagName("head")[0];
+    if (i) {
+      var o = tn.indexOf(a);
+      o === -1 && (o = tn.push(a) - 1, at[o] = {}), n = at[o] && at[o][r] ? at[o][r] : at[o][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;
+    var f = document.createElement("style");
+    if (f.setAttribute("type", "text/css"), e.attributes) for (var s = Object.keys(e.attributes), c = 0; c < s.length; c++) f.setAttribute(s[c], e.attributes[s[c]]);
+    var d = r === "prepend" ? "afterbegin" : "beforeend";
+    return a.insertAdjacentElement(d, f), f;
   }
 })(':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((() => {
+const Nr = ({ data: t, setData: e, rootName: n = "root", onUpdate: r = () => {
+}, onEdit: i = r, onDelete: a = r, onAdd: o = r, onChange: g, onError: f, onEditEvent: s, showErrorMessages: c = !0, enableClipboard: d = !0, indent: m = 2, collapse: j = !1, collapseAnimationTime: b = 300, showCollectionCount: D = !0, restrictEdit: C = !1, restrictDelete: N = !1, restrictAdd: x = !1, restrictTypeSelection: _ = !1, restrictDrag: W = !0, viewOnly: te, searchFilter: G, searchText: X, searchDebounceTime: ee = 350, keySort: U = !1, showArrayIndices: A = !0, arrayIndexFromOne: R = !1, showStringQuotes: J = !0, showIconTooltips: ne = !1, defaultValue: pe = null, newKeyOptions: ie, minWidth: fe = 250, maxWidth: le = "min(600px, 90vw)", rootFontSize: Z, stringTruncate: q = 250, translations: p = {}, className: h, id: u, customText: y = {}, customNodeDefinitions: E = [], customButtons: T = [], jsonParse: K = JSON.parse, jsonStringify: I = (z, ge) => JSON.stringify(z, ge, 2), TextEditor: he, errorMessageTimeout: Y = 2500, keyboardControls: je = {}, externalTriggers: Te, insertAtTop: re = !1, onCollapse: Ke, collapseClickZones: Ve = ["header", "left"] }) => {
+  const { getStyles: z } = Me(), { setCurrentlyEditingElement: ge } = Xe(), Se = De((() => lt(j)), [j]), be = De((() => Tr(p, y)), [p, y]), [P, B] = de(X), [oe, ae] = (({ setData: k, data: O }) => {
+    const [L, V] = de(k ? void 0 : O), M = Fe(((v) => {
+      k ? k(v) : V(v);
+    }), [k]);
+    return Pe((() => {
+      k || V(O);
+    }), [O]), [k ? O : L, M];
+  })({ setData: e, data: t }), me = Oe(null);
+  Pe((() => {
     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);
+    const k = setTimeout((() => B(X)), ee);
+    return () => clearTimeout(k);
+  }), [X, ee]);
+  const se = { key: n, path: [], level: 0, index: 0, value: oe, size: typeof oe == "object" && oe !== null ? Object.keys(oe).length : 1, parentData: null, fullData: oe }, Ce = (k, O) => tt(void 0, void 0, void 0, (function* () {
+    const L = yield k(O);
+    if (L === !0 || L === void 0) return void ae(O.newData);
+    const V = _r(L) ? L : ["error", L], [M, v] = V;
+    if (M === "error") return ae(O.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);
+  })), Ne = De((() => lt(C, te)), [C, te]), Ae = De((() => lt(N, te)), [N, te]), ce = De((() => lt(x, te)), [x, te]), Q = De((() => lt(W, te)), [W, te]), ze = De((() => Lr(G)), [G]), we = De((() => ((k) => {
+    const O = Object.assign({}, qt);
+    for (const L of Object.keys(qt)) {
+      const V = L;
+      if (k[V]) {
+        const M = k[V], v = ["clipboardModifier", "collapseModifier"].includes(L) ? Array.isArray(M) ? M : [M] : typeof M == "string" ? { key: M } : M;
+        O[V] = v, ["stringConfirm", "numberConfirm", "booleanConfirm"].forEach(((S) => {
+          !k[S] && k.confirm && (O[S] = O.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();
+    return O;
+  })(je)), [je]), Ze = Fe(((k, O) => ((L, V, M) => {
+    const v = Object.entries(V);
+    for (const [S, F] of v) if (nr(M, L[S], S)) {
+      M.preventDefault(), F();
       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(_);
+  })(we, O, k)), [we]), Re = De((() => {
+    const k = nn(E, "stringifyReplacer");
+    return (O) => I(O, k);
+  }), [E, I]), Le = De((() => {
+    const k = nn(E, "parseReviver");
+    return (O) => {
+      const L = K(O, k);
+      return Nt(L);
     };
-  }), [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) {
+  }), [E, K]), qe = Oe(null);
+  ((k, O) => {
+    const { setCurrentlyEditingElement: L, currentlyEditingElement: V, setCollapseState: M } = Xe();
+    Pe((() => {
+      if (!k) return;
+      const { collapse: v, edit: S } = k;
+      v && M(v);
+      const F = !(S != null && S.path) || Je(S.path) === V;
+      switch (S == null ? void 0 : S.action) {
         case "accept":
-          K && (C.current && C.current.click(), _(null));
+          F && (O.current && O.current.click(), L(null));
           break;
         case "cancel":
-          K && _(null);
+          F && L(null);
           break;
         default:
-          O != null && O.path && _(O.path);
+          S != null && S.path && L(S.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) => {
+    }), [k]);
+  })(Te, qe);
+  const Qe = Fe(((k, O) => {
+    U !== !1 && (typeof U != "function" ? k.sort(((L, V) => {
+      const M = O(L)[0], v = O(V)[0];
+      return M < v ? -1 : M > v ? 1 : 0;
+    })) : k.sort(((L, V) => U(O(L), O(V)))));
+  }), [U]), ke = En(E, se), ye = { mainContainerRef: me, name: n, nodeData: se, onEdit: (k, O) => tt(void 0, void 0, void 0, (function* () {
+    const { currentData: L, newData: V, currentValue: M, newValue: v } = st(oe, O, k, "update");
+    if (M !== v) return yield Ce(i, { currentData: L, newData: V, currentValue: M, newValue: v, name: O.slice(-1)[0], path: O });
+  })), onDelete: (k, O) => tt(void 0, void 0, void 0, (function* () {
+    const { currentData: L, newData: V, currentValue: M, newValue: v } = st(oe, O, k, "delete");
+    return yield Ce(a, { currentData: L, newData: V, currentValue: M, newValue: v, name: O.slice(-1)[0], path: O });
+  })), onAdd: (k, O, L) => tt(void 0, void 0, void 0, (function* () {
+    const { currentData: V, newData: M, currentValue: v, newValue: S } = st(oe, O, k, "add", L);
+    return yield Ce(o, { currentData: V, newData: M, currentValue: v, newValue: S, name: O.slice(-1)[0], path: O });
+  })), onChange: g, onError: f, onEditEvent: s, showErrorMessages: c, onMove: (k, O, L) => tt(void 0, void 0, void 0, (function* () {
+    if (k === null) return;
+    const { currentData: V, newData: M, currentValue: v } = st(oe, k, "", "delete"), S = k.slice(-1)[0], F = O.slice(0, -1), Ee = O.slice(-1)[0];
+    let ue = typeof Ee == "number" ? L === "above" ? Ee : Ee + 1 : typeof S == "number" ? `arr_${S}` : S;
+    k.slice(0, -1).join(".") === O.slice(0, -1).join(".") && typeof S == "number" && typeof ue == "number" && S < ue && (ue -= 1);
+    const ve = typeof ue == "number" ? { insert: !0 } : L === "above" ? { insertBefore: Ee } : { insertAfter: Ee }, { newData: $e, newValue: We } = st(M, [...F, ue], v, "add", ve);
+    return yield Ce(i, { currentData: V, newData: $e, currentValue: v, newValue: We, name: O.slice(-1)[0], path: O });
+  })), showCollectionCount: D, collapseFilter: Se, collapseAnimationTime: b, restrictEditFilter: Ne, restrictDeleteFilter: Ae, restrictAddFilter: ce, restrictTypeSelection: _, restrictDragFilter: Q, canDragOnto: !1, searchFilter: ze, searchText: P, enableClipboard: d, keySort: U, sort: Qe, showArrayIndices: A, arrayIndexFromOne: R, showStringQuotes: J, showIconTooltips: ne, indent: m, defaultValue: pe, newKeyOptions: ie, stringTruncate: q, translate: be, customNodeDefinitions: E, customNodeData: ke, customButtons: T, parentData: null, jsonParse: Le, jsonStringify: Re, TextEditor: he, errorMessageTimeout: Y, handleKeyboard: Ze, keyboardControls: we, insertAtTop: { object: re === !0 || re === "object", array: re === !0 || re === "array" }, onCollapse: Ke, editConfirmRef: qe, collapseClickZones: Ve }, Be = Object.assign(Object.assign({}, z("container", se)), { minWidth: fe, maxWidth: le });
+  return Be.fontSize = Z ?? Be.fontSize, l("div", { id: u, ref: me, className: `jer-editor-container ${h ?? ""}`, style: Be, children: rt(oe) && !ke.renderCollectionAsValue ? l(jn, Object.assign({ data: oe }, ye)) : l(bn, Object.assign({ data: oe, showLabel: !0 }, ye)) });
+}, Ar = (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 = {}) => {
+  return Pe((() => {
+    const i = document.documentElement;
+    r(i);
+  }), []), n ? l(ir, { theme: (e = t.theme) !== null && e !== void 0 ? e : Rt, icons: t.icons, docRoot: n, children: l(lr, { onEditEvent: t.onEditEvent, onCollapse: t.onCollapse, children: l(Nr, Object.assign({}, t)) }) }) : null;
+}, st = (t, e, n, r, i = {}) => {
   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);
+  const a = Object.assign({ remove: r === "delete" }, i), o = r !== "add" ? nt(t, e) : void 0;
+  return { currentData: t, newData: Zn(t, e, n, a), currentValue: o, newValue: r !== "delete" ? n : void 0 };
+}, lt = (t, e) => e ? () => !0 : typeof t == "boolean" ? () => t : typeof t == "number" ? ({ level: n }) => n >= t : t, Lr = (t) => {
+  if (t !== void 0) return t === "value" ? it : t === "key" ? Zt : t === "all" ? (e, n) => it(e, n) || Zt(e, n) : t;
+}, _r = (t) => Array.isArray(t) && t.length === 2 && ["error", "value"].includes(t[0]), nn = (t, e) => {
+  const n = e === "stringifyReplacer" ? [(r) => r === void 0 ? pn : r] : [];
+  if (n.push(...t.map(((r) => r[e])).filter(((r) => !!r))), n.length !== 0) return (r, i) => {
+    let a = i;
+    for (const o of n) a = o(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
+}, wn = { 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)" } }, Pr = { 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" } }, Rr = { 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" } }, Ir = { 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" } };
+function Dn(t, e) {
+  const n = JSON.stringify(t, null, 2), r = new Blob([n], { type: "application/json" }), i = URL.createObjectURL(r), a = document.createElement("a");
+  a.href = i, a.download = e, document.body.appendChild(a), a.click(), document.body.removeChild(a), URL.revokeObjectURL(i);
+}
+function On(t, e) {
+  const n = (/* @__PURE__ */ new Date()).toISOString().replace(/[:.]/g, "-").slice(0, -1), r = e && e.length > 0 ? "." + e.join(".") : "";
+  return `${t}${r}-${n}.json`;
+}
+const Mr = {
+  githubDark: wn,
+  githubLight: Pr,
+  monoDark: Rr,
+  monoLight: Ir
 };
-class Rr extends Nn {
+class Vr extends Rn {
   constructor() {
     super(...arguments), this.state = { error: null };
   }
@@ -1258,7 +1340,7 @@ class Rr extends Nn {
     console.error("[Legend State DevTools] React error:", e, n);
   }
   render() {
-    return this.state.error ? Tn.createElement(
+    return this.state.error ? Pn.createElement(
       "pre",
       { style: { color: "#ff6b6b", padding: 16, fontSize: 12 } },
       `DevTools Error: ${this.state.error.message}
@@ -1266,41 +1348,70 @@ ${this.state.error.stack}`
     ) : this.props.children;
   }
 }
-function Ir({
+function Fr() {
+  return /* @__PURE__ */ $(
+    "svg",
+    {
+      className: "lsdt-node-dump-btn",
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ l("path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4" }),
+        /* @__PURE__ */ l("polyline", { points: "7 10 12 15 17 10" }),
+        /* @__PURE__ */ l("line", { x1: "12", y1: "15", x2: "12", y2: "3" })
+      ]
+    }
+  );
+}
+function Kr({
   data: t,
   onEdit: e,
   readOnly: n,
   theme: r,
-  rootName: o
+  rootName: i
 }) {
-  const a = Pr[r] ?? bn;
-  return /* @__PURE__ */ c(
-    kr,
+  const a = Mr[r] ?? wn;
+  return /* @__PURE__ */ l(
+    Ar,
     {
       data: t,
       setData: e,
-      rootName: o,
+      rootName: i,
       theme: a,
       collapse: 2,
       restrictEdit: n,
       restrictDelete: n,
       restrictAdd: n,
-      restrictTypeSelection: n ? !0 : void 0
+      restrictTypeSelection: n ? !0 : void 0,
+      customButtons: [{
+        Element: Fr,
+        onClick: (g) => {
+          const f = g.path.map(String);
+          Dn(g.value, On(i, f));
+        }
+      }]
     }
   );
 }
-function Lr(t) {
+function zr(t) {
   const [e, n] = de(t.initialData);
-  return Re(() => {
-    t.registerUpdater((o) => {
-      n(o);
+  return Pe(() => {
+    t.registerUpdater((i) => {
+      n(i);
     });
-  }, []), /* @__PURE__ */ c(
-    Ir,
+  }, []), /* @__PURE__ */ l(
+    Kr,
     {
       data: e,
-      onEdit: (o) => {
-        n(o), t.onEdit(o);
+      onEdit: (i) => {
+        n(i), t.onEdit(i);
       },
       readOnly: t.readOnly,
       theme: t.theme,
@@ -1308,95 +1419,100 @@ function Lr(t) {
     }
   );
 }
-function Vr(t, e) {
+function Br(t, e) {
   let n = null, r = null;
-  return n = An(t), n.render(
-    /* @__PURE__ */ c(Rr, { children: /* @__PURE__ */ c(
-      Lr,
+  return n = In(t), n.render(
+    /* @__PURE__ */ l(Vr, { children: /* @__PURE__ */ l(
+      zr,
       {
         initialData: e.initialData,
         onEdit: e.onEdit,
         readOnly: e.readOnly,
         theme: e.theme,
         rootName: e.rootName,
-        registerUpdater: (o) => {
-          r = o;
+        registerUpdater: (i) => {
+          r = i;
         }
       }
     ) })
   ), {
-    updateData: (o) => {
-      r == null || r(o);
+    updateData: (i) => {
+      r == null || r(i);
     },
     destroy: () => {
       n && (n.unmount(), n = null);
     }
   };
 }
-function zr(t, e = {}) {
+function Ur(t, e = {}) {
   const {
     enabled: n = !0,
     readOnly: r = !1,
-    theme: o = "githubDark",
+    theme: i = "githubDark",
     rootName: a = "state$",
-    position: i = "right"
+    position: o = "right",
+    defaultOpen: g = !1
   } = e;
   if (!n)
     return { destroy: () => {
     } };
-  const g = Wn();
-  let h = null, s = null, u = null, p = null;
-  h = new Gn({
+  const f = Yn();
+  let s = null, c = null, d = null, m = null;
+  s = new Xn({
     rootName: a,
     readOnly: r,
-    position: i,
+    position: o,
     onClose: () => {
-      j();
+      b();
+    },
+    onDumpState: () => {
+      const C = d == null ? void 0 : d.getSnapshot();
+      C !== void 0 && Dn(C, On(a));
     }
   });
-  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");
+  const j = () => {
+    if (!s) return;
+    s.show(), c == null || c.setPanelVisible(!0);
+    const C = (N = 10) => {
+      const x = s == null ? void 0 : s.getEditorRoot();
+      if (!x) {
+        N > 0 ? setTimeout(() => C(N - 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);
+      if (m) return;
+      const _ = (d == null ? void 0 : d.getSnapshot()) ?? {};
+      m = Br(x, {
+        initialData: _,
+        onEdit: (W) => {
+          d == null || d.setData(W);
         },
         readOnly: r,
-        theme: o,
+        theme: i,
         rootName: a
       });
     };
-    w();
-  }, j = () => {
-    p && (p.destroy(), p = null), h == null || h.hide(), s == null || s.setPanelVisible(!1);
+    C();
   }, b = () => {
-    h != null && h.isVisible() ? j() : y();
+    m && (m.destroy(), m = null), s == null || s.hide(), c == null || c.setPanelVisible(!1);
+  }, D = () => {
+    s != null && s.isVisible() ? b() : j();
   };
-  return s = new $n({
-    onTogglePanel: b,
+  return c = new Gn({
+    onTogglePanel: D,
     rootName: a
-  }), s.mount(), g.add(() => s == null ? void 0 : s.unmount()), u = Hn(t, {
-    onSnapshot: (w) => {
-      p == null || p.updateData(w);
+  }), c.mount(), f.add(() => c == null ? void 0 : c.unmount()), d = Jn(t, {
+    onSnapshot: (C) => {
+      s != null && s.getIsDragging() || m == null || m.updateData(C);
     }
-  }), g.add(() => u == null ? void 0 : u.destroy()), g.add(() => {
-    p && (p.destroy(), p = null);
-  }), g.add(() => h == null ? void 0 : h.unmount()), {
+  }), f.add(() => d == null ? void 0 : d.destroy()), f.add(() => {
+    m && (m.destroy(), m = null);
+  }), f.add(() => s == null ? void 0 : s.unmount()), g && j(), {
     destroy: () => {
-      g.run();
+      f.run();
     }
   };
 }
 export {
-  zr as init
+  Ur as init
 };
 //# sourceMappingURL=index.mjs.map