@grasp-labs/ds-microfrontends-integration 0.6.2

package/dist/index.esm-DgyjJxy1-CnakrFTI.js

@@ -0,0 +1,781 @@
+import { c as o } from "./index-8yHLPV2n.js";
+import { useState as J, useEffect as De, createContext as Zt, useRef as ce, useContext as Gt, useMemo as le, useCallback as Re } from "react";
+const $e = (e, t, n, r, a) => {
+  if (!r) throw new Error(a ?? `Invalid property path: ${t}
+Couldn't access "${n}" in ${JSON.stringify(e)}`);
+}, Bt = (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 u = Object.assign(Object.assign({}, r), { remove: a, createNew: i, noError: s, fullData: p, fullPath: d }), c = 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 && c.length === 1 ? Qt(e, c[0]) : lt(e, c, n, u);
+}, lt = (e, t, n, r) => {
+  const a = Bt(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: u } = r, c = t[0];
+  if (i && typeof c == "string") return i.map(((b) => lt(b, t, n, r)));
+  if (t.length === 1)
+    return a && typeof c == "string" ? Dn(a, c, n, r) ?? a : i && typeof c == "number" ? (On(i, c, n, r), i) : ($e(l, u, c, d), e);
+  const h = a || i || [];
+  if (p && t.length === 2 && typeof t[1] == "number") {
+    const b = h[c], D = t[1];
+    return gt(b) ? h[c] = Qt(b, D) : $e(l, u, c, d, "Trying to remove an indexed item from an object that is not an array"), h;
+  }
+  const f = t.slice(1);
+  if (c in e) {
+    if (m = h[c], !gt(m) && !Bt(m)) {
+      if (!s) return $e(l, u, c, d), h;
+      h[c] = {};
+    }
+    return h[c] = lt(h[c], f, n, r), h;
+  }
+  var m;
+  if (s) {
+    const b = typeof f[0] == "number" ? [] : {};
+    if (a) return h[c] = b, h[c] = lt(h[c], f, n, r), h;
+    if (i && Array.isArray(h)) {
+      h.push(b);
+      const D = h.length - 1;
+      return h[D] = lt(h[D], f, n, r), h;
+    }
+  }
+  return $e(l, u, c, d), h;
+}, Dn = (e, t, n, r) => {
+  const { remove: a, createNew: i, noError: s, insertAfter: p, insertBefore: d, fullData: l, fullPath: u } = 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, b]) => m === (d ?? p))), p && f++, h.splice(f, 0, [t, n]), Object.fromEntries(h);
+  }
+  const c = t in e;
+  a ? c ? delete e[t] : $e(l, u, t, s) : i || c ? e[t] = n : $e(l, u, 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) : $e(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 (u) {
+        i(u);
+      }
+    }
+    function p(l) {
+      try {
+        d(r.throw(l));
+      } catch (u) {
+        i(u);
+      }
+    }
+    function d(l) {
+      var u;
+      l.done ? a(l.value) : (u = l.value, u instanceof n ? u : new n((function(c) {
+        c(u);
+      }))).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;
+  }
+}, Wt = ({ 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"] }, Be = (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: u, value: c }) => [u, c]));
+  const d = p.findIndex(((u) => u.key === i)), l = p[d + (n === "next" ? 1 : -1)];
+  return l ? et(l.value) ? Object.keys(l.value).length === 0 ? Be(e, [...a, l.key], n, r) : nn(e, [...a, l.key], n, r) : [...a, l.key] : a.length === 0 ? null : Be(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 = Zt({ 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 });
+}, Oe = () => Gt(an), An = (e, t) => {
+  var n, r, a, i;
+  const s = {}, p = (Array.isArray(e) ? e : [e]).map(((u) => Pn(u) ? Ot({ fragments: {}, styles: u }, s) : Ot(u, s))), d = Ot(At, {});
+  Object.keys(d).forEach(((u) => {
+    const c = u;
+    p.forEach(((h) => {
+      h[c] && (d[c] = Object.assign(Object.assign({}, d[c]), h[c]));
+    }));
+  }));
+  const l = Object.assign({}, d);
+  return Object.entries(s).forEach((([u, c]) => {
+    const h = u;
+    l[h] = (f) => {
+      const m = c(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 u, c;
+      if (typeof l == "function") return t[i] = l, Object.assign({}, d);
+      if (typeof l == "string") {
+        const h = (u = n?.[l]) !== null && u !== void 0 ? u : l;
+        return typeof h == "string" ? Object.assign(Object.assign({}, d), { [(c = Rn[i]) !== null && c !== void 0 ? c : "color"]: h }) : Object.assign(Object.assign({}, d), h);
+      }
+      return Object.assign(Object.assign({}, d), l);
+    }), {});
+    a[i] = p;
+  })), a;
+}, Pn = (e) => !("styles" in e), Rn = { container: "backgroundColor", collection: "backgroundColor", collectionInner: "backgroundColor", collectionElement: "backgroundColor", dropZone: "borderColor", inputHighlight: "backgroundColor" }, sn = Zt(null), In = ({ children: e, onEditEvent: t, onCollapse: n }) => {
+  const [r, a] = J(null), [i, s] = J(null), [p, d] = J(null), [l, u] = J({ path: null, pathString: null }), c = 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(((b) => n(b))) : n(m)), m !== null && setTimeout((() => a(null)), 2e3);
+  }, getMatchingCollapseState: (m) => {
+    if (Array.isArray(r)) {
+      for (const b of r) if (Ut(m, b)) return b;
+      return null;
+    }
+    return Ut(m, r) ? r : null;
+  }, currentlyEditingElement: i, setCurrentlyEditingElement: (m, b) => {
+    const D = typeof m == "string" || m === null ? m : Ue(m, b === "key" ? "key_" : void 0);
+    i !== null && D !== null && c.current !== null && c.current(), s(D), t && (Array.isArray(m) || m === null) && t(m, b === "key"), c.current = typeof b == "function" ? b : 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: u }, children: e });
+}, He = () => {
+  const e = Gt(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**", Vn = ({ nodeData: e, showStringQuotes: t = !0, stringTruncate: n = 200, pathString: r, canEdit: a, setIsEditing: i, styles: s, translate: p, value: d, TextWrapper: l = ({ children: u }) => u }) => {
+  const u = d ?? e.value, [c, h] = J(!1), f = t ? '"' : "", m = u.length > n, b = () => {
+    a ? i(!0) : h(!c);
+  };
+  return o.jsxs("div", { id: `${r}_display`, onDoubleClick: b, onClick: (D) => {
+    (D.getModifierState("Control") || D.getModifierState("Meta")) && b();
+  }, className: "jer-value-string", style: s, children: [f, m ? o.jsxs(o.Fragment, c ? { children: [o.jsx(l, { children: o.jsxs("span", { children: [u, 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: u.slice(0, n - 2).trimEnd() }), " "] }), o.jsx("span", { className: "jer-string-expansion jer-ellipsis", onClick: () => h(!0), children: "..." }), f] }) : o.jsx(l, { children: `${u}${f}` })] });
+}, Kn = ({ 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 } = Oe(), s = Ue(n), { value: p, setValue: d, nodeData: l, handleEdit: u, handleKeyboard: c, 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) => {
+    c(f, Object.assign({ stringConfirm: u }, h));
+  }, children: r.values.map(((f) => o.jsx("option", { value: f, children: f }, f))) }), o.jsx("span", { className: "focus" })] }) : t ? o.jsx(Kn, Object.assign({ styles: i("input", l), pathString: s }, a, { setValue: a.setValue })) : o.jsx(Vn, 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 } = Oe();
+  return n ? o.jsx("input", { className: "jer-input-number", type: "text", name: Ue(r), value: e, onChange: (u) => t(u.target.value.replace(/[^0-9.-]/g, "")), autoFocus: !0, onFocus: (u) => setTimeout((() => u.target.select()), 10), onKeyDown: (u) => p(u, 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 });
+}, zn = ({ value: e, setValue: t, isEditing: n, path: r, setIsEditing: a, handleEdit: i, nodeData: s, handleKeyboard: p, keyboardCommon: d }) => {
+  const { getStyles: l } = Oe();
+  return typeof e != "boolean" ? null : n ? o.jsx("input", { className: "jer-input-boolean", type: "checkbox", name: Ue(r), checked: e, onChange: () => t(!e), onKeyDown: (u) => {
+    u.key === " " && u.preventDefault(), p(u, 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) });
+}, Mn = (e, t) => {
+  const n = ce(void 0), r = ce(t);
+  De((() => {
+    r.current = t;
+  }), [t]);
+  const a = (i) => {
+    r.current(i);
+  };
+  De((() => {
+    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 } = Oe();
+  return Mn(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) });
+}, $n = ({ 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 });
+}, Bn = ({ 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" })] }), 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, 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" })] }), Yn = ({ 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" })] }), Jn = ({ 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" }) }), Xn = ({ 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" }) }), We = ({ name: e, nodeData: t }) => {
+  var n, r, a, i, s, p, d;
+  const { getStyles: l, icons: u } = Oe(), c = { size: "1.4em", className: "jer-icon" };
+  switch (e) {
+    case "add":
+      return (n = u?.add) !== null && n !== void 0 ? n : o.jsx(Bn, Object.assign({}, c, { style: l("iconAdd", t) }));
+    case "edit":
+      return (r = u?.edit) !== null && r !== void 0 ? r : o.jsx(Wn, Object.assign({}, c, { style: l("iconEdit", t) }));
+    case "delete":
+      return (a = u?.delete) !== null && a !== void 0 ? a : o.jsx(Hn, Object.assign({}, c, { style: l("iconDelete", t), size: "1.45em" }));
+    case "copy":
+      return (i = u?.copy) !== null && i !== void 0 ? i : o.jsx(Un, Object.assign({}, c, { style: l("iconCopy", t), size: "1.2em" }));
+    case "ok":
+      return (s = u?.ok) !== null && s !== void 0 ? s : o.jsx(Yn, Object.assign({}, c, { style: Object.assign({ fontSize: "90%" }, l("iconOk", t)) }));
+    case "cancel":
+      return (p = u?.cancel) !== null && p !== void 0 ? p : o.jsx(Jn, Object.assign({}, c, { style: Object.assign({ fontSize: "130%" }, l("iconCancel", t)) }));
+    case "chevron":
+      return (d = u?.chevron) !== null && d !== void 0 ? d : o.jsx(Xn, { 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: u, getNewKeyOptions: c, jsonStringify: h, onEditEvent: f, showIconTooltips: m }) => {
+  const { getStyles: b } = Oe(), D = p("KEY_NEW", s), [O, w] = J(D), [N, _] = J(!1), { key: W, path: z, value: H } = s, X = Array.isArray(N), $ = (C) => {
+    var k;
+    if (f && f(C ? [...z, null] : null, C), !C) return void _(!1);
+    const L = Object.keys(qe(s.fullData, z)), Y = c ? (k = c(s)) === null || k === void 0 ? void 0 : k.filter(((ae) => !L.includes(ae))) : null;
+    Y && w(""), _(Y == null || Y);
+  };
+  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, Y, ae = "value", Z = "", ne = null;
+    if (r) {
+      const G = Tt(C);
+      if (G && d.clipboardModifier.includes(G) ? (L = Zn(z), Z = L, ae = "path") : (L = H, Z = typeof L == "object" ? h(H) : String(L)), !navigator.clipboard) return void (typeof r == "function" && r({ success: !1, value: L, stringValue: Z, path: z, key: W, type: ae, errorMessage: "Can't access clipboard API" }));
+      (k = navigator.clipboard) === null || k === void 0 || k.writeText(Z).then((() => Y = !0)).catch(((M) => {
+        Y = !1, ne = M.message;
+      })).finally((() => {
+        typeof r == "function" && r({ success: Y, errorMessage: ne, value: L, stringValue: Z, path: z, key: W, type: ae });
+      }));
+    }
+  }, className: "jer-copy-pulse", title: m ? p("TOOLTIP_COPY", s) : "", children: o.jsx(We, { name: "copy", nodeData: s }) }), e && o.jsx("div", { onClick: e, title: m ? p("TOOLTIP_EDIT", s) : "", children: o.jsx(We, { name: "edit", nodeData: s }) }), t && o.jsx("div", { onClick: t, title: m ? p("TOOLTIP_DELETE", s) : "", children: o.jsx(We, { name: "delete", nodeData: s }) }), n && o.jsx("div", { onClick: () => {
+    a === "object" ? $(!0) : n("");
+  }, title: m ? p("TOOLTIP_ADD", s) : "", children: o.jsx(We, { name: "add", nodeData: s }) }), i?.map((({ Element: C, onClick: k }, L) => o.jsx("div", { onClick: (Y) => k && k(s, Y), children: o.jsx(C, { nodeData: s }) }, L))), N && n && a === "object" && o.jsxs(o.Fragment, { children: [X ? 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), $(!1);
+  }, defaultValue: "", autoFocus: !0, onKeyDown: (C) => {
+    l(C, { cancel: () => $(!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 && ($(!1), n(O), w(D));
+    }, cancel: () => {
+      $(!1), w(D);
+    } });
+  }, style: b("input", s) }), o.jsx(Pt, { onOk: () => {
+    X && !O || ($(!1), n(O));
+  }, onCancel: () => {
+    $(!1);
+  }, nodeData: s, editConfirmRef: u, hideOk: X })] })] });
+}, 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(We, { name: "ok", nodeData: n }) }), o.jsx("div", { onClick: t, children: o.jsx(We, { name: "cancel", nodeData: n }) })] }), Zn = (e) => e.reduce(((t, n) => typeof n == "number" ? `${t}[${n}]` : t === "" ? n : `${t}.${n}`), ""), Gn = ["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: u, restrictDragFilter: c, translate: h, errorMessageTimeout: f } = e, { currentlyEditingElement: m, setCurrentlyEditingElement: b } = He(), [D, O] = J(null), w = Object.assign(Object.assign({}, r), { collapsed: t }), { path: N, key: _, size: W } = w, z = Ue(N), H = !d(w), X = !l(w), $ = !u(w), C = !c(w) && X && m === null, k = (M) => {
+    p && (O(M), setTimeout((() => O(null)), f)), console.warn("Error", M);
+  }, L = Re(((M, F) => {
+    k(M.message), s && s({ currentData: w.fullData, errorValue: F, currentValue: n, name: _, path: N, error: M });
+  }), [s, p]), Y = m === z, ae = m === `key_${z}`, Z = typeof N.slice(-1)[0] == "number", ne = { isEditing: Y, isEditingKey: ae, isArray: Z, canEditKey: a !== null && H && $ && X && !Z }, G = _ === "" && N.length > 0 ? h("EMPTY_STRING", w) : null;
+  return { pathString: z, nodeData: w, path: N, name: _, size: W, canEdit: H, canDelete: X, canAdd: $, canDrag: C, error: D, showError: k, onError: L, setError: O, handleEditKey: (M) => {
+    if (b(null), _ === M || !a) return;
+    const F = 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, R]) => B === _ ? [M, R] : [B, R])));
+    i(ge, F).then(((B) => {
+      B && L({ code: "UPDATE_ERROR", message: B }, M);
+    }));
+  }, derivedValues: ne, emptyStringKey: G };
+}, dn = ({ canDrag: e, canDragOnto: t, path: n, nodeData: r, onMove: a, onError: i, translate: s }) => {
+  const { getStyles: p } = Oe(), { dragSource: d, setDragSource: l } = He(), [u, c] = J(!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 }), c(!1);
+  }, onDragEnter: (w) => {
+    var N;
+    w.stopPropagation(), h.startsWith((N = d.pathString) !== null && N !== void 0 ? N : "") || c(O);
+  }, onDragExit: (w) => {
+    w.stopPropagation(), c(!1);
+  } } : {}), [d, t, h]), b = 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], W = (N = d.path) === null || N === void 0 ? void 0 : N.slice(0, -1).join("."), z = n.slice(0, -1).join(""), { parentData: H } = r;
+    typeof _ == "string" && H && !Array.isArray(H) && Object.keys(H).includes(_) && _ in H && W !== z ? i({ code: "KEY_EXISTS", message: s("ERROR_KEY_EXISTS", r) }, _) : a(d.path, n, O).then(((X) => {
+      X && i({ code: "UPDATE_ERROR", message: X }, r.value);
+    }));
+  };
+  return { dragSourceProps: f, getDropTargetProps: m, BottomDropTarget: b, DropTargetPadding: ({ position: O, nodeData: w }) => u === 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(((u) => Math.ceil(u.length / d))).reduce(((u, c) => u + c), 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: u, styles: c, getNextOrPrevious: h, emptyStringKey: f }) => {
+  const { setCurrentlyEditingElement: m } = He(), b = 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: b, autoFocus: !0, onFocus: (D) => D.target.select(), onKeyDown: (D) => s(D, { stringConfirm: () => p(D.target.value), cancel: d, tabForward: () => {
+    if (p(D.target.value), u) {
+      const O = u?.[0][0];
+      m(O ? [...r, O] : h("next"));
+    } else m(r);
+  }, tabBack: () => {
+    p(D.target.value), m(h("prev"));
+  } }), style: { width: b.length / 1.5 + 0.5 + "em" } }) : o.jsxs("span", { className: "jer-key-text", style: Object.assign(Object.assign({}, c), { minWidth: `${Math.min(b.length + 1, 5)}ch`, flexShrink: b.length > 10 ? 1 : 0 }), onDoubleClick: () => t && m(r, "key"), onClick: l, children: [f ? o.jsx("span", { className: "jer-empty-string", children: f }) : b, b !== "" || f ? o.jsx("span", { className: "jer-key-colon", children: ":" }) : null] });
+}, un = (e) => {
+  const { data: t, parentData: n, onEdit: r, onDelete: a, onChange: i, onMove: s, enableClipboard: p, canDragOnto: d, restrictTypeSelection: l, searchFilter: u, searchText: c, showLabel: h, stringTruncate: f, showStringQuotes: m, arrayIndexFromOne: b, indent: D, translate: O, customNodeDefinitions: w, customNodeData: N, handleKeyboard: _, keyboardControls: W, sort: z, editConfirmRef: H, jsonStringify: X, showIconTooltips: $ } = e, { getStyles: C } = Oe(), { setCurrentlyEditingElement: k, setCollapseState: L, previouslyEditedElement: Y, setPreviouslyEditedElement: ae, tabDirection: Z, setTabDirection: ne, previousValue: G, setPreviousValue: M } = He(), [F, ge] = J(typeof t == "function" ? St : t), { pathString: B, nodeData: R, path: V, name: q, canEdit: me, canDelete: Ie, canDrag: Ne, error: je, onError: de, handleEditKey: be, emptyStringKey: Ye, derivedValues: Ce } = cn({ props: e }), { dragSourceProps: nt, getDropTargetProps: rt, BottomDropTarget: re, DropTargetPadding: ue } = dn({ canDrag: Ne, canDragOnto: d, path: V, nodeData: R, onMove: s, onError: de, translate: O }), [ve, xe] = J(Nt(t, N)), S = Re(((g) => {
+    if (!i) return void ge(g);
+    const x = i({ currentData: R.fullData, newValue: g, currentValue: F, name: q, path: V });
+    ge(x);
+  }), [i]);
+  De((() => {
+    ge(typeof t == "function" ? St : t), xe(Nt(t, N));
+  }), [t, je]);
+  const { CustomNode: K, customNodeProps: Q, hideKey: Te, showEditTools: Ee = !0, showOnEdit: Ae, showOnView: Pe, passOriginalNode: Ve } = N, Ke = [...Gn, ...w.filter((({ showInTypesSelector: g = !1, name: x }) => g && !!x)).map((({ name: g }) => g))], ke = le((() => {
+    if (typeof l == "boolean") return l ? [] : Ke;
+    if (Array.isArray(l)) return l;
+    const g = l(R);
+    return typeof g == "boolean" ? g ? [] : Ke : g;
+  }), [R, l]), [se, _e] = J(((g, x) => {
+    var P;
+    if (typeof g != "string") return null;
+    const oe = x.filter(((U) => U instanceof Object && U.enum && U.values.includes(g) && U.matchPriority));
+    return oe.sort(((U, te) => {
+      var ze, Me;
+      return ((ze = te.matchPriority) !== null && ze !== void 0 ? ze : 0) - ((Me = U.matchPriority) !== null && Me !== void 0 ? Me : 0);
+    })), (P = oe[0]) !== null && P !== void 0 ? P : null;
+  })(F, ke)), { isEditing: ie } = Ce, Je = tn("value", R, u, c);
+  if (ie && (!Je || !me)) {
+    const g = Be(R.fullData, V, Z, z);
+    k(g || Y);
+  }
+  if (!Je) return null;
+  const we = (g) => {
+    let x;
+    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 (ve) {
+      case "object":
+        x = { [O("DEFAULT_NEW_KEY", R)]: F };
+        break;
+      case "array":
+        x = F ?? [];
+        break;
+      case "number": {
+        const P = Number(F);
+        x = isNaN(P) ? 0 : P;
+        break;
+      }
+      default:
+        x = F;
+    }
+    else x = g;
+    r(x, V).then(((P) => {
+      P && de({ code: "UPDATE_ERROR", message: P }, x);
+    }));
+  }, fe = () => {
+    k(null), G === null ? (ge(t), M(null)) : r(G, V);
+  }, { isEditingKey: Xe, canEditKey: Ze } = Ce, pe = !ie && je, ee = ie && ke.length > 1, Le = (ve !== "invalid" || K) && !je && Ee, v = h && !Te, j = K && (ie && Ae || !ie && Pe), E = { value: F, parentData: n, setValue: S, isEditing: ie, canEdit: me, setIsEditing: me ? () => k(V) : () => {
+  }, handleEdit: we, handleCancel: fe, path: V, stringTruncate: f, showStringQuotes: m, nodeData: R, enumType: se, translate: O, handleKeyboard: _, keyboardCommon: { cancel: fe, tabForward: () => {
+    ne("next"), ae(B);
+    const g = Be(R.fullData, V, "next", z);
+    g && (we(), k(g));
+  }, tabBack: () => {
+    ne("prev"), ae(B);
+    const g = Be(R.fullData, V, "prev", z);
+    g && (we(), k(g));
+  } } }, A = { canEditKey: Ze, isEditingKey: Xe, pathString: B, path: V, name: q, arrayIndexFromOne: b, handleKeyboard: _, handleEditKey: be, handleCancel: fe, styles: C("property", R), getNextOrPrevious: (g) => Be(R.fullData, V, g, z), emptyStringKey: Ye }, T = j ? o.jsx(K, Object.assign({}, e, { value: F, customNodeProps: Q, setValue: S, handleEdit: we, handleCancel: fe, handleKeyPress: (g) => _(g, { stringConfirm: we, cancel: fe }), isEditing: ie, setIsEditing: () => k(V), getStyles: C, originalNode: Ve ? Yt(t, E) : void 0, originalNodeKey: Ve ? o.jsx(mt, Object.assign({}, A)) : void 0, canEdit: me, keyboardCommon: E.keyboardCommon, onError: de })) : Yt(t, E);
+  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(ue, { position: "above", nodeData: R }), o.jsxs("div", { className: "jer-value-main-row", style: { flexWrap: q.length > 10 ? "wrap" : "nowrap" }, children: [v && 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: R, editConfirmRef: H }) : Le && o.jsx(ln, { startEdit: me ? () => {
+    M(G), k(V, fe);
+  } : void 0, handleDelete: Ie ? () => {
+    a(F, V).then(((g) => {
+      g && de({ code: "DELETE_ERROR", message: g }, F);
+    }));
+  } : void 0, enableClipboard: p, translate: O, customButtons: e.customButtons, nodeData: R, handleKeyboard: _, keyboardControls: W, editConfirmRef: H, jsonStringify: X, showIconTooltips: $ }), ee && o.jsxs("div", { className: "jer-select jer-select-types", children: [o.jsx("select", { name: `${q}-type-select`, className: "jer-select-inner", onChange: (g) => ((x) => {
+    const P = w.find(((te) => te.name === x));
+    if (P) return r(P.defaultValue, V), xe(x), _e(null), k(null), void L({ path: V, collapsed: !1, includeChildren: !1 });
+    const oe = ke.find(((te) => te instanceof Object && te.enum === x));
+    if (oe) return typeof F == "string" && oe.values.includes(F) || r(oe.values[0], V).then(((te) => {
+      te && (de({ code: "UPDATE_ERROR", message: te }, U), k(null));
+    })), void _e(oe);
+    const U = qn(F, x, O("DEFAULT_NEW_KEY", R), N?.CustomNode ? O("DEFAULT_STRING", R) : void 0);
+    ["string", "number", "boolean"].includes(x) || k(null), r(U, V).then(((te) => {
+      te ? (de({ code: "UPDATE_ERROR", message: te }, U), k(null)) : _e(null);
+    }));
+  })(g.target.value), value: se ? se.enum : ve, children: ke.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", R), children: je })] })] }), o.jsx(ue, { position: "below", nodeData: R })] }));
+}, 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", Yt = (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(zn, Object.assign({}, t, { value: r }));
+    case "null":
+      return o.jsx(Fn, Object.assign({}, t));
+    default:
+      return o.jsx($n, 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: u = !1, showOnView: c = !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: u, showOnView: c, showCollectionWrapper: h }, f);
+}, hn = (e) => {
+  const { getStyles: t } = Oe(), { collapseState: n, setCollapseState: r, getMatchingCollapseState: a, currentlyEditingElement: i, setCurrentlyEditingElement: s, areChildrenBeingEdited: p, previousValue: d, setPreviousValue: l } = He(), { mainContainerRef: u, data: c, nodeData: h, parentData: f, showCollectionCount: m, onEdit: b, onAdd: D, onDelete: O, canDragOnto: w, collapseFilter: N, collapseAnimationTime: _, onMove: W, enableClipboard: z, onEditEvent: H, showIconTooltips: X, searchFilter: $, searchText: C, indent: k, sort: L, showArrayIndices: Y, arrayIndexFromOne: ae, defaultValue: Z, newKeyOptions: ne, translate: G, customNodeDefinitions: M, customNodeData: F, jsonParse: ge, jsonStringify: B, TextEditor: R, keyboardControls: V, handleKeyboard: q, insertAtTop: me, onCollapse: Ie, editConfirmRef: Ne, collapseClickZones: je } = e, [de, be] = J(B(c)), Ye = N(h), { contentRef: Ce, isAnimating: nt, maxHeight: rt, collapsed: re, animateCollapse: ue, cssTransitionValue: ve } = ((y, I, ye, he, Se) => {
+    const [bn, pt] = J(ye ? 0 : void 0), [ht, vn] = J(ye), vt = ce(!1), xt = ce(null), Mt = ce(0), Ft = ce(0), xn = I / 1e3 + "s", En = Re(((Et) => {
+      var wt, Dt;
+      if (ht !== Et) {
+        switch (window.clearTimeout(Ft.current), vt.current = !0, Et) {
+          case !0: {
+            const $t = (Dt = (wt = xt.current) === null || wt === void 0 ? void 0 : wt.offsetHeight) !== null && Dt !== void 0 ? Dt : 0;
+            Mt.current = $t, pt($t), setTimeout((() => {
+              pt(0);
+            }), 5);
+            break;
+          }
+          case !1:
+            pt(Mt.current || Qn(y, xt, he, Se));
+        }
+        vn(!ht), Ft.current = window.setTimeout((() => {
+          vt.current = !1, Et || pt(void 0);
+        }), I);
+      }
+    }), [I, ht, y, he, Se]);
+    return { contentRef: xt, isAnimating: vt.current, animateCollapse: En, maxHeight: bn, collapsed: ht, cssTransitionValue: xn };
+  })(c, _, Ye, u, B), { pathString: xe, nodeData: S, path: K, name: Q, size: Te, canEdit: Ee, canDelete: Ae, canAdd: Pe, canDrag: Ve, error: Ke, setError: ke, onError: se, handleEditKey: _e, emptyStringKey: ie, derivedValues: Je } = cn({ props: e, collapsed: re }), { dragSourceProps: we, getDropTargetProps: fe, BottomDropTarget: Xe, DropTargetPadding: Ze } = dn({ canDrag: Ve, canDragOnto: w, path: K, nodeData: S, onMove: W, onError: se, translate: G }), pe = ce(!Ye), { isEditing: ee, isEditingKey: Le, isArray: v, canEditKey: j } = Je;
+  De((() => {
+    be(B(c));
+  }), [c, B]), De((() => {
+    const y = N(S) && !ee;
+    pe.current = !y, ue(y);
+  }), [N]), De((() => {
+    if (n !== null) {
+      const y = a(K);
+      y && (pe.current = !0, ue(y.collapsed));
+    }
+  }), [n]);
+  const E = ce(null), A = Re(((y, I) => {
+    if (typeof Z != "function") return Z;
+    const ye = Z(y, I);
+    return ye !== void 0 ? ye : null;
+  }), [Z]), T = Re(((y) => ne ? typeof ne != "function" ? ne : ne(y) : null), [ne]), { CustomNode: g, customNodeProps: x, CustomWrapper: P, wrapperProps: oe = {}, hideKey: U, showEditTools: te = !0, showOnEdit: ze, showOnView: Me, showCollectionWrapper: ft = !0 } = F, ct = p(xe);
+  if (ct && re && ue(!1), !(tn("collection", S, $, C) || S.level === 0) && !ct) return null;
+  const Ge = Array.isArray(c) ? "array" : "object", yt = Ge === "array" ? { open: "[", close: "]" } : { open: "{", close: "}" }, Rt = (y) => {
+    if (y.key !== "Tab" || y.getModifierState("Shift")) q(y, { objectConfirm: ut, cancel: ot });
+    else {
+      y.preventDefault();
+      const I = rn(E, "	");
+      be(I);
+    }
+  }, dt = (y) => {
+    y.stopPropagation();
+    const I = Tt(y);
+    if (I && V.collapseModifier.includes(I)) return pe.current = !0, void r({ collapsed: !re, path: K, includeChildren: !0 });
+    i && i.includes(xe) || (pe.current = !0, r(null), Ie && Ie({ path: K, collapsed: !re, includeChildren: !1 }), ue(!re));
+  }, ut = () => {
+    try {
+      const y = ge(de);
+      if (s(null), l(null), ke(null), B(y) === B(c)) return;
+      b(y, K).then(((I) => {
+        I && se({ code: "UPDATE_ERROR", message: I }, y);
+      }));
+    } catch {
+      se({ code: "INVALID_JSON", message: G("ERROR_INVALID_JSON", S) }, de);
+    }
+  }, gn = K.length > 0 ? () => {
+    O(c, K).then(((y) => {
+      y && se({ code: "DELETE_ERROR", message: y }, c);
+    }));
+  } : void 0, ot = () => {
+    s(null), d === null ? (ke(null), be(B(c)), l(null)) : b(d, K);
+  }, It = m === "when-closed" ? re : m, mn = !ee && te, fn = (Y || !v) && !U && Q !== void 0, yn = g && (ee && ze || !ee && Me), jt = Object.entries(c).map((([y, I]) => [Ge === "array" ? Number(y) : y, I]));
+  Ge === "object" && L(jt, ((y) => y));
+  const Vt = pe.current ? ee ? o.jsxs("div", { className: "jer-collection-text-edit", children: [R ? o.jsx(R, { value: de, onChange: be, onKeyDown: (y) => q(y, { objectConfirm: ut, cancel: ot }) }) : o.jsx(en, { textAreaRef: E, className: "jer-collection-text-area", name: xe, value: de, setValue: be, handleKeyPress: Rt, styles: t("input", S) }), o.jsx("div", { className: "jer-collection-input-button-row", children: o.jsx(Pt, { onOk: ut, onCancel: ot, nodeData: S, editConfirmRef: Ne }) })] }) : jt.map((([y, I], ye) => {
+    const he = { key: y, value: I, path: [...K, y], level: K.length + 1, index: ye, size: et(I) ? Object.keys(I).length : null, parentData: c, fullData: S.fullData }, Se = pn(M, he);
+    return o.jsx("div", { className: "jer-collection-element", style: t("collectionElement", he), children: et(I) && !Se?.renderCollectionAsValue ? o.jsx(hn, Object.assign({}, e, { data: I, parentData: c, nodeData: he, showCollectionCount: m, canDragOnto: Ee, customNodeData: Se }), y) : o.jsx(un, Object.assign({}, e, { data: I, parentData: c, nodeData: he, canDragOnto: Ee, showLabel: Ge === "object" || Y, customNodeData: Se }), y) }, y);
+  })) : null, bt = !!ft && re && !ct;
+  bt || (pe.current = !0);
+  const Kt = Object.assign(Object.assign({}, e), { data: c, value: c, parentData: f, nodeData: S, setValue: (y) => Qe(void 0, void 0, void 0, (function* () {
+    return yield b(y, K);
+  })), handleEdit: ut, handleCancel: ot, handleKeyPress: Rt, isEditing: ee, setIsEditing: () => s(K), getStyles: t, canDragOnto: Ee, canEdit: Ee, keyboardCommon: {}, onError: se }), jn = yn ? o.jsx(g, Object.assign({ customNodeProps: x }, Kt, { children: Vt })) : Vt, _t = mn && o.jsx(ln, { startEdit: Ee ? () => {
+    pe.current = !0, l(null), s(K);
+  } : void 0, handleAdd: Pe ? (y) => {
+    ue(!1);
+    const I = A(S, y);
+    if (Ge === "array") {
+      const ye = me.array ? 0 : c.length, he = me.array ? { insert: !0 } : {};
+      D(I, [...K, ye], he).then(((Se) => {
+        Se && se({ code: "ADD_ERROR", message: Se }, I);
+      }));
+    } else if (y in c) se({ code: "KEY_EXISTS", message: G("ERROR_KEY_EXISTS", S) }, y);
+    else {
+      const ye = me.object ? { insertBefore: 0 } : {};
+      D(I, [...K, y], ye).then(((he) => {
+        he && se({ code: "ADD_ERROR", message: he }, I);
+      }));
+    }
+  } : void 0, handleDelete: Ae ? gn : void 0, enableClipboard: z, type: Ge, nodeData: S, translate: G, customButtons: e.customButtons, keyboardControls: V, handleKeyboard: q, getNewKeyOptions: T, editConfirmRef: Ne, jsonStringify: B, onEditEvent: H, showIconTooltips: X }), Lt = { canEditKey: j, isEditingKey: Le, pathString: xe, path: K, name: Q, arrayIndexFromOne: ae, handleKeyboard: q, handleEditKey: _e, handleCancel: ot, keyValueArray: jt, styles: t("property", S), getNextOrPrevious: (y) => Be(S.fullData, K, y, L), handleClick: je.includes("property") ? dt : (y) => y.stopPropagation(), emptyStringKey: ie }, zt = o.jsxs("div", Object.assign({ className: "jer-component jer-collection-component", style: Object.assign(Object.assign({ marginLeft: (K.length === 0 ? 0 : k / 2) + "em" }, t("collection", S)), { position: "relative" }), draggable: Ve }, 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") ? dt : void 0 }), !ee && Xe, o.jsx(Ze, { position: "above", nodeData: S }), ft ? o.jsxs("div", { className: "jer-collection-header-row", style: { position: "relative" }, onClick: je.includes("header") ? dt : 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: ve }, onClick: dt, children: o.jsx(We, { 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 && It && o.jsx("div", { className: "jer-collection-item-count" + (It ? " jer-visible" : " jer-hidden"), style: Object.assign(Object.assign({}, t("itemCount", S)), { transition: ve }), children: Te === 1 ? G("ITEM_SINGLE", Object.assign(Object.assign({}, S), { size: 1 }), 1) : G("ITEMS_MULTIPLE", S, Te) }), o.jsx("div", { className: "jer-brackets" + (bt ? " jer-visible" : " jer-hidden"), style: Object.assign(Object.assign({}, t("bracket", S)), { transition: ve }), 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: bt || nt ? "clip" : "visible", maxHeight: ct ? void 0 : rt }, t("collectionInner", S)), { transition: ve }), ref: Ce, children: [jn, o.jsx("div", { className: ee ? "jer-collection-error-row" : "jer-collection-error-row-edit", children: Ke && o.jsx("span", { className: "jer-error-slug", style: t("error", S), children: Ke }) }), !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(Ze, { position: "below", nodeData: S })] }));
+  return P ? o.jsx(P, Object.assign({ customNodeProps: oe }, Kt, { children: zt })) : zt;
+}, 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 c = s[d](p);
+    if (c !== null) return c;
+  }
+  const u = d in i ? i[d] : er[d];
+  return l === void 0 ? u : u?.replace("{{count}}", String(l));
+})(e, t, r, n, a);
+var Jt = [], 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 = Jt.indexOf(i);
+      s === -1 && (s = Jt.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), u = 0; u < l.length; u++) d.setAttribute(l[u], t.attributes[l[u]]);
+    var c = r === "prepend" ? "afterbegin" : "beforeend";
+    return i.insertAdjacentElement(c, 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: u = !0, enableClipboard: c = !0, indent: h = 2, collapse: f = !1, collapseAnimationTime: m = 300, showCollectionCount: b = !0, restrictEdit: D = !1, restrictDelete: O = !1, restrictAdd: w = !1, restrictTypeSelection: N = !1, restrictDrag: _ = !0, viewOnly: W, searchFilter: z, searchText: H, searchDebounceTime: X = 350, keySort: $ = !1, showArrayIndices: C = !0, arrayIndexFromOne: k = !1, showStringQuotes: L = !0, showIconTooltips: Y = !1, defaultValue: ae = null, newKeyOptions: Z, minWidth: ne = 250, maxWidth: G = "min(600px, 90vw)", rootFontSize: M, stringTruncate: F = 250, translations: ge = {}, className: B, id: R, customText: V = {}, customNodeDefinitions: q = [], customButtons: me = [], jsonParse: Ie = JSON.parse, jsonStringify: Ne = (re, ue) => JSON.stringify(re, ue, 2), TextEditor: je, errorMessageTimeout: de = 2500, keyboardControls: be = {}, externalTriggers: Ye, insertAtTop: Ce = !1, onCollapse: nt, collapseClickZones: rt = ["header", "left"] }) => {
+  const { getStyles: re } = Oe(), { setCurrentlyEditingElement: ue } = He(), ve = le((() => it(f)), [f]), xe = le((() => tr(ge, V)), [ge, V]), [S, K] = J(H), [Q, Te] = (({ setData: v, data: j }) => {
+    const [E, A] = J(v ? void 0 : j), T = Re(((g) => {
+      v ? v(g) : A(g);
+    }), [v]);
+    return De((() => {
+      v || A(j);
+    }), [j]), [v ? j : E, T];
+  })({ setData: t, data: e }), Ee = ce(null);
+  De((() => {
+    ue(null);
+    const v = setTimeout((() => K(H)), X);
+    return () => clearTimeout(v);
+  }), [H, X]);
+  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 = (v, j) => Qe(void 0, void 0, void 0, (function* () {
+    const E = yield v(j);
+    if (E === !0 || E === void 0) return void Te(j.newData);
+    const A = or(E) ? E : ["error", E], [T, g] = A;
+    if (T === "error") return Te(j.currentData), g === !1 ? xe("ERROR_UPDATE", Ae) : String(g);
+    Te(g);
+  })), Ve = le((() => it(D, W)), [D, W]), Ke = le((() => it(O, W)), [O, W]), ke = le((() => it(w, W)), [w, W]), se = le((() => it(_, W)), [_, W]), _e = le((() => rr(z)), [z]), ie = le((() => ((v) => {
+    const j = Object.assign({}, Ht);
+    for (const E of Object.keys(Ht)) {
+      const A = E;
+      if (v[A]) {
+        const T = v[A], g = ["clipboardModifier", "collapseModifier"].includes(E) ? Array.isArray(T) ? T : [T] : typeof T == "string" ? { key: T } : T;
+        j[A] = g, ["stringConfirm", "numberConfirm", "booleanConfirm"].forEach(((x) => {
+          !v[x] && v.confirm && (j[x] = j.confirm);
+        }));
+      }
+    }
+    return j;
+  })(be)), [be]), Je = Re(((v, j) => ((E, A, T) => {
+    const g = Object.entries(A);
+    for (const [x, P] of g) if (Sn(T, E[x], x)) {
+      T.preventDefault(), P();
+      break;
+    }
+  })(ie, j, v)), [ie]), we = le((() => {
+    const v = Xt(q, "stringifyReplacer");
+    return (j) => Ne(j, v);
+  }), [q, Ne]), fe = le((() => {
+    const v = Xt(q, "parseReviver");
+    return (j) => {
+      const E = Ie(j, v);
+      return kt(E);
+    };
+  }), [q, Ie]), Xe = ce(null);
+  ((v, j) => {
+    const { setCurrentlyEditingElement: E, currentlyEditingElement: A, setCollapseState: T } = He();
+    De((() => {
+      if (!v) return;
+      const { collapse: g, edit: x } = v;
+      g && T(g);
+      const P = !x?.path || Ue(x.path) === A;
+      switch (x?.action) {
+        case "accept":
+          P && (j.current && j.current.click(), E(null));
+          break;
+        case "cancel":
+          P && E(null);
+          break;
+        default:
+          x?.path && E(x.path);
+      }
+    }), [v]);
+  })(Ye, Xe);
+  const Ze = Re(((v, j) => {
+    $ !== !1 && (typeof $ != "function" ? v.sort(((E, A) => {
+      const T = j(E)[0], g = j(A)[0];
+      return T < g ? -1 : T > g ? 1 : 0;
+    })) : v.sort(((E, A) => $(j(E), j(A)))));
+  }), [$]), pe = pn(q, Ae), ee = { mainContainerRef: Ee, name: n, nodeData: Ae, onEdit: (v, j) => Qe(void 0, void 0, void 0, (function* () {
+    const { currentData: E, newData: A, currentValue: T, newValue: g } = st(Q, j, v, "update");
+    if (T !== g) return yield Pe(a, { currentData: E, newData: A, currentValue: T, newValue: g, name: j.slice(-1)[0], path: j });
+  })), onDelete: (v, j) => Qe(void 0, void 0, void 0, (function* () {
+    const { currentData: E, newData: A, currentValue: T, newValue: g } = st(Q, j, v, "delete");
+    return yield Pe(i, { currentData: E, newData: A, currentValue: T, newValue: g, name: j.slice(-1)[0], path: j });
+  })), onAdd: (v, j, E) => Qe(void 0, void 0, void 0, (function* () {
+    const { currentData: A, newData: T, currentValue: g, newValue: x } = st(Q, j, v, "add", E);
+    return yield Pe(s, { currentData: A, newData: T, currentValue: g, newValue: x, name: j.slice(-1)[0], path: j });
+  })), onChange: p, onError: d, onEditEvent: l, showErrorMessages: u, onMove: (v, j, E) => Qe(void 0, void 0, void 0, (function* () {
+    if (v === null) return;
+    const { currentData: A, newData: T, currentValue: g } = st(Q, v, "", "delete"), x = v.slice(-1)[0], P = j.slice(0, -1), oe = j.slice(-1)[0];
+    let U = typeof oe == "number" ? E === "above" ? oe : oe + 1 : typeof x == "number" ? `arr_${x}` : x;
+    v.slice(0, -1).join(".") === j.slice(0, -1).join(".") && typeof x == "number" && typeof U == "number" && x < U && (U -= 1);
+    const te = typeof U == "number" ? { insert: !0 } : E === "above" ? { insertBefore: oe } : { insertAfter: oe }, { newData: ze, newValue: Me } = st(T, [...P, U], g, "add", te);
+    return yield Pe(a, { currentData: A, newData: ze, currentValue: g, newValue: Me, name: j.slice(-1)[0], path: j });
+  })), showCollectionCount: b, collapseFilter: ve, collapseAnimationTime: m, restrictEditFilter: Ve, restrictDeleteFilter: Ke, restrictAddFilter: ke, restrictTypeSelection: N, restrictDragFilter: se, canDragOnto: !1, searchFilter: _e, searchText: S, enableClipboard: c, keySort: $, sort: Ze, showArrayIndices: C, arrayIndexFromOne: k, showStringQuotes: L, showIconTooltips: Y, indent: h, defaultValue: ae, newKeyOptions: Z, stringTruncate: F, translate: xe, customNodeDefinitions: q, customNodeData: pe, customButtons: me, parentData: null, jsonParse: fe, jsonStringify: we, TextEditor: je, errorMessageTimeout: de, handleKeyboard: Je, keyboardControls: ie, insertAtTop: { object: Ce === !0 || Ce === "object", array: Ce === !0 || Ce === "array" }, onCollapse: nt, editConfirmRef: Xe, collapseClickZones: rt }, Le = Object.assign(Object.assign({}, re("container", Ae)), { minWidth: ne, maxWidth: G });
+  return Le.fontSize = M ?? Le.fontSize, o.jsx("div", { id: R, ref: Ee, className: `jer-editor-container ${B ?? ""}`, style: Le, children: et(Q) && !pe.renderCollectionAsValue ? o.jsx(hn, Object.assign({ data: Q }, ee)) : o.jsx(un, Object.assign({ data: Q, showLabel: !0 }, ee)) });
+}, ir = (e) => {
+  var t;
+  const [n, r] = J();
+  return De((() => {
+    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(In, { 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" ? Wt : e === "all" ? (t, n) => tt(t, n) || Wt(t, n) : e;
+}, or = (e) => Array.isArray(e) && e.length === 2 && ["error", "value"].includes(e[0]), Xt = (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 {
+  Bn as IconAdd,
+  Jn as IconCancel,
+  Xn as IconChevron,
+  Un as IconCopy,
+  Hn as IconDelete,
+  Wn as IconEdit,
+  Yn as IconOk,
+  ir as JsonEditor,
+  Vn as StringDisplay,
+  Kn as StringEdit,
+  wn as assign,
+  At as defaultTheme,
+  qe as extract,
+  et as isCollection,
+  tt as matchNode,
+  Wt as matchNodeKey,
+  Gn as standardDataTypes,
+  Ue as toPathString,
+  Mn as useKeyboardListener
+};