@stonecrop/desktop 0.20.0 → 0.21.0

package/dist/desktop.js

@@ -1,98 +1,98 @@
-import { defineComponent as Y, ref as T, onMounted as fe, openBlock as p, createElementBlock as g, normalizeClass as B, createElementVNode as i, Fragment as G, renderList as J, toDisplayString as N, createCommentVNode as K, withDirectives as Q, vShow as ne, useTemplateRef as me, computed as R, watch as z, nextTick as ye, createBlock as he, Teleport as Oe, createVNode as j, Transition as Be, withCtx as U, withModifiers as ge, vModelText as we, renderSlot as ee, createTextVNode as X, resolveComponent as Ke, withKeys as H, normalizeStyle as te, unref as ae, provide as oe, onUnmounted as je } from "vue";
-import { useStonecrop as Pe, useValidationStore as He, isDraftRecordId as ze, DRAFT_RECORD_ID as Ue } from "@stonecrop/stonecrop";
-import { AForm as We } from "@stonecrop/aform";
-import { flattenFields as qe, linkDisplayFieldname as pe, componentLinkExpansion as Ge } from "@stonecrop/schema";
-const Je = { class: "action-menu-icon" }, Qe = { class: "action-element-header" }, Xe = ["disabled", "onClick"], Ye = { key: 0 }, Ze = { class: "dropdown-header" }, et = ["onClick"], tt = ["onClick"], at = { class: "dropdown-container" }, ot = { class: "dropdown" }, nt = ["onClick"], rt = ["href"], lt = { class: "dropdown-item" }, st = /* @__PURE__ */ Y({
+import { defineComponent as Q, ref as M, onMounted as de, openBlock as m, createElementBlock as g, normalizeClass as F, createElementVNode as c, Fragment as W, renderList as q, toDisplayString as V, createCommentVNode as L, withDirectives as G, vShow as ae, useTemplateRef as ve, computed as S, watch as H, nextTick as pe, createBlock as fe, Teleport as Ee, createVNode as j, Transition as Oe, withCtx as z, withModifiers as me, vModelText as he, renderSlot as Y, createTextVNode as J, resolveComponent as Be, withKeys as K, normalizeStyle as Z, unref as ee, provide as te, onUnmounted as Fe } from "vue";
+import { useStonecrop as Le, useValidationStore as je, isDraftRecordId as Pe, DRAFT_RECORD_ID as Ke } from "@stonecrop/stonecrop";
+import { AForm as He } from "@stonecrop/aform";
+import { flattenFields as ze, componentLinkExpansion as Ue } from "@stonecrop/schema";
+const We = { class: "action-menu-icon" }, qe = { class: "action-element-header" }, Ge = ["disabled", "onClick"], Je = { key: 0 }, Qe = { class: "dropdown-header" }, Xe = ["onClick"], Ye = ["onClick"], Ze = { class: "dropdown-container" }, et = { class: "dropdown" }, tt = ["onClick"], at = ["href"], ot = { class: "dropdown-item" }, rt = /* @__PURE__ */ Q({
   __name: "ActionSet",
   props: {
     elements: { default: () => [] }
   },
   emits: ["actionClick"],
-  setup(s, { emit: $ }) {
-    const C = $, b = T({}), m = T(!0), D = T([]);
-    fe(() => {
-      a();
+  setup(l, { emit: $ }) {
+    const D = $, w = M({}), d = M(!0), a = M([]);
+    de(() => {
+      v();
     });
-    const a = () => {
-      b.value = {}, D.value = [];
-    }, k = () => {
-      m.value = !m.value;
-    }, M = (c) => {
-      const d = !b.value[c];
-      a(), d && (b.value[c] = !0, D.value[c] = !0);
-    }, I = (c, d) => {
-      C("actionClick", d, c);
+    const v = () => {
+      w.value = {}, a.value = [];
+    }, x = () => {
+      d.value = !d.value;
+    }, N = (i) => {
+      const p = !w.value[i];
+      v(), p && (w.value[i] = !0, a.value[i] = !0);
+    }, C = (i, p) => {
+      D("actionClick", p, i);
     };
-    return (c, d) => (p(), g("div", {
-      class: B([{ collapsed: !m.value }, "action-set"])
+    return (i, p) => (m(), g("div", {
+      class: F([{ collapsed: !d.value }, "action-set"])
     }, [
-      i("div", Je, [
-        i("div", {
+      c("div", We, [
+        c("div", {
           id: "cross",
-          class: B({ rotated: m.value }),
-          onClick: k
+          class: F({ rotated: d.value }),
+          onClick: x
         }, "×", 2)
       ]),
-      d[0] || (d[0] = i("div", { style: { "margin-right": "30px" } }, null, -1)),
-      (p(!0), g(G, null, J(s.elements, (l, _) => (p(), g("div", {
-        key: l.label,
+      p[0] || (p[0] = c("div", { style: { "margin-right": "30px" } }, null, -1)),
+      (m(!0), g(W, null, q(l.elements, (s, n) => (m(), g("div", {
+        key: s.label,
         class: "action-element"
       }, [
-        i("div", Qe, [
-          l.type == "button" ? (p(), g("button", {
+        c("div", qe, [
+          s.type == "button" ? (m(), g("button", {
             key: 0,
-            disabled: l.disabled,
+            disabled: s.disabled,
             class: "button-default",
-            onClick: (o) => I(l.action, l.label)
-          }, N(l.label), 9, Xe)) : K("", !0)
+            onClick: (u) => C(s.action, s.label)
+          }, V(s.label), 9, Ge)) : L("", !0)
         ]),
-        l.type == "dropdown" ? (p(), g("div", Ye, [
-          i("div", Ze, [
-            i("div", {
-              class: B(["cross", { rotated: D.value[_] }]),
-              onClick: (o) => M(_)
-            }, "×", 10, et),
-            i("button", {
+        s.type == "dropdown" ? (m(), g("div", Je, [
+          c("div", Qe, [
+            c("div", {
+              class: F(["cross", { rotated: a.value[n] }]),
+              onClick: (u) => N(n)
+            }, "×", 10, Xe),
+            c("button", {
               class: "button-default dropdown-title",
-              onClick: (o) => M(_)
-            }, N(l.label), 9, tt)
+              onClick: (u) => N(n)
+            }, V(s.label), 9, Ye)
           ]),
-          Q(i("div", at, [
-            i("div", ot, [
-              (p(!0), g(G, null, J(l.actions, (o) => (p(), g("div", {
-                key: o.label
+          G(c("div", Ze, [
+            c("div", et, [
+              (m(!0), g(W, null, q(s.actions, (u) => (m(), g("div", {
+                key: u.label
               }, [
-                o.action != null ? (p(), g("button", {
+                u.action != null ? (m(), g("button", {
                   key: 0,
                   class: "dropdown-item",
-                  onClick: (W) => I(o.action, o.label)
-                }, N(o.label), 9, nt)) : o.link != null ? (p(), g("a", {
+                  onClick: (r) => C(u.action, u.label)
+                }, V(u.label), 9, tt)) : u.link != null ? (m(), g("a", {
                   key: 1,
-                  href: o.link
+                  href: u.link
                 }, [
-                  i("button", lt, N(o.label), 1)
-                ], 8, rt)) : K("", !0)
+                  c("button", ot, V(u.label), 1)
+                ], 8, at)) : L("", !0)
               ]))), 128))
             ])
           ], 512), [
-            [ne, b.value[_]]
+            [ae, w.value[n]]
           ])
-        ])) : K("", !0)
+        ])) : L("", !0)
       ]))), 128))
     ], 2));
   }
-}), be = (s, $) => {
-  const C = s.__vccOpts || s;
-  for (const [b, m] of $)
-    C[b] = m;
-  return C;
-}, ke = /* @__PURE__ */ be(st, [["__scopeId", "data-v-54797d4b"]]), ct = { class: "command-palette-header" }, it = ["placeholder"], ut = {
+}), ye = (l, $) => {
+  const D = l.__vccOpts || l;
+  for (const [w, d] of $)
+    D[w] = d;
+  return D;
+}, ge = /* @__PURE__ */ ye(rt, [["__scopeId", "data-v-54797d4b"]]), nt = { class: "command-palette-header" }, lt = ["placeholder"], st = {
   key: 0,
   class: "command-palette-results"
-}, dt = ["onClick", "onMouseover"], vt = { class: "result-title" }, pt = { class: "result-content" }, ft = {
+}, ct = ["onClick", "onMouseover"], it = { class: "result-title" }, ut = { class: "result-content" }, dt = {
   key: 1,
   class: "command-palette-no-results"
-}, Ce = /* @__PURE__ */ Y({
+}, we = /* @__PURE__ */ Q({
   __name: "CommandPalette",
   props: {
     search: { type: Function },
@@ -101,133 +101,133 @@ const Je = { class: "action-menu-icon" }, Qe = { class: "action-element-header"
     maxResults: { default: 10 }
   },
   emits: ["select", "close"],
-  setup(s, { emit: $ }) {
-    const C = $, b = T(""), m = T(0), D = me("input"), a = R(() => b.value ? s.search(b.value).slice(0, s.maxResults) : []);
-    z(
-      () => s.isOpen,
-      async (c) => {
-        c && (b.value = "", m.value = 0, await ye(), D.value?.focus());
+  setup(l, { emit: $ }) {
+    const D = $, w = M(""), d = M(0), a = ve("input"), v = S(() => w.value ? l.search(w.value).slice(0, l.maxResults) : []);
+    H(
+      () => l.isOpen,
+      async (i) => {
+        i && (w.value = "", d.value = 0, await pe(), a.value?.focus());
       }
-    ), z(a, () => {
-      m.value = 0;
+    ), H(v, () => {
+      d.value = 0;
     });
-    const k = () => {
-      C("close");
-    }, M = (c) => {
-      switch (c.key) {
+    const x = () => {
+      D("close");
+    }, N = (i) => {
+      switch (i.key) {
         case "Escape":
-          k();
+          x();
           break;
         case "ArrowDown":
-          c.preventDefault(), a.value.length && (m.value = (m.value + 1) % a.value.length);
+          i.preventDefault(), v.value.length && (d.value = (d.value + 1) % v.value.length);
           break;
         case "ArrowUp":
-          c.preventDefault(), a.value.length && (m.value = (m.value - 1 + a.value.length) % a.value.length);
+          i.preventDefault(), v.value.length && (d.value = (d.value - 1 + v.value.length) % v.value.length);
           break;
         case "Enter":
-          a.value.length && m.value >= 0 && I(a.value[m.value]);
+          v.value.length && d.value >= 0 && C(v.value[d.value]);
           break;
       }
-    }, I = (c) => {
-      C("select", c), k();
+    }, C = (i) => {
+      D("select", i), x();
     };
-    return (c, d) => (p(), he(Oe, { to: "body" }, [
-      j(Be, { name: "fade" }, {
-        default: U(() => [
-          s.isOpen ? (p(), g("div", {
+    return (i, p) => (m(), fe(Ee, { to: "body" }, [
+      j(Oe, { name: "fade" }, {
+        default: z(() => [
+          l.isOpen ? (m(), g("div", {
             key: 0,
             class: "command-palette-overlay",
-            onClick: k
+            onClick: x
           }, [
-            i("div", {
+            c("div", {
               class: "command-palette",
-              onClick: d[1] || (d[1] = ge(() => {
+              onClick: p[1] || (p[1] = me(() => {
               }, ["stop"]))
             }, [
-              i("div", ct, [
-                Q(i("input", {
+              c("div", nt, [
+                G(c("input", {
                   ref: "input",
-                  "onUpdate:modelValue": d[0] || (d[0] = (l) => b.value = l),
+                  "onUpdate:modelValue": p[0] || (p[0] = (s) => w.value = s),
                   type: "text",
                   class: "command-palette-input",
-                  placeholder: s.placeholder,
+                  placeholder: l.placeholder,
                   autofocus: "",
-                  onKeydown: M
-                }, null, 40, it), [
-                  [we, b.value]
+                  onKeydown: N
+                }, null, 40, lt), [
+                  [he, w.value]
                 ])
               ]),
-              a.value.length ? (p(), g("div", ut, [
-                (p(!0), g(G, null, J(a.value, (l, _) => (p(), g("div", {
-                  key: _,
-                  class: B(["command-palette-result", { selected: _ === m.value }]),
-                  onClick: (o) => I(l),
-                  onMouseover: (o) => m.value = _
+              v.value.length ? (m(), g("div", st, [
+                (m(!0), g(W, null, q(v.value, (s, n) => (m(), g("div", {
+                  key: n,
+                  class: F(["command-palette-result", { selected: n === d.value }]),
+                  onClick: (u) => C(s),
+                  onMouseover: (u) => d.value = n
                 }, [
-                  i("div", vt, [
-                    ee(c.$slots, "title", { result: l })
+                  c("div", it, [
+                    Y(i.$slots, "title", { result: s })
                   ]),
-                  i("div", pt, [
-                    ee(c.$slots, "content", { result: l })
+                  c("div", ut, [
+                    Y(i.$slots, "content", { result: s })
                   ])
-                ], 42, dt))), 128))
-              ])) : b.value && !a.value.length ? (p(), g("div", ft, [
-                ee(c.$slots, "empty", {}, () => [
-                  X(' No results found for "' + N(b.value) + '" ', 1)
+                ], 42, ct))), 128))
+              ])) : w.value && !v.value.length ? (m(), g("div", dt, [
+                Y(i.$slots, "empty", {}, () => [
+                  J(' No results found for "' + V(w.value) + '" ', 1)
                 ])
-              ])) : K("", !0)
+              ])) : L("", !0)
             ])
-          ])) : K("", !0)
+          ])) : L("", !0)
         ]),
         _: 3
       })
     ]));
   }
-}), mt = { class: "tabs" }, yt = { tabindex: "0" }, ht = { tabindex: "0" }, gt = /* @__PURE__ */ Y({
+}), vt = { class: "tabs" }, pt = { tabindex: "0" }, ft = { tabindex: "0" }, mt = /* @__PURE__ */ Q({
   __name: "SheetNav",
   props: {
     breadcrumbs: { default: () => [] }
   },
-  setup(s) {
-    const $ = T(!0), C = T(!1), b = T(""), m = me("searchinput"), D = R(() => $.value ? "unrotated" : "rotated"), a = () => {
+  setup(l) {
+    const $ = M(!0), D = M(!1), w = M(""), d = ve("searchinput"), a = S(() => $.value ? "unrotated" : "rotated"), v = () => {
       $.value = !$.value;
-    }, k = async () => {
-      C.value = !C.value, await ye(() => {
-        m.value?.focus();
+    }, x = async () => {
+      D.value = !D.value, await pe(() => {
+        d.value?.focus();
       });
-    }, M = (d) => {
-      d.preventDefault(), d.stopPropagation();
-    }, I = async (d) => {
-      d.preventDefault(), d.stopPropagation(), await k();
-    }, c = () => {
+    }, N = (p) => {
+      p.preventDefault(), p.stopPropagation();
+    }, C = async (p) => {
+      p.preventDefault(), p.stopPropagation(), await x();
+    }, i = () => {
     };
-    return (d, l) => {
-      const _ = Ke("router-link");
-      return p(), g("footer", null, [
-        i("ul", mt, [
-          i("li", {
+    return (p, s) => {
+      const n = Be("router-link");
+      return m(), g("footer", null, [
+        c("ul", vt, [
+          c("li", {
             class: "hidebreadcrumbs",
-            onClick: a,
-            onKeydown: H(a, ["enter"])
+            onClick: v,
+            onKeydown: K(v, ["enter"])
           }, [
-            i("a", yt, [
-              i("div", {
-                class: B(D.value)
+            c("a", pt, [
+              c("div", {
+                class: F(a.value)
               }, "×", 2)
             ])
           ], 32),
-          i("li", {
+          c("li", {
             class: "hometab",
-            style: te({ display: $.value ? "block" : "none" }),
-            onClick: c,
-            onKeydown: H(c, ["enter"])
+            style: Z({ display: $.value ? "block" : "none" }),
+            onClick: i,
+            onKeydown: K(i, ["enter"])
           }, [
-            j(_, {
+            j(n, {
               to: "/",
               tabindex: "0"
             }, {
-              default: U(() => [...l[5] || (l[5] = [
-                i("svg", {
+              default: z(() => [...s[5] || (s[5] = [
+                c("svg", {
                   class: "icon",
                   "aria-label": "Home",
                   viewBox: "0 0 24 24",
@@ -235,19 +235,19 @@ const Je = { class: "action-menu-icon" }, Qe = { class: "action-element-header"
                   stroke: "currentColor",
                   "stroke-width": "2"
                 }, [
-                  i("path", { d: "M3 12l9-9 9 9" }),
-                  i("path", { d: "M9 21V12h6v9" })
+                  c("path", { d: "M3 12l9-9 9 9" }),
+                  c("path", { d: "M9 21V12h6v9" })
                 ], -1)
               ])]),
               _: 1
             })
           ], 36),
-          i("li", {
-            class: B(["searchtab", { "search-active": C.value }]),
-            style: te({ display: $.value ? "block" : "none" })
+          c("li", {
+            class: F(["searchtab", { "search-active": D.value }]),
+            style: Z({ display: $.value ? "block" : "none" })
           }, [
-            i("a", ht, [
-              Q((p(), g("svg", {
+            c("a", ft, [
+              G((m(), g("svg", {
                 class: "icon search-icon",
                 role: "button",
                 "aria-label": "Search",
@@ -255,47 +255,47 @@ const Je = { class: "action-menu-icon" }, Qe = { class: "action-element-header"
                 fill: "none",
                 stroke: "currentColor",
                 "stroke-width": "2",
-                onClick: k,
-                onKeydown: H(k, ["enter"])
-              }, [...l[6] || (l[6] = [
-                i("circle", {
+                onClick: x,
+                onKeydown: K(x, ["enter"])
+              }, [...s[6] || (s[6] = [
+                c("circle", {
                   cx: "11",
                   cy: "11",
                   r: "7"
                 }, null, -1),
-                i("path", { d: "M21 21l-4.35-4.35" }, null, -1)
+                c("path", { d: "M21 21l-4.35-4.35" }, null, -1)
               ])], 544)), [
-                [ne, !C.value]
+                [ae, !D.value]
               ]),
-              Q(i("input", {
+              G(c("input", {
                 ref: "searchinput",
-                "onUpdate:modelValue": l[0] || (l[0] = (o) => b.value = o),
+                "onUpdate:modelValue": s[0] || (s[0] = (u) => w.value = u),
                 type: "text",
                 placeholder: "Search...",
-                onClick: l[1] || (l[1] = ge(() => {
+                onClick: s[1] || (s[1] = me(() => {
                 }, ["stop"])),
-                onInput: l[2] || (l[2] = (o) => M(o)),
-                onBlur: l[3] || (l[3] = (o) => I(o)),
+                onInput: s[2] || (s[2] = (u) => N(u)),
+                onBlur: s[3] || (s[3] = (u) => C(u)),
                 onKeydown: [
-                  l[4] || (l[4] = H((o) => I(o), ["enter"])),
-                  H(k, ["escape"])
+                  s[4] || (s[4] = K((u) => C(u), ["enter"])),
+                  K(x, ["escape"])
                 ]
               }, null, 544), [
-                [ne, C.value],
-                [we, b.value]
+                [ae, D.value],
+                [he, w.value]
               ])
             ])
           ], 6),
-          (p(!0), g(G, null, J(s.breadcrumbs, (o) => (p(), g("li", {
-            key: o.title,
-            style: te({ display: $.value ? "block" : "none" })
+          (m(!0), g(W, null, q(l.breadcrumbs, (u) => (m(), g("li", {
+            key: u.title,
+            style: Z({ display: $.value ? "block" : "none" })
           }, [
-            j(_, {
+            j(n, {
               tabindex: "0",
-              to: o.to
+              to: u.to
             }, {
-              default: U(() => [
-                X(N(o.title), 1)
+              default: z(() => [
+                J(V(u.title), 1)
               ]),
               _: 2
             }, 1032, ["to"])
@@ -304,68 +304,57 @@ const Je = { class: "action-menu-icon" }, Qe = { class: "action-element-header"
       ]);
     };
   }
-}), Ae = /* @__PURE__ */ be(gt, [["__scopeId", "data-v-0072260b"]]), wt = {
+}), be = /* @__PURE__ */ ye(mt, [["__scopeId", "data-v-0072260b"]]), ht = {
   key: 1,
   class: "loading"
-}, bt = {
+}, yt = {
   key: 2,
   class: "loading"
-}, kt = {
+}, gt = {
   key: 3,
   class: "truncation-note"
-}, Ct = /* @__PURE__ */ Y({
+}, wt = /* @__PURE__ */ Q({
   __name: "Desktop",
   props: {
     availableDoctypes: { default: () => [] },
     routeAdapter: {}
   },
   emits: ["action", "navigate", "record:open", "load-records", "load-record"],
-  setup(s, { emit: $ }) {
-    function C(e) {
-      const t = qe(e).filter((n) => n.kind === "field" && !!n.doctype);
-      return {
-        inlineLinks: new Set(
-          t.filter((n) => Ge(n.component) === "inline").map((n) => n.fieldname)
-        ),
-        displayKeys: new Set(t.map((n) => pe(n.fieldname)))
-      };
-    }
-    function b(e, t) {
-      const { inlineLinks: n, displayKeys: v } = C(t);
-      for (const u of n) {
-        const f = e[u], A = e[pe(u)];
-        f != null && (typeof f == "string" || typeof f == "number") && A != null && (typeof A == "string" || typeof A == "number") && (e[u] = { id: f, displayText: String(A) });
-      }
-      for (const u of v) delete e[u];
+  setup(l, { emit: $ }) {
+    function D(e) {
+      const t = ze(e).filter((o) => o.kind === "field" && !!o.doctype);
+      return new Set(
+        t.filter((o) => Ue(o.component) === "inline").map((o) => o.fieldname)
+      );
     }
-    function m(e) {
+    function w(e) {
       return e !== null && typeof e == "object" && !Array.isArray(e) && "id" in e ? e.id : e;
     }
-    const D = $, { stonecrop: a } = Pe();
-    let k = null;
+    const d = $, { stonecrop: a } = Le();
+    let v = null;
     try {
-      k = He();
+      v = je();
     } catch {
-      k = null;
+      v = null;
     }
-    const M = R(
-      () => x.value === "record" ? k?.errorsByField ?? {} : {}
-    ), I = T(!1), c = T(!1), d = T({}), l = R({
+    const x = S(
+      () => I.value === "record" ? v?.errorsByField ?? {} : {}
+    ), N = M(!1), C = M(!1), i = M({}), p = S({
       get() {
-        if (x.value === "doctypes")
+        if (I.value === "doctypes")
           return {
-            doctypes_table: s.availableDoctypes?.map((e) => ({
+            doctypes_table: l.availableDoctypes?.map((e) => ({
               id: e,
               doctype: e,
-              display_name: O(e),
+              display_name: B(e),
               actions: "View Records"
             })) ?? []
           };
-        if (x.value === "records")
+        if (I.value === "records")
           return {
-            records_table: ie().map(
+            records_table: se().map(
               (e) => Object.assign({}, e, {
-                id: de(e) ?? "",
+                id: ie(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
@@ -376,18 +365,17 @@ const Je = { class: "action-menu-icon" }, Qe = { class: "action-element-header"
               })
             )
           };
-        if (!a.value || !r.value || !y.value)
+        if (!a.value || !r.value || !h.value)
           return {};
         try {
-          const t = { ...L.value ? d.value : a.value.getRecordById(r.value, y.value)?.get("") }, n = a.value.registry.registry[r.value];
-          if (n) {
-            b(t, n.getSchemaArray());
-            for (const v of n.getSchemaArray())
-              if (v.kind === "fieldset") {
-                const u = {};
-                for (const f of v.schema)
-                  f.fieldname && (u[f.fieldname] = t[f.fieldname]);
-                t[v.fieldname] = u;
+          const t = { ...O.value ? i.value : a.value.getRecordById(r.value, h.value)?.get("") }, o = a.value.registry.registry[r.value];
+          if (o) {
+            for (const y of o.getSchemaArray())
+              if (y.kind === "fieldset") {
+                const f = {};
+                for (const A of y.schema)
+                  A.fieldname && (f[A.fieldname] = t[A.fieldname]);
+                t[y.fieldname] = f;
               }
           }
           return t;
@@ -396,146 +384,146 @@ const Je = { class: "action-menu-icon" }, Qe = { class: "action-element-header"
         }
       },
       set(e) {
-        if (x.value === "record" && !(!a.value || !r.value || !y.value))
+        if (I.value === "record" && !(!a.value || !r.value || !h.value))
           try {
-            const t = a.value.registry.registry[r.value], n = /* @__PURE__ */ new Set();
+            const t = a.value.registry.registry[r.value], o = /* @__PURE__ */ new Set();
             if (t)
-              for (const h of t.getSchemaArray())
-                h.kind === "fieldset" && n.add(h.fieldname);
-            const { inlineLinks: v, displayKeys: u } = C(t ? t.getSchemaArray() : []), f = {}, A = [];
-            for (const [h, w] of Object.entries(e))
-              u.has(h) || (n.has(h) && w && typeof w == "object" && !Array.isArray(w) ? A.push(w) : f[h] = w);
-            for (const h of A)
-              Object.assign(f, h);
-            const E = [];
-            if (L.value) {
-              const h = { ...d.value };
-              for (const [w, F] of Object.entries(f)) {
-                if (F === void 0 || u.has(w)) continue;
-                const P = v.has(w) ? m(F) : F;
-                h[w] !== P && (h[w] = P, E.push(w));
+              for (const k of t.getSchemaArray())
+                k.kind === "fieldset" && o.add(k.fieldname);
+            const y = D(t ? t.getSchemaArray() : []), f = {}, A = [];
+            for (const [k, b] of Object.entries(e))
+              o.has(k) && b && typeof b == "object" && !Array.isArray(b) ? A.push(b) : f[k] = b;
+            for (const k of A)
+              Object.assign(f, k);
+            const _ = [];
+            if (O.value) {
+              const k = { ...i.value };
+              for (const [b, T] of Object.entries(f)) {
+                if (T === void 0) continue;
+                const P = y.has(b) ? w(T) : T;
+                k[b] !== P && (k[b] = P, _.push(b));
               }
-              d.value = h;
+              i.value = k;
             } else {
-              const h = a.value.getStore();
-              for (const [w, F] of Object.entries(f)) {
-                if (F === void 0 || u.has(w)) continue;
-                const P = v.has(w) ? m(F) : F, Z = `${r.value}.${y.value}.${w}`;
-                (h.has(Z) ? h.get(Z) : void 0) !== P && (h.set(Z, P), E.push(w));
+              const k = a.value.getStore();
+              for (const [b, T] of Object.entries(f)) {
+                if (T === void 0) continue;
+                const P = y.has(b) ? w(T) : T, X = `${r.value}.${h.value}.${b}`;
+                (k.has(X) ? k.get(X) : void 0) !== P && (k.set(X, P), _.push(b));
               }
             }
-            E.length > 0 && _(E);
+            _.length > 0 && s(_);
           } catch (t) {
             console.warn("HST update failed:", t);
           }
       }
     });
-    function _(e) {
-      if (!k || !a.value || !r.value || !y.value) return;
-      const n = a.value.registry.getDoctype(r.value)?.getTriggers();
-      if (!n || Object.keys(n).length === 0) return;
-      const v = L.value ? { ...d.value } : {
-        ...a.value.getRecordById(r.value, y.value)?.get("")
+    function s(e) {
+      if (!v || !a.value || !r.value || !h.value) return;
+      const o = a.value.registry.getDoctype(r.value)?.getTriggers();
+      if (!o || Object.keys(o).length === 0) return;
+      const y = O.value ? { ...i.value } : {
+        ...a.value.getRecordById(r.value, h.value)?.get("")
       };
-      for (const u of e)
-        k.validateField(n, u, v);
+      for (const f of e)
+        v.validateField(o, f, y);
     }
-    const o = R(() => s.routeAdapter ? null : ae(a.value?.registry.router?.currentRoute)), W = R(() => s.routeAdapter ? null : a.value?.registry.router), r = R(() => {
-      if (s.routeAdapter) return s.routeAdapter.getCurrentDoctype();
-      if (!o.value) return "";
-      if (o.value.meta?.actualDoctype)
-        return o.value.meta.actualDoctype;
-      if (o.value.params.doctype)
-        return o.value.params.doctype.toString();
-      const e = o.value.params.pathMatch;
+    const n = S(() => l.routeAdapter ? null : ee(a.value?.registry.router?.currentRoute)), u = S(() => l.routeAdapter ? null : a.value?.registry.router), r = S(() => {
+      if (l.routeAdapter) return l.routeAdapter.getCurrentDoctype();
+      if (!n.value) return "";
+      if (n.value.meta?.actualDoctype)
+        return n.value.meta.actualDoctype;
+      if (n.value.params.doctype)
+        return n.value.params.doctype.toString();
+      const e = n.value.params.pathMatch;
       return e && e.length > 0 ? e[0] : "";
-    }), S = R(() => {
-      if (s.routeAdapter) return s.routeAdapter.getCurrentDoctype();
-      if (!o.value) return "";
-      if (o.value.meta?.doctype)
-        return o.value.meta.doctype;
-      if (o.value.params.doctype)
-        return o.value.params.doctype.toString();
-      const e = o.value.params.pathMatch;
+    }), R = S(() => {
+      if (l.routeAdapter) return l.routeAdapter.getCurrentDoctype();
+      if (!n.value) return "";
+      if (n.value.meta?.doctype)
+        return n.value.meta.doctype;
+      if (n.value.params.doctype)
+        return n.value.params.doctype.toString();
+      const e = n.value.params.pathMatch;
       return e && e.length > 0 ? e[0] : "";
-    }), y = R(() => {
-      if (s.routeAdapter) return s.routeAdapter.getCurrentRecordId();
-      if (!o.value) return "";
-      if (o.value.params.recordId)
-        return o.value.params.recordId.toString();
-      const e = o.value.params.pathMatch;
+    }), h = S(() => {
+      if (l.routeAdapter) return l.routeAdapter.getCurrentRecordId();
+      if (!n.value) return "";
+      if (n.value.params.recordId)
+        return n.value.params.recordId.toString();
+      const e = n.value.params.pathMatch;
       return e && e.length > 1 ? e[1] : "";
-    }), L = R(() => ze(y.value)), x = R(() => {
-      if (s.routeAdapter) return s.routeAdapter.getCurrentView();
-      if (!o.value || o.value.name === "home" || o.value.path === "/")
+    }), O = S(() => Pe(h.value)), I = S(() => {
+      if (l.routeAdapter) return l.routeAdapter.getCurrentView();
+      if (!n.value || n.value.name === "home" || n.value.path === "/")
         return "doctypes";
-      if (o.value.name && o.value.name !== "catch-all") {
-        const t = o.value.name;
-        if (t.includes("form") || o.value.params.recordId)
+      if (n.value.name && n.value.name !== "catch-all") {
+        const t = n.value.name;
+        if (t.includes("form") || n.value.params.recordId)
           return "record";
-        if (t.includes("list") || o.value.params.doctype)
+        if (t.includes("list") || n.value.params.doctype)
           return "records";
       }
-      const e = o.value.params.pathMatch;
+      const e = n.value.params.pathMatch;
       return e && e.length > 0 ? e.length === 1 ? "records" : "record" : "doctypes";
-    }), De = () => {
-      if (!a.value || !r.value || !y.value)
+    }), ke = () => {
+      if (!a.value || !r.value || !h.value)
         return [];
       try {
         const e = a.value.registry.getDoctype(r.value);
         if (!e?.workflow) return [];
-        const t = a.value.getRecordState(r.value, y.value), n = e.getAvailableTransitions(t), v = l.value || {};
-        return n.map(({ name: u }) => ({
+        const t = a.value.getRecordState(r.value, h.value), o = e.getAvailableTransitions(t), y = p.value || {};
+        return o.map(({ name: f }) => ({
           // 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(u)?.label ?? u,
+          label: e.getActionMeta(f)?.label ?? f,
           action: () => {
-            D("action", {
-              name: u,
+            d("action", {
+              name: f,
               doctype: r.value,
-              recordId: y.value,
-              data: v
+              recordId: h.value,
+              data: y
             });
           }
         }));
       } catch (e) {
         return console.warn("Error getting available transitions:", e), [];
       }
-    }, Se = () => {
-      if (!a.value || !r.value || !y.value)
+    }, Ce = () => {
+      if (!a.value || !r.value || !h.value)
         return [];
       try {
         const e = a.value.registry.getDoctype(r.value);
         if (!e?.workflow) return [];
-        const t = a.value.getRecordState(r.value, y.value), n = e.getAvailableCommands(t), v = l.value || {};
-        return n.map(({ name: u }) => ({
-          label: e.getActionMeta(u)?.label ?? u,
+        const t = a.value.getRecordState(r.value, h.value), o = e.getAvailableCommands(t), y = p.value || {};
+        return o.map(({ name: f }) => ({
+          label: e.getActionMeta(f)?.label ?? f,
           action: () => {
-            D("action", {
-              name: u,
+            d("action", {
+              name: f,
               doctype: r.value,
-              recordId: y.value,
-              data: v
+              recordId: h.value,
+              data: y
             });
           }
         }));
       } catch (e) {
         return console.warn("Error getting available commands:", e), [];
       }
-    }, Re = R(() => {
+    }, Ae = S(() => {
       const e = [];
-      switch (x.value) {
+      switch (I.value) {
         case "records":
           e.push({
             type: "button",
             label: "New Record",
             action: () => {
-              q();
+              U();
             }
           });
           break;
         case "record": {
-          const t = [...De(), ...Se()];
+          const t = [...ke(), ...Ce()];
           t.length > 0 && e.push({
             type: "dropdown",
             label: "Actions",
@@ -545,77 +533,77 @@ const Je = { class: "action-menu-icon" }, Qe = { class: "action-element-header"
         }
       }
       return e;
-    }), $e = R(() => {
+    }), De = S(() => {
       const e = [];
-      if (x.value === "records" && S.value)
+      if (I.value === "records" && R.value)
         e.push(
           { title: "Home", to: "/" },
-          { title: O(S.value), to: `/${S.value}` }
+          { title: B(R.value), to: `/${R.value}` }
         );
-      else if (x.value === "record" && S.value) {
-        const t = y.value ? `/${S.value}/${y.value}` : o.value?.fullPath ?? "";
+      else if (I.value === "record" && R.value) {
+        const t = h.value ? `/${R.value}/${h.value}` : n.value?.fullPath ?? "";
         e.push(
           { title: "Home", to: "/" },
-          { title: O(S.value), to: `/${S.value}` },
-          { title: L.value ? "New Record" : "Edit Record", to: t }
+          { title: B(R.value), to: `/${R.value}` },
+          { title: O.value ? "New Record" : "Edit Record", to: t }
         );
       }
       return e;
-    }), Ie = (e) => {
+    }), Re = (e) => {
       const t = [
         {
           title: "Go Home",
           description: "Navigate to the home page",
           action: () => {
-            V({ view: "doctypes" });
+            E({ view: "doctypes" });
           }
         },
         {
           title: "Toggle Command Palette",
           description: "Open/close the command palette",
-          action: () => c.value = !c.value
+          action: () => C.value = !C.value
         }
       ];
-      return S.value && (t.push({
-        title: `View ${O(S.value)} Records`,
-        description: `Navigate to ${S.value} list`,
+      return R.value && (t.push({
+        title: `View ${B(R.value)} Records`,
+        description: `Navigate to ${R.value} list`,
         action: () => {
-          V({ view: "records", doctype: S.value });
+          E({ view: "records", doctype: R.value });
         }
       }), t.push({
-        title: `Create New ${O(S.value)}`,
-        description: `Create a new ${S.value} record`,
+        title: `Create New ${B(R.value)}`,
+        description: `Create a new ${R.value} record`,
         action: () => {
-          q();
+          U();
         }
-      })), s.availableDoctypes.forEach((n) => {
+      })), l.availableDoctypes.forEach((o) => {
         t.push({
-          title: `View ${O(n)}`,
-          description: `Navigate to ${n} list`,
+          title: `View ${B(o)}`,
+          description: `Navigate to ${o} list`,
           action: () => {
-            V({ view: "records", doctype: n });
+            E({ view: "records", doctype: o });
           }
         });
       }), e ? t.filter(
-        (n) => n.title.toLowerCase().includes(e.toLowerCase()) || n.description.toLowerCase().includes(e.toLowerCase())
+        (o) => o.title.toLowerCase().includes(e.toLowerCase()) || o.description.toLowerCase().includes(e.toLowerCase())
       ) : t;
-    }, _e = (e) => {
-      e.action(), c.value = !1;
-    }, O = (e) => e.split("-").map((t) => t.charAt(0).toUpperCase() + t.slice(1)).join(" "), xe = R(() => x.value !== "records" || !r.value ? !1 : a.value?.getPageInfo(r.value)?.hasMore === !0), V = async (e) => {
-      D("navigate", e), s.routeAdapter ? await s.routeAdapter.navigate(e) : e.view === "doctypes" ? await W.value?.push("/") : e.view === "records" && e.doctype ? await W.value?.push(`/${e.doctype}`) : e.view === "record" && e.doctype && e.recordId && await W.value?.push(`/${e.doctype}/${e.recordId}`);
+    }, Se = (e) => {
+      e.action(), C.value = !1;
+    }, B = (e) => e.split("-").map((t) => t.charAt(0).toUpperCase() + t.slice(1)).join(" "), $e = S(() => I.value !== "records" || !r.value ? !1 : a.value?.getPageInfo(r.value)?.hasMore === !0), 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}`);
+    }, oe = async (e) => {
+      await E({ view: "records", doctype: e });
     }, re = async (e) => {
-      await V({ view: "records", doctype: e });
-    }, le = async (e) => {
-      const t = S.value;
-      D("record:open", { doctype: t, recordId: e }), await V({ view: "record", doctype: t, recordId: e });
-    }, q = async () => {
-      await V({ view: "record", doctype: S.value, recordId: Ue });
-    }, se = (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: Ke });
+    }, ne = (e) => {
       const t = [];
-      for (const n of e)
-        n.kind === "fieldset" ? t.push(...se(n.schema)) : t.push(n);
+      for (const o of e)
+        o.kind === "fieldset" ? t.push(...ne(o.schema)) : t.push(o);
       return t;
-    }, Te = () => s.availableDoctypes?.length ? [
+    }, Ie = () => l.availableDoctypes?.length ? [
       {
         kind: "table",
         fieldname: "doctypes_table",
@@ -653,25 +641,25 @@ const Je = { class: "action-menu-icon" }, Qe = { class: "action-element-header"
         ],
         config: { view: "list", fullWidth: !0 }
       }
-    ] : [], Ne = () => {
+    ] : [], _e = () => {
       if (!r.value) return [];
       if (!a.value) return [];
       const e = a.value.registry, t = e.registry[r.value];
       if (!t) return [];
-      const n = e.resolveSchema(t);
-      return n.length === 0 ? [] : [
+      const o = e.resolveSchema(t);
+      return o.length === 0 ? [] : [
         {
           kind: "table",
           fieldname: "records_table",
           component: "ATable",
           schema: [
-            ...se(n),
+            ...ne(o),
             { fieldname: "actions", label: "Actions", component: "ATextInput" }
           ],
           config: { view: "list", fullWidth: !0 }
         }
       ];
-    }, ce = () => {
+    }, le = () => {
       if (!r.value) return [];
       if (!a.value) return [];
       try {
@@ -680,195 +668,195 @@ const Je = { class: "action-menu-icon" }, Qe = { class: "action-element-header"
       } catch {
         return [];
       }
-    }, ie = () => {
+    }, se = () => {
       if (!a.value || !r.value)
         return [];
       const t = a.value.records(r.value)?.get("");
       return t && typeof t == "object" && !Array.isArray(t) ? Object.values(t) : [];
-    }, ue = R(() => {
-      switch (x.value) {
+    }, ce = S(() => {
+      switch (I.value) {
         case "doctypes":
-          return Te();
+          return Ie();
         case "records":
-          return Ne();
+          return _e();
         case "record":
-          return ce();
+          return le();
         default:
           return [];
       }
-    }), Me = (e, t) => {
+    }), xe = (e, t) => {
       t && t();
-    }, de = (e) => {
+    }, ie = (e) => {
       if (!(!a.value || !r.value))
         return a.value.registry.registry[r.value]?.getRecordId(e);
-    }, Ve = (e) => {
+    }, Ne = (e) => {
       const t = e.querySelector("td[data-rowindex]");
       if (!t) return null;
-      const n = t.getAttribute("data-rowindex");
-      if (n === null) return null;
-      const v = parseInt(n, 10);
-      if (isNaN(v)) return null;
-      const f = ie()[v];
-      return f ? de(f) ?? null : null;
-    }, Ee = async (e) => {
+      const o = t.getAttribute("data-rowindex");
+      if (o === null) return null;
+      const y = parseInt(o, 10);
+      if (isNaN(y)) return null;
+      const A = se()[y];
+      return A ? ie(A) ?? null : null;
+    }, Te = async (e) => {
       const t = e.target;
-      t.getAttribute("data-action") === "create" && await q();
-      const v = t.closest("td, th");
-      if (v) {
-        const u = v.textContent?.trim(), f = v.closest("tr");
-        if (u === "View Records" && f) {
-          const A = f.querySelectorAll("td");
-          if (A.length > 0) {
-            const h = A[1].textContent?.trim();
-            h && await re(h);
+      t.getAttribute("data-action") === "create" && await U();
+      const y = t.closest("td, th");
+      if (y) {
+        const f = y.textContent?.trim(), A = y.closest("tr");
+        if (f === "View Records" && A) {
+          const _ = A.querySelectorAll("td");
+          if (_.length > 0) {
+            const b = _[1].textContent?.trim();
+            b && await oe(b);
           }
-        } else if (u === "Edit" && f) {
-          const A = Ve(f);
-          A && await le(A);
+        } else if (f === "Edit" && A) {
+          const _ = Ne(A);
+          _ && await re(_);
         }
       }
-    }, Fe = async () => {
+    }, Me = async () => {
       if (!(!a.value || !r.value || !a.value.getClient())) {
-        I.value = !0;
+        N.value = !0;
         try {
-          await a.value.getRecord(r.value, y.value);
+          await a.value.getRecord(r.value, h.value);
         } catch (e) {
           console.warn("Error fetching record:", e);
         } finally {
-          I.value = !1;
+          N.value = !1;
         }
       }
-    }, Le = async () => {
+    }, Ve = async () => {
       if (!a.value || !r.value || !a.value.getClient()) return;
       const e = a.value.registry.getDoctype(r.value);
       if (e) {
-        I.value = !0;
+        N.value = !0;
         try {
           await a.value.getRecords(e);
         } catch (t) {
           console.warn("Error fetching records:", t);
         } finally {
-          I.value = !1;
+          N.value = !1;
         }
       }
     };
-    z(
-      [x, r, y],
+    H(
+      [I, r, h],
       () => {
-        if (x.value === "records" && r.value)
-          D("load-records", { doctype: r.value }), Le();
-        else if (x.value === "record" && r.value && y.value) {
-          if (L.value) return;
-          D("load-record", { doctype: r.value, recordId: y.value }), Fe();
+        if (I.value === "records" && r.value)
+          d("load-records", { doctype: r.value }), Ve();
+        else if (I.value === "record" && r.value && h.value) {
+          if (O.value) return;
+          d("load-record", { doctype: r.value, recordId: h.value }), Me();
         }
       },
       { immediate: !0 }
-    ), z([r, y], () => {
-      k?.clearAll();
-    }), z(
-      [r, y],
+    ), H([r, h], () => {
+      v?.clearAll();
+    }), H(
+      [r, h],
       () => {
-        if (!L.value) {
-          d.value = {};
+        if (!O.value) {
+          i.value = {};
           return;
         }
         const e = a.value?.registry;
-        d.value = e ? e.initializeRecord(ce()) : {};
+        i.value = e ? e.initializeRecord(le()) : {};
       },
       { immediate: !0 }
-    ), oe("desktopMethods", {
-      navigateToDoctype: re,
-      openRecord: le,
-      createNewRecord: q,
+    ), te("desktopMethods", {
+      navigateToDoctype: oe,
+      openRecord: re,
+      createNewRecord: U,
       /**
        * 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", {
+        d("action", {
           name: e,
           doctype: r.value,
-          recordId: y.value,
-          data: t ?? l.value ?? {}
+          recordId: h.value,
+          data: t ?? p.value ?? {}
         });
       }
-    }), oe("aformLinkNavigator", {
+    }), te("aformLinkNavigator", {
       navigate: (e, t) => {
-        V({ view: "record", doctype: e, recordId: String(t) });
+        E({ view: "record", doctype: e, recordId: String(t) });
       }
-    }), oe("aformLinkResolver", async (e, t) => {
+    }), te("aformLinkResolver", async (e, t) => {
       if (a.value)
         try {
-          const v = (await a.value.getMeta({ path: `/${e}`, segments: [e] }))?.displayField;
-          if (!v) return;
-          const u = (h) => {
-            if (!h) return;
-            const w = h[v];
-            return typeof w == "string" || typeof w == "number" ? String(w) : void 0;
-          }, f = a.value.getRecordById(e, t)?.get(""), A = u(f);
-          if (A != null) return A;
+          const y = (await a.value.getMeta({ path: `/${e}`, segments: [e] }))?.displayField;
+          if (!y) return;
+          const f = (b) => {
+            if (!b) return;
+            const T = b[y];
+            return typeof T == "string" || typeof T == "number" ? String(T) : void 0;
+          }, A = a.value.getRecordById(e, t)?.get(""), _ = f(A);
+          if (_ != null) return _;
           await a.value.getRecord(e, t);
-          const E = a.value.getRecordById(e, t)?.get("");
-          return u(E);
+          const k = a.value.getRecordById(e, t)?.get("");
+          return f(k);
         } catch {
           return;
         }
     });
-    const ve = (e) => {
-      (e.ctrlKey || e.metaKey) && e.key === "k" && (e.preventDefault(), c.value = !0), e.key === "Escape" && c.value && (c.value = !1);
+    const ue = (e) => {
+      (e.ctrlKey || e.metaKey) && e.key === "k" && (e.preventDefault(), C.value = !0), e.key === "Escape" && C.value && (C.value = !1);
     };
-    return fe(() => {
-      document.addEventListener("keydown", ve);
-    }), je(() => {
-      document.removeEventListener("keydown", ve);
-    }), (e, t) => (p(), g("div", {
+    return de(() => {
+      document.addEventListener("keydown", ue);
+    }), Fe(() => {
+      document.removeEventListener("keydown", ue);
+    }), (e, t) => (m(), g("div", {
       class: "desktop",
-      onClick: Ee
+      onClick: Te
     }, [
-      j(ke, {
-        elements: Re.value,
-        onActionClick: Me
+      j(ge, {
+        elements: Ae.value,
+        onActionClick: xe
       }, null, 8, ["elements"]),
-      ue.value.length > 0 ? (p(), he(ae(We), {
+      ce.value.length > 0 ? (m(), fe(ee(He), {
         key: 0,
-        data: l.value,
-        "onUpdate:data": t[0] || (t[0] = (n) => l.value = n),
-        schema: ue.value,
-        errors: M.value
-      }, null, 8, ["data", "schema", "errors"])) : ae(a) ? (p(), g("div", bt, [
-        i("p", null, "Loading " + N(x.value) + " data...", 1)
-      ])) : (p(), g("div", wt, [...t[2] || (t[2] = [
-        i("p", null, "Initializing Stonecrop...", -1)
+        data: p.value,
+        "onUpdate:data": t[0] || (t[0] = (o) => p.value = o),
+        schema: ce.value,
+        errors: x.value
+      }, null, 8, ["data", "schema", "errors"])) : ee(a) ? (m(), g("div", yt, [
+        c("p", null, "Loading " + V(I.value) + " data...", 1)
+      ])) : (m(), g("div", ht, [...t[2] || (t[2] = [
+        c("p", null, "Initializing Stonecrop...", -1)
       ])])),
-      xe.value ? (p(), g("p", kt, "This is a partial list — more records exist on the server.")) : K("", !0),
-      j(Ae, { breadcrumbs: $e.value }, null, 8, ["breadcrumbs"]),
-      j(Ce, {
-        "is-open": c.value,
-        search: Ie,
+      $e.value ? (m(), g("p", gt, "This is a partial list — more records exist on the server.")) : L("", !0),
+      j(be, { breadcrumbs: De.value }, null, 8, ["breadcrumbs"]),
+      j(we, {
+        "is-open": C.value,
+        search: Re,
         placeholder: "Type a command or search...",
-        onSelect: _e,
-        onClose: t[1] || (t[1] = (n) => c.value = !1)
+        onSelect: Se,
+        onClose: t[1] || (t[1] = (o) => C.value = !1)
       }, {
-        title: U(({ result: n }) => [
-          X(N(n.title), 1)
+        title: z(({ result: o }) => [
+          J(V(o.title), 1)
         ]),
-        content: U(({ result: n }) => [
-          X(N(n.description), 1)
+        content: z(({ result: o }) => [
+          J(V(o.description), 1)
         ]),
         _: 1
       }, 8, ["is-open"])
     ]));
   }
-}), _t = {
-  install: (s) => {
-    s.component("ActionSet", ke), s.component("CommandPalette", Ce), s.component("Desktop", Ct), s.component("SheetNav", Ae);
+}), St = {
+  install: (l) => {
+    l.component("ActionSet", ge), l.component("CommandPalette", we), l.component("Desktop", wt), l.component("SheetNav", be);
   }
 };
 export {
-  ke as ActionSet,
-  Ce as CommandPalette,
-  Ct as Desktop,
-  Ae as SheetNav,
-  _t as StonecropDesktop
+  ge as ActionSet,
+  we as CommandPalette,
+  wt as Desktop,
+  be as SheetNav,
+  St as StonecropDesktop
 };
 //# sourceMappingURL=desktop.js.map