@ea-lab/reactive-json 0.7.0 → 1.0.0-alpha.0

package/dist/component/element/debug/VariablesDebug/VariablesDebug.js

@@ -1,18 +1,115 @@
-import "react/jsx-runtime";
-import "react";
-import { V as D } from "../../../../VariablesDebug-pv5GGWel.js";
-import "../../../../engine/GlobalDataContext.js";
-import "../../../../engine/TemplateContext.js";
+import { jsx as e, jsxs as a, Fragment as x } from "react/jsx-runtime";
+import { useState as p, useContext as B, useRef as g, useEffect as q, useMemo as m } from "react";
+import { r as E } from "../../../../dnd-kit-sortable-tree.esm-Cz1RJyIg.js";
+import { A as L } from "../../../../TemplateSystem-kQJEKjik.js";
 import "../../../../engine/EventDispatcherContext.js";
+import "../../../../engine/EventDispatcherProvider.js";
+import "../../../../engine/GlobalDataContext.js";
+import "../../../../engine/PaginationContext.js";
 import "../../../../lodash-CYNxjS-I.js";
+import { TemplateContext as $ } from "../../../../engine/TemplateContext.js";
+import "../../../../index-NNBvIV0S.js";
 import "../../../../js-yaml-Bw0KO4XO.js";
-import "../../../../engine/PaginationContext.js";
-import "../../../../engine/EventDispatcherProvider.js";
-import "../../../../ParsingDebugDisplay-8f4yL4Jw.js";
-import "./DebugMode.enum.js";
-import "./ModeDisplay/DebugList/DebugList.js";
-import "./ModeDisplay/DebugJson/DebugJson.js";
-import "./utils.js";
+import "../../../../engine/ParsingDebugDisplay/ParsingDebugDisplay.js";
+import { DebugMode as c } from "./DebugMode.enum.js";
+import R from "./ModeDisplay/DebugList/DebugList.js";
+import D from "./ModeDisplay/DebugJson/DebugJson.js";
+import '../../../../assets/reset.css';import '../../../../assets/VariablesDebug.css';/* empty css                         */
+import { flattenObject as J } from "./utils.js";
+const O = "_debugRoot_1ny7q_1", j = "_container_1ny7q_16", k = "_expanded_1ny7q_34", T = "_header_1ny7q_39", I = "_actions_1ny7q_45", P = "_btn_1ny7q_50", A = "_active_1ny7q_58", M = "_path_1ny7q_62", w = "_value_1ny7q_66", H = "_copyBtn_1ny7q_70", V = "_copyBtnSuccess_1ny7q_74", F = "_copyBtnError_1ny7q_78", W = "_info_1ny7q_82", n = {
+  debugRoot: O,
+  container: j,
+  expanded: k,
+  header: T,
+  actions: I,
+  btn: P,
+  active: A,
+  path: M,
+  value: w,
+  copyBtn: H,
+  copyBtnSuccess: V,
+  copyBtnError: F,
+  info: W
+}, dt = ({ props: v }) => {
+  const [r, u] = p(!1), [i, _] = p(c.LIST), o = B($), d = g(null), [y, S] = p(null), f = g(null);
+  q(() => {
+    if (typeof document > "u") return;
+    let t = document.getElementById("rj-debug-root");
+    t || (t = document.createElement("div"), t.id = "rj-debug-root", t.classList.add(n.debugRoot), document.body.appendChild(t)), S(t);
+  }, []);
+  const l = m(() => (o == null ? void 0 : o.templateData) ?? {}, [o]), b = m(() => JSON.stringify(l, null, 2), [l, o]), h = m(() => J(l), [l, o]), C = async () => {
+    const t = d.current;
+    try {
+      if (await navigator.clipboard.writeText(
+        i === c.JSON ? b : h.map((s) => `${s.path}: ${JSON.stringify(s.value)}`).join(`
+`)
+      ), !t) return;
+      t.classList.add(n.copyBtnSuccess), t.textContent = "Copied!", setTimeout(() => {
+        var s;
+        (s = d.current) == null || s.classList.remove(n.copyBtnSuccess, n.copyBtnError);
+      }, 3e3);
+    } catch {
+      t == null || t.classList.add(n.copyBtnError), setTimeout(() => {
+        t == null || t.classList.remove(n.copyBtnError);
+      }, 3e3);
+    }
+  }, N = /* @__PURE__ */ e(L, { ...v, attributesHolderRef: f, children: /* @__PURE__ */ a(
+    "div",
+    {
+      className: `${n.container} ${r ? n.expanded : ""}`,
+      onClick: () => u((t) => !t),
+      role: "button",
+      ref: f,
+      children: [
+        /* @__PURE__ */ a("div", { className: n.header, children: [
+          /* @__PURE__ */ a("p", { style: { margin: 0, fontWeight: 600 }, children: [
+            "Debug Variables ",
+            /* @__PURE__ */ e("code", { children: o.templatePath })
+          ] }),
+          /* @__PURE__ */ a("div", { className: n.actions, onClick: (t) => t.stopPropagation(), children: [
+            r && /* @__PURE__ */ a(x, { children: [
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  className: `${n.btn} ${i === c.LIST ? n.active : ""}`,
+                  onClick: () => _(c.LIST),
+                  children: "List"
+                }
+              ),
+              /* @__PURE__ */ e(
+                "button",
+                {
+                  className: `${n.btn} ${i === c.JSON ? n.active : ""}`,
+                  onClick: () => _(c.JSON),
+                  children: "JSON"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ e(
+              "button",
+              {
+                className: n.btn,
+                onClick: () => u((t) => !t),
+                children: r ? "Collapse" : "Expand"
+              }
+            ),
+            r && /* @__PURE__ */ e(
+              "button",
+              {
+                className: `${n.btn} ${n.copyBtn}`,
+                onClick: C,
+                ref: d,
+                children: "Copy"
+              }
+            )
+          ] })
+        ] }),
+        r && /* @__PURE__ */ e("div", { className: n.info, onClick: (t) => t.stopPropagation(), children: i === c.JSON ? /* @__PURE__ */ e(D, { jsonString: b }) : /* @__PURE__ */ e(R, { flatRows: h }) })
+      ]
+    }
+  ) });
+  return y ? E.createPortal(N, y) : null;
+};
 export {
-  D as VariablesDebug
+  dt as VariablesDebug
 };

package/dist/component/element/debug/index.js

@@ -1,4 +1,4 @@
-import { V as r } from "../../../VariablesDebug-pv5GGWel.js";
+import { VariablesDebug as a } from "./VariablesDebug/VariablesDebug.js";
 export {
-  r as VariablesDebug
+  a as VariablesDebug
 };

package/dist/component/element/html/FolderSortableTree.js

@@ -1,10 +1,133 @@
-import "react/jsx-runtime";
-import { F as l } from "../../../HashChangeListener-D6HwdXBJ.js";
-import "../../../VariablesDebug-pv5GGWel.js";
-import "../../../lodash-CYNxjS-I.js";
-import "react";
-import "../../../engine/GlobalDataContext.js";
-import "../../../engine/TemplateContext.js";
+import { jsx as h } from "react/jsx-runtime";
+import { F as k, S as B } from "../../../dnd-kit-sortable-tree.esm-Cz1RJyIg.js";
+import { l as _ } from "../../../lodash-CYNxjS-I.js";
+import { useContext as A, forwardRef as R } from "react";
+import { a as G, V as H, A as O } from "../../../TemplateSystem-kQJEKjik.js";
+import { GlobalDataContext as W } from "../../../engine/GlobalDataContext.js";
+import { TemplateContext as V } from "../../../engine/TemplateContext.js";
+import { propsDataLocationToPathAndValue as q } from "../../../engine/utility/formElementsCommon.js";
+function y(t) {
+  var r, n, a = "";
+  if (typeof t == "string" || typeof t == "number") a += t;
+  else if (typeof t == "object") if (Array.isArray(t)) {
+    var u = t.length;
+    for (r = 0; r < u; r++) t[r] && (n = y(t[r])) && (a && (a += " "), a += n);
+  } else for (n in t) t[n] && (a && (a += " "), a += n);
+  return a;
+}
+function z() {
+  for (var t, r, n = 0, a = "", u = arguments.length; n < u; n++) (t = arguments[n]) && (r = y(t)) && (a && (a += " "), a += r);
+  return a;
+}
+const ee = ({ props: t, path: r, datafield: n }) => {
+  var P, T;
+  const a = A(W), u = A(V);
+  let { formData: i, formDataPath: s } = q({
+    currentPath: r,
+    datafield: n,
+    dataLocation: t.dataLocation,
+    defaultValue: t.defaultFieldValue,
+    globalDataContext: a,
+    templateContext: u
+  });
+  if (i === void 0)
+    return null;
+  const L = t.itemTemplate ?? null, c = G({
+    valueToEvaluate: t.treeRootPath ?? void 0,
+    globalDataContext: a,
+    templateContext: u
+  }), v = t.maxDepth, w = typeof c != "string" ? !0 : t.maxDepthIsAbsolute ?? !0, p = t.keepBaseItem ?? !1;
+  let f = 0, b = null, I;
+  if (typeof c == "string" && c.length > 0) {
+    const e = c.split(".");
+    let m = b, o = i, d = s;
+    for (; e.length > 0; ) {
+      const l = Number.parseInt(e.shift());
+      if (Number.isNaN(l) || (m = (i == null ? void 0 : i.id) ?? null, o = i, d = s, I = l, b = (P = i[l]) == null ? void 0 : P.id, i = ((T = i[l]) == null ? void 0 : T.children) ?? void 0, s = s + "." + l + ".children", i === void 0))
+        return null;
+      ++f;
+    }
+    p && (b = m, i = o, s = d, i = [i[I]]);
+  }
+  const F = (e) => {
+    let m = e, o = s;
+    if (f > 0) {
+      m = _.cloneDeep(m);
+      const d = (l, C = 0) => {
+        var x;
+        C === 0 && (l.parentId = b), l.depth += f, (x = l.children) == null || x.forEach((D) => {
+          d(D, C + 1);
+        });
+      };
+      m.forEach((l) => {
+        d(l, 0);
+      });
+    }
+    c !== void 0 && p && (m = e[0], o = s + "." + I), a.updateData(m, o);
+  }, N = R((e, m) => {
+    const o = e.item.value ?? {}, d = [];
+    let l = e.item;
+    for (d.push(l.index); l.parent; )
+      d.push("children"), l = l.parent, d.push(l.index);
+    d.reverse();
+    const x = s + "." + d.join(".") + ".value";
+    o._treeItemDepth = e.item.depth, o._treeItemIndex = e.item.index, o._treeItemIndex1 = e.item.index + 1;
+    const D = {};
+    return D._treeAddCollapseButton = () => !!e.onCollapse && !!e.childCount && /* @__PURE__ */ h(
+      "button",
+      {
+        onClick: (S) => {
+          var g;
+          S.preventDefault(), (g = e.onCollapse) == null || g.call(e);
+        },
+        className: z(
+          "dnd-sortable-tree_folder_tree-item-collapse_button",
+          e.collapsed && "dnd-sortable-tree_folder_tree-item-collapse_button-collapsed"
+        )
+      }
+    ), v && (w ? e.item.canHaveChildren = f + e.item.depth < v : e.item.canHaveChildren = e.item.depth < v), /* @__PURE__ */ h(
+      k,
+      {
+        ...e,
+        "data-htmlbuilder-tree-item-children-count": e.childCount || "0",
+        "data-htmlbuilder-tree-item-collapsed": e.collapsed,
+        "data-htmlbuilder-tree-item-depth": e.item.depth,
+        "data-htmlbuilder-tree-item-depth-list": J(e.item.depth),
+        "data-htmlbuilder-tree-item-index": e.item.index,
+        "data-htmlbuilder-tree-item-index1": e.item.index + 1,
+        "data-htmlbuilder-tree-item-is-last": e.isLast,
+        ref: m,
+        children: /* @__PURE__ */ h(
+          V.Provider,
+          {
+            value: {
+              templateData: o,
+              templatePath: x,
+              sortableTreeData: D
+            },
+            children: /* @__PURE__ */ h(H, { props: L, currentData: o })
+          }
+        )
+      }
+    );
+  }), j = _.cloneDeep(i), E = t.sortableTreeOptions ?? {};
+  return /* @__PURE__ */ h(O, { ...t, children: /* @__PURE__ */ h(
+    B,
+    {
+      ...E,
+      items: j,
+      onItemsChanged: F,
+      TreeItemComponent: N
+    }
+  ) });
+};
+function J(t) {
+  const r = [];
+  let n = t ?? 0;
+  for (; n >= 0; )
+    r.push(n), --n;
+  return r.reverse().join(" ");
+}
 export {
-  l as FolderSortableTree
+  ee as FolderSortableTree
 };

package/dist/component/element/html/FormatNumeral.js

@@ -1,8 +1,59 @@
-import "react/jsx-runtime";
-import "react";
-import { h as a } from "../../../HashChangeListener-D6HwdXBJ.js";
-import "../../../engine/GlobalDataContext.js";
-import "../../../engine/TemplateContext.js";
+import { jsx as u, Fragment as m } from "react/jsx-runtime";
+import { useContext as f } from "react";
+import { a as c, A as d } from "../../../TemplateSystem-kQJEKjik.js";
+import { GlobalDataContext as v } from "../../../engine/GlobalDataContext.js";
+import { TemplateContext as C } from "../../../engine/TemplateContext.js";
+const T = ({ props: t }) => {
+  const r = f(v), l = f(C);
+  let a = !1, e, o;
+  if (t.content !== void 0 && (e = c({ valueToEvaluate: t.content, globalDataContext: r, templateContext: l })), e == null || e === "")
+    return null;
+  switch (t.format !== void 0 && (o = c({ valueToEvaluate: t.format, globalDataContext: r, templateContext: l })), o) {
+    case "roman-upper":
+      a = s(e);
+      break;
+    case "roman-lower":
+      a = s(e, !0);
+      break;
+    case "latin-upper":
+      a = n(e);
+      break;
+    case "latin-lower":
+      a = n(e, !0);
+      break;
+    default:
+      a = e;
+      break;
+  }
+  return /* @__PURE__ */ u(d, { ...t, children: /* @__PURE__ */ u(m, { children: a !== !1 && a }) });
+};
+function n(t, r = !1) {
+  if (t < 1)
+    return !1;
+  let l = t % 26, a = t / 26 | 0, e = l ? String.fromCharCode(64 + l) : (--a, "Z");
+  const o = a ? n(a) + e : e;
+  return r ? o.toLowerCase() : o;
+}
+function s(t, r = !1) {
+  if (t < 1)
+    return !1;
+  const a = [
+    ["M", 1e3],
+    ["CM", 900],
+    ["D", 500],
+    ["CD", 400],
+    ["C", 100],
+    ["XC", 90],
+    ["L", 50],
+    ["XL", 40],
+    ["X", 10],
+    ["IX", 9],
+    ["V", 5],
+    ["IV", 4],
+    ["I", 1]
+  ].reduce((e, [o, i]) => (e += o.repeat(Math.floor(t / i)), t = t % i, e), "");
+  return r ? a.toLowerCase() : a;
+}
 export {
-  a as FormatNumeral
+  T as FormatNumeral
 };

package/dist/component/element/html/Html.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { i as a, n as e } from "../../../HashChangeListener-D6HwdXBJ.js";
+import { H as a, n as e } from "../../../TemplateSystem-kQJEKjik.js";
 import "react";
 import "../../../engine/GlobalDataContext.js";
 import "../../../engine/TemplateContext.js";

package/dist/component/element/html/LabelFromValue.js

@@ -1,8 +1,27 @@
-import "react/jsx-runtime";
-import { L as a } from "../../../HashChangeListener-D6HwdXBJ.js";
-import "../../../engine/GlobalDataContext.js";
-import "../../../engine/TemplateContext.js";
-import "react";
+import { jsx as r } from "react/jsx-runtime";
+import { useContext as s } from "react";
+import { a as c, A as D, V as x } from "../../../TemplateSystem-kQJEKjik.js";
+import { GlobalDataContext as V } from "../../../engine/GlobalDataContext.js";
+import { TemplateContext as b } from "../../../engine/TemplateContext.js";
+const j = ({ currentData: f, datafield: o, path: v, props: a }) => {
+  const i = s(V), t = s(b), m = a.dynamicOptions ?? void 0;
+  let n;
+  m ? n = c({ valueToEvaluate: m, globalDataContext: i, templateContext: t }) ?? [] : n = a.options ?? [];
+  let e;
+  const u = a.defaultFieldValue ?? void 0, p = a.dataLocation ?? void 0;
+  p ? e = c({
+    globalDataContext: i,
+    templateContext: t,
+    valueToEvaluate: p
+  }) ?? u : ((t.templateData[o] ?? void 0) === void 0 && (t.templateData = typeof t.templateData == "object" ? t.templateData : {}, t.templateData[o] = u), e = t.templateData[o]);
+  let l = n.find((d) => d.value === e);
+  if (!l || !l.label) {
+    if (!e)
+      return null;
+    l = e;
+  }
+  return /* @__PURE__ */ r(D, { ...a, children: /* @__PURE__ */ r(x, { currentData: f, datafield: o, path: v, props: l.label }) });
+};
 export {
-  a as LabelFromValue
+  j as LabelFromValue
 };

package/dist/component/element/html/PreformattedMarkup.js

@@ -1,9 +1,52 @@
-import "react/jsx-runtime";
-import { k as e } from "../../../HashChangeListener-D6HwdXBJ.js";
-import "../../../engine/GlobalDataContext.js";
-import "../../../engine/TemplateContext.js";
-import "../../../VariablesDebug-pv5GGWel.js";
-import "react";
+import { jsx as a, Fragment as m } from "react/jsx-runtime";
+import { p as s } from "../../../index-NNBvIV0S.js";
+import { useContext as l } from "react";
+import { a as c, A as h } from "../../../TemplateSystem-kQJEKjik.js";
+import { GlobalDataContext as p } from "../../../engine/GlobalDataContext.js";
+import { TemplateContext as u } from "../../../engine/TemplateContext.js";
+const f = [
+  "abbr",
+  "acronym",
+  "b",
+  "blockquote",
+  "br",
+  "caption",
+  "code",
+  "div",
+  "em",
+  "h1",
+  "h2",
+  "h3",
+  "h4",
+  "h5",
+  "h6",
+  "i",
+  "li",
+  "ol",
+  "p",
+  "span",
+  "sup",
+  "strong",
+  "table",
+  "tbody",
+  "td",
+  "tfoot",
+  "th",
+  "thead",
+  "tr",
+  "ul"
+], y = ({ props: t }) => {
+  const r = l(u), n = l(p), o = c({ valueToEvaluate: t.content, templateContext: r, globalDataContext: n });
+  if (typeof o != "string")
+    return console.error("PreformattedMarkup: the given content is not a string."), null;
+  const i = [...Array.isArray(t.htmlTagAllowList) ? t.htmlTagAllowList : f, ...t.additionalAllowedTags ?? []];
+  return /* @__PURE__ */ a(h, { ...t, children: s(o, {
+    replace(e) {
+      if (e.type === "tag" && i.indexOf(e.name) < 0)
+        return /* @__PURE__ */ a(m, {});
+    }
+  }) });
+};
 export {
-  e as PreformattedMarkup
+  y as PreformattedMarkup
 };

package/dist/component/element/html/SortableTreeItemCollapseButton.js

@@ -1,7 +1,12 @@
-import "react/jsx-runtime";
-import { l as p } from "../../../HashChangeListener-D6HwdXBJ.js";
-import "../../../engine/TemplateContext.js";
-import "react";
+import { jsx as n } from "react/jsx-runtime";
+import { A as m } from "../../../TemplateSystem-kQJEKjik.js";
+import { TemplateContext as a } from "../../../engine/TemplateContext.js";
+import { useContext as p } from "react";
+const C = ({ props: o }) => {
+  var t, e;
+  const r = p(a);
+  return /* @__PURE__ */ n(m, { ...o, children: (e = (t = r.sortableTreeData)._treeAddCollapseButton) == null ? void 0 : e.call(t) });
+};
 export {
-  p as SortableTreeItemCollapseButton
+  C as SortableTreeItemCollapseButton
 };

package/dist/component/element/html/index.js

@@ -1,13 +1,15 @@
-import { A as r, F as o, h as t, i as s, L as l, j as m, k as b, l as u, m as F, n as d } from "../../../HashChangeListener-D6HwdXBJ.js";
+import { FolderSortableTree as o } from "./FolderSortableTree.js";
+import { FormatNumeral as a } from "./FormatNumeral.js";
+import { H as l, n as p } from "../../../TemplateSystem-kQJEKjik.js";
+import { LabelFromValue as x } from "./LabelFromValue.js";
+import { PreformattedMarkup as u } from "./PreformattedMarkup.js";
+import { SortableTreeItemCollapseButton as F } from "./SortableTreeItemCollapseButton.js";
 export {
-  r as AccordionItem,
   o as FolderSortableTree,
-  t as FormatNumeral,
-  s as Html,
-  l as LabelFromValue,
-  m as Modal,
-  b as PreformattedMarkup,
-  u as SortableTreeItemCollapseButton,
-  F as Tabs,
-  d as normalizeAttributesForReactJsx
+  a as FormatNumeral,
+  l as Html,
+  x as LabelFromValue,
+  u as PreformattedMarkup,
+  F as SortableTreeItemCollapseButton,
+  p as normalizeAttributesForReactJsx
 };

package/dist/component/element/index.js

@@ -1,32 +1,37 @@
-import { V as t } from "../../VariablesDebug-pv5GGWel.js";
-import { A as s, B as r, C as l, o as i, q as m, D as n, t as u, F, h as c, i as d, L as b, j as p, N as x, v as T, k as A, w as D, e as f, l as h, x as C, m as S, f as g, g as B, u as P, n as V, p as k } from "../../HashChangeListener-D6HwdXBJ.js";
-import { PageControls as N } from "./special/PageControls.js";
+import "../../index-CACLSxWi.js";
+import "../../index-Bzk15m61.js";
+import { R as m, c as a } from "../../index-OhHUX6nj.js";
+import { VariablesDebug as n } from "./debug/VariablesDebug/VariablesDebug.js";
+import { FolderSortableTree as f } from "./html/FolderSortableTree.js";
+import { FormatNumeral as s } from "./html/FormatNumeral.js";
+import { H as c, n as u } from "../../TemplateSystem-kQJEKjik.js";
+import { LabelFromValue as F } from "./html/LabelFromValue.js";
+import { PreformattedMarkup as R } from "./html/PreformattedMarkup.js";
+import { SortableTreeItemCollapseButton as d } from "./html/SortableTreeItemCollapseButton.js";
+import { Count as D } from "./special/Count.js";
+import { DataFilter as P } from "./special/DataFilter.js";
+import { DelayedActions as h, getReactionFunctionsToExecute as v } from "./special/DelayedActions.js";
+import { PageControls as B } from "./special/PageControls.js";
+import { Phantom as H } from "./special/Phantom.js";
+import { ReactiveJsonBasicComponentWrapper as k } from "./special/ReactiveJsonBasicComponentWrapper.js";
+import { Switch as y } from "./special/Switch.js";
 export {
-  s as AccordionItem,
-  r as BootstrapElement,
-  l as CheckBoxField,
-  i as Count,
-  m as DataFilter,
-  n as DateField,
-  u as DelayedActions,
-  F as FolderSortableTree,
-  c as FormatNumeral,
-  d as Html,
-  b as LabelFromValue,
-  p as Modal,
-  x as NumberField,
-  N as PageControls,
-  T as Phantom,
-  A as PreformattedMarkup,
-  D as ReactiveJsonSubroot,
-  f as SelectField,
-  h as SortableTreeItemCollapseButton,
-  C as Switch,
-  S as Tabs,
-  g as TextAreaField,
-  B as TextField,
-  t as VariablesDebug,
-  P as getReactionFunctionsToExecute,
-  V as normalizeAttributesForReactJsx,
-  k as propsDataLocationToPathAndValue
+  D as Count,
+  P as DataFilter,
+  h as DelayedActions,
+  f as FolderSortableTree,
+  s as FormatNumeral,
+  c as Html,
+  F as LabelFromValue,
+  B as PageControls,
+  H as Phantom,
+  R as PreformattedMarkup,
+  k as ReactiveJsonBasicComponentWrapper,
+  m as ReactiveJsonSubroot,
+  d as SortableTreeItemCollapseButton,
+  y as Switch,
+  n as VariablesDebug,
+  a as coreElementComponents,
+  v as getReactionFunctionsToExecute,
+  u as normalizeAttributesForReactJsx
 };

package/dist/component/element/special/Count.js

@@ -1,15 +1,26 @@
-import "../../../VariablesDebug-pv5GGWel.js";
-import "react";
-import "../../../engine/GlobalDataContext.js";
-import "../../../engine/TemplateContext.js";
+import { J as x } from "../../../TemplateSystem-kQJEKjik.js";
+import { useContext as t } from "react";
+import { GlobalDataContext as a } from "../../../engine/GlobalDataContext.js";
+import { TemplateContext as r } from "../../../engine/TemplateContext.js";
 import "../../../lodash-CYNxjS-I.js";
 import "react/jsx-runtime";
-import "../../../engine/EventDispatcherContext.js";
-import "../../../engine/EventDispatcherProvider.js";
-import "../../../engine/PaginationContext.js";
-import "../../../ParsingDebugDisplay-8f4yL4Jw.js";
-import { o as C } from "../../../HashChangeListener-D6HwdXBJ.js";
+import { maybeFormatString as C } from "../../../engine/utility/formatString.js";
 import "../../../js-yaml-Bw0KO4XO.js";
+const _ = ({ props: l }) => {
+  const m = t(a), s = t(r), { context: e = "global", jsonPathPattern: o } = l, n = t(e === "template" ? r : a);
+  if (!o)
+    return null;
+  const p = C(
+    {
+      templateContexts: {
+        globalDataContext: m,
+        templateContext: s
+      }
+    },
+    o
+  ), c = e === "root" ? n.getRootContext().templateData : n.templateData;
+  return x.query(c, p).length;
+};
 export {
-  C as Count
+  _ as Count
 };