@grasp-labs/ds-react-components 0.13.0

package/dist/index.esm-DgyjJxy1.js

@@ -0,0 +1,786 @@
+import { j as o } from "./index-CQ7w5dl6.js";
+import { useState as G, useEffect as Oe, createContext as Xt, useRef as ce, useContext as Zt, useMemo as le, useCallback as Ie } from "react";
+const Be = (e, t, n, r, a) => {
+  if (!r) throw new Error(a ?? `Invalid property path: ${t}
+Couldn't access "${n}" in ${JSON.stringify(e)}`);
+}, Wt = (e) => typeof e == "object" && e !== null && !Array.isArray(e), gt = (e) => Array.isArray(e), Qt = (e, t) => e.filter(((n, r) => r !== t)), wn = (e, t, n, r = {}) => {
+  const { remove: a = !1, createNew: i = !0, noError: s = !1 } = r, p = e, d = typeof (l = t) == "string" ? l : typeof l == "number" ? String(l) : l.reduce(((h, f) => typeof f == "number" ? `${h}[${f}]` : h === "" ? f : `${h}.${f}`), "");
+  var l;
+  const c = Object.assign(Object.assign({}, r), { remove: a, createNew: i, noError: s, fullData: p, fullPath: d }), u = Array.isArray(t) ? t : ((h) => Array.isArray(h) ? h : h.split(/(\.|\[\d+\])/).filter(((f) => f !== "." && f !== "")).map(((f) => {
+    const m = /\[(\d+)\]/.exec(f);
+    return m ? Number(m[1]) : f;
+  })).flat())(t).filter(((h) => h !== ""));
+  return gt(e) && a && u.length === 1 ? Qt(e, u[0]) : lt(e, u, n, c);
+}, lt = (e, t, n, r) => {
+  const a = Wt(e) ? Object.assign({}, e) : null, i = gt(e) ? [...e] : null;
+  if (t.length === 0) return e;
+  if (!a && !i) throw new Error("Can't assign property -- invalid input object");
+  const { createNew: s, remove: p, noError: d, fullData: l, fullPath: c } = r, u = t[0];
+  if (i && typeof u == "string") return i.map(((v) => lt(v, t, n, r)));
+  if (t.length === 1) {
+    if (a && typeof u == "string") {
+      const v = Dn(a, u, n, r);
+      return v ?? a;
+    }
+    return i && typeof u == "number" ? (On(i, u, n, r), i) : (Be(l, c, u, d), e);
+  }
+  const h = a || i || [];
+  if (p && t.length === 2 && typeof t[1] == "number") {
+    const v = h[u], D = t[1];
+    return gt(v) ? h[u] = Qt(v, D) : Be(l, c, u, d, "Trying to remove an indexed item from an object that is not an array"), h;
+  }
+  const f = t.slice(1);
+  if (u in e) {
+    if (m = h[u], !gt(m) && !Wt(m)) {
+      if (!s) return Be(l, c, u, d), h;
+      h[u] = {};
+    }
+    return h[u] = lt(h[u], f, n, r), h;
+  }
+  var m;
+  if (s) {
+    const v = typeof f[0] == "number" ? [] : {};
+    if (a) return h[u] = v, h[u] = lt(h[u], f, n, r), h;
+    if (i && Array.isArray(h)) {
+      h.push(v);
+      const D = h.length - 1;
+      return h[D] = lt(h[D], f, n, r), h;
+    }
+  }
+  return Be(l, c, u, d), h;
+}, Dn = (e, t, n, r) => {
+  const { remove: a, createNew: i, noError: s, insertAfter: p, insertBefore: d, fullData: l, fullPath: c } = r;
+  if (d !== void 0 || p !== void 0) {
+    const h = Object.entries(e);
+    let f = 1 / 0;
+    return f = typeof d == "number" ? d : typeof p == "number" ? p : h.findIndex((([m, v]) => m === (d ?? p))), p && f++, h.splice(f, 0, [t, n]), Object.fromEntries(h);
+  }
+  const u = t in e;
+  a ? u ? delete e[t] : Be(l, c, t, s) : i || u ? e[t] = n : Be(l, c, t, s);
+}, On = (e, t, n, r) => {
+  const { noError: a, fullData: i, fullPath: s, createNew: p, insert: d } = r;
+  d && e.splice(t, 0, n), t in e ? e[t] = n : p ? e.push(n) : Be(i, s, t, a);
+}, qe = (e, t, n) => {
+  const r = Array.isArray(t) ? t : Cn(t);
+  if (r.length === 0) return e;
+  const a = r[0];
+  if (Array.isArray(e) && typeof a != "number") return e.map(((s) => qe(s, r)));
+  if (typeof e != "object" || e === null || !(a in e)) return kn(e, a);
+  const i = e[a];
+  return r.length === 1 ? i : qe(i, r.slice(1));
+}, Cn = (e) => e.split(/(\.|\[\d+\])/).filter(((t) => t !== "." && t !== "")).map(((t) => {
+  const n = /\[(\d+)\]/.exec(t);
+  return n ? Number(n[1]) : t;
+})).flat(), kn = (e, t, n) => {
+  throw new Error(`Unable to extract object property
+Looking for property: ${t}
+In object: ${JSON.stringify(e)}`);
+};
+function qt(e, t) {
+  var n = {};
+  for (var r in e) Object.prototype.hasOwnProperty.call(e, r) && t.indexOf(r) < 0 && (n[r] = e[r]);
+  if (e != null && typeof Object.getOwnPropertySymbols == "function") {
+    var a = 0;
+    for (r = Object.getOwnPropertySymbols(e); a < r.length; a++) t.indexOf(r[a]) < 0 && Object.prototype.propertyIsEnumerable.call(e, r[a]) && (n[r[a]] = e[r[a]]);
+  }
+  return n;
+}
+function Qe(e, t, n, r) {
+  return new (n || (n = Promise))((function(a, i) {
+    function s(l) {
+      try {
+        d(r.next(l));
+      } catch (c) {
+        i(c);
+      }
+    }
+    function p(l) {
+      try {
+        d(r.throw(l));
+      } catch (c) {
+        i(c);
+      }
+    }
+    function d(l) {
+      var c;
+      l.done ? a(l.value) : (c = l.value, c instanceof n ? c : new n((function(u) {
+        u(c);
+      }))).then(s, p);
+    }
+    d((r = r.apply(e, [])).next());
+  }));
+}
+const en = ({ className: e, name: t, value: n, setValue: r, handleKeyPress: a, styles: i, textAreaRef: s }) => {
+  if (typeof n != "string") return null;
+  const p = n.slice(-1) === `
+` ? n + "." : n;
+  return o.jsxs("div", { style: { display: "grid" }, children: [o.jsx("textarea", { id: `${t}_textarea`, ref: s, style: Object.assign({ height: "auto", gridArea: "1 / 1 / 2 / 2", overflowY: "auto", whiteSpace: "pre-wrap" }, i), rows: 1, className: e, name: `${t}_textarea`, value: n, onChange: (d) => r(d.target.value), autoFocus: !0, onFocus: (d) => {
+    n.length < 40 && d.target.select();
+  }, onKeyDown: a }), o.jsx("span", { className: e, 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" }, i), children: p })] });
+}, et = (e) => e !== null && typeof e == "object", tn = (e, t, n, r = "") => {
+  if (!n && !r) return !0;
+  switch (e) {
+    case "collection":
+      if (n) {
+        if (n(t, r)) return !0;
+        if (!Ct(r, t, n)) return !1;
+      }
+      if (!n && r && !Ct(r, t)) return !1;
+      break;
+    case "value":
+      if (n && !n(t, r) || !n && r && !tt(t, r)) return !1;
+  }
+  return !0;
+}, Ct = (e = "", t, n = tt) => {
+  const r = t.value;
+  return Object.entries(r).some((([a, i]) => {
+    const s = [...t.path, a], p = Object.assign(Object.assign({}, t), { key: a, path: s, level: t.level + 1, value: i, size: s.length, parentData: r });
+    return et(i) ? Ct(e, p, n) : n(p, e);
+  }));
+}, tt = (e, t = "") => {
+  const { value: n } = e;
+  if (n === null && "null".includes(t.toLowerCase())) return !0;
+  switch (typeof n) {
+    case "string":
+      return n.toLowerCase().includes(t.toLowerCase());
+    case "number":
+      return !!String(n).includes(t);
+    case "boolean":
+      return n ? "true".includes(t.toLowerCase()) || t === "1" : "false".includes(t.toLowerCase()) || t === "0";
+    default:
+      return !1;
+  }
+}, Yt = ({ key: e, path: t }, n = "") => !!tt({ value: e }, n) || !!t.some(((r) => tt({ value: r }, n))), Ue = (e, t) => (t ?? "") + e.map(((n) => n === "" ? "\0" : n)).join("."), Tt = (e) => e.shiftKey ? "Shift" : e.metaKey ? "Meta" : e.ctrlKey ? "Control" : e.altKey ? "Alt" : void 0, Sn = (e, t, n) => {
+  const r = e.key, a = Tt(e);
+  if (Array.isArray(t)) return !!a && t.includes(a);
+  const { key: i, modifier: s } = t;
+  return (n !== "stringLineBreak" || r !== "Enter" || a !== "Shift" || i !== "Enter" || !s?.includes("Shift")) && r === i && (s === a || Array.isArray(s) && s.includes(a));
+}, Fe = { key: "Enter" }, Ht = { confirm: Fe, cancel: { key: "Escape" }, objectConfirm: Object.assign(Object.assign({}, Fe), { modifier: ["Meta", "Shift", "Control"] }), objectLineBreak: Fe, stringConfirm: Fe, stringLineBreak: Object.assign(Object.assign({}, Fe), { modifier: ["Shift"] }), numberConfirm: Fe, numberUp: { key: "ArrowUp" }, numberDown: { key: "ArrowDown" }, tabForward: { key: "Tab" }, tabBack: { key: "Tab", modifier: "Shift" }, booleanConfirm: Fe, booleanToggle: { key: " " }, clipboardModifier: ["Meta", "Control"], collapseModifier: ["Alt"] }, We = (e, t, n = "next", r) => {
+  const a = t.slice(0, t.length - 1), i = t.slice(-1)[0];
+  if (i === void 0) return null;
+  const s = qe(e, a), p = Nn(s);
+  Array.isArray(s) || r(p, (({ key: c, value: u }) => [c, u]));
+  const d = p.findIndex(((c) => c.key === i)), l = p[d + (n === "next" ? 1 : -1)];
+  return l ? et(l.value) ? Object.keys(l.value).length === 0 ? We(e, [...a, l.key], n, r) : nn(e, [...a, l.key], n, r) : [...a, l.key] : a.length === 0 ? null : We(e, a, n, r);
+}, nn = (e, t, n = "next", r) => {
+  const a = qe(e, t);
+  if (!et(a)) return t;
+  const i = Array.isArray(a) ? a.map(((p, d) => d)) : Object.keys(a);
+  r(i, ((p) => [p, a]));
+  const s = n === "next" ? i[0] : i[i.length - 1];
+  return nn(e, [...t, s], n, r);
+}, Nn = (e) => Array.isArray(e) ? e.map(((t, n) => ({ index: n, value: t, key: n }))) : Object.entries(e).map((([t, n], r) => ({ key: t, value: n, index: r }))), rn = (e, t) => {
+  var n, r, a, i;
+  const s = e.current, p = (n = s?.selectionStart) !== null && n !== void 0 ? n : 1 / 0, d = (r = s?.selectionEnd) !== null && r !== void 0 ? r : 1 / 0, l = ((a = s?.textContent) === null || a === void 0 ? void 0 : a.slice(0, p)) + t + ((i = s?.textContent) === null || i === void 0 ? void 0 : i.slice(d));
+  return s.value = l, s?.setSelectionRange(p + 1, p + 1), l;
+}, kt = (e) => {
+  if (e !== on) {
+    if (Array.isArray(e)) return e.map(((t) => kt(t)));
+    if (e && typeof e == "object") for (const t in e) e[t] = kt(e[t]);
+    return e;
+  }
+}, on = "__​undefined__", At = { 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)" } }, an = Xt({ getStyles: () => ({}), icons: {} }), Tn = ({ theme: e = At, icons: t = {}, docRoot: n, children: r }) => {
+  const a = An(e, n);
+  return o.jsx(an.Provider, { value: { getStyles: (i, s) => typeof a[i] == "function" ? a[i](s) : a[i], icons: t }, children: r });
+}, Ce = () => Zt(an), An = (e, t) => {
+  var n, r, a, i;
+  const s = {}, p = (Array.isArray(e) ? e : [e]).map(((c) => Pn(c) ? Ot({ fragments: {}, styles: c }, s) : Ot(c, s))), d = Ot(At, {});
+  Object.keys(d).forEach(((c) => {
+    const u = c;
+    p.forEach(((h) => {
+      h[u] && (d[u] = Object.assign(Object.assign({}, d[u]), h[u]));
+    }));
+  }));
+  const l = Object.assign({}, d);
+  return Object.entries(s).forEach((([c, u]) => {
+    const h = c;
+    l[h] = (f) => {
+      const m = u(f) || {};
+      return Object.assign(Object.assign({}, d[h]), m);
+    };
+  })), typeof l?.inputHighlight != "function" && (!((n = l?.inputHighlight) === null || n === void 0) && n.backgroundColor) && t.style.setProperty("--jer-highlight-color", (r = l?.inputHighlight) === null || r === void 0 ? void 0 : r.backgroundColor), typeof l?.iconCopy != "function" && (!((a = l?.iconCopy) === null || a === void 0) && a.color) && t.style.setProperty("--jer-icon-copy-color", (i = l?.iconCopy) === null || i === void 0 ? void 0 : i.color), l;
+}, Ot = (e, t) => {
+  const { fragments: n, styles: r } = e, a = {};
+  return Object.entries(r).forEach((([i, s]) => {
+    const p = (Array.isArray(s) ? s : [s]).reduce(((d, l) => {
+      var c, u;
+      if (typeof l == "function") return t[i] = l, Object.assign({}, d);
+      if (typeof l == "string") {
+        const h = (c = n?.[l]) !== null && c !== void 0 ? c : l;
+        return typeof h == "string" ? Object.assign(Object.assign({}, d), { [(u = In[i]) !== null && u !== void 0 ? u : "color"]: h }) : Object.assign(Object.assign({}, d), h);
+      }
+      return Object.assign(Object.assign({}, d), l);
+    }), {});
+    a[i] = p;
+  })), a;
+}, Pn = (e) => !("styles" in e), In = { container: "backgroundColor", collection: "backgroundColor", collectionInner: "backgroundColor", collectionElement: "backgroundColor", dropZone: "borderColor", inputHighlight: "backgroundColor" }, sn = Xt(null), Kn = ({ children: e, onEditEvent: t, onCollapse: n }) => {
+  const [r, a] = G(null), [i, s] = G(null), [p, d] = G(null), [l, c] = G({ path: null, pathString: null }), u = ce(null), h = ce("next"), f = ce(null);
+  return o.jsx(sn.Provider, { value: { collapseState: r, setCollapseState: (m) => {
+    a(m), n && m !== null && (Array.isArray(m) ? m.forEach(((v) => n(v))) : n(m)), m !== null && setTimeout((() => a(null)), 2e3);
+  }, getMatchingCollapseState: (m) => {
+    if (Array.isArray(r)) {
+      for (const v of r) if (Ut(m, v)) return v;
+      return null;
+    }
+    return Ut(m, r) ? r : null;
+  }, currentlyEditingElement: i, setCurrentlyEditingElement: (m, v) => {
+    const D = typeof m == "string" || m === null ? m : Ue(m, v === "key" ? "key_" : void 0);
+    i !== null && D !== null && u.current !== null && u.current(), s(D), t && (Array.isArray(m) || m === null) && t(m, v === "key"), u.current = typeof v == "function" ? v : null;
+  }, areChildrenBeingEdited: (m) => i !== null && i.includes(m), previouslyEditedElement: f.current, setPreviouslyEditedElement: (m) => {
+    f.current = m;
+  }, tabDirection: h.current, setTabDirection: (m) => {
+    h.current = m;
+  }, previousValue: p, setPreviousValue: d, dragSource: l, setDragSource: c }, children: e });
+}, He = () => {
+  const e = Zt(sn);
+  if (!e) throw new Error("Missing Context Provider");
+  return e;
+}, Ut = (e, t) => {
+  if (t === null) return !1;
+  if (!t.includeChildren) return t.path.every(((n, r) => e[r] === n)) && t.path.length === e.length;
+  for (const [n, r] of t.path.entries()) if (r !== e[n]) return !1;
+  return !0;
+}, St = "**INVALID_FUNCTION**", Rn = ({ nodeData: e, showStringQuotes: t = !0, stringTruncate: n = 200, pathString: r, canEdit: a, setIsEditing: i, styles: s, translate: p, value: d, TextWrapper: l = ({ children: c }) => c }) => {
+  const c = d ?? e.value, [u, h] = G(!1), f = t ? '"' : "", m = c.length > n, v = () => {
+    a ? i(!0) : h(!u);
+  };
+  return o.jsxs("div", { id: `${r}_display`, onDoubleClick: v, onClick: (D) => {
+    (D.getModifierState("Control") || D.getModifierState("Meta")) && v();
+  }, className: "jer-value-string", style: s, children: [f, m ? o.jsxs(o.Fragment, u ? { children: [o.jsx(l, { children: o.jsxs("span", { children: [c, f] }) }), o.jsxs("span", { className: "jer-string-expansion jer-show-less", onClick: () => h(!1), children: [" ", p("SHOW_LESS", e)] })] } : { children: [o.jsxs(l, { children: [o.jsx("span", { children: c.slice(0, n - 2).trimEnd() }), " "] }), o.jsx("span", { className: "jer-string-expansion jer-ellipsis", onClick: () => h(!0), children: "..." }), f] }) : o.jsx(l, { children: `${c}${f}` })] });
+}, Vn = ({ styles: e, pathString: t, value: n, setValue: r, handleEdit: a, handleKeyboard: i, keyboardCommon: s }) => {
+  const p = ce(null);
+  return o.jsx(en, { className: "jer-input-text", textAreaRef: p, name: t, value: n, setValue: r, handleKeyPress: (d) => {
+    i(d, Object.assign({ stringConfirm: a, stringLineBreak: () => {
+      const l = rn(p, `
+`);
+      r(l);
+    } }, s));
+  }, styles: e });
+}, _n = (e) => {
+  var { isEditing: t, path: n, enumType: r } = e, a = qt(e, ["isEditing", "path", "enumType"]);
+  const { getStyles: i } = Ce(), s = Ue(n), { value: p, setValue: d, nodeData: l, handleEdit: c, handleKeyboard: u, keyboardCommon: h } = a;
+  return t && r ? o.jsxs("div", { className: "jer-select jer-select-enums", children: [o.jsx("select", { name: `${s}-value-select`, className: "jer-select-inner", onChange: (f) => d(f.target.value), value: p, autoFocus: !0, onKeyDown: (f) => {
+    u(f, Object.assign({ stringConfirm: c }, h));
+  }, children: r.values.map(((f) => o.jsx("option", { value: f, children: f }, f))) }), o.jsx("span", { className: "focus" })] }) : t ? o.jsx(Vn, Object.assign({ styles: i("input", l), pathString: s }, a, { setValue: a.setValue })) : o.jsx(Rn, Object.assign({ pathString: s, styles: i("string", l) }, a));
+}, Ln = ({ value: e, setValue: t, isEditing: n, path: r, setIsEditing: a, handleEdit: i, nodeData: s, handleKeyboard: p, keyboardCommon: d }) => {
+  const { getStyles: l } = Ce();
+  return n ? o.jsx("input", { className: "jer-input-number", type: "text", name: Ue(r), value: e, onChange: (c) => t(c.target.value.replace(/[^0-9.-]/g, "")), autoFocus: !0, onFocus: (c) => setTimeout((() => c.target.select()), 10), onKeyDown: (c) => p(c, Object.assign({ numberConfirm: i, numberUp: () => t(Number(e) + 1), numberDown: () => t(Number(e) - 1) }, d)), style: Object.assign({ width: String(e).length / 1.5 + 2 + "em" }, l("input", s)) }) : o.jsx("span", { onDoubleClick: () => a(!0), className: "jer-value-number", style: l("number", s), children: e });
+}, Mn = ({ value: e, setValue: t, isEditing: n, path: r, setIsEditing: a, handleEdit: i, nodeData: s, handleKeyboard: p, keyboardCommon: d }) => {
+  const { getStyles: l } = Ce();
+  return typeof e != "boolean" ? null : n ? o.jsx("input", { className: "jer-input-boolean", type: "checkbox", name: Ue(r), checked: e, onChange: () => t(!e), onKeyDown: (c) => {
+    c.key === " " && c.preventDefault(), p(c, Object.assign({ booleanConfirm: i, booleanToggle: () => t(!e) }, d));
+  }, autoFocus: !0 }) : o.jsx("span", { onDoubleClick: () => a(!0), className: "jer-value-boolean", style: l("boolean", s), children: String(e) });
+}, zn = (e, t) => {
+  const n = ce(void 0), r = ce(t);
+  Oe((() => {
+    r.current = t;
+  }), [t]);
+  const a = (i) => {
+    r.current(i);
+  };
+  Oe((() => {
+    if (window.clearTimeout(n.current), e) return n.current = window.setTimeout((() => {
+      window.addEventListener("keydown", a);
+    }), 100), () => {
+      window.clearTimeout(n.current), window.removeEventListener("keydown", a);
+    };
+  }), [e]);
+}, Fn = ({ value: e, isEditing: t, setIsEditing: n, handleEdit: r, nodeData: a, handleKeyboard: i, keyboardCommon: s }) => {
+  const { getStyles: p } = Ce();
+  return zn(t, ((d) => i(d, Object.assign({ confirm: r }, s)))), o.jsx("div", { onDoubleClick: () => n(!0), className: "jer-value-null", style: p("null", a), children: String(e) });
+}, Bn = ({ value: e }) => {
+  let t = "Error!";
+  switch (typeof e) {
+    case "string":
+      e === St && (t = "Function");
+      break;
+    case "undefined":
+      t = "Undefined";
+      break;
+    case "symbol":
+      t = "Symbol";
+  }
+  return o.jsx("span", { className: "jer-value-invalid", children: t });
+}, Wn = ({ size: e, style: t, className: n }) => o.jsxs("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: e, height: e, className: n, style: t, children: [o.jsx("path", { d: "M13 7h-2v4H7v2h4v4h2v-4h4v-2h-4z" }), o.jsx("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" })] }), Yn = ({ size: e, style: t, className: n }) => o.jsxs("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: e, height: e, className: n, style: t, transform: "translate(0, 0.5)", children: [o.jsx("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" }), o.jsx("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" })] }), Hn = ({ size: e, style: t, className: n }) => o.jsx("svg", { viewBox: "0 0 24 24", fill: "currentColor", width: e, height: e, className: n, style: t, children: o.jsx("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" }) }), Un = ({ size: e, style: t, className: n }) => o.jsxs("svg", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, viewBox: "0 0 24 24", width: e, height: e, className: n, style: t, children: [o.jsx("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" }), o.jsx("path", { d: "M8 4H6a2 2 0 00-2 2v14a2 2 0 002 2h12a2 2 0 002-2v-2M16 4h2a2 2 0 012 2v4M21 14H11" }), o.jsx("path", { d: "M15 10l-4 4 4 4" })] }), $n = ({ size: e, style: t, className: n }) => o.jsxs("svg", { fill: "none", stroke: "currentColor", strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, viewBox: "0 0 24 24", width: e, height: e, className: n, style: t, children: [o.jsx("path", { d: "M22 11.08V12a10 10 0 11-5.93-9.14" }), o.jsx("path", { d: "M22 4L12 14.01l-3-3" })] }), Gn = ({ size: e, style: t, className: n }) => o.jsx("svg", { baseProfile: "tiny", viewBox: "0 0 24 24", fill: "currentColor", width: e, height: e, className: n, style: t, children: o.jsx("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" }) }), Jn = ({ size: e, style: t, className: n }) => o.jsx("svg", { viewBox: "0 0 512 512", fill: "currentColor", width: e, height: e, className: n, style: t, children: o.jsx("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: e, nodeData: t }) => {
+  var n, r, a, i, s, p, d;
+  const { getStyles: l, icons: c } = Ce(), u = { size: "1.4em", className: "jer-icon" };
+  switch (e) {
+    case "add":
+      return (n = c?.add) !== null && n !== void 0 ? n : o.jsx(Wn, Object.assign({}, u, { style: l("iconAdd", t) }));
+    case "edit":
+      return (r = c?.edit) !== null && r !== void 0 ? r : o.jsx(Yn, Object.assign({}, u, { style: l("iconEdit", t) }));
+    case "delete":
+      return (a = c?.delete) !== null && a !== void 0 ? a : o.jsx(Hn, Object.assign({}, u, { style: l("iconDelete", t), size: "1.45em" }));
+    case "copy":
+      return (i = c?.copy) !== null && i !== void 0 ? i : o.jsx(Un, Object.assign({}, u, { style: l("iconCopy", t), size: "1.2em" }));
+    case "ok":
+      return (s = c?.ok) !== null && s !== void 0 ? s : o.jsx($n, Object.assign({}, u, { style: Object.assign({ fontSize: "90%" }, l("iconOk", t)) }));
+    case "cancel":
+      return (p = c?.cancel) !== null && p !== void 0 ? p : o.jsx(Gn, Object.assign({}, u, { style: Object.assign({ fontSize: "130%" }, l("iconCancel", t)) }));
+    case "chevron":
+      return (d = c?.chevron) !== null && d !== void 0 ? d : o.jsx(Jn, { size: "1em", style: l("iconCollection", t) });
+    default:
+      return o.jsx(o.Fragment, {});
+  }
+}, ln = ({ startEdit: e, handleDelete: t, handleAdd: n, enableClipboard: r, type: a, customButtons: i, nodeData: s, translate: p, keyboardControls: d, handleKeyboard: l, editConfirmRef: c, getNewKeyOptions: u, jsonStringify: h, onEditEvent: f, showIconTooltips: m }) => {
+  const { getStyles: v } = Ce(), D = p("KEY_NEW", s), [O, w] = G(D), [N, _] = G(!1), { key: Y, path: F, value: H } = s, J = Array.isArray(N), W = (C) => {
+    var k;
+    if (f && f(C ? [...F, null] : null, C), !C) return void _(!1);
+    const L = Object.keys(qe(s.fullData, F)), $ = u ? (k = u(s)) === null || k === void 0 ? void 0 : k.filter(((ae) => !L.includes(ae))) : null;
+    $ && w(""), _($ == null || $);
+  };
+  return o.jsxs("div", { className: "jer-edit-buttons", style: { opacity: N ? 1 : void 0 }, onClick: (C) => C.stopPropagation(), children: [r && o.jsx("div", { onClick: (C) => {
+    var k;
+    C.stopPropagation();
+    let L, $, ae = "value", X = "", ne = null;
+    if (r) {
+      const Z = Tt(C);
+      if (Z && d.clipboardModifier.includes(Z) ? (L = Xn(F), X = L, ae = "path") : (L = H, X = typeof L == "object" ? h(H) : String(L)), !navigator.clipboard) return void (typeof r == "function" && r({ success: !1, value: L, stringValue: X, path: F, key: Y, type: ae, errorMessage: "Can't access clipboard API" }));
+      (k = navigator.clipboard) === null || k === void 0 || k.writeText(X).then((() => $ = !0)).catch(((M) => {
+        $ = !1, ne = M.message;
+      })).finally((() => {
+        typeof r == "function" && r({ success: $, errorMessage: ne, value: L, stringValue: X, path: F, key: Y, type: ae });
+      }));
+    }
+  }, className: "jer-copy-pulse", title: m ? p("TOOLTIP_COPY", s) : "", children: o.jsx(Ye, { name: "copy", nodeData: s }) }), e && o.jsx("div", { onClick: e, title: m ? p("TOOLTIP_EDIT", s) : "", children: o.jsx(Ye, { name: "edit", nodeData: s }) }), t && o.jsx("div", { onClick: t, title: m ? p("TOOLTIP_DELETE", s) : "", children: o.jsx(Ye, { name: "delete", nodeData: s }) }), n && o.jsx("div", { onClick: () => {
+    a === "object" ? W(!0) : n("");
+  }, title: m ? p("TOOLTIP_ADD", s) : "", children: o.jsx(Ye, { name: "add", nodeData: s }) }), i?.map((({ Element: C, onClick: k }, L) => o.jsx("div", { onClick: ($) => k && k(s, $), children: o.jsx(C, { nodeData: s }) }, L))), N && n && a === "object" && o.jsxs(o.Fragment, { children: [J ? o.jsxs("div", { className: "jer-select jer-select-keys", children: [o.jsxs("select", { name: "new-key-select", className: "jer-select-inner", onChange: (C) => {
+    n(C.target.value), W(!1);
+  }, defaultValue: "", autoFocus: !0, onKeyDown: (C) => {
+    l(C, { cancel: () => W(!1) });
+  }, children: [o.jsx("option", { value: "", disabled: !0, children: N.length > 0 ? p("KEY_SELECT", s) : p("NO_KEY_OPTIONS", s) }), N.map(((C) => o.jsx("option", { value: C, children: C }, C)))] }), o.jsx("span", { className: "focus" })] }) : o.jsx("input", { className: "jer-input-new-key", type: "text", name: "new-object-key", value: O, onChange: (C) => w(C.target.value), autoFocus: !0, onFocus: (C) => C.target.select(), onKeyDown: (C) => {
+    l(C, { stringConfirm: () => {
+      n && (W(!1), n(O), w(D));
+    }, cancel: () => {
+      W(!1), w(D);
+    } });
+  }, style: v("input", s) }), o.jsx(Pt, { onOk: () => {
+    J && !O || (W(!1), n(O));
+  }, onCancel: () => {
+    W(!1);
+  }, nodeData: s, editConfirmRef: c, hideOk: J })] })] });
+}, Pt = ({ onOk: e, onCancel: t, nodeData: n, editConfirmRef: r, hideOk: a = !1 }) => o.jsxs("div", { className: "jer-confirm-buttons", children: [!a && o.jsx("div", { onClick: e, ref: r, children: o.jsx(Ye, { name: "ok", nodeData: n }) }), o.jsx("div", { onClick: t, children: o.jsx(Ye, { name: "cancel", nodeData: n }) })] }), Xn = (e) => e.reduce(((t, n) => typeof n == "number" ? `${t}[${n}]` : t === "" ? n : `${t}.${n}`), ""), Zn = ["string", "number", "boolean", "null", "object", "array"], cn = ({ props: e, collapsed: t }) => {
+  const { data: n, nodeData: r, parentData: a, onEdit: i, onError: s, showErrorMessages: p, restrictEditFilter: d, restrictDeleteFilter: l, restrictAddFilter: c, restrictDragFilter: u, translate: h, errorMessageTimeout: f } = e, { currentlyEditingElement: m, setCurrentlyEditingElement: v } = He(), [D, O] = G(null), w = Object.assign(Object.assign({}, r), { collapsed: t }), { path: N, key: _, size: Y } = w, F = Ue(N), H = !d(w), J = !l(w), W = !c(w), C = !u(w) && J && m === null, k = (M) => {
+    p && (O(M), setTimeout((() => O(null)), f)), console.warn("Error", M);
+  }, L = Ie(((M, z) => {
+    k(M.message), s && s({ currentData: w.fullData, errorValue: z, currentValue: n, name: _, path: N, error: M });
+  }), [s, p]), $ = m === F, ae = m === `key_${F}`, X = typeof N.slice(-1)[0] == "number", ne = { isEditing: $, isEditingKey: ae, isArray: X, canEditKey: a !== null && H && W && J && !X }, Z = _ === "" && N.length > 0 ? h("EMPTY_STRING", w) : null;
+  return { pathString: F, nodeData: w, path: N, name: _, size: Y, canEdit: H, canDelete: J, canAdd: W, canDrag: C, error: D, showError: k, onError: L, setError: O, handleEditKey: (M) => {
+    if (v(null), _ === M || !a) return;
+    const z = N.slice(0, -1);
+    if (Object.keys(a).includes(M)) return void L({ code: "KEY_EXISTS", message: h("ERROR_KEY_EXISTS", w) }, M);
+    const ge = Object.fromEntries(Object.entries(a).map((([B, I]) => B === _ ? [M, I] : [B, I])));
+    i(ge, z).then(((B) => {
+      B && L({ code: "UPDATE_ERROR", message: B }, M);
+    }));
+  }, derivedValues: ne, emptyStringKey: Z };
+}, un = ({ canDrag: e, canDragOnto: t, path: n, nodeData: r, onMove: a, onError: i, translate: s }) => {
+  const { getStyles: p } = Ce(), { dragSource: d, setDragSource: l } = He(), [c, u] = G(!1), h = Ue(n), f = le((() => e ? { onDragStart: (O) => {
+    O.stopPropagation(), l({ path: n, pathString: h });
+  }, onDragEnd: (O) => {
+    O.stopPropagation(), l({ path: null, pathString: null });
+  } } : {}), [e, h]), m = le((() => (O) => t ? { onDragOver: (w) => {
+    w.stopPropagation(), w.preventDefault();
+  }, onDrop: (w) => {
+    w.stopPropagation(), D(O), l({ path: null, pathString: null }), u(!1);
+  }, onDragEnter: (w) => {
+    var N;
+    w.stopPropagation(), h.startsWith((N = d.pathString) !== null && N !== void 0 ? N : "") || u(O);
+  }, onDragExit: (w) => {
+    w.stopPropagation(), u(!1);
+  } } : {}), [d, t, h]), v = le((() => t && d.pathString !== null ? o.jsx("div", Object.assign({ className: "jer-drop-target-bottom", style: { height: "50%", position: "absolute", width: "100%", top: "50%", zIndex: n.length } }, m("below"))) : null), [d, t, n.length]), D = (O) => {
+    var w, N;
+    const _ = (w = d.path) === null || w === void 0 ? void 0 : w.slice(-1)[0], Y = (N = d.path) === null || N === void 0 ? void 0 : N.slice(0, -1).join("."), F = n.slice(0, -1).join(""), { parentData: H } = r;
+    typeof _ == "string" && H && !Array.isArray(H) && Object.keys(H).includes(_) && _ in H && Y !== F ? i({ code: "KEY_EXISTS", message: s("ERROR_KEY_EXISTS", r) }, _) : a(d.path, n, O).then(((J) => {
+      J && i({ code: "UPDATE_ERROR", message: J }, r.value);
+    }));
+  };
+  return { dragSourceProps: f, getDropTargetProps: m, BottomDropTarget: v, DropTargetPadding: ({ position: O, nodeData: w }) => c === O ? o.jsx("div", { className: "jer-drag-n-drop-padding", style: p("dropZone", w) }) : null, handleDrop: D };
+}, Qn = (e, t, n, r) => {
+  var a, i, s;
+  if (!t.current) return 0;
+  const p = parseInt((a = getComputedStyle(n.current).getPropertyValue("line-height")) !== null && a !== void 0 ? a : "16px"), d = ((s = (i = t.current) === null || i === void 0 ? void 0 : i.offsetWidth) !== null && s !== void 0 ? s : 0) / (0.5 * p), l = r(e).replace(/\\n/g, `
+`).split(`
+`).map(((c) => Math.ceil(c.length / d))).reduce(((c, u) => c + u), 0) * p;
+  return Math.min(l + 30, window.innerHeight - 50);
+}, mt = ({ isEditingKey: e, canEditKey: t, pathString: n, path: r, name: a, arrayIndexFromOne: i, handleKeyboard: s, handleEditKey: p, handleCancel: d, handleClick: l, keyValueArray: c, styles: u, getNextOrPrevious: h, emptyStringKey: f }) => {
+  const { setCurrentlyEditingElement: m } = He(), v = typeof a == "number" ? String(a + (i ? 1 : 0)) : a;
+  return e ? o.jsx("input", { className: "jer-input-text jer-key-edit", type: "text", name: n, defaultValue: v, autoFocus: !0, onFocus: (D) => D.target.select(), onKeyDown: (D) => s(D, { stringConfirm: () => p(D.target.value), cancel: d, tabForward: () => {
+    if (p(D.target.value), c) {
+      const O = c?.[0][0];
+      m(O ? [...r, O] : h("next"));
+    } else m(r);
+  }, tabBack: () => {
+    p(D.target.value), m(h("prev"));
+  } }), style: { width: v.length / 1.5 + 0.5 + "em" } }) : o.jsxs("span", { className: "jer-key-text", style: Object.assign(Object.assign({}, u), { minWidth: `${Math.min(v.length + 1, 5)}ch`, flexShrink: v.length > 10 ? 1 : 0 }), onDoubleClick: () => t && m(r, "key"), onClick: l, children: [f ? o.jsx("span", { className: "jer-empty-string", children: f }) : v, v !== "" || f ? o.jsx("span", { className: "jer-key-colon", children: ":" }) : null] });
+}, dn = (e) => {
+  const { data: t, parentData: n, onEdit: r, onDelete: a, onChange: i, onMove: s, enableClipboard: p, canDragOnto: d, restrictTypeSelection: l, searchFilter: c, searchText: u, showLabel: h, stringTruncate: f, showStringQuotes: m, arrayIndexFromOne: v, indent: D, translate: O, customNodeDefinitions: w, customNodeData: N, handleKeyboard: _, keyboardControls: Y, sort: F, editConfirmRef: H, jsonStringify: J, showIconTooltips: W } = e, { getStyles: C } = Ce(), { setCurrentlyEditingElement: k, setCollapseState: L, previouslyEditedElement: $, setPreviouslyEditedElement: ae, tabDirection: X, setTabDirection: ne, previousValue: Z, setPreviousValue: M } = He(), [z, ge] = G(typeof t == "function" ? St : t), { pathString: B, nodeData: I, path: R, name: q, canEdit: me, canDelete: Ke, canDrag: Ne, error: je, onError: ue, handleEditKey: ve, emptyStringKey: $e, derivedValues: ke } = cn({ props: e }), { dragSourceProps: nt, getDropTargetProps: rt, BottomDropTarget: re, DropTargetPadding: de } = un({ canDrag: Ne, canDragOnto: d, path: R, nodeData: I, onMove: s, onError: ue, translate: O }), [be, Ee] = G(Nt(t, N)), S = Ie(((g) => {
+    if (!i) return void ge(g);
+    const b = i({ currentData: I.fullData, newValue: g, currentValue: z, name: q, path: R });
+    ge(b);
+  }), [i]);
+  Oe((() => {
+    ge(typeof t == "function" ? St : t), Ee(Nt(t, N));
+  }), [t, je]);
+  const { CustomNode: V, customNodeProps: Q, hideKey: Te, showEditTools: xe = !0, showOnEdit: Ae, showOnView: Pe, passOriginalNode: Re } = N, Ve = [...Zn, ...w.filter((({ showInTypesSelector: g = !1, name: b }) => g && !!b)).map((({ name: g }) => g))], Se = le((() => {
+    if (typeof l == "boolean") return l ? [] : Ve;
+    if (Array.isArray(l)) return l;
+    const g = l(I);
+    return typeof g == "boolean" ? g ? [] : Ve : g;
+  }), [I, l]), [se, _e] = G(((g, b) => {
+    var P;
+    if (typeof g != "string") return null;
+    const oe = b.filter(((U) => U instanceof Object && U.enum && U.values.includes(g) && U.matchPriority));
+    return oe.sort(((U, te) => {
+      var Me, ze;
+      return ((Me = te.matchPriority) !== null && Me !== void 0 ? Me : 0) - ((ze = U.matchPriority) !== null && ze !== void 0 ? ze : 0);
+    })), (P = oe[0]) !== null && P !== void 0 ? P : null;
+  })(z, Se)), { isEditing: ie } = ke, Ge = tn("value", I, c, u);
+  if (ie && (!Ge || !me)) {
+    const g = We(I.fullData, R, X, F);
+    k(g || $);
+  }
+  if (!Ge) return null;
+  const we = (g) => {
+    let b;
+    if (k(null), M(null), g === void 0 || ((P) => P && typeof P == "object" && "type" in P && "target" in P && "preventDefault" in P && typeof P.preventDefault == "function")(g)) switch (be) {
+      case "object":
+        b = { [O("DEFAULT_NEW_KEY", I)]: z };
+        break;
+      case "array":
+        b = z ?? [];
+        break;
+      case "number": {
+        const P = Number(z);
+        b = isNaN(P) ? 0 : P;
+        break;
+      }
+      default:
+        b = z;
+    }
+    else b = g;
+    r(b, R).then(((P) => {
+      P && ue({ code: "UPDATE_ERROR", message: P }, b);
+    }));
+  }, fe = () => {
+    k(null), Z === null ? (ge(t), M(null)) : r(Z, R);
+  }, { isEditingKey: Je, canEditKey: Xe } = ke, pe = !ie && je, ee = ie && Se.length > 1, Le = (be !== "invalid" || V) && !je && xe, E = h && !Te, j = V && (ie && Ae || !ie && Pe), x = { value: z, parentData: n, setValue: S, isEditing: ie, canEdit: me, setIsEditing: me ? () => k(R) : () => {
+  }, handleEdit: we, handleCancel: fe, path: R, stringTruncate: f, showStringQuotes: m, nodeData: I, enumType: se, translate: O, handleKeyboard: _, keyboardCommon: { cancel: fe, tabForward: () => {
+    ne("next"), ae(B);
+    const g = We(I.fullData, R, "next", F);
+    g && (we(), k(g));
+  }, tabBack: () => {
+    ne("prev"), ae(B);
+    const g = We(I.fullData, R, "prev", F);
+    g && (we(), k(g));
+  } } }, A = { canEditKey: Xe, isEditingKey: Je, pathString: B, path: R, name: q, arrayIndexFromOne: v, handleKeyboard: _, handleEditKey: ve, handleCancel: fe, styles: C("property", I), getNextOrPrevious: (g) => We(I.fullData, R, g, F), emptyStringKey: $e }, T = j ? o.jsx(V, Object.assign({}, e, { value: z, customNodeProps: Q, setValue: S, handleEdit: we, handleCancel: fe, handleKeyPress: (g) => _(g, { stringConfirm: we, cancel: fe }), isEditing: ie, setIsEditing: () => k(R), getStyles: C, originalNode: Re ? $t(t, x) : void 0, originalNodeKey: Re ? o.jsx(mt, Object.assign({}, A)) : void 0, canEdit: me, keyboardCommon: x.keyboardCommon, onError: ue })) : $t(t, x);
+  return o.jsxs("div", Object.assign({ className: "jer-component jer-value-component", style: { marginLeft: n !== null ? D / 2 + "em" : 0, position: "relative" }, draggable: Ne }, nt, rt("above"), { children: [re, o.jsx(de, { position: "above", nodeData: I }), o.jsxs("div", { className: "jer-value-main-row", style: { flexWrap: q.length > 10 ? "wrap" : "nowrap" }, children: [E && o.jsx(mt, Object.assign({}, A)), o.jsxs("div", { className: "jer-value-and-buttons", children: [o.jsx("div", { className: "jer-input-component", children: T }), ie ? o.jsx(Pt, { onOk: we, onCancel: fe, nodeData: I, editConfirmRef: H }) : Le && o.jsx(ln, { startEdit: me ? () => {
+    M(Z), k(R, fe);
+  } : void 0, handleDelete: Ke ? () => {
+    a(z, R).then(((g) => {
+      g && ue({ code: "DELETE_ERROR", message: g }, z);
+    }));
+  } : void 0, enableClipboard: p, translate: O, customButtons: e.customButtons, nodeData: I, handleKeyboard: _, keyboardControls: Y, editConfirmRef: H, jsonStringify: J, showIconTooltips: W }), ee && o.jsxs("div", { className: "jer-select jer-select-types", children: [o.jsx("select", { name: `${q}-type-select`, className: "jer-select-inner", onChange: (g) => ((b) => {
+    const P = w.find(((te) => te.name === b));
+    if (P) return r(P.defaultValue, R), Ee(b), _e(null), k(null), void L({ path: R, collapsed: !1, includeChildren: !1 });
+    const oe = Se.find(((te) => te instanceof Object && te.enum === b));
+    if (oe) return typeof z == "string" && oe.values.includes(z) || r(oe.values[0], R).then(((te) => {
+      te && (ue({ code: "UPDATE_ERROR", message: te }, U), k(null));
+    })), void _e(oe);
+    const U = qn(z, b, O("DEFAULT_NEW_KEY", I), N?.CustomNode ? O("DEFAULT_STRING", I) : void 0);
+    ["string", "number", "boolean"].includes(b) || k(null), r(U, R).then(((te) => {
+      te ? (ue({ code: "UPDATE_ERROR", message: te }, U), k(null)) : _e(null);
+    }));
+  })(g.target.value), value: se ? se.enum : be, children: Se.map(((g) => g instanceof Object && "enum" in g ? o.jsx("option", { value: g.enum, children: g.enum }, g.enum) : o.jsx("option", { value: g, children: g }, g))) }), o.jsx("span", { className: "focus" })] }), pe && o.jsx("span", { className: "jer-error-slug", style: C("error", I), children: je })] })] }), o.jsx(de, { position: "below", nodeData: I })] }));
+}, Nt = (e, t) => t?.CustomNode && t?.name && t.showInTypesSelector ? t.name : typeof e == "string" ? "string" : typeof e == "number" ? "number" : typeof e == "boolean" ? "boolean" : e === null ? "null" : "invalid", $t = (e, t) => {
+  const n = Nt(e), { value: r } = t;
+  switch (n) {
+    case "string":
+      return o.jsx(_n, Object.assign({}, t, { value: r }));
+    case "number":
+      return o.jsx(Ln, Object.assign({}, t, { value: r }));
+    case "boolean":
+      return o.jsx(Mn, Object.assign({}, t, { value: r }));
+    case "null":
+      return o.jsx(Fn, Object.assign({}, t));
+    default:
+      return o.jsx(Bn, Object.assign({}, t));
+  }
+}, qn = (e, t, n, r) => {
+  switch (t) {
+    case "string":
+      return r ?? String(e);
+    case "number": {
+      const a = Number(e);
+      return isNaN(a) ? 0 : a;
+    }
+    case "boolean":
+      return !!e;
+    case "null":
+      return null;
+    case "object":
+      return { [n]: e };
+    case "array":
+      return [e];
+    default:
+      return String(e);
+  }
+}, pn = (e = [], t) => {
+  const n = e.filter((({ condition: m }) => m(t)));
+  if (n.length === 0) return {};
+  const r = n[0], { element: a, wrapperElement: i, customNodeProps: s, wrapperProps: p, hideKey: d = !1, showEditTools: l = !0, showOnEdit: c = !1, showOnView: u = !0, showCollectionWrapper: h = !0 } = r, f = qt(r, ["element", "wrapperElement", "customNodeProps", "wrapperProps", "hideKey", "showEditTools", "showOnEdit", "showOnView", "showCollectionWrapper"]);
+  return Object.assign({ CustomNode: a, CustomWrapper: i, customNodeProps: s, wrapperProps: p, hideKey: d, showEditTools: l, showOnEdit: c, showOnView: u, showCollectionWrapper: h }, f);
+}, hn = (e) => {
+  const { getStyles: t } = Ce(), { collapseState: n, setCollapseState: r, getMatchingCollapseState: a, currentlyEditingElement: i, setCurrentlyEditingElement: s, areChildrenBeingEdited: p, previousValue: d, setPreviousValue: l } = He(), { mainContainerRef: c, data: u, nodeData: h, parentData: f, showCollectionCount: m, onEdit: v, onAdd: D, onDelete: O, canDragOnto: w, collapseFilter: N, collapseAnimationTime: _, onMove: Y, enableClipboard: F, onEditEvent: H, showIconTooltips: J, searchFilter: W, searchText: C, indent: k, sort: L, showArrayIndices: $, arrayIndexFromOne: ae, defaultValue: X, newKeyOptions: ne, translate: Z, customNodeDefinitions: M, customNodeData: z, jsonParse: ge, jsonStringify: B, TextEditor: I, keyboardControls: R, handleKeyboard: q, insertAtTop: me, onCollapse: Ke, editConfirmRef: Ne, collapseClickZones: je } = e, [ue, ve] = G(B(u)), $e = N(h), { contentRef: ke, isAnimating: nt, maxHeight: rt, collapsed: re, animateCollapse: de, cssTransitionValue: be } = ((y, K, ye, he, De) => {
+    const [vn, pt] = G(ye ? 0 : void 0), [ht, bn] = G(ye), bt = ce(!1), Et = ce(null), zt = ce(0), Ft = ce(0), En = K / 1e3 + "s", xn = Ie(((xt) => {
+      var wt, Dt;
+      if (ht !== xt) {
+        switch (window.clearTimeout(Ft.current), bt.current = !0, xt) {
+          case !0: {
+            const Bt = (Dt = (wt = Et.current) === null || wt === void 0 ? void 0 : wt.offsetHeight) !== null && Dt !== void 0 ? Dt : 0;
+            zt.current = Bt, pt(Bt), setTimeout((() => {
+              pt(0);
+            }), 5);
+            break;
+          }
+          case !1:
+            pt(zt.current || Qn(y, Et, he, De));
+        }
+        bn(!ht), Ft.current = window.setTimeout((() => {
+          bt.current = !1, xt || pt(void 0);
+        }), K);
+      }
+    }), [K, ht, y, he, De]);
+    return { contentRef: Et, isAnimating: bt.current, animateCollapse: xn, maxHeight: vn, collapsed: ht, cssTransitionValue: En };
+  })(u, _, $e, c, B), { pathString: Ee, nodeData: S, path: V, name: Q, size: Te, canEdit: xe, canDelete: Ae, canAdd: Pe, canDrag: Re, error: Ve, setError: Se, onError: se, handleEditKey: _e, emptyStringKey: ie, derivedValues: Ge } = cn({ props: e, collapsed: re }), { dragSourceProps: we, getDropTargetProps: fe, BottomDropTarget: Je, DropTargetPadding: Xe } = un({ canDrag: Re, canDragOnto: w, path: V, nodeData: S, onMove: Y, onError: se, translate: Z }), pe = ce(!$e), { isEditing: ee, isEditingKey: Le, isArray: E, canEditKey: j } = Ge;
+  Oe((() => {
+    ve(B(u));
+  }), [u, B]), Oe((() => {
+    const y = N(S) && !ee;
+    pe.current = !y, de(y);
+  }), [N]), Oe((() => {
+    if (n !== null) {
+      const y = a(V);
+      y && (pe.current = !0, de(y.collapsed));
+    }
+  }), [n]);
+  const x = ce(null), A = Ie(((y, K) => {
+    if (typeof X != "function") return X;
+    const ye = X(y, K);
+    return ye !== void 0 ? ye : null;
+  }), [X]), T = Ie(((y) => ne ? typeof ne != "function" ? ne : ne(y) : null), [ne]), { CustomNode: g, customNodeProps: b, CustomWrapper: P, wrapperProps: oe = {}, hideKey: U, showEditTools: te = !0, showOnEdit: Me, showOnView: ze, showCollectionWrapper: ft = !0 } = z, ct = p(Ee);
+  if (ct && re && de(!1), !(tn("collection", S, W, C) || S.level === 0) && !ct) return null;
+  const Ze = Array.isArray(u) ? "array" : "object", yt = Ze === "array" ? { open: "[", close: "]" } : { open: "{", close: "}" }, It = (y) => {
+    if (y.key !== "Tab" || y.getModifierState("Shift")) q(y, { objectConfirm: dt, cancel: ot });
+    else {
+      y.preventDefault();
+      const K = rn(x, "	");
+      ve(K);
+    }
+  }, ut = (y) => {
+    y.stopPropagation();
+    const K = Tt(y);
+    if (K && R.collapseModifier.includes(K)) return pe.current = !0, void r({ collapsed: !re, path: V, includeChildren: !0 });
+    i && i.includes(Ee) || (pe.current = !0, r(null), Ke && Ke({ path: V, collapsed: !re, includeChildren: !1 }), de(!re));
+  }, dt = () => {
+    try {
+      const y = ge(ue);
+      if (s(null), l(null), Se(null), B(y) === B(u)) return;
+      v(y, V).then(((K) => {
+        K && se({ code: "UPDATE_ERROR", message: K }, y);
+      }));
+    } catch {
+      se({ code: "INVALID_JSON", message: Z("ERROR_INVALID_JSON", S) }, ue);
+    }
+  }, gn = V.length > 0 ? () => {
+    O(u, V).then(((y) => {
+      y && se({ code: "DELETE_ERROR", message: y }, u);
+    }));
+  } : void 0, ot = () => {
+    s(null), d === null ? (Se(null), ve(B(u)), l(null)) : v(d, V);
+  }, Kt = m === "when-closed" ? re : m, mn = !ee && te, fn = ($ || !E) && !U && Q !== void 0, yn = g && (ee && Me || !ee && ze), jt = Object.entries(u).map((([y, K]) => [Ze === "array" ? Number(y) : y, K]));
+  Ze === "object" && L(jt, ((y) => y));
+  const Rt = pe.current ? ee ? o.jsxs("div", { className: "jer-collection-text-edit", children: [I ? o.jsx(I, { value: ue, onChange: ve, onKeyDown: (y) => q(y, { objectConfirm: dt, cancel: ot }) }) : o.jsx(en, { textAreaRef: x, className: "jer-collection-text-area", name: Ee, value: ue, setValue: ve, handleKeyPress: It, styles: t("input", S) }), o.jsx("div", { className: "jer-collection-input-button-row", children: o.jsx(Pt, { onOk: dt, onCancel: ot, nodeData: S, editConfirmRef: Ne }) })] }) : jt.map((([y, K], ye) => {
+    const he = { key: y, value: K, path: [...V, y], level: V.length + 1, index: ye, size: et(K) ? Object.keys(K).length : null, parentData: u, fullData: S.fullData }, De = pn(M, he);
+    return o.jsx("div", { className: "jer-collection-element", style: t("collectionElement", he), children: et(K) && !De?.renderCollectionAsValue ? o.jsx(hn, Object.assign({}, e, { data: K, parentData: u, nodeData: he, showCollectionCount: m, canDragOnto: xe, customNodeData: De }), y) : o.jsx(dn, Object.assign({}, e, { data: K, parentData: u, nodeData: he, canDragOnto: xe, showLabel: Ze === "object" || $, customNodeData: De }), y) }, y);
+  })) : null, vt = !!ft && re && !ct;
+  vt || (pe.current = !0);
+  const Vt = Object.assign(Object.assign({}, e), { data: u, value: u, parentData: f, nodeData: S, setValue: (y) => Qe(void 0, void 0, void 0, (function* () {
+    return yield v(y, V);
+  })), handleEdit: dt, handleCancel: ot, handleKeyPress: It, isEditing: ee, setIsEditing: () => s(V), getStyles: t, canDragOnto: xe, canEdit: xe, keyboardCommon: {}, onError: se }), jn = yn ? o.jsx(g, Object.assign({ customNodeProps: b }, Vt, { children: Rt })) : Rt, _t = mn && o.jsx(ln, { startEdit: xe ? () => {
+    pe.current = !0, l(null), s(V);
+  } : void 0, handleAdd: Pe ? (y) => {
+    de(!1);
+    const K = A(S, y);
+    if (Ze === "array") {
+      const ye = me.array ? 0 : u.length, he = me.array ? { insert: !0 } : {};
+      D(K, [...V, ye], he).then(((De) => {
+        De && se({ code: "ADD_ERROR", message: De }, K);
+      }));
+    } else if (y in u) se({ code: "KEY_EXISTS", message: Z("ERROR_KEY_EXISTS", S) }, y);
+    else {
+      const ye = me.object ? { insertBefore: 0 } : {};
+      D(K, [...V, y], ye).then(((he) => {
+        he && se({ code: "ADD_ERROR", message: he }, K);
+      }));
+    }
+  } : void 0, handleDelete: Ae ? gn : void 0, enableClipboard: F, type: Ze, nodeData: S, translate: Z, customButtons: e.customButtons, keyboardControls: R, handleKeyboard: q, getNewKeyOptions: T, editConfirmRef: Ne, jsonStringify: B, onEditEvent: H, showIconTooltips: J }), Lt = { canEditKey: j, isEditingKey: Le, pathString: Ee, path: V, name: Q, arrayIndexFromOne: ae, handleKeyboard: q, handleEditKey: _e, handleCancel: ot, keyValueArray: jt, styles: t("property", S), getNextOrPrevious: (y) => We(S.fullData, V, y, L), handleClick: je.includes("property") ? ut : (y) => y.stopPropagation(), emptyStringKey: ie }, Mt = o.jsxs("div", Object.assign({ className: "jer-component jer-collection-component", style: Object.assign(Object.assign({ marginLeft: (V.length === 0 ? 0 : k / 2) + "em" }, t("collection", S)), { position: "relative" }), draggable: Re }, we, fe("above"), { children: [o.jsx("div", { className: "jer-clickzone", style: { width: k / 2 + 1 + "em", zIndex: 10 + 2 * S.level }, onClick: je.includes("left") ? ut : void 0 }), !ee && Je, o.jsx(Xe, { position: "above", nodeData: S }), ft ? o.jsxs("div", { className: "jer-collection-header-row", style: { position: "relative" }, onClick: je.includes("header") ? ut : void 0, children: [o.jsxs("div", { className: "jer-collection-name", children: [o.jsx("div", { className: "jer-collapse-icon jer-accordion-icon" + (re ? " jer-rotate-90" : ""), style: { zIndex: 11 + 2 * S.level, transition: be }, onClick: ut, children: o.jsx(Ye, { name: "chevron", rotate: re, nodeData: S }) }), fn && o.jsx(mt, Object.assign({}, Lt)), !ee && o.jsx("span", { className: "jer-brackets jer-bracket-open", style: t("bracket", S), children: yt.open })] }), !ee && Kt && o.jsx("div", { className: "jer-collection-item-count" + (Kt ? " jer-visible" : " jer-hidden"), style: Object.assign(Object.assign({}, t("itemCount", S)), { transition: be }), children: Te === 1 ? Z("ITEM_SINGLE", Object.assign(Object.assign({}, S), { size: 1 }), 1) : Z("ITEMS_MULTIPLE", S, Te) }), o.jsx("div", { className: "jer-brackets" + (vt ? " jer-visible" : " jer-hidden"), style: Object.assign(Object.assign({}, t("bracket", S)), { transition: be }), children: yt.close }), _t] }) : U ? o.jsx(o.Fragment, {}) : o.jsxs("div", { className: "jer-collection-header-row", style: { position: "relative" }, children: [o.jsx(mt, Object.assign({}, Lt)), _t] }), o.jsxs("div", { className: "jer-collection-inner", style: Object.assign(Object.assign({ overflowY: vt || nt ? "clip" : "visible", maxHeight: ct ? void 0 : rt }, t("collectionInner", S)), { transition: be }), ref: ke, children: [jn, o.jsx("div", { className: ee ? "jer-collection-error-row" : "jer-collection-error-row-edit", children: Ve && o.jsx("span", { className: "jer-error-slug", style: t("error", S), children: Ve }) }), !ee && ft && o.jsx("div", { className: "jer-brackets jer-bracket-outside", style: Object.assign(Object.assign({}, t("bracket", S)), { marginLeft: (k < 3 ? -1 : k < 6 ? -0.5 : 0) + "em" }), children: yt.close })] }), o.jsx(Xe, { position: "below", nodeData: S })] }));
+  return P ? o.jsx(P, Object.assign({ customNodeProps: oe }, Vt, { children: Mt })) : Mt;
+}, er = { 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 = (e, t) => (n, r, a) => ((i, s, p, d, l) => {
+  if (s[d]) {
+    const u = s[d](p);
+    if (u !== null) return u;
+  }
+  const c = d in i ? i[d] : er[d];
+  return l === void 0 ? c : c?.replace("{{count}}", String(l));
+})(e, t, r, n, a);
+var Gt = [], at = [];
+(function(e, t) {
+  if (e && typeof document < "u") {
+    var n, r = t.prepend === !0 ? "prepend" : "append", a = t.singleTag === !0, i = typeof t.container == "string" ? document.querySelector(t.container) : document.getElementsByTagName("head")[0];
+    if (a) {
+      var s = Gt.indexOf(i);
+      s === -1 && (s = Gt.push(i) - 1, at[s] = {}), n = at[s] && at[s][r] ? at[s][r] : at[s][r] = p();
+    } else n = p();
+    e.charCodeAt(0) === 65279 && (e = e.substring(1)), n.styleSheet ? n.styleSheet.cssText += e : n.appendChild(document.createTextNode(e));
+  }
+  function p() {
+    var d = document.createElement("style");
+    if (d.setAttribute("type", "text/css"), t.attributes) for (var l = Object.keys(t.attributes), c = 0; c < l.length; c++) d.setAttribute(l[c], t.attributes[l[c]]);
+    var u = r === "prepend" ? "afterbegin" : "beforeend";
+    return i.insertAdjacentElement(u, d), d;
+  }
+})(':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 nr = ({ data: e, setData: t, rootName: n = "root", onUpdate: r = () => {
+}, onEdit: a = r, onDelete: i = r, onAdd: s = r, onChange: p, onError: d, onEditEvent: l, showErrorMessages: c = !0, enableClipboard: u = !0, indent: h = 2, collapse: f = !1, collapseAnimationTime: m = 300, showCollectionCount: v = !0, restrictEdit: D = !1, restrictDelete: O = !1, restrictAdd: w = !1, restrictTypeSelection: N = !1, restrictDrag: _ = !0, viewOnly: Y, searchFilter: F, searchText: H, searchDebounceTime: J = 350, keySort: W = !1, showArrayIndices: C = !0, arrayIndexFromOne: k = !1, showStringQuotes: L = !0, showIconTooltips: $ = !1, defaultValue: ae = null, newKeyOptions: X, minWidth: ne = 250, maxWidth: Z = "min(600px, 90vw)", rootFontSize: M, stringTruncate: z = 250, translations: ge = {}, className: B, id: I, customText: R = {}, customNodeDefinitions: q = [], customButtons: me = [], jsonParse: Ke = JSON.parse, jsonStringify: Ne = (re, de) => JSON.stringify(re, de, 2), TextEditor: je, errorMessageTimeout: ue = 2500, keyboardControls: ve = {}, externalTriggers: $e, insertAtTop: ke = !1, onCollapse: nt, collapseClickZones: rt = ["header", "left"] }) => {
+  const { getStyles: re } = Ce(), { setCurrentlyEditingElement: de } = He(), be = le((() => it(f)), [f]), Ee = le((() => tr(ge, R)), [ge, R]), [S, V] = G(H), [Q, Te] = (({ setData: E, data: j }) => {
+    const [x, A] = G(E ? void 0 : j), T = Ie(((g) => {
+      E ? E(g) : A(g);
+    }), [E]);
+    return Oe((() => {
+      E || A(j);
+    }), [j]), [E ? j : x, T];
+  })({ setData: t, data: e }), xe = ce(null);
+  Oe((() => {
+    de(null);
+    const E = setTimeout((() => V(H)), J);
+    return () => clearTimeout(E);
+  }), [H, J]);
+  const Ae = { key: n, path: [], level: 0, index: 0, value: Q, size: typeof Q == "object" && Q !== null ? Object.keys(Q).length : 1, parentData: null, fullData: Q }, Pe = (E, j) => Qe(void 0, void 0, void 0, (function* () {
+    const x = yield E(j);
+    if (x === !0 || x === void 0) return void Te(j.newData);
+    const A = or(x) ? x : ["error", x], [T, g] = A;
+    if (T === "error") return Te(j.currentData), g === !1 ? Ee("ERROR_UPDATE", Ae) : String(g);
+    Te(g);
+  })), Re = le((() => it(D, Y)), [D, Y]), Ve = le((() => it(O, Y)), [O, Y]), Se = le((() => it(w, Y)), [w, Y]), se = le((() => it(_, Y)), [_, Y]), _e = le((() => rr(F)), [F]), ie = le((() => ((E) => {
+    const j = Object.assign({}, Ht);
+    for (const x of Object.keys(Ht)) {
+      const A = x;
+      if (E[A]) {
+        const T = E[A], g = ["clipboardModifier", "collapseModifier"].includes(x) ? Array.isArray(T) ? T : [T] : typeof T == "string" ? { key: T } : T;
+        j[A] = g, ["stringConfirm", "numberConfirm", "booleanConfirm"].forEach(((b) => {
+          !E[b] && E.confirm && (j[b] = j.confirm);
+        }));
+      }
+    }
+    return j;
+  })(ve)), [ve]), Ge = Ie(((E, j) => ((x, A, T) => {
+    const g = Object.entries(A);
+    for (const [b, P] of g) if (Sn(T, x[b], b)) {
+      T.preventDefault(), P();
+      break;
+    }
+  })(ie, j, E)), [ie]), we = le((() => {
+    const E = Jt(q, "stringifyReplacer");
+    return (j) => Ne(j, E);
+  }), [q, Ne]), fe = le((() => {
+    const E = Jt(q, "parseReviver");
+    return (j) => {
+      const x = Ke(j, E);
+      return kt(x);
+    };
+  }), [q, Ke]), Je = ce(null);
+  ((E, j) => {
+    const { setCurrentlyEditingElement: x, currentlyEditingElement: A, setCollapseState: T } = He();
+    Oe((() => {
+      if (!E) return;
+      const { collapse: g, edit: b } = E;
+      g && T(g);
+      const P = !b?.path || Ue(b.path) === A;
+      switch (b?.action) {
+        case "accept":
+          P && (j.current && j.current.click(), x(null));
+          break;
+        case "cancel":
+          P && x(null);
+          break;
+        default:
+          b?.path && x(b.path);
+      }
+    }), [E]);
+  })($e, Je);
+  const Xe = Ie(((E, j) => {
+    W !== !1 && (typeof W != "function" ? E.sort(((x, A) => {
+      const T = j(x)[0], g = j(A)[0];
+      return T < g ? -1 : T > g ? 1 : 0;
+    })) : E.sort(((x, A) => W(j(x), j(A)))));
+  }), [W]), pe = pn(q, Ae), ee = { mainContainerRef: xe, name: n, nodeData: Ae, onEdit: (E, j) => Qe(void 0, void 0, void 0, (function* () {
+    const { currentData: x, newData: A, currentValue: T, newValue: g } = st(Q, j, E, "update");
+    if (T !== g) return yield Pe(a, { currentData: x, newData: A, currentValue: T, newValue: g, name: j.slice(-1)[0], path: j });
+  })), onDelete: (E, j) => Qe(void 0, void 0, void 0, (function* () {
+    const { currentData: x, newData: A, currentValue: T, newValue: g } = st(Q, j, E, "delete");
+    return yield Pe(i, { currentData: x, newData: A, currentValue: T, newValue: g, name: j.slice(-1)[0], path: j });
+  })), onAdd: (E, j, x) => Qe(void 0, void 0, void 0, (function* () {
+    const { currentData: A, newData: T, currentValue: g, newValue: b } = st(Q, j, E, "add", x);
+    return yield Pe(s, { currentData: A, newData: T, currentValue: g, newValue: b, name: j.slice(-1)[0], path: j });
+  })), onChange: p, onError: d, onEditEvent: l, showErrorMessages: c, onMove: (E, j, x) => Qe(void 0, void 0, void 0, (function* () {
+    if (E === null) return;
+    const { currentData: A, newData: T, currentValue: g } = st(Q, E, "", "delete"), b = E.slice(-1)[0], P = j.slice(0, -1), oe = j.slice(-1)[0];
+    let U = typeof oe == "number" ? x === "above" ? oe : oe + 1 : typeof b == "number" ? `arr_${b}` : b;
+    E.slice(0, -1).join(".") === j.slice(0, -1).join(".") && typeof b == "number" && typeof U == "number" && b < U && (U -= 1);
+    const te = typeof U == "number" ? { insert: !0 } : x === "above" ? { insertBefore: oe } : { insertAfter: oe }, { newData: Me, newValue: ze } = st(T, [...P, U], g, "add", te);
+    return yield Pe(a, { currentData: A, newData: Me, currentValue: g, newValue: ze, name: j.slice(-1)[0], path: j });
+  })), showCollectionCount: v, collapseFilter: be, collapseAnimationTime: m, restrictEditFilter: Re, restrictDeleteFilter: Ve, restrictAddFilter: Se, restrictTypeSelection: N, restrictDragFilter: se, canDragOnto: !1, searchFilter: _e, searchText: S, enableClipboard: u, keySort: W, sort: Xe, showArrayIndices: C, arrayIndexFromOne: k, showStringQuotes: L, showIconTooltips: $, indent: h, defaultValue: ae, newKeyOptions: X, stringTruncate: z, translate: Ee, customNodeDefinitions: q, customNodeData: pe, customButtons: me, parentData: null, jsonParse: fe, jsonStringify: we, TextEditor: je, errorMessageTimeout: ue, handleKeyboard: Ge, keyboardControls: ie, insertAtTop: { object: ke === !0 || ke === "object", array: ke === !0 || ke === "array" }, onCollapse: nt, editConfirmRef: Je, collapseClickZones: rt }, Le = Object.assign(Object.assign({}, re("container", Ae)), { minWidth: ne, maxWidth: Z });
+  return Le.fontSize = M ?? Le.fontSize, o.jsx("div", { id: I, ref: xe, className: `jer-editor-container ${B ?? ""}`, style: Le, children: et(Q) && !pe.renderCollectionAsValue ? o.jsx(hn, Object.assign({ data: Q }, ee)) : o.jsx(dn, Object.assign({ data: Q, showLabel: !0 }, ee)) });
+}, ir = (e) => {
+  var t;
+  const [n, r] = G();
+  return Oe((() => {
+    const a = document.documentElement;
+    r(a);
+  }), []), n ? o.jsx(Tn, { theme: (t = e.theme) !== null && t !== void 0 ? t : At, icons: e.icons, docRoot: n, children: o.jsx(Kn, { onEditEvent: e.onEditEvent, onCollapse: e.onCollapse, children: o.jsx(nr, Object.assign({}, e)) }) }) : null;
+}, st = (e, t, n, r, a = {}) => {
+  if (t.length === 0) return { currentData: e, newData: n, currentValue: e, newValue: n };
+  const i = Object.assign({ remove: r === "delete" }, a), s = r !== "add" ? qe(e, t) : void 0;
+  return { currentData: e, newData: wn(e, t, n, i), currentValue: s, newValue: r !== "delete" ? n : void 0 };
+}, it = (e, t) => t ? () => !0 : typeof e == "boolean" ? () => e : typeof e == "number" ? ({ level: n }) => n >= e : e, rr = (e) => {
+  if (e !== void 0) return e === "value" ? tt : e === "key" ? Yt : e === "all" ? (t, n) => tt(t, n) || Yt(t, n) : e;
+}, or = (e) => Array.isArray(e) && e.length === 2 && ["error", "value"].includes(e[0]), Jt = (e, t) => {
+  const n = t === "stringifyReplacer" ? [(r) => r === void 0 ? on : r] : [];
+  if (n.push(...e.map(((r) => r[t])).filter(((r) => !!r))), n.length !== 0) return (r, a) => {
+    let i = a;
+    for (const s of n) i = s(i);
+    return i;
+  };
+};
+export {
+  Wn as IconAdd,
+  Gn as IconCancel,
+  Jn as IconChevron,
+  Un as IconCopy,
+  Hn as IconDelete,
+  Yn as IconEdit,
+  $n as IconOk,
+  ir as JsonEditor,
+  Rn as StringDisplay,
+  Vn as StringEdit,
+  wn as assign,
+  At as defaultTheme,
+  qe as extract,
+  et as isCollection,
+  tt as matchNode,
+  Yt as matchNodeKey,
+  Zn as standardDataTypes,
+  Ue as toPathString,
+  zn as useKeyboardListener
+};