@stonecrop/desktop 0.29.0 → 0.30.0

package/dist/desktop.js

@@ -1,98 +1,97 @@
-import { defineComponent as Q, ref as M, onMounted as ue, openBlock as y, createElementBlock as g, normalizeClass as O, createElementVNode as c, Fragment as W, renderList as q, toDisplayString as V, createCommentVNode as K, withDirectives as G, vShow as oe, useTemplateRef as de, computed as $, watch as H, nextTick as ve, createBlock as pe, Teleport as Te, createVNode as L, Transition as Ve, withCtx as z, withModifiers as fe, vModelText as me, renderSlot as Y, createTextVNode as J, resolveComponent as Ee, withKeys as j, normalizeStyle as Z, unref as ee, provide as te, onUnmounted as Be } from "vue";
-import { useStonecrop as Fe, useValidationStore as Oe, isDraftRecordId as Le, DRAFT_RECORD_ID as Pe } from "@stonecrop/stonecrop";
-import { AForm as je, resolvedFieldsToColumns as Ke } from "@stonecrop/aform";
-import { flattenFields as He, componentLinkExpansion as ze } from "@stonecrop/schema";
-const Ue = { class: "action-menu-icon" }, We = { class: "action-element-header" }, qe = ["disabled", "onClick"], Ge = { key: 0 }, Je = { class: "dropdown-header" }, Qe = ["onClick"], Xe = ["onClick"], Ye = { class: "dropdown-container" }, Ze = { class: "dropdown" }, et = ["onClick"], tt = ["href"], ot = { class: "dropdown-item" }, at = /* @__PURE__ */ Q({
+import { defineComponent as q, ref as _, onMounted as le, openBlock as h, createElementBlock as g, normalizeClass as O, createElementVNode as i, Fragment as H, renderList as U, toDisplayString as N, createCommentVNode as P, withDirectives as z, vShow as Y, useTemplateRef as se, computed as R, watch as K, nextTick as ce, createBlock as ie, Teleport as _e, createVNode as B, Transition as xe, withCtx as j, withModifiers as ue, vModelText as de, renderSlot as G, createTextVNode as W, resolveComponent as Ne, withKeys as F, normalizeStyle as J, unref as Q, provide as X, onUnmounted as Me } from "vue";
+import { useStonecrop as Te, useValidationStore as Ve, isDraftRecordId as Ee, DRAFT_RECORD_ID as Oe } from "@stonecrop/stonecrop";
+import { AForm as Be, resolvedFieldsToColumns as Fe } from "@stonecrop/aform";
+const Pe = { class: "action-menu-icon" }, Ke = { class: "action-element-header" }, je = ["disabled", "onClick"], Le = { key: 0 }, He = { class: "dropdown-header" }, Ue = ["onClick"], ze = ["onClick"], We = { class: "dropdown-container" }, qe = { class: "dropdown" }, Ge = ["onClick"], Je = ["href"], Qe = { class: "dropdown-item" }, Xe = /* @__PURE__ */ q({
   __name: "ActionSet",
   props: {
     elements: { default: () => [] }
   },
   emits: ["actionClick"],
-  setup(l, { emit: S }) {
-    const D = S, w = M({}), d = M(!0), o = M([]);
-    ue(() => {
-      p();
+  setup(c, { emit: A }) {
+    const y = A, a = _({}), u = _(!0), x = _([]);
+    le(() => {
+      w();
     });
-    const p = () => {
-      w.value = {}, o.value = [];
-    }, _ = () => {
-      d.value = !d.value;
-    }, T = (i) => {
-      const f = !w.value[i];
-      p(), f && (w.value[i] = !0, o.value[i] = !0);
-    }, C = (i, f) => {
-      D("actionClick", f, i);
+    const w = () => {
+      a.value = {}, x.value = [];
+    }, b = () => {
+      u.value = !u.value;
+    }, S = (v) => {
+      const r = !a.value[v];
+      w(), r && (a.value[v] = !0, x.value[v] = !0);
+    }, D = (v, r) => {
+      y("actionClick", r, v);
     };
-    return (i, f) => (y(), g("div", {
-      class: O([{ collapsed: !d.value }, "action-set"])
+    return (v, r) => (h(), g("div", {
+      class: O([{ collapsed: !u.value }, "action-set"])
     }, [
-      c("div", Ue, [
-        c("div", {
+      i("div", Pe, [
+        i("div", {
           id: "cross",
-          class: O({ rotated: d.value }),
-          onClick: _
+          class: O({ rotated: u.value }),
+          onClick: b
         }, "×", 2)
       ]),
-      f[0] || (f[0] = c("div", { style: { "margin-right": "30px" } }, null, -1)),
-      (y(!0), g(W, null, q(l.elements, (s, r) => (y(), g("div", {
+      r[0] || (r[0] = i("div", { style: { "margin-right": "30px" } }, null, -1)),
+      (h(!0), g(H, null, U(c.elements, (s, o) => (h(), g("div", {
         key: s.label,
         class: "action-element"
       }, [
-        c("div", We, [
-          s.type == "button" ? (y(), g("button", {
+        i("div", Ke, [
+          s.type == "button" ? (h(), g("button", {
             key: 0,
             disabled: s.disabled,
             class: "button-default",
-            onClick: (u) => C(s.action, s.label)
-          }, V(s.label), 9, qe)) : K("", !0)
+            onClick: (n) => D(s.action, s.label)
+          }, N(s.label), 9, je)) : P("", !0)
         ]),
-        s.type == "dropdown" ? (y(), g("div", Ge, [
-          c("div", Je, [
-            c("div", {
-              class: O(["cross", { rotated: o.value[r] }]),
-              onClick: (u) => T(r)
-            }, "×", 10, Qe),
-            c("button", {
+        s.type == "dropdown" ? (h(), g("div", Le, [
+          i("div", He, [
+            i("div", {
+              class: O(["cross", { rotated: x.value[o] }]),
+              onClick: (n) => S(o)
+            }, "×", 10, Ue),
+            i("button", {
               class: "button-default dropdown-title",
-              onClick: (u) => T(r)
-            }, V(s.label), 9, Xe)
+              onClick: (n) => S(o)
+            }, N(s.label), 9, ze)
           ]),
-          G(c("div", Ye, [
-            c("div", Ze, [
-              (y(!0), g(W, null, q(s.actions, (u) => (y(), g("div", {
-                key: u.label
+          z(i("div", We, [
+            i("div", qe, [
+              (h(!0), g(H, null, U(s.actions, (n) => (h(), g("div", {
+                key: n.label
               }, [
-                u.action != null ? (y(), g("button", {
+                n.action != null ? (h(), g("button", {
                   key: 0,
                   class: "dropdown-item",
-                  onClick: (n) => C(u.action, u.label)
-                }, V(u.label), 9, et)) : u.link != null ? (y(), g("a", {
+                  onClick: (m) => D(n.action, n.label)
+                }, N(n.label), 9, Ge)) : n.link != null ? (h(), g("a", {
                   key: 1,
-                  href: u.link
+                  href: n.link
                 }, [
-                  c("button", ot, V(u.label), 1)
-                ], 8, tt)) : K("", !0)
+                  i("button", Qe, N(n.label), 1)
+                ], 8, Je)) : P("", !0)
               ]))), 128))
             ])
           ], 512), [
-            [oe, w.value[r]]
+            [Y, a.value[o]]
           ])
-        ])) : K("", !0)
+        ])) : P("", !0)
       ]))), 128))
     ], 2));
   }
-}), ye = (l, S) => {
-  const D = l.__vccOpts || l;
-  for (const [w, d] of S)
-    D[w] = d;
-  return D;
-}, he = /* @__PURE__ */ ye(at, [["__scopeId", "data-v-8e18f635"]]), nt = { class: "command-palette-header" }, rt = ["placeholder"], lt = {
+}), ve = (c, A) => {
+  const y = c.__vccOpts || c;
+  for (const [a, u] of A)
+    y[a] = u;
+  return y;
+}, pe = /* @__PURE__ */ ve(Xe, [["__scopeId", "data-v-8e18f635"]]), Ye = { class: "command-palette-header" }, Ze = ["placeholder"], et = {
   key: 0,
   class: "command-palette-results"
-}, st = ["onClick", "onMouseover"], ct = { class: "result-title" }, it = { class: "result-content" }, ut = {
+}, tt = ["onClick", "onMouseover"], at = { class: "result-title" }, ot = { class: "result-content" }, rt = {
   key: 1,
   class: "command-palette-no-results"
-}, ge = /* @__PURE__ */ Q({
+}, fe = /* @__PURE__ */ q({
   __name: "CommandPalette",
   props: {
     search: { type: Function },
@@ -101,133 +100,133 @@ const Ue = { class: "action-menu-icon" }, We = { class: "action-element-header"
     maxResults: { default: 10 }
   },
   emits: ["select", "close"],
-  setup(l, { emit: S }) {
-    const D = S, w = M(""), d = M(0), o = de("input"), p = $(() => w.value ? l.search(w.value).slice(0, l.maxResults) : []);
-    H(
-      () => l.isOpen,
-      async (i) => {
-        i && (w.value = "", d.value = 0, await ve(), o.value?.focus());
+  setup(c, { emit: A }) {
+    const y = A, a = _(""), u = _(0), x = se("input"), w = R(() => a.value ? c.search(a.value).slice(0, c.maxResults) : []);
+    K(
+      () => c.isOpen,
+      async (v) => {
+        v && (a.value = "", u.value = 0, await ce(), x.value?.focus());
       }
-    ), H(p, () => {
-      d.value = 0;
+    ), K(w, () => {
+      u.value = 0;
     });
-    const _ = () => {
-      D("close");
-    }, T = (i) => {
-      switch (i.key) {
+    const b = () => {
+      y("close");
+    }, S = (v) => {
+      switch (v.key) {
         case "Escape":
-          _();
+          b();
           break;
         case "ArrowDown":
-          i.preventDefault(), p.value.length && (d.value = (d.value + 1) % p.value.length);
+          v.preventDefault(), w.value.length && (u.value = (u.value + 1) % w.value.length);
           break;
         case "ArrowUp":
-          i.preventDefault(), p.value.length && (d.value = (d.value - 1 + p.value.length) % p.value.length);
+          v.preventDefault(), w.value.length && (u.value = (u.value - 1 + w.value.length) % w.value.length);
           break;
         case "Enter":
-          p.value.length && d.value >= 0 && C(p.value[d.value]);
+          w.value.length && u.value >= 0 && D(w.value[u.value]);
           break;
       }
-    }, C = (i) => {
-      D("select", i), _();
+    }, D = (v) => {
+      y("select", v), b();
     };
-    return (i, f) => (y(), pe(Te, { to: "body" }, [
-      L(Ve, { name: "fade" }, {
-        default: z(() => [
-          l.isOpen ? (y(), g("div", {
+    return (v, r) => (h(), ie(_e, { to: "body" }, [
+      B(xe, { name: "fade" }, {
+        default: j(() => [
+          c.isOpen ? (h(), g("div", {
             key: 0,
             class: "command-palette-overlay",
-            onClick: _
+            onClick: b
           }, [
-            c("div", {
+            i("div", {
               class: "command-palette",
-              onClick: f[1] || (f[1] = fe(() => {
+              onClick: r[1] || (r[1] = ue(() => {
               }, ["stop"]))
             }, [
-              c("div", nt, [
-                G(c("input", {
+              i("div", Ye, [
+                z(i("input", {
                   ref: "input",
-                  "onUpdate:modelValue": f[0] || (f[0] = (s) => w.value = s),
+                  "onUpdate:modelValue": r[0] || (r[0] = (s) => a.value = s),
                   type: "text",
                   class: "command-palette-input",
-                  placeholder: l.placeholder,
+                  placeholder: c.placeholder,
                   autofocus: "",
-                  onKeydown: T
-                }, null, 40, rt), [
-                  [me, w.value]
+                  onKeydown: S
+                }, null, 40, Ze), [
+                  [de, a.value]
                 ])
               ]),
-              p.value.length ? (y(), g("div", lt, [
-                (y(!0), g(W, null, q(p.value, (s, r) => (y(), g("div", {
-                  key: r,
-                  class: O(["command-palette-result", { selected: r === d.value }]),
-                  onClick: (u) => C(s),
-                  onMouseover: (u) => d.value = r
+              w.value.length ? (h(), g("div", et, [
+                (h(!0), g(H, null, U(w.value, (s, o) => (h(), g("div", {
+                  key: o,
+                  class: O(["command-palette-result", { selected: o === u.value }]),
+                  onClick: (n) => D(s),
+                  onMouseover: (n) => u.value = o
                 }, [
-                  c("div", ct, [
-                    Y(i.$slots, "title", { result: s })
+                  i("div", at, [
+                    G(v.$slots, "title", { result: s })
                   ]),
-                  c("div", it, [
-                    Y(i.$slots, "content", { result: s })
+                  i("div", ot, [
+                    G(v.$slots, "content", { result: s })
                   ])
-                ], 42, st))), 128))
-              ])) : w.value && !p.value.length ? (y(), g("div", ut, [
-                Y(i.$slots, "empty", {}, () => [
-                  J(' No results found for "' + V(w.value) + '" ', 1)
+                ], 42, tt))), 128))
+              ])) : a.value && !w.value.length ? (h(), g("div", rt, [
+                G(v.$slots, "empty", {}, () => [
+                  W(' No results found for "' + N(a.value) + '" ', 1)
                 ])
-              ])) : K("", !0)
+              ])) : P("", !0)
             ])
-          ])) : K("", !0)
+          ])) : P("", !0)
         ]),
         _: 3
       })
     ]));
   }
-}), dt = { class: "tabs" }, vt = { tabindex: "0" }, pt = { tabindex: "0" }, ft = /* @__PURE__ */ Q({
+}), nt = { class: "tabs" }, lt = { tabindex: "0" }, st = { tabindex: "0" }, ct = /* @__PURE__ */ q({
   __name: "SheetNav",
   props: {
     breadcrumbs: { default: () => [] }
   },
-  setup(l) {
-    const S = M(!0), D = M(!1), w = M(""), d = de("searchinput"), o = $(() => S.value ? "unrotated" : "rotated"), p = () => {
-      S.value = !S.value;
-    }, _ = async () => {
-      D.value = !D.value, await ve(() => {
-        d.value?.focus();
+  setup(c) {
+    const A = _(!0), y = _(!1), a = _(""), u = se("searchinput"), x = R(() => A.value ? "unrotated" : "rotated"), w = () => {
+      A.value = !A.value;
+    }, b = async () => {
+      y.value = !y.value, await ce(() => {
+        u.value?.focus();
       });
-    }, T = (f) => {
-      f.preventDefault(), f.stopPropagation();
-    }, C = async (f) => {
-      f.preventDefault(), f.stopPropagation(), await _();
-    }, i = () => {
+    }, S = (r) => {
+      r.preventDefault(), r.stopPropagation();
+    }, D = async (r) => {
+      r.preventDefault(), r.stopPropagation(), await b();
+    }, v = () => {
     };
-    return (f, s) => {
-      const r = Ee("router-link");
-      return y(), g("footer", null, [
-        c("ul", dt, [
-          c("li", {
+    return (r, s) => {
+      const o = Ne("router-link");
+      return h(), g("footer", null, [
+        i("ul", nt, [
+          i("li", {
             class: "hidebreadcrumbs",
-            onClick: p,
-            onKeydown: j(p, ["enter"])
+            onClick: w,
+            onKeydown: F(w, ["enter"])
           }, [
-            c("a", vt, [
-              c("div", {
-                class: O(o.value)
+            i("a", lt, [
+              i("div", {
+                class: O(x.value)
               }, "×", 2)
             ])
           ], 32),
-          c("li", {
+          i("li", {
             class: "hometab",
-            style: Z({ display: S.value ? "block" : "none" }),
-            onClick: i,
-            onKeydown: j(i, ["enter"])
+            style: J({ display: A.value ? "block" : "none" }),
+            onClick: v,
+            onKeydown: F(v, ["enter"])
           }, [
-            L(r, {
+            B(o, {
               to: "/",
               tabindex: "0"
             }, {
-              default: z(() => [...s[5] || (s[5] = [
-                c("svg", {
+              default: j(() => [...s[5] || (s[5] = [
+                i("svg", {
                   class: "icon",
                   "aria-label": "Home",
                   viewBox: "0 0 24 24",
@@ -235,19 +234,19 @@ const Ue = { class: "action-menu-icon" }, We = { class: "action-element-header"
                   stroke: "currentColor",
                   "stroke-width": "2"
                 }, [
-                  c("path", { d: "M3 12l9-9 9 9" }),
-                  c("path", { d: "M9 21V12h6v9" })
+                  i("path", { d: "M3 12l9-9 9 9" }),
+                  i("path", { d: "M9 21V12h6v9" })
                 ], -1)
               ])]),
               _: 1
             })
           ], 36),
-          c("li", {
-            class: O(["searchtab", { "search-active": D.value }]),
-            style: Z({ display: S.value ? "block" : "none" })
+          i("li", {
+            class: O(["searchtab", { "search-active": y.value }]),
+            style: J({ display: A.value ? "block" : "none" })
           }, [
-            c("a", pt, [
-              G((y(), g("svg", {
+            i("a", st, [
+              z((h(), g("svg", {
                 class: "icon search-icon",
                 role: "button",
                 "aria-label": "Search",
@@ -255,47 +254,47 @@ const Ue = { class: "action-menu-icon" }, We = { class: "action-element-header"
                 fill: "none",
                 stroke: "currentColor",
                 "stroke-width": "2",
-                onClick: _,
-                onKeydown: j(_, ["enter"])
+                onClick: b,
+                onKeydown: F(b, ["enter"])
               }, [...s[6] || (s[6] = [
-                c("circle", {
+                i("circle", {
                   cx: "11",
                   cy: "11",
                   r: "7"
                 }, null, -1),
-                c("path", { d: "M21 21l-4.35-4.35" }, null, -1)
+                i("path", { d: "M21 21l-4.35-4.35" }, null, -1)
               ])], 544)), [
-                [oe, !D.value]
+                [Y, !y.value]
               ]),
-              G(c("input", {
+              z(i("input", {
                 ref: "searchinput",
-                "onUpdate:modelValue": s[0] || (s[0] = (u) => w.value = u),
+                "onUpdate:modelValue": s[0] || (s[0] = (n) => a.value = n),
                 type: "text",
                 placeholder: "Search...",
-                onClick: s[1] || (s[1] = fe(() => {
+                onClick: s[1] || (s[1] = ue(() => {
                 }, ["stop"])),
-                onInput: s[2] || (s[2] = (u) => T(u)),
-                onBlur: s[3] || (s[3] = (u) => C(u)),
+                onInput: s[2] || (s[2] = (n) => S(n)),
+                onBlur: s[3] || (s[3] = (n) => D(n)),
                 onKeydown: [
-                  s[4] || (s[4] = j((u) => C(u), ["enter"])),
-                  j(_, ["escape"])
+                  s[4] || (s[4] = F((n) => D(n), ["enter"])),
+                  F(b, ["escape"])
                 ]
               }, null, 544), [
-                [oe, D.value],
-                [me, w.value]
+                [Y, y.value],
+                [de, a.value]
               ])
             ])
           ], 6),
-          (y(!0), g(W, null, q(l.breadcrumbs, (u) => (y(), g("li", {
-            key: u.title,
-            style: Z({ display: S.value ? "block" : "none" })
+          (h(!0), g(H, null, U(c.breadcrumbs, (n) => (h(), g("li", {
+            key: n.title,
+            style: J({ display: A.value ? "block" : "none" })
           }, [
-            L(r, {
+            B(o, {
               tabindex: "0",
-              to: u.to
+              to: n.to
             }, {
-              default: z(() => [
-                J(V(u.title), 1)
+              default: j(() => [
+                W(N(n.title), 1)
               ]),
               _: 2
             }, 1032, ["to"])
@@ -304,54 +303,45 @@ const Ue = { class: "action-menu-icon" }, We = { class: "action-element-header"
       ]);
     };
   }
-}), we = /* @__PURE__ */ ye(ft, [["__scopeId", "data-v-cd118b06"]]), mt = {
+}), me = /* @__PURE__ */ ve(ct, [["__scopeId", "data-v-cd118b06"]]), it = {
   key: 1,
   class: "loading"
-}, yt = {
+}, ut = {
   key: 2,
   class: "loading"
-}, ht = /* @__PURE__ */ Q({
+}, dt = /* @__PURE__ */ q({
   __name: "Desktop",
   props: {
     availableDoctypes: { default: () => [] },
     routeAdapter: {}
   },
   emits: ["action", "navigate", "record:open", "load-records", "load-record"],
-  setup(l, { emit: S }) {
-    function D(e) {
-      const t = He(e).filter((a) => a.kind === "field" && !!a.doctype);
-      return new Set(
-        t.filter((a) => ze(a.component) === "inline").map((a) => a.fieldname)
-      );
-    }
-    function w(e) {
-      return e !== null && typeof e == "object" && !Array.isArray(e) && "id" in e ? e.id : e;
-    }
-    const d = S, { stonecrop: o } = Fe();
-    let p = null;
+  setup(c, { emit: A }) {
+    const y = A, { stonecrop: a } = Te();
+    let u = null;
     try {
-      p = Oe();
+      u = Ve();
     } catch {
-      p = null;
+      u = null;
     }
-    const _ = $(
-      () => x.value === "record" ? p?.errorsByField ?? {} : {}
-    ), T = M(!1), C = M(!1), i = M({}), f = $({
+    const x = R(
+      () => I.value === "record" ? u?.errorsByField ?? {} : {}
+    ), w = _(!1), b = _(!1), S = _({}), D = R({
       get() {
-        if (x.value === "doctypes")
+        if (I.value === "doctypes")
           return {
-            doctypes_table: l.availableDoctypes?.map((e) => ({
+            doctypes_table: c.availableDoctypes?.map((e) => ({
               id: e,
               doctype: e,
-              display_name: F(e),
+              display_name: E(e),
               actions: "View Records"
             })) ?? []
           };
-        if (x.value === "records")
+        if (I.value === "records")
           return {
-            records_table: le().map(
+            records_table: ae().map(
               (e) => Object.assign({}, e, {
-                id: ce(e) ?? "",
+                id: re(e) ?? "",
                 // A list row is navigation. Actions live on the record view, where the Actions
                 // dropdown is built from what the doctype declares and what the record's
                 // current state allows. This cell used to also offer Delete, which dispatched
@@ -362,17 +352,17 @@ const Ue = { class: "action-menu-icon" }, We = { class: "action-element-header"
               })
             )
           };
-        if (!o.value || !n.value || !h.value)
+        if (!a.value || !o.value || !m.value)
           return {};
         try {
-          const t = { ...B.value ? i.value : o.value.getRecordById(n.value, h.value)?.get("") }, a = o.value.registry.registry[n.value];
-          if (a) {
-            for (const m of a.getSchemaArray())
-              if (m.kind === "fieldset") {
-                const v = {};
-                for (const A of m.schema)
-                  A.fieldname && (v[A.fieldname] = t[A.fieldname]);
-                t[m.fieldname] = v;
+          const t = { ...V.value ? S.value : a.value.getRecordById(o.value, m.value)?.get("") }, l = a.value.registry.registry[o.value];
+          if (l) {
+            for (const d of l.getSchemaArray())
+              if (d.kind === "fieldset") {
+                const p = {};
+                for (const k of d.schema)
+                  k.fieldname && (p[k.fieldname] = t[k.fieldname]);
+                t[d.fieldname] = p;
               }
           }
           return t;
@@ -381,52 +371,49 @@ const Ue = { class: "action-menu-icon" }, We = { class: "action-element-header"
         }
       },
       set(e) {
-        if (x.value === "record" && !(!o.value || !n.value || !h.value))
+        if (I.value === "record" && !(!a.value || !o.value || !m.value))
           try {
-            const t = o.value.registry.registry[n.value], a = /* @__PURE__ */ new Set();
+            const t = a.value.registry.registry[o.value], l = /* @__PURE__ */ new Set();
             if (t)
-              for (const k of t.getSchemaArray())
-                k.kind === "fieldset" && a.add(k.fieldname);
-            const m = D(t ? t.getSchemaArray() : []), v = {}, A = [];
-            for (const [k, b] of Object.entries(e))
-              a.has(k) && b && typeof b == "object" && !Array.isArray(b) ? A.push(b) : v[k] = b;
-            for (const k of A)
-              Object.assign(v, k);
-            const I = [];
-            if (B.value) {
-              const k = { ...i.value };
-              for (const [b, N] of Object.entries(v)) {
-                if (N === void 0) continue;
-                const P = m.has(b) ? w(N) : N;
-                k[b] !== P && (k[b] = P, I.push(b));
-              }
-              i.value = k;
+              for (const f of t.getSchemaArray())
+                f.kind === "fieldset" && l.add(f.fieldname);
+            const d = {}, p = [];
+            for (const [f, C] of Object.entries(e))
+              l.has(f) && C && typeof C == "object" && !Array.isArray(C) ? p.push(C) : d[f] = C;
+            for (const f of p)
+              Object.assign(d, f);
+            const k = [];
+            if (V.value) {
+              const f = { ...S.value };
+              for (const [C, $] of Object.entries(d))
+                $ !== void 0 && f[C] !== $ && (f[C] = $, k.push(C));
+              S.value = f;
             } else {
-              const k = o.value.getStore();
-              for (const [b, N] of Object.entries(v)) {
-                if (N === void 0) continue;
-                const P = m.has(b) ? w(N) : N, X = `${n.value}.${h.value}.${b}`;
-                (k.has(X) ? k.get(X) : void 0) !== P && (k.set(X, P), I.push(b));
+              const f = a.value.getStore();
+              for (const [C, $] of Object.entries(d)) {
+                if ($ === void 0) continue;
+                const T = `${o.value}.${m.value}.${C}`;
+                (f.has(T) ? f.get(T) : void 0) !== $ && (f.set(T, $), k.push(C));
               }
             }
-            I.length > 0 && s(I);
+            k.length > 0 && v(k);
           } catch (t) {
             console.warn("HST update failed:", t);
           }
       }
     });
-    function s(e) {
-      if (!p || !o.value || !n.value || !h.value) return;
-      const a = o.value.registry.getDoctype(n.value)?.getTriggers();
-      if (!a || Object.keys(a).length === 0) return;
-      const m = B.value ? { ...i.value } : {
-        ...o.value.getRecordById(n.value, h.value)?.get("")
+    function v(e) {
+      if (!u || !a.value || !o.value || !m.value) return;
+      const l = a.value.registry.getDoctype(o.value)?.getTriggers();
+      if (!l || Object.keys(l).length === 0) return;
+      const d = V.value ? { ...S.value } : {
+        ...a.value.getRecordById(o.value, m.value)?.get("")
       };
-      for (const v of e)
-        p.validateField(a, v, m);
+      for (const p of e)
+        u.validateField(l, p, d);
     }
-    const r = $(() => l.routeAdapter ? null : ee(o.value?.registry.router?.currentRoute)), u = $(() => l.routeAdapter ? null : o.value?.registry.router), n = $(() => {
-      if (l.routeAdapter) return l.routeAdapter.getCurrentDoctype();
+    const r = R(() => c.routeAdapter ? null : Q(a.value?.registry.router?.currentRoute)), s = R(() => c.routeAdapter ? null : a.value?.registry.router), o = R(() => {
+      if (c.routeAdapter) return c.routeAdapter.getCurrentDoctype();
       if (!r.value) return "";
       if (r.value.meta?.actualDoctype)
         return r.value.meta.actualDoctype;
@@ -434,8 +421,8 @@ const Ue = { class: "action-menu-icon" }, We = { class: "action-element-header"
         return r.value.params.doctype.toString();
       const e = r.value.params.pathMatch;
       return e && e.length > 0 ? e[0] : "";
-    }), R = $(() => {
-      if (l.routeAdapter) return l.routeAdapter.getCurrentDoctype();
+    }), n = R(() => {
+      if (c.routeAdapter) return c.routeAdapter.getCurrentDoctype();
       if (!r.value) return "";
       if (r.value.meta?.doctype)
         return r.value.meta.doctype;
@@ -443,15 +430,15 @@ const Ue = { class: "action-menu-icon" }, We = { class: "action-element-header"
         return r.value.params.doctype.toString();
       const e = r.value.params.pathMatch;
       return e && e.length > 0 ? e[0] : "";
-    }), h = $(() => {
-      if (l.routeAdapter) return l.routeAdapter.getCurrentRecordId();
+    }), m = R(() => {
+      if (c.routeAdapter) return c.routeAdapter.getCurrentRecordId();
       if (!r.value) return "";
       if (r.value.params.recordId)
         return r.value.params.recordId.toString();
       const e = r.value.params.pathMatch;
       return e && e.length > 1 ? e[1] : "";
-    }), B = $(() => Le(h.value)), x = $(() => {
-      if (l.routeAdapter) return l.routeAdapter.getCurrentView();
+    }), V = R(() => Ee(m.value)), I = R(() => {
+      if (c.routeAdapter) return c.routeAdapter.getCurrentView();
       if (!r.value || r.value.name === "home" || r.value.path === "/")
         return "doctypes";
       if (r.value.name && r.value.name !== "catch-all") {
@@ -463,64 +450,64 @@ const Ue = { class: "action-menu-icon" }, We = { class: "action-element-header"
       }
       const e = r.value.params.pathMatch;
       return e && e.length > 0 ? e.length === 1 ? "records" : "record" : "doctypes";
-    }), be = () => {
-      if (!o.value || !n.value || !h.value)
+    }), he = () => {
+      if (!a.value || !o.value || !m.value)
         return [];
       try {
-        const e = o.value.registry.getDoctype(n.value);
+        const e = a.value.registry.getDoctype(o.value);
         if (!e?.workflow) return [];
-        const t = o.value.getRecordState(n.value, h.value), a = e.getAvailableTransitions(t), m = f.value || {};
-        return a.map(({ name: v }) => ({
+        const t = a.value.getRecordState(o.value, m.value), l = e.getAvailableTransitions(t), d = D.value || {};
+        return l.map(({ name: p }) => ({
           // Prefer the workflow action's human-readable label (WorkflowMeta format);
           // fall back to the raw transition name for XState workflows with no action meta.
-          label: e.getActionMeta(v)?.label ?? v,
+          label: e.getActionMeta(p)?.label ?? p,
           action: () => {
-            d("action", {
-              name: v,
-              doctype: n.value,
-              recordId: h.value,
-              data: m
+            y("action", {
+              name: p,
+              doctype: o.value,
+              recordId: m.value,
+              data: d
             });
           }
         }));
       } catch (e) {
         return console.warn("Error getting available transitions:", e), [];
       }
-    }, ke = () => {
-      if (!o.value || !n.value || !h.value)
+    }, ye = () => {
+      if (!a.value || !o.value || !m.value)
         return [];
       try {
-        const e = o.value.registry.getDoctype(n.value);
+        const e = a.value.registry.getDoctype(o.value);
         if (!e?.workflow) return [];
-        const t = o.value.getRecordState(n.value, h.value), a = e.getAvailableCommands(t), m = f.value || {};
-        return a.map(({ name: v }) => ({
-          label: e.getActionMeta(v)?.label ?? v,
+        const t = a.value.getRecordState(o.value, m.value), l = e.getAvailableCommands(t), d = D.value || {};
+        return l.map(({ name: p }) => ({
+          label: e.getActionMeta(p)?.label ?? p,
           action: () => {
-            d("action", {
-              name: v,
-              doctype: n.value,
-              recordId: h.value,
-              data: m
+            y("action", {
+              name: p,
+              doctype: o.value,
+              recordId: m.value,
+              data: d
             });
           }
         }));
       } catch (e) {
         return console.warn("Error getting available commands:", e), [];
       }
-    }, Ce = $(() => {
+    }, ge = R(() => {
       const e = [];
-      switch (x.value) {
+      switch (I.value) {
         case "records":
           e.push({
             type: "button",
             label: "New Record",
             action: () => {
-              U();
+              L();
             }
           });
           break;
         case "record": {
-          const t = [...be(), ...ke()];
+          const t = [...he(), ...ye()];
           t.length > 0 && e.push({
             type: "dropdown",
             label: "Actions",
@@ -530,77 +517,77 @@ const Ue = { class: "action-menu-icon" }, We = { class: "action-element-header"
         }
       }
       return e;
-    }), Ae = $(() => {
+    }), we = R(() => {
       const e = [];
-      if (x.value === "records" && R.value)
+      if (I.value === "records" && n.value)
         e.push(
           { title: "Home", to: "/" },
-          { title: F(R.value), to: `/${R.value}` }
+          { title: E(n.value), to: `/${n.value}` }
         );
-      else if (x.value === "record" && R.value) {
-        const t = h.value ? `/${R.value}/${h.value}` : r.value?.fullPath ?? "";
+      else if (I.value === "record" && n.value) {
+        const t = m.value ? `/${n.value}/${m.value}` : r.value?.fullPath ?? "";
         e.push(
           { title: "Home", to: "/" },
-          { title: F(R.value), to: `/${R.value}` },
-          { title: B.value ? "New Record" : "Edit Record", to: t }
+          { title: E(n.value), to: `/${n.value}` },
+          { title: V.value ? "New Record" : "Edit Record", to: t }
         );
       }
       return e;
-    }), De = (e) => {
+    }), be = (e) => {
       const t = [
         {
           title: "Go Home",
           description: "Navigate to the home page",
           action: () => {
-            E({ view: "doctypes" });
+            M({ view: "doctypes" });
           }
         },
         {
           title: "Toggle Command Palette",
           description: "Open/close the command palette",
-          action: () => C.value = !C.value
+          action: () => b.value = !b.value
         }
       ];
-      return R.value && (t.push({
-        title: `View ${F(R.value)} Records`,
-        description: `Navigate to ${R.value} list`,
+      return n.value && (t.push({
+        title: `View ${E(n.value)} Records`,
+        description: `Navigate to ${n.value} list`,
         action: () => {
-          E({ view: "records", doctype: R.value });
+          M({ view: "records", doctype: n.value });
         }
       }), t.push({
-        title: `Create New ${F(R.value)}`,
-        description: `Create a new ${R.value} record`,
+        title: `Create New ${E(n.value)}`,
+        description: `Create a new ${n.value} record`,
         action: () => {
-          U();
+          L();
         }
-      })), l.availableDoctypes.forEach((a) => {
+      })), c.availableDoctypes.forEach((l) => {
         t.push({
-          title: `View ${F(a)}`,
-          description: `Navigate to ${a} list`,
+          title: `View ${E(l)}`,
+          description: `Navigate to ${l} list`,
           action: () => {
-            E({ view: "records", doctype: a });
+            M({ view: "records", doctype: l });
           }
         });
       }), e ? t.filter(
-        (a) => a.title.toLowerCase().includes(e.toLowerCase()) || a.description.toLowerCase().includes(e.toLowerCase())
+        (l) => l.title.toLowerCase().includes(e.toLowerCase()) || l.description.toLowerCase().includes(e.toLowerCase())
       ) : t;
-    }, Re = (e) => {
-      e.action(), C.value = !1;
-    }, Se = (e) => {
-      if (!o.value || !n.value)
+    }, ke = (e) => {
+      e.action(), b.value = !1;
+    }, Ce = (e) => {
+      if (!a.value || !o.value)
         return Promise.resolve({ data: [], hasMore: !1 });
-      const t = o.value.registry.getDoctype(n.value);
-      return t ? o.value.getRecords(t, e) : Promise.resolve({ data: [], hasMore: !1 });
-    }, F = (e) => e.split("-").map((t) => t.charAt(0).toUpperCase() + t.slice(1)).join(" "), E = async (e) => {
-      d("navigate", e), l.routeAdapter ? await l.routeAdapter.navigate(e) : e.view === "doctypes" ? await u.value?.push("/") : e.view === "records" && e.doctype ? await u.value?.push(`/${e.doctype}`) : e.view === "record" && e.doctype && e.recordId && await u.value?.push(`/${e.doctype}/${e.recordId}`);
-    }, ae = async (e) => {
-      await E({ view: "records", doctype: e });
-    }, ne = async (e) => {
-      const t = R.value;
-      d("record:open", { doctype: t, recordId: e }), await E({ view: "record", doctype: t, recordId: e });
-    }, U = async () => {
-      await E({ view: "record", doctype: R.value, recordId: Pe });
-    }, $e = () => l.availableDoctypes?.length ? [
+      const t = a.value.registry.getDoctype(o.value);
+      return t ? a.value.getRecords(t, e) : Promise.resolve({ data: [], hasMore: !1 });
+    }, E = (e) => e.split("-").map((t) => t.charAt(0).toUpperCase() + t.slice(1)).join(" "), M = async (e) => {
+      y("navigate", e), c.routeAdapter ? await c.routeAdapter.navigate(e) : e.view === "doctypes" ? await s.value?.push("/") : e.view === "records" && e.doctype ? await s.value?.push(`/${e.doctype}`) : e.view === "record" && e.doctype && e.recordId && await s.value?.push(`/${e.doctype}/${e.recordId}`);
+    }, Z = async (e) => {
+      await M({ view: "records", doctype: e });
+    }, ee = async (e) => {
+      const t = n.value;
+      y("record:open", { doctype: t, recordId: e }), await M({ view: "record", doctype: t, recordId: e });
+    }, L = async () => {
+      await M({ view: "record", doctype: n.value, recordId: Oe });
+    }, Ae = () => c.availableDoctypes?.length ? [
       {
         kind: "table",
         fieldname: "doctypes_table",
@@ -638,14 +625,14 @@ const Ue = { class: "action-menu-icon" }, We = { class: "action-element-header"
         ],
         config: { view: "list", fullWidth: !0 }
       }
-    ] : [], Ie = () => {
-      if (!n.value) return [];
+    ] : [], De = () => {
       if (!o.value) return [];
-      const e = o.value.registry, t = e.registry[n.value];
+      if (!a.value) return [];
+      const e = a.value.registry, t = e.registry[o.value];
       if (!t) return [];
-      const a = e.resolveSchema(t);
-      if (a.length === 0) return [];
-      const m = n.value, v = !!o.value.getClient();
+      const l = e.resolveSchema(t);
+      if (l.length === 0) return [];
+      const d = o.value, p = !!a.value.getClient();
       return [
         {
           kind: "table",
@@ -654,195 +641,195 @@ const Ue = { class: "action-menu-icon" }, We = { class: "action-element-header"
           // Which resolved fields a cell can render is answered once, in @stonecrop/aform, and
           // called by the child-table builder too. Flattening alone is not the rule: it kept the
           // expanding links, whose value is a nested record or an array of them.
-          schema: [...Ke(a), { fieldname: "actions", label: "Actions", component: "ATextInput" }],
+          schema: [...Fe(l), { fieldname: "actions", label: "Actions", component: "ATextInput" }],
           config: { view: "list", fullWidth: !0 },
-          ...v ? { getRecords: Se, sourceKey: m } : {}
+          ...p ? { getRecords: Ce, sourceKey: d } : {}
         }
       ];
-    }, re = () => {
-      if (!n.value) return [];
+    }, te = () => {
       if (!o.value) return [];
+      if (!a.value) return [];
       try {
-        const e = o.value?.registry, t = e?.registry[n.value];
+        const e = a.value?.registry, t = e?.registry[o.value];
         return t?.schema ? e.resolveSchema(t) : [];
       } catch {
         return [];
       }
-    }, le = () => {
-      if (!o.value || !n.value)
+    }, ae = () => {
+      if (!a.value || !o.value)
         return [];
-      const t = o.value.records(n.value)?.get("");
+      const t = a.value.records(o.value)?.get("");
       return t && typeof t == "object" && !Array.isArray(t) ? Object.values(t) : [];
-    }, se = $(() => {
-      switch (x.value) {
+    }, oe = R(() => {
+      switch (I.value) {
         case "doctypes":
-          return $e();
+          return Ae();
         case "records":
-          return Ie();
+          return De();
         case "record":
-          return re();
+          return te();
         default:
           return [];
       }
-    }), _e = (e, t) => {
+    }), Re = (e, t) => {
       t && t();
-    }, ce = (e) => {
-      if (!(!o.value || !n.value))
-        return o.value.registry.registry[n.value]?.getRecordId(e);
-    }, xe = (e) => {
+    }, re = (e) => {
+      if (!(!a.value || !o.value))
+        return a.value.registry.registry[o.value]?.getRecordId(e);
+    }, Se = (e) => {
       const t = e.querySelector("td[data-rowindex]");
       if (!t) return null;
-      const a = t.getAttribute("data-rowindex");
-      if (a === null) return null;
-      const m = parseInt(a, 10);
-      if (isNaN(m)) return null;
-      const A = le()[m];
-      return A ? ce(A) ?? null : null;
-    }, Ne = async (e) => {
+      const l = t.getAttribute("data-rowindex");
+      if (l === null) return null;
+      const d = parseInt(l, 10);
+      if (isNaN(d)) return null;
+      const k = ae()[d];
+      return k ? re(k) ?? null : null;
+    }, $e = async (e) => {
       const t = e.target;
-      t.getAttribute("data-action") === "create" && await U();
-      const m = t.closest("td, th");
-      if (m) {
-        const v = m.textContent?.trim(), A = m.closest("tr");
-        if (v === "View Records" && A) {
-          const I = A.querySelectorAll("td");
-          if (I.length > 0) {
-            const b = I[1].textContent?.trim();
-            b && await ae(b);
+      t.getAttribute("data-action") === "create" && await L();
+      const d = t.closest("td, th");
+      if (d) {
+        const p = d.textContent?.trim(), k = d.closest("tr");
+        if (p === "View Records" && k) {
+          const f = k.querySelectorAll("td");
+          if (f.length > 0) {
+            const $ = f[1].textContent?.trim();
+            $ && await Z($);
           }
-        } else if (v === "Edit" && A) {
-          const I = xe(A);
-          I && await ne(I);
+        } else if (p === "Edit" && k) {
+          const f = Se(k);
+          f && await ee(f);
         }
       }
-    }, Me = async () => {
-      if (!(!o.value || !n.value || !o.value.getClient())) {
-        T.value = !0;
+    }, Ie = async () => {
+      if (!(!a.value || !o.value || !a.value.getClient())) {
+        w.value = !0;
         try {
-          await o.value.getRecord(n.value, h.value);
+          await a.value.getRecord(o.value, m.value);
         } catch (e) {
           console.warn("Error fetching record:", e);
         } finally {
-          T.value = !1;
+          w.value = !1;
         }
       }
     };
-    H(
-      [x, n, h],
+    K(
+      [I, o, m],
       () => {
-        if (x.value === "records" && n.value)
-          d("load-records", { doctype: n.value });
-        else if (x.value === "record" && n.value && h.value) {
-          if (B.value) return;
-          d("load-record", { doctype: n.value, recordId: h.value }), Me();
+        if (I.value === "records" && o.value)
+          y("load-records", { doctype: o.value });
+        else if (I.value === "record" && o.value && m.value) {
+          if (V.value) return;
+          y("load-record", { doctype: o.value, recordId: m.value }), Ie();
         }
       },
       { immediate: !0 }
-    ), H([n, h], () => {
-      p?.clearAll();
-    }), H(
-      [n, h],
+    ), K([o, m], () => {
+      u?.clearAll();
+    }), K(
+      [o, m],
       () => {
-        if (!B.value) {
-          i.value = {};
+        if (!V.value) {
+          S.value = {};
           return;
         }
-        const e = o.value?.registry;
-        i.value = e ? e.initializeRecord(re()) : {};
+        const e = a.value?.registry;
+        S.value = e ? e.initializeRecord(te()) : {};
       },
       { immediate: !0 }
-    ), te("desktopMethods", {
-      navigateToDoctype: ae,
-      openRecord: ne,
-      createNewRecord: U,
+    ), X("desktopMethods", {
+      navigateToDoctype: Z,
+      openRecord: ee,
+      createNewRecord: L,
       /**
        * Convenience wrapper so child components (e.g. slot content) can emit
        * an action event without needing a direct reference to the emit function.
        */
       emitAction: (e, t) => {
-        d("action", {
+        y("action", {
           name: e,
-          doctype: n.value,
-          recordId: h.value,
-          data: t ?? f.value ?? {}
+          doctype: o.value,
+          recordId: m.value,
+          data: t ?? D.value ?? {}
         });
       }
-    }), te("aformLinkNavigator", {
+    }), X("aformLinkNavigator", {
       navigate: (e, t) => {
-        E({ view: "record", doctype: e, recordId: String(t) });
+        M({ view: "record", doctype: e, recordId: String(t) });
       }
-    }), te("aformLinkResolver", async (e, t) => {
-      if (o.value)
+    }), X("aformLinkResolver", async (e, t) => {
+      if (a.value)
         try {
-          const m = (await o.value.getMeta({ path: `/${e}`, segments: [e] }))?.displayField;
-          if (!m) return;
-          const v = (b) => {
-            if (!b) return;
-            const N = b[m];
-            return typeof N == "string" || typeof N == "number" ? String(N) : void 0;
-          }, A = o.value.getRecordById(e, t)?.get(""), I = v(A);
-          if (I != null) return I;
-          await o.value.getRecord(e, t);
-          const k = o.value.getRecordById(e, t)?.get("");
-          return v(k);
+          const d = (await a.value.getMeta({ path: `/${e}`, segments: [e] }))?.displayField;
+          if (!d) return;
+          const p = ($) => {
+            if (!$) return;
+            const T = $[d];
+            return typeof T == "string" || typeof T == "number" ? String(T) : void 0;
+          }, k = a.value.getRecordById(e, t)?.get(""), f = p(k);
+          if (f != null) return f;
+          await a.value.getRecord(e, t);
+          const C = a.value.getRecordById(e, t)?.get("");
+          return p(C);
         } catch {
           return;
         }
     });
-    const ie = (e) => {
-      (e.ctrlKey || e.metaKey) && e.key === "k" && (e.preventDefault(), C.value = !0), e.key === "Escape" && C.value && (C.value = !1);
+    const ne = (e) => {
+      (e.ctrlKey || e.metaKey) && e.key === "k" && (e.preventDefault(), b.value = !0), e.key === "Escape" && b.value && (b.value = !1);
     };
-    return ue(() => {
-      document.addEventListener("keydown", ie);
-    }), Be(() => {
-      document.removeEventListener("keydown", ie);
-    }), (e, t) => (y(), g("div", {
+    return le(() => {
+      document.addEventListener("keydown", ne);
+    }), Me(() => {
+      document.removeEventListener("keydown", ne);
+    }), (e, t) => (h(), g("div", {
       class: "desktop",
-      onClick: Ne
+      onClick: $e
     }, [
-      L(he, {
-        elements: Ce.value,
-        onActionClick: _e
+      B(pe, {
+        elements: ge.value,
+        onActionClick: Re
       }, null, 8, ["elements"]),
-      se.value.length > 0 ? (y(), pe(ee(je), {
+      oe.value.length > 0 ? (h(), ie(Q(Be), {
         key: 0,
-        data: f.value,
-        "onUpdate:data": t[0] || (t[0] = (a) => f.value = a),
-        schema: se.value,
-        errors: _.value
-      }, null, 8, ["data", "schema", "errors"])) : ee(o) ? (y(), g("div", yt, [
-        c("p", null, "Loading " + V(x.value) + " data...", 1)
-      ])) : (y(), g("div", mt, [...t[2] || (t[2] = [
-        c("p", null, "Initializing Stonecrop...", -1)
+        data: D.value,
+        "onUpdate:data": t[0] || (t[0] = (l) => D.value = l),
+        schema: oe.value,
+        errors: x.value
+      }, null, 8, ["data", "schema", "errors"])) : Q(a) ? (h(), g("div", ut, [
+        i("p", null, "Loading " + N(I.value) + " data...", 1)
+      ])) : (h(), g("div", it, [...t[2] || (t[2] = [
+        i("p", null, "Initializing Stonecrop...", -1)
       ])])),
-      L(we, { breadcrumbs: Ae.value }, null, 8, ["breadcrumbs"]),
-      L(ge, {
-        "is-open": C.value,
-        search: De,
+      B(me, { breadcrumbs: we.value }, null, 8, ["breadcrumbs"]),
+      B(fe, {
+        "is-open": b.value,
+        search: be,
         placeholder: "Type a command or search...",
-        onSelect: Re,
-        onClose: t[1] || (t[1] = (a) => C.value = !1)
+        onSelect: ke,
+        onClose: t[1] || (t[1] = (l) => b.value = !1)
       }, {
-        title: z(({ result: a }) => [
-          J(V(a.title), 1)
+        title: j(({ result: l }) => [
+          W(N(l.title), 1)
         ]),
-        content: z(({ result: a }) => [
-          J(V(a.description), 1)
+        content: j(({ result: l }) => [
+          W(N(l.description), 1)
         ]),
         _: 1
       }, 8, ["is-open"])
     ]));
   }
-}), Dt = {
-  install: (l) => {
-    l.component("ActionSet", he), l.component("CommandPalette", ge), l.component("Desktop", ht), l.component("SheetNav", we);
+}), yt = {
+  install: (c) => {
+    c.component("ActionSet", pe), c.component("CommandPalette", fe), c.component("Desktop", dt), c.component("SheetNav", me);
   }
 };
 export {
-  he as ActionSet,
-  ge as CommandPalette,
-  ht as Desktop,
-  we as SheetNav,
-  Dt as StonecropDesktop
+  pe as ActionSet,
+  fe as CommandPalette,
+  dt as Desktop,
+  me as SheetNav,
+  yt as StonecropDesktop
 };
 //# sourceMappingURL=desktop.js.map