@wssto2/vue-core 0.2.0 → 0.4.0

package/dist/RecordHeader.vue_vue_type_script_setup_true_lang-C_ymvhHU.js

@@ -0,0 +1,64 @@
+import { defineComponent as p, useTemplateRef as u, openBlock as t, createElementBlock as c, renderSlot as r, createCommentVNode as s, createElementVNode as n, toDisplayString as a, Fragment as d, renderList as f, createBlock as h, resolveDynamicComponent as g, withCtx as x, createVNode as _, unref as k } from "vue";
+import { _ as b } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
+import { u as w } from "./AdaptivePageShell.vue_vue_type_script_setup_true_lang-BoinCY93.js";
+const v = { class: "flex min-w-0 flex-wrap items-center gap-5 compact:flex-col compact:gap-2 compact:text-center" }, y = {
+  key: 0,
+  class: "min-w-0 max-w-full shrink-0"
+}, C = { class: "flex min-w-0 flex-[1_1_14rem] flex-col gap-1.5 compact:w-full compact:flex-none compact:items-center compact:gap-1" }, $ = {
+  key: 0,
+  class: "flex min-w-0 flex-wrap items-center gap-2.5 text-subheadline text-content-muted compact:hidden"
+}, q = {
+  key: 1,
+  class: "hidden text-subheadline text-content-muted compact:block"
+}, E = {
+  key: 1,
+  class: "flex max-w-full flex-wrap gap-2 compact:mt-3 compact:grid compact:w-full compact:auto-cols-fr compact:grid-flow-col"
+}, A = { class: "truncate" }, R = /* @__PURE__ */ p({
+  __name: "RecordHeader",
+  props: {
+    title: {},
+    subtitle: { default: void 0 },
+    quickActions: { default: () => [] }
+  },
+  setup(m) {
+    const o = m, i = u("titleElement");
+    return w(i, () => o.title), (l, B) => (t(), c("div", v, [
+      l.$slots.leading ? (t(), c("div", y, [
+        r(l.$slots, "leading")
+      ])) : s("", !0),
+      n("div", C, [
+        n("h1", {
+          ref_key: "titleElement",
+          ref: i,
+          class: "text-large-title font-semibold tracking-tight break-words text-content-strong compact:mt-1.5"
+        }, a(o.title), 513),
+        l.$slots.meta ? (t(), c("div", $, [
+          r(l.$slots, "meta")
+        ])) : s("", !0),
+        o.subtitle ? (t(), c("p", q, a(o.subtitle), 1)) : s("", !0)
+      ]),
+      o.quickActions.length ? (t(), c("nav", E, [
+        (t(!0), c(d, null, f(o.quickActions, (e) => (t(), h(g(e.href ? "a" : "button"), {
+          key: e.id,
+          href: e.href,
+          type: e.href ? void 0 : "button",
+          "data-quick-action": e.id,
+          class: "hit-target flex min-w-0 max-w-full cursor-pointer items-center justify-center gap-2 rounded-full bg-tint-soft px-4 py-1.5 text-subheadline font-semibold text-content-link transition duration-motion-fast hover:brightness-95 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus dark:hover:brightness-125 compact:flex-col compact:gap-1 compact:rounded-group compact:bg-surface-cell compact:px-2 compact:py-2.5 compact:text-footnote compact:font-medium compact:shadow-group",
+          onClick: (N) => e.onClick?.()
+        }, {
+          default: x(() => [
+            _(k(b), {
+              name: e.icon,
+              class: "compact:size-5.5"
+            }, null, 8, ["name"]),
+            n("span", A, a(e.label), 1)
+          ]),
+          _: 2
+        }, 1032, ["href", "type", "data-quick-action", "onClick"]))), 128))
+      ])) : s("", !0)
+    ]));
+  }
+});
+export {
+  R as _
+};

package/dist/ResourcePage.vue_vue_type_script_setup_true_lang-CwI_sROp.js

@@ -0,0 +1,173 @@
+import { defineComponent as S, openBlock as a, createElementBlock as v, unref as t, createBlock as c, withCtx as s, createVNode as l, normalizeClass as d, createElementVNode as R, toDisplayString as y, computed as m, createSlots as w, renderSlot as f, createCommentVNode as A } from "vue";
+import { useI18n as z } from "vue-i18n";
+import { a as C } from "./AdaptivePageShell.vue_vue_type_script_setup_true_lang-BoinCY93.js";
+import { _ as B } from "./AsyncSection.vue_vue_type_script_setup_true_lang-Blj6KgCr.js";
+import { _ as D } from "./EmptyState.vue_vue_type_script_setup_true_lang-50p-Mp8I.js";
+import { useRouter as K, RouterLink as x } from "vue-router";
+import { u as N } from "./Button.vue_vue_type_script_setup_true_lang-CL9Qh5yq.js";
+import { _ as g } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
+import { _ as $ } from "./Tooltip.vue_vue_type_script_setup_true_lang-OOD_XNWx.js";
+const V = ["aria-label"], j = {
+  class: "min-w-14 px-1 text-center text-footnote tabular-nums text-content-muted compact:px-1.5",
+  "data-test": "pager-position",
+  "aria-live": "polite"
+}, b = "hit-target flex size-6 items-center justify-center rounded-button text-content-strong transition-colors duration-motion-fast hover:bg-fill-strong focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-border-focus compact:size-9 compact:text-content-link compact:hover:bg-transparent", L = "pointer-events-none opacity-40", E = /* @__PURE__ */ S({
+  __name: "RecordPager",
+  props: {
+    neighbors: {}
+  },
+  setup(h) {
+    const e = h, { t: r } = z(), i = K(), n = (p, u) => N({ key: p, group: "record", label: () => r(`core.resource.pager.${u}`) }, () => {
+      const o = e.neighbors[u];
+      if (!o) return !1;
+      i.push(o);
+    });
+    return n("j", "next"), n("ArrowRight", "next"), n("k", "previous"), n("ArrowLeft", "previous"), (p, u) => (a(), v("nav", {
+      "aria-label": t(r)("core.resource.pager.records"),
+      "data-test": "record-pager",
+      class: "inline-flex shrink-0 items-center rounded-button bg-fill p-0.5 compact:gap-0.5 compact:bg-surface-overlay compact:p-1 compact:shadow-float"
+    }, [
+      e.neighbors.previous ? (a(), c(t($), {
+        key: 0,
+        side: "bottom",
+        delay: 300,
+        text: `${t(r)("core.resource.pager.previous")} (← / K)`
+      }, {
+        default: s(() => [
+          l(t(x), {
+            to: e.neighbors.previous,
+            "aria-label": t(r)("core.resource.pager.previous"),
+            "aria-keyshortcuts": "ArrowLeft K",
+            "data-test": "pager-previous",
+            class: d(b)
+          }, {
+            default: s(() => [
+              l(t(g), {
+                name: "arrowUpSLine",
+                size: 18
+              })
+            ]),
+            _: 1
+          }, 8, ["to", "aria-label"])
+        ]),
+        _: 1
+      }, 8, ["text"])) : (a(), v("span", {
+        key: 1,
+        class: d([b, L]),
+        "aria-hidden": "true"
+      }, [
+        l(t(g), {
+          name: "arrowUpSLine",
+          size: 18
+        })
+      ], 2)),
+      R("span", j, y(e.neighbors.position) + " / " + y(e.neighbors.total), 1),
+      e.neighbors.next ? (a(), c(t($), {
+        key: 2,
+        side: "bottom",
+        delay: 300,
+        text: `${t(r)("core.resource.pager.next")} (→ / J)`
+      }, {
+        default: s(() => [
+          l(t(x), {
+            to: e.neighbors.next,
+            "aria-label": t(r)("core.resource.pager.next"),
+            "aria-keyshortcuts": "ArrowRight J",
+            "data-test": "pager-next",
+            class: d(b)
+          }, {
+            default: s(() => [
+              l(t(g), {
+                name: "arrowDownSLine",
+                size: 18
+              })
+            ]),
+            _: 1
+          }, 8, ["to", "aria-label"])
+        ]),
+        _: 1
+      }, 8, ["text"])) : (a(), v("span", {
+        key: 3,
+        class: d([b, L]),
+        "aria-hidden": "true"
+      }, [
+        l(t(g), {
+          name: "arrowDownSLine",
+          size: 18
+        })
+      ], 2))
+    ], 8, V));
+  }
+}), M = /* @__PURE__ */ S({
+  __name: "ResourcePage",
+  props: {
+    resource: {},
+    title: {},
+    back: { default: void 0 },
+    list: { default: null },
+    actions: { default: () => [] },
+    width: { default: "content" }
+  },
+  setup(h) {
+    const e = h, { t: r } = z(), i = m(() => e.resource.state.value), n = m(() => e.resource.data.value), p = m(() => i.value.status === "failed" && "reason" in i.value && i.value.reason === "notFound"), u = m(() => e.back ?? e.list?.back ?? null);
+    return (o, _) => (a(), c(C, {
+      title: e.title,
+      "document-title": e.title,
+      back: u.value,
+      actions: e.actions,
+      width: e.width
+    }, w({
+      default: s(() => [
+        p.value ? (a(), c(D, {
+          key: 0,
+          title: t(r)("core.resource.not_found.title"),
+          description: t(r)("core.resource.not_found.body"),
+          icon: "errorWarningLine"
+        }, null, 8, ["title", "description"])) : (a(), c(B, {
+          key: 1,
+          state: i.value,
+          "is-empty": () => !1,
+          onRetry: _[0] || (_[0] = (k) => e.resource.reload())
+        }, w({
+          default: s(({ value: k }) => [
+            f(o.$slots, "default", { record: k })
+          ]),
+          _: 2
+        }, [
+          o.$slots.loading ? {
+            name: "skeleton",
+            fn: s(() => [
+              f(o.$slots, "loading")
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["state"]))
+      ]),
+      _: 2
+    }, [
+      o.$slots.pager || e.list?.neighbors ? {
+        name: "pager",
+        fn: s(() => [
+          f(o.$slots, "pager", {}, () => [
+            e.list?.neighbors ? (a(), c(E, {
+              key: 0,
+              neighbors: e.list.neighbors
+            }, null, 8, ["neighbors"])) : A("", !0)
+          ])
+        ]),
+        key: "0"
+      } : void 0,
+      n.value !== null && o.$slots.header ? {
+        name: "header",
+        fn: s(() => [
+          f(o.$slots, "header", { record: n.value })
+        ]),
+        key: "1"
+      } : void 0
+    ]), 1032, ["title", "document-title", "back", "actions", "width"]));
+  }
+});
+export {
+  E as _,
+  M as a
+};

package/dist/RoleEditor.vue_vue_type_script_setup_true_lang-CmwvSytD.js

@@ -0,0 +1,300 @@
+import { defineComponent as I, computed as y, ref as M, openBlock as l, createElementBlock as v, createElementVNode as w, unref as t, Fragment as B, renderList as N, normalizeClass as K, toDisplayString as d, createVNode as V, withCtx as p, createTextVNode as h, createCommentVNode as $, createBlock as _, createSlots as X, watch as Y, mergeProps as F } from "vue";
+import { useI18n as Q } from "vue-i18n";
+import { u as Z } from "./FormErrors.vue_vue_type_script_setup_true_lang-BQb7wLT0.js";
+import { _ as G } from "./FormGroup.vue_vue_type_script_setup_true_lang-DG2zdG_a.js";
+import { _ as ee } from "./FormView.vue_vue_type_script_setup_true_lang-cr0xNDXP.js";
+import { _ as te } from "./TextareaField.vue_vue_type_script_setup_true_lang-CqAWfABZ.js";
+import { _ as se } from "./TextField.vue_vue_type_script_setup_true_lang-B9dwVASU.js";
+import { u as ae } from "./useSaveChrome-chi6D3HY.js";
+import { t as oe } from "./toast-D9Z5To38.js";
+import { _ as S } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
+import { _ as E } from "./Banner.vue_vue_type_script_setup_true_lang-DSStj_5z.js";
+import { d as W, u as J, p as ne, o as R, r as D, g as H, s as le, e as re, a as ie, f as ce, b as ue, h as de } from "./index-GcLnFF-z.js";
+import { _ as me } from "./Button.vue_vue_type_script_setup_true_lang-CL9Qh5yq.js";
+import { _ as fe } from "./Tabs.vue_vue_type_script_setup_true_lang-CcMcE38r.js";
+import { _ as pe } from "./SegmentedField.vue_vue_type_script_setup_true_lang-BMqWlpsL.js";
+import { _ as _e } from "./SwitchField.vue_vue_type_script_setup_true_lang-CM8yp9JQ.js";
+import { u as ge } from "./platform-q3cjODLx.js";
+const ve = {
+  class: "flex min-w-0 flex-col gap-4 lg:grid lg:grid-cols-[15rem_minmax(0,1fr)] lg:items-start lg:gap-8",
+  "data-test": "permission-tree"
+}, be = ["aria-label"], ye = ["data-test", "aria-current", "onClick"], he = { class: "min-w-0 flex-1 truncate" }, ke = ["data-test"], xe = ["data-test"], we = { class: "flex min-w-0 items-center justify-between gap-3 px-row-inset" }, $e = { class: "min-w-0 flex-1 text-title3 font-semibold text-content-strong" }, Oe = { class: "text-footnote tabular-nums text-content-muted" }, Le = {
+  key: 0,
+  class: "contents",
+  "data-test": "tree-toggle-all"
+}, Ve = /* @__PURE__ */ I({
+  __name: "PermissionTree",
+  props: {
+    grants: {},
+    readonly: { type: Boolean }
+  },
+  setup(U) {
+    const i = U, { t: g } = Q(), { catalogue: a } = W(), m = J(), r = y(() => ne(a)), b = M(r.value[0]?.key ?? ""), f = y(() => r.value.find((e) => e.key === b.value) ?? r.value[0]), j = (e) => Object.entries(a).filter(([, s]) => re(s) === e).map(([s]) => s), O = (e) => {
+      const s = j(e);
+      return { granted: s.filter((o) => o in i.grants).length, total: s.length };
+    }, k = (e) => `${O(e).granted} / ${O(e).total}`, T = y(() => r.value.map((e) => ({ value: e.key, label: m.groupLabel(e.key), badge: k(e.key) }))), u = y(() => f.value !== void 0 && O(f.value.key).granted === O(f.value.key).total);
+    function q() {
+      if (f.value)
+        for (const e of j(f.value.key))
+          u.value ? D(a, i.grants, e) : H(a, i.grants, e);
+    }
+    const z = (e) => [...new Set(e.permissions.map((s) => s.ownable).filter((s) => s !== null))], x = y(() => ["own", "own_location", "all"].map((e) => ({ value: e, label: m.qualifierLabel(e) })));
+    function A(e, s) {
+      const o = R(a, i.grants, s) ?? "own", n = e.permissions.some((L) => L.ownable === s && L.unownedIsOwn);
+      return [m.qualifierHint(o), o === "own" && n ? g("core.access.unowned") : ""].filter(Boolean).join(" · ");
+    }
+    function C(e) {
+      const s = e.requires.map((o) => m.permissionLabel(o)).join(", ");
+      return [m.permissionDescription(e.id), s ? g("core.access.requires", { names: s }) : ""].filter(Boolean).join(" ");
+    }
+    const P = (e, s) => le(a, i.grants, e, s), c = (e, s) => s ? H(a, i.grants, e) : D(a, i.grants, e);
+    return (e, s) => (l(), v("div", ve, [
+      w("nav", {
+        class: "hidden flex-col gap-0.5 lg:sticky lg:top-4 lg:flex",
+        "aria-label": t(g)("core.access.modules"),
+        "data-test": "tree-modules"
+      }, [
+        (l(!0), v(B, null, N(r.value, (o) => (l(), v("button", {
+          key: o.key,
+          type: "button",
+          "data-test": `tree-module-${o.key}`,
+          "aria-current": b.value === o.key ? "true" : void 0,
+          class: K(["flex h-9 items-center justify-between gap-3 rounded-control px-3 text-left text-body transition-colors duration-motion-fast hover:bg-fill focus-visible:outline-2 focus-visible:outline-border-focus", b.value === o.key ? "bg-tint-soft font-semibold text-content-strong" : "text-content"]),
+          onClick: (n) => b.value = o.key
+        }, [
+          w("span", he, d(t(m).groupLabel(o.key)), 1),
+          w("span", {
+            class: "text-footnote tabular-nums text-content-muted",
+            "data-test": `tree-count-${o.key}`
+          }, d(k(o.key)), 9, ke)
+        ], 10, ye))), 128))
+      ], 8, be),
+      V(t(fe), {
+        modelValue: b.value,
+        "onUpdate:modelValue": s[0] || (s[0] = (o) => b.value = o),
+        tabs: T.value,
+        presentation: "scope",
+        class: "lg:hidden"
+      }, null, 8, ["modelValue", "tabs"]),
+      f.value ? (l(), v("div", {
+        key: 0,
+        class: "flex min-w-0 flex-col gap-6",
+        "data-test": `tree-panel-${f.value.key}`
+      }, [
+        w("div", we, [
+          w("h2", $e, d(t(m).groupLabel(f.value.key)), 1),
+          w("span", Oe, d(k(f.value.key)), 1),
+          i.readonly ? $("", !0) : (l(), v("span", Le, [
+            V(t(me), {
+              prominence: "secondary",
+              size: "sm",
+              onClick: q
+            }, {
+              default: p(() => [
+                h(d(u.value ? t(g)("core.access.turn_off_all") : t(g)("core.access.turn_on_all")), 1)
+              ]),
+              _: 1
+            })
+          ]))
+        ]),
+        (l(!0), v(B, null, N(f.value.screens, (o) => (l(), _(t(G), {
+          key: o.key,
+          header: t(m).screenLabel(o.key)
+        }, {
+          default: p(() => [
+            (l(!0), v(B, null, N(z(o), (n) => (l(), _(t(pe), {
+              key: n,
+              label: t(m).ownableLabel(n),
+              hint: A(o, n),
+              "model-value": t(R)(t(a), i.grants, n) ?? "own",
+              options: x.value,
+              disabled: i.readonly || t(R)(t(a), i.grants, n) === null,
+              "onUpdate:modelValue": (L) => P(n, L)
+            }, null, 8, ["label", "hint", "model-value", "options", "disabled", "onUpdate:modelValue"]))), 128)),
+            (l(!0), v(B, null, N(o.permissions, (n) => (l(), _(t(_e), {
+              key: n.id,
+              label: t(m).permissionLabel(n.id),
+              hint: C(n),
+              "model-value": n.id in i.grants,
+              disabled: i.readonly,
+              "onUpdate:modelValue": (L) => c(n.id, !!L)
+            }, X({ _: 2 }, [
+              n.sensitive || n.system || n.organizationOnly ? {
+                name: "before",
+                fn: p(() => [
+                  n.sensitive ? (l(), _(t(S), {
+                    key: 0,
+                    tone: "warning"
+                  }, {
+                    default: p(() => [
+                      h(d(t(g)("core.access.sensitive")), 1)
+                    ]),
+                    _: 1
+                  })) : $("", !0),
+                  n.system ? (l(), _(t(S), {
+                    key: 1,
+                    tone: "neutral"
+                  }, {
+                    default: p(() => [
+                      h(d(t(g)("core.access.system")), 1)
+                    ]),
+                    _: 1
+                  })) : n.organizationOnly ? (l(), _(t(S), {
+                    key: 2,
+                    tone: "info"
+                  }, {
+                    default: p(() => [
+                      h(d(t(g)("core.access.organization_only")), 1)
+                    ]),
+                    _: 1
+                  })) : $("", !0)
+                ]),
+                key: "0"
+              } : void 0
+            ]), 1032, ["label", "hint", "model-value", "disabled", "onUpdate:modelValue"]))), 128))
+          ]),
+          _: 2
+        }, 1032, ["header"]))), 128))
+      ], 8, xe)) : $("", !0)
+    ]));
+  }
+}), je = {
+  class: "flex min-w-0 flex-col gap-group-gap",
+  "data-test": "role-editor"
+}, qe = {
+  key: 0,
+  class: "flex flex-wrap gap-1.5 px-row-inset py-2",
+  "data-test": "role-attrs"
+}, Ge = /* @__PURE__ */ I({
+  __name: "RoleEditor",
+  props: {
+    role: {},
+    source: {}
+  },
+  emits: ["saved"],
+  setup(U, { expose: i, emit: g }) {
+    const a = U, m = g, { t: r } = Q(), b = J(), { catalogue: f } = W(), j = ie(), { access: O } = ge(), k = (c, e) => {
+      const s = c ?? e ?? null;
+      return {
+        name: c ? c.name : e ? r("core.access.copy_name", { name: b.roleName(e) }) : "",
+        description: s?.description ?? "",
+        grants: Object.fromEntries((s?.grants ?? []).map((o) => [o.permission, o.qualifier]))
+      };
+    }, u = Z({
+      defaults: () => k(a.role, a.source),
+      validator: {
+        safeParse(c) {
+          const e = c, s = [
+            ...e.name.trim() === "" ? [{ path: ["name"], message: r("core.access.name_required") }] : [],
+            ...e.name.length > 100 ? [{ path: ["name"], message: r("core.access.too_long") }] : [],
+            ...e.description.length > 255 ? [{ path: ["description"], message: r("core.access.too_long") }] : []
+          ];
+          return s.length === 0 ? { success: !0, data: e } : { success: !1, error: { issues: s } };
+        }
+      },
+      failureMessage: ce()
+    }), q = M([]);
+    function z() {
+      u.hydrate(k(a.role, a.source)), q.value = de(f, u.values.grants);
+    }
+    z(), Y(() => [a.role, a.source], z);
+    const x = y(() => a.role !== null && (a.role.predefined || a.role.computed) || !O.can(ue.manageRoles)), A = y(
+      () => q.value.length === 0 || x.value ? "" : r("core.access.completed", { names: q.value.map((c) => b.permissionLabel(c)).join(", ") })
+    );
+    async function C() {
+      if (x.value) return;
+      const c = await u.submit(
+        (e) => {
+          const s = {
+            name: e.name.trim(),
+            description: e.description,
+            grants: Object.entries(e.grants).map(([o, n]) => ({ permission: o, qualifier: n })),
+            // Constraints are the application's own business: kept as the role has them.
+            attrs: (a.role ?? a.source)?.attrs ?? []
+          };
+          return a.role ? j.update({ ref: a.role.ref, ...s }) : j.create(s);
+        },
+        { hydrateFrom: (e) => k(e, null) }
+      );
+      (c.status === "saved" || c.status === "saved-refresh-failed") && (oe.success(r("core.access.saved")), m("saved", c.value));
+    }
+    ae({ form: u, label: () => r("core.access.save"), allowed: () => !x.value, save: () => void C(), cancel: () => u.reset() });
+    const P = y(() => (a.role ?? a.source)?.attrs ?? []);
+    return i({ form: u, save: C }), (c, e) => (l(), _(t(ee), {
+      form: t(u),
+      onSubmit: C
+    }, {
+      default: p(() => [
+        w("div", je, [
+          a.role?.computed ? (l(), _(t(E), {
+            key: 0,
+            tone: "info",
+            "data-test": "role-computed-note"
+          }, {
+            default: p(() => [
+              h(d(t(r)("core.access.notes.computed")), 1)
+            ]),
+            _: 1
+          })) : a.role?.predefined ? (l(), _(t(E), {
+            key: 1,
+            tone: "info",
+            "data-test": "role-predefined-note"
+          }, {
+            default: p(() => [
+              h(d(t(r)("core.access.notes.predefined")), 1)
+            ]),
+            _: 1
+          })) : $("", !0),
+          A.value ? (l(), _(t(E), {
+            key: 2,
+            tone: "warning",
+            "data-test": "role-completed-note"
+          }, {
+            default: p(() => [
+              h(d(A.value), 1)
+            ]),
+            _: 1
+          })) : $("", !0),
+          V(t(G), {
+            header: t(r)("core.access.groups.role"),
+            editable: !x.value,
+            "label-width": "12rem"
+          }, {
+            default: p(() => [
+              V(t(se), F(t(u).bind("name"), {
+                label: t(r)("core.access.fields.name"),
+                "max-length": 100,
+                required: ""
+              }), null, 16, ["label"]),
+              V(t(te), F(t(u).bind("description"), {
+                label: t(r)("core.access.fields.description"),
+                rows: 2,
+                "max-length": 255
+              }), null, 16, ["label"]),
+              P.value.length ? (l(), v("div", qe, [
+                (l(!0), v(B, null, N(P.value, (s) => (l(), _(t(S), {
+                  key: s.attribute,
+                  tone: "neutral"
+                }, {
+                  default: p(() => [
+                    h(d(s.attribute) + ": " + d(s.values.join(", ")), 1)
+                  ]),
+                  _: 2
+                }, 1024))), 128))
+              ])) : $("", !0)
+            ]),
+            _: 1
+          }, 8, ["header", "editable"]),
+          V(Ve, {
+            grants: t(u).values.grants,
+            readonly: x.value
+          }, null, 8, ["grants", "readonly"])
+        ])
+      ]),
+      _: 1
+    }, 8, ["form"]));
+  }
+});
+export {
+  Ge as _
+};