@wssto2/vue-core 0.4.27 → 0.5.0

package/dist/RoleEditor.vue_vue_type_script_setup_true_lang-gXbxXG2R.js

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

package/dist/RolePage-B9t586Q8.js

@@ -0,0 +1,314 @@
+import { defineComponent as I, computed as L, openBlock as a, createBlock as b, unref as e, withCtx as c, createElementVNode as S, createVNode as f, mergeProps as Y, useTemplateRef as F, ref as P, createElementBlock as g, toDisplayString as N, Fragment as D, createCommentVNode as x, renderList as q, createTextVNode as G } from "vue";
+import { useI18n as K } from "vue-i18n";
+import { useRouter as Z } from "vue-router";
+import { _ as ee } from "./IconTile.vue_vue_type_script_setup_true_lang-_FXvaj93.js";
+import { _ as C } from "./FormGroup.vue_vue_type_script_setup_true_lang-BPchlRCl.js";
+import { g as z } from "./options-g8RwEhBk.js";
+import { _ as oe } from "./AlertDialog.vue_vue_type_script_setup_true_lang-whA4WLdl.js";
+import { t as E } from "./toast-CqSDTWRX.js";
+import { _ as te } from "./RecordHeader.vue_vue_type_script_setup_true_lang-fmx0f8xi.js";
+import { u as ae } from "./platform-Dl1fbScN.js";
+import { a as le, u as se } from "./routeResource-CcYA75T2.js";
+import { a as re } from "./ResourcePage.vue_vue_type_script_setup_true_lang-BFBGvevP.js";
+import { _ as ce } from "./AsyncSection.vue_vue_type_script_setup_true_lang-B0NfvG3B.js";
+import { _ as H } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
+import { u as O, a as U, f as ne, i as ie, d as ue, b as M, c as T } from "./index-WkbzC_ee.js";
+import { _ as J } from "./SelectField.vue_vue_type_script_setup_true_lang-BzQC1qDQ.js";
+import { u as me, _ as pe } from "./useCommand-CtqheKUv.js";
+import { _ as de } from "./Modal.vue_vue_type_script_setup_true_lang-DpBb8ans.js";
+import { _ as fe } from "./RoleEditor.vue_vue_type_script_setup_true_lang-gXbxXG2R.js";
+const _e = { "data-test": "role-replace" }, ve = /* @__PURE__ */ I({
+  __name: "ReplaceRoleDialog",
+  props: {
+    role: {},
+    others: {}
+  },
+  emits: ["replaced"],
+  setup(j, { expose: s, emit: y }) {
+    const l = j, n = y, { t: _ } = K(), w = O(), m = U(), p = me({
+      defaults: () => ({ with: null }),
+      validator: {
+        safeParse: (i) => i.with ? { success: !0, data: { with: i.with } } : { success: !1, error: { issues: [{ path: ["with"], message: _("core.access.replace.choose") }] } }
+      },
+      failureMessage: ne(),
+      run: (i) => m.replace(l.role.ref, i.with),
+      done: (i) => {
+        E.success(_("core.access.replace.done", { count: i })), n("replaced", i);
+      }
+    }), h = L(() => l.others.map((i) => ({ value: i.ref, label: w.roleName(i) })));
+    return s({ present: () => p.present() }), (i, B) => (a(), b(e(pe), {
+      command: e(p),
+      title: e(_)("core.access.replace.title"),
+      subtitle: e(w).roleName(l.role),
+      size: "md",
+      "confirm-label": e(_)("core.access.replace.confirm"),
+      message: e(_)("core.access.replace.moves", { count: l.role.holders })
+    }, {
+      default: c(() => [
+        S("div", _e, [
+          f(e(C), {
+            footer: e(_)("core.access.replace.footer")
+          }, {
+            default: c(() => [
+              f(e(J), Y(e(p).form.bind("with"), {
+                label: e(_)("core.access.replace.with"),
+                options: h.value
+              }), null, 16, ["label", "options"])
+            ]),
+            _: 1
+          }, 8, ["footer"])
+        ])
+      ]),
+      _: 1
+    }, 8, ["command", "title", "subtitle", "confirm-label", "message"]));
+  }
+}), he = {
+  class: "flex flex-col gap-group-gap",
+  "data-test": "role-compare"
+}, be = {
+  key: 0,
+  class: "px-row-inset text-body text-content-muted",
+  "data-test": "compare-loading"
+}, ge = {
+  key: 1,
+  class: "px-row-inset text-body text-content-destructive",
+  role: "alert",
+  "data-test": "compare-failed"
+}, ye = {
+  key: 0,
+  class: "px-row-inset text-body text-content-muted",
+  "data-test": "compare-identical"
+}, ke = /* @__PURE__ */ I({
+  __name: "RoleCompareDialog",
+  props: {
+    role: {},
+    others: {}
+  },
+  setup(j, { expose: s }) {
+    const y = j, { t: l } = K(), n = O(), _ = U(), w = F("modal"), m = P(null), t = P(null), p = P(!1), h = P(!1), i = L(() => y.others.map((d) => ({ value: d.ref, label: n.roleName(d) }))), B = L(() => t.value !== null && !t.value.only_in_role.length && !t.value.only_in_other.length && !t.value.different.length);
+    async function V(d) {
+      if (m.value = d, t.value = null, h.value = !1, p.value = !1, !!d) {
+        p.value = !0;
+        try {
+          const k = await _.compare(y.role.ref, d);
+          m.value === d && (t.value = k);
+        } catch {
+          m.value === d && (h.value = !0);
+        } finally {
+          m.value === d && (p.value = !1);
+        }
+      }
+    }
+    function A() {
+      m.value = null, t.value = null, h.value = !1, w.value?.present();
+    }
+    return s({ present: A }), (d, k) => (a(), b(e(de), {
+      ref_key: "modal",
+      ref: w,
+      title: e(l)("core.access.compare.title"),
+      subtitle: e(n).roleName(y.role),
+      size: "lg",
+      grouped: "",
+      "without-footer": ""
+    }, {
+      default: c(() => [
+        S("div", he, [
+          f(e(C), {
+            footer: e(l)("core.access.compare.footer")
+          }, {
+            default: c(() => [
+              f(e(J), {
+                "model-value": m.value,
+                label: e(l)("core.access.compare.with"),
+                options: i.value,
+                "onUpdate:modelValue": k[0] || (k[0] = (u) => V(u))
+              }, null, 8, ["model-value", "label", "options"])
+            ]),
+            _: 1
+          }, 8, ["footer"]),
+          p.value ? (a(), g("p", be, N(e(l)("core.access.compare.loading")), 1)) : h.value ? (a(), g("p", ge, N(e(l)("core.access.compare.failed")), 1)) : t.value ? (a(), g(D, { key: 2 }, [
+            B.value ? (a(), g("p", ye, N(e(l)("core.access.compare.identical")), 1)) : x("", !0),
+            t.value.only_in_role.length ? (a(), b(e(C), {
+              key: 1,
+              header: e(l)("core.access.compare.only_in_role", { count: t.value.only_in_role.length })
+            }, {
+              default: c(() => [
+                (a(!0), g(D, null, q(t.value.only_in_role, (u) => (a(), b(e(z), {
+                  key: u.permission,
+                  layout: "setting",
+                  label: e(n).permissionLabel(u.permission)
+                }, null, 8, ["label"]))), 128))
+              ]),
+              _: 1
+            }, 8, ["header"])) : x("", !0),
+            t.value.only_in_other.length ? (a(), b(e(C), {
+              key: 2,
+              header: e(l)("core.access.compare.only_in_other", { count: t.value.only_in_other.length })
+            }, {
+              default: c(() => [
+                (a(!0), g(D, null, q(t.value.only_in_other, (u) => (a(), b(e(z), {
+                  key: u.permission,
+                  layout: "setting",
+                  label: e(n).permissionLabel(u.permission)
+                }, null, 8, ["label"]))), 128))
+              ]),
+              _: 1
+            }, 8, ["header"])) : x("", !0),
+            t.value.different.length ? (a(), b(e(C), {
+              key: 3,
+              header: e(l)("core.access.compare.different", { count: t.value.different.length })
+            }, {
+              default: c(() => [
+                (a(!0), g(D, null, q(t.value.different, (u) => (a(), b(e(z), {
+                  key: u.permission,
+                  layout: "setting",
+                  label: e(n).permissionLabel(u.permission),
+                  value: e(l)("core.access.compare.whose", { role: e(n).qualifierLabel(u.role), other: e(n).qualifierLabel(u.other) })
+                }, null, 8, ["label", "value"]))), 128))
+              ]),
+              _: 1
+            }, 8, ["header"])) : x("", !0)
+          ], 64)) : x("", !0)
+        ])
+      ]),
+      _: 1
+    }, 8, ["title", "subtitle"]));
+  }
+}), we = { "data-test": "role-holders" }, xe = { class: "flex min-w-0 flex-col gap-group-gap" }, Ke = /* @__PURE__ */ I({
+  __name: "RolePage",
+  setup(j) {
+    const { t: s } = K(), y = Z(), { access: l } = ae(), n = O(), _ = ie(), { subjectRoute: w } = ue(), m = U(), t = le({ param: "ref", parse: (o) => o === "" ? null : o, identify: (o) => o.ref, load: (o, { signal: r }) => m.role(o, { signal: r }) }), p = se({ for: t, load: (o, { signal: r }) => m.holders(o, { signal: r }) }), h = P([]), i = L(() => h.value.filter((o) => o.ref !== t.data.value?.ref)), B = L(() => h.value.filter((o) => o.predefined)), V = F("compareDialog"), A = F("replaceDialog"), d = F("deleteDialog"), k = (o) => !o.predefined && !o.computed;
+    async function u(o) {
+      if (h.value.length === 0)
+        try {
+          h.value = await m.roles();
+        } catch (r) {
+          E.error(_(r));
+          return;
+        }
+      o();
+    }
+    const Q = L(() => {
+      const o = t.data.value;
+      if (!o) return [];
+      const r = [];
+      return l.can(M.manageRoles) && r.push({ id: "copy", label: s("core.access.copy"), icon: "copy", placement: "secondary", onClick: () => void y.push({ ...T.newRole, query: { copy: o.ref } }) }), r.push({ id: "compare", label: s("core.access.compare.action"), icon: "swapBoxLine", placement: "overflow", onClick: () => void u(() => V.value?.present()) }), k(o) && l.can(M.manageRoles) && r.push({ id: "replace", label: s("core.access.replace.action"), icon: "refreshLine", placement: "overflow", onClick: () => void u(() => A.value?.present()) }), k(o) && l.can(M.deleteRoles) && r.push({ id: "delete", label: s("core.access.delete.action"), icon: "deleteBin2Line", placement: "overflow", tone: "critical", onClick: () => d.value?.present(o) }), r;
+    });
+    async function W(o) {
+      await m.remove(o.ref), E.success(s("core.access.deleted")), await y.replace(T.roles);
+    }
+    const X = (o) => E.error(_(o, { fallback: s("core.access.delete.failed") }));
+    return (o, r) => (a(), b(e(re), {
+      resource: e(t),
+      title: e(t).data.value ? e(n).roleName(e(t).data.value) : "",
+      back: { label: e(s)("core.access.title"), to: e(T).roles },
+      actions: Q.value
+    }, {
+      header: c(({ record: v }) => [
+        f(e(te), {
+          title: e(n).roleName(v),
+          subtitle: v.description
+        }, {
+          leading: c(() => [
+            f(e(ee), {
+              tone: v.predefined ? "anchor" : "brand",
+              icon: "shieldStarFill",
+              size: "lg"
+            }, null, 8, ["tone"])
+          ]),
+          meta: c(() => [
+            f(e(H), {
+              tone: v.predefined ? "neutral" : "info"
+            }, {
+              default: c(() => [
+                G(N(e(n).roleKind(v)), 1)
+              ]),
+              _: 2
+            }, 1032, ["tone"]),
+            S("span", we, N(e(s)("core.access.holders_count", { count: v.holders })), 1)
+          ]),
+          _: 2
+        }, 1032, ["title", "subtitle"])
+      ]),
+      default: c(({ record: v }) => [
+        S("div", xe, [
+          f(fe, {
+            role: v,
+            onSaved: r[0] || (r[0] = ($) => {
+              e(t).update($), e(p).reload();
+            })
+          }, null, 8, ["role"]),
+          f(e(ce), {
+            state: e(p).state.value,
+            "skeleton-rows": 3,
+            "is-empty": () => !1,
+            onRetry: r[1] || (r[1] = ($) => e(p).reload())
+          }, {
+            default: c(({ value: $ }) => [
+              f(e(C), {
+                header: e(s)("core.access.holders.title"),
+                footer: $.length ? void 0 : e(s)("core.access.holders.empty")
+              }, {
+                default: c(() => [
+                  (a(!0), g(D, null, q($, (R) => (a(), b(e(z), {
+                    key: `${R.subject.kind}-${R.subject.id}`,
+                    layout: "setting",
+                    label: R.name,
+                    sub: e(n).scopeLabel(R.scope),
+                    to: e(w)(R.subject) ?? void 0
+                  }, {
+                    default: c(() => [
+                      R.subject.kind === "service" ? (a(), b(e(H), {
+                        key: 0,
+                        tone: "neutral"
+                      }, {
+                        default: c(() => [
+                          G(N(e(s)("core.access.holders.service")), 1)
+                        ]),
+                        _: 1
+                      })) : x("", !0)
+                    ]),
+                    _: 2
+                  }, 1032, ["label", "sub", "to"]))), 128))
+                ]),
+                _: 2
+              }, 1032, ["header", "footer"])
+            ]),
+            _: 1
+          }, 8, ["state"]),
+          f(ke, {
+            ref_key: "compareDialog",
+            ref: V,
+            role: v,
+            others: i.value
+          }, null, 8, ["role", "others"]),
+          k(v) ? (a(), g(D, { key: 0 }, [
+            f(ve, {
+              ref_key: "replaceDialog",
+              ref: A,
+              role: v,
+              others: B.value,
+              onReplaced: r[2] || (r[2] = ($) => {
+                e(t).reload(), e(p).reload();
+              })
+            }, null, 8, ["role", "others"]),
+            f(e(oe), {
+              ref_key: "deleteDialog",
+              ref: d,
+              tone: "critical",
+              title: e(s)("core.access.delete.title"),
+              message: e(s)("core.access.delete.body", { name: e(n).roleName(v) }),
+              "confirm-label": e(s)("core.access.delete.action"),
+              action: W,
+              onFailed: X
+            }, null, 8, ["title", "message", "confirm-label"])
+          ], 64)) : x("", !0)
+        ])
+      ]),
+      _: 1
+    }, 8, ["resource", "title", "back", "actions"]));
+  }
+});
+export {
+  Ke as default
+};

package/dist/{RolesPage-B5RwSZ89.js → RolesPage-BRdG-OSL.js}

@@ -3,15 +3,15 @@ import { useI18n as A } from "vue-i18n";
 import { useRouter as F } from "vue-router";
 import { _ as S } from "./IconTile.vue_vue_type_script_setup_true_lang-_FXvaj93.js";
 import { _ as E } from "./Tabs.vue_vue_type_script_setup_true_lang-CcMcE38r.js";
-import { _ as U } from "./FormGroup.vue_vue_type_script_setup_true_lang-DSwSRsA5.js";
-import { e as j } from "./control-B4SdblL6.js";
-import { _ as D } from "./TextField.vue_vue_type_script_setup_true_lang-CP2WeU36.js";
+import { _ as U } from "./FormGroup.vue_vue_type_script_setup_true_lang-BPchlRCl.js";
+import { g as j } from "./options-g8RwEhBk.js";
+import { _ as D } from "./TextField.vue_vue_type_script_setup_true_lang-DTAQPbW0.js";
 import { a as I } from "./AdaptivePageShell.vue_vue_type_script_setup_true_lang-GUTIXuNd.js";
-import { u as K } from "./platform-PZpUkkMS.js";
+import { u as K } from "./platform-Dl1fbScN.js";
 import { _ as T } from "./AsyncSection.vue_vue_type_script_setup_true_lang-B0NfvG3B.js";
 import { _ as q } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
-import { u as z } from "./useLoad-M7V-AVwR.js";
-import { u as G, a as H, b as J, c as x } from "./index-C3E6DcO0.js";
+import { u as z } from "./useLoad-W4tfxmm5.js";
+import { u as G, a as H, b as J, c as x } from "./index-WkbzC_ee.js";
 const M = {
   class: "flex min-w-0 flex-col gap-group-gap",
   "data-test": "roles-index"

package/dist/{SectionNavigator.vue_vue_type_script_setup_true_lang-Dmv6TpCi.js → SectionNavigator.vue_vue_type_script_setup_true_lang-Cy9Oi0ts.js}

@@ -5,7 +5,7 @@ import { _ as q } from "./IconTile.vue_vue_type_script_setup_true_lang-_FXvaj93.
 import { _ as G } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
 import { a as re } from "./mediaQuery-CygcXmFW.js";
 import { u as ie } from "./access-DmAceEo5.js";
-import { u as ce, a as ue } from "./sections-CeZl-Jxg.js";
+import { u as ce, a as ue } from "./sections-D5rgQ4YB.js";
 import { p as de } from "./AdaptivePageShell.vue_vue_type_script_setup_true_lang-GUTIXuNd.js";
 import { p as me } from "./sectionIndex-BS0ic5W7.js";
 import { _ as K, a as pe } from "./SectionList.vue_vue_type_script_setup_true_lang-wyW7n3Uq.js";