@wssto2/vue-core 0.2.0 → 0.4.0

package/dist/FormErrors.vue_vue_type_script_setup_true_lang-BQb7wLT0.js

@@ -0,0 +1,276 @@
+var J = Object.defineProperty;
+var Q = (a, e, s) => e in a ? J(a, e, { enumerable: !0, configurable: !0, writable: !0, value: s }) : a[e] = s;
+var I = (a, e, s) => Q(a, typeof e != "symbol" ? e + "" : e, s);
+import { shallowRef as M, computed as x, toRaw as X, reactive as Z, ref as Y, defineComponent as K, watch as ee, nextTick as te, openBlock as b, createBlock as re, withCtx as se, createElementBlock as O, toDisplayString as A, createCommentVNode as E, Fragment as U, createElementVNode as P, normalizeClass as ae, unref as R, renderList as ne, createTextVNode as V } from "vue";
+import { useI18n as G } from "vue-i18n";
+import { i as le, a as q } from "./error-CD7x0Jrz.js";
+import { _ as ie } from "./Banner.vue_vue_type_script_setup_true_lang-DSStj_5z.js";
+class ue {
+  constructor() {
+    I(this, "messages", M({}));
+    /** How many fields have a message. */
+    I(this, "count", x(() => Object.keys(this.messages.value).length));
+  }
+  /** Replaces everything. Empty lists are dropped. */
+  set(e) {
+    this.messages.value = Object.fromEntries(Object.entries(e).filter(([, s]) => s.length > 0).map(([s, t]) => [s, [...t]]));
+  }
+  add(e, s) {
+    this.messages.value = { ...this.messages.value, [e]: [...this.messages.value[e] ?? [], s] };
+  }
+  /** Clears one field (and its nested paths), or everything. */
+  clear(e) {
+    if (e === void 0) {
+      this.count.value > 0 && (this.messages.value = {});
+      return;
+    }
+    const s = Object.fromEntries(Object.entries(this.messages.value).filter(([t]) => t !== e && !t.startsWith(`${e}.`)));
+    Object.keys(s).length !== this.count.value && (this.messages.value = s);
+  }
+  /** Whether the field, or a value inside it (`items.0.quantity` for `items`), has a message. */
+  has(e) {
+    return this.first(e) !== void 0 || Object.keys(this.messages.value).some((s) => s.startsWith(`${e}.`));
+  }
+  first(e) {
+    return this.messages.value[e]?.[0];
+  }
+  all() {
+    return this.messages.value;
+  }
+}
+function f(a) {
+  const e = X(a);
+  return e === null || typeof e != "object" ? e : e instanceof Date ? new Date(e.getTime()) : typeof Blob < "u" && e instanceof Blob ? e : Array.isArray(e) ? e.map(f) : Object.fromEntries(Object.entries(e).map(([s, t]) => [s, f(t)]));
+}
+function S(a, e) {
+  const s = a, t = e;
+  if (Object.is(s, t)) return !0;
+  if (s === null || t === null || typeof s != "object" || typeof t != "object") return !1;
+  if (s instanceof Date || t instanceof Date) return s instanceof Date && t instanceof Date && s.getTime() === t.getTime();
+  if (Array.isArray(s) || Array.isArray(t))
+    return Array.isArray(s) && Array.isArray(t) && s.length === t.length && s.every((c, d) => S(c, t[d]));
+  if (typeof Blob < "u" && (s instanceof Blob || t instanceof Blob)) return !1;
+  const l = (c) => Object.keys(c).filter((d) => c[d] !== void 0), o = l(s);
+  return o.length === l(t).length && o.every((c) => S(s[c], t[c]));
+}
+function W(a) {
+  const e = {};
+  for (const s of a) {
+    const t = s.path.map(String).join(".");
+    (e[t] ?? (e[t] = [])).push(s.message);
+  }
+  return e;
+}
+const oe = (a) => a.split(".")[0] ?? a, L = () => typeof crypto < "u" && typeof crypto.randomUUID == "function" ? crypto.randomUUID() : `${Date.now()}-${Math.random().toString(36).slice(2)}`;
+function ye(a) {
+  const { t: e } = G(), t = Z(f(typeof a.defaults == "function" ? a.defaults() : a.defaults)), l = M(f(t)), o = new ue(), c = Y(!1), d = M(null), v = x(() => !S(t, l.value));
+  let j = null, h = L();
+  function y(r) {
+    const n = t;
+    for (const i of Object.keys(n)) i in r || delete n[i];
+    Object.assign(n, f(r));
+  }
+  function D() {
+    o.clear(), d.value = null;
+  }
+  function _(r, n) {
+    const i = q(n) ? n.requestId : null, u = a.failureMessage?.(r, n) ?? e(`core.form.failure.${r}`);
+    return d.value = { kind: r, message: u, requestId: i, error: n };
+  }
+  function B(r, n = !1) {
+    const { translate: i, serverField: u } = a, w = n && u ? Object.entries(r).map(([m, g]) => [u(m), g]) : Object.entries(r);
+    o.set(Object.fromEntries(i ? w.map(([m, g]) => [m, g.map((F) => i(F, m))]) : w));
+  }
+  function T() {
+    if (o.clear(), !a.validator) return f(t);
+    const r = a.validator.safeParse(f(t));
+    return r.success ? r.data : (B(W(r.error.issues)), null);
+  }
+  function C(r) {
+    if (o.clear(), !a.validator) return !0;
+    const n = a.validator.safeParse(f(t));
+    if (n.success) return !0;
+    const i = Object.fromEntries(Object.entries(W(n.error.issues)).filter(([u]) => r.includes(oe(u))));
+    return B(i), Object.keys(i).length === 0;
+  }
+  function H(r) {
+    if (!q(r)) return "failed";
+    switch (r.kind) {
+      case "validation":
+        return "invalid";
+      case "conflict":
+        return "conflict";
+      case "forbidden":
+        return "forbidden";
+      case "unauthorized":
+        return "unauthorized";
+      case "network":
+        return "offline";
+      default:
+        return "failed";
+    }
+  }
+  async function z(r, n, i, u) {
+    if (j) return j;
+    const m = (async () => {
+      d.value = null;
+      const g = r();
+      if (g === null) return { status: "failed", failure: _("invalid", null) };
+      const F = f(t);
+      let k;
+      c.value = !0;
+      try {
+        k = await n(g, { idempotencyKey: h });
+      } catch (p) {
+        if (c.value = !1, le(p)) return { status: "aborted" };
+        const N = H(p);
+        return N === "invalid" && q(p) && B(p.fields, !0), { status: "failed", failure: _(N, p) };
+      }
+      const $ = u?.hydrateFrom?.(k) ?? null;
+      $ ? (y($), l.value = f($), o.clear()) : i(k, F);
+      try {
+        await u?.refresh?.(k);
+      } catch (p) {
+        return _("refresh", p), { status: "saved-refresh-failed", value: k, error: p };
+      } finally {
+        c.value = !1;
+      }
+      return { status: "saved", value: k };
+    })().finally(() => {
+      j = null, h = L();
+    });
+    return j = m, m;
+  }
+  return {
+    values: t,
+    errors: o,
+    dirty: v,
+    submitting: c,
+    failure: d,
+    bind(r) {
+      return {
+        get modelValue() {
+          return t[r];
+        },
+        "onUpdate:modelValue"(n) {
+          t[r] = n, o.clear(r);
+        },
+        get error() {
+          return o.first(r);
+        },
+        "data-field-key": r
+      };
+    },
+    bindMonthYear(r, n) {
+      const i = t;
+      return {
+        get month() {
+          return i[r] ?? null;
+        },
+        get year() {
+          return i[n] ?? null;
+        },
+        "onUpdate:month"(u) {
+          i[r] = u, o.clear(r);
+        },
+        "onUpdate:year"(u) {
+          i[n] = u, o.clear(n);
+        },
+        get error() {
+          return o.first(r) ?? o.first(n);
+        },
+        "data-field-key": `${r} ${n}`
+      };
+    },
+    hydrate(r) {
+      y(r), l.value = f(r), D();
+    },
+    reset() {
+      y(l.value), D();
+    },
+    markClean() {
+      l.value = f(t);
+    },
+    validate: T,
+    check: C,
+    submit: (r, n) => z(T, r, (i, u) => l.value = u, n),
+    submitFields: (r, n, i) => z(
+      () => C(r) ? Object.fromEntries(r.map((u) => [u, f(t[u])])) : null,
+      n,
+      (u, w) => {
+        const m = f(l.value);
+        for (const g of r) m[g] = f(w[g]);
+        l.value = m;
+      },
+      i
+    ),
+    dismissFailure() {
+      d.value = null;
+    }
+  };
+}
+const ce = {
+  key: 0,
+  class: "text-footnote font-medium"
+}, fe = {
+  class: "mt-1 list-inside list-disc text-footnote",
+  "data-test": "form-errors-hidden"
+}, de = {
+  key: 2,
+  class: "mt-1 text-caption text-content-muted"
+}, be = /* @__PURE__ */ K({
+  __name: "FormErrors",
+  props: {
+    form: {},
+    label: { type: Function, default: (a) => a },
+    scope: { default: null }
+  },
+  setup(a) {
+    const e = a, { t: s } = G(), t = Y([]);
+    ee(
+      () => e.form.errors.all(),
+      async (c) => {
+        await te();
+        const d = e.scope ?? document, v = new Set([...d.querySelectorAll("[data-field-key]")].flatMap((h) => (h.getAttribute("data-field-key") ?? "").split(/\s+/))), j = (h) => h.split(".").some((y, D, _) => v.has(_.slice(0, D + 1).join(".")));
+        t.value = Object.entries(c).flatMap(([h, y]) => y[0] && !j(h) ? [{ field: h, message: y[0] }] : []);
+      },
+      { immediate: !0 }
+    );
+    const l = x(() => e.form.failure.value), o = x(() => l.value?.kind === "conflict" || l.value?.kind === "refresh" ? "warning" : "critical");
+    return (c, d) => l.value || t.value.length ? (b(), re(ie, {
+      key: 0,
+      tone: l.value ? o.value : "warning",
+      "data-test": "form-errors"
+    }, {
+      default: se(() => [
+        l.value ? (b(), O("p", ce, A(l.value.message), 1)) : E("", !0),
+        t.value.length ? (b(), O(U, { key: 1 }, [
+          P("p", {
+            class: ae(["text-footnote", l.value ? "mt-1" : "font-medium"])
+          }, A(R(s)("core.form.errors.hidden_title")), 3),
+          P("ul", fe, [
+            (b(!0), O(U, null, ne(t.value, (v) => (b(), O("li", {
+              key: v.field
+            }, [
+              V(A(v.field ? e.label(v.field) : ""), 1),
+              v.field ? (b(), O(U, { key: 0 }, [
+                V(": ")
+              ], 64)) : E("", !0),
+              V(A(v.message), 1)
+            ]))), 128))
+          ])
+        ], 64)) : E("", !0),
+        l.value?.requestId ? (b(), O("p", de, A(R(s)("core.form.errors.request", { id: l.value.requestId })), 1)) : E("", !0)
+      ]),
+      _: 1
+    }, 8, ["tone"])) : E("", !0);
+  }
+});
+export {
+  ue as E,
+  be as _,
+  f as c,
+  oe as f,
+  S as s,
+  ye as u
+};

package/dist/FormGroup.vue_vue_type_script_setup_true_lang-DG2zdG_a.js

@@ -0,0 +1,136 @@
+import { defineComponent as B, openBlock as d, createBlock as L, withCtx as N, createTextVNode as v, toDisplayString as m, unref as h, createCommentVNode as i, inject as C, provide as y, ref as R, useSlots as O, computed as n, shallowReactive as E, useTemplateRef as V, useId as A, createElementBlock as p, normalizeStyle as M, normalizeClass as G, createElementVNode as S, renderSlot as f } from "vue";
+import { s as T, u as W } from "./sectionIndex-BS0ic5W7.js";
+import { d as $, g as j } from "./control-7EP4tjYy.js";
+import { useI18n as D } from "vue-i18n";
+import { _ as q } from "./Button.vue_vue_type_script_setup_true_lang-CL9Qh5yq.js";
+const H = /* @__PURE__ */ B({
+  __name: "GroupEditAction",
+  props: {
+    allowed: { type: Boolean, default: !0 },
+    locked: { type: Boolean, default: !1 },
+    label: { default: void 0 }
+  },
+  emits: ["click"],
+  setup(s, { emit: e }) {
+    const t = s, o = e, { t: a } = D();
+    return (k, l) => t.allowed && !t.locked ? (d(), L(q, {
+      key: 0,
+      prominence: "plain",
+      size: "sm",
+      "data-test": "group-edit",
+      onClick: l[0] || (l[0] = (c) => o("click"))
+    }, {
+      default: N(() => [
+        v(m(t.label ?? h(a)("core.actions.edit")), 1)
+      ]),
+      _: 1
+    })) : i("", !0);
+  }
+}), F = Symbol("vue-core.recordGroups"), J = () => C(F, null);
+function P() {
+  const s = /* @__PURE__ */ new Map();
+  return {
+    register(e, t) {
+      const o = s.get(t) ?? /* @__PURE__ */ new Map();
+      return o.set(e, (o.get(e) ?? 0) + 1), s.set(t, o), () => {
+        const a = (o.get(e) ?? 1) - 1;
+        a <= 0 ? o.delete(e) : o.set(e, a);
+      };
+    },
+    groupOf: (e) => s.get(e)?.keys().next().value,
+    fieldsOf: (e) => [...s.entries()].filter(([, t]) => t.has(e)).map(([t]) => t)
+  };
+}
+function le(s) {
+  const e = P();
+  return y(F, {
+    only: R(null),
+    edit: (t, o) => s.edit(t, o),
+    editLabel: s.editLabel ? (t) => s.editLabel?.(t) : void 0,
+    register: (t, o) => e.register(t, o)
+  }), e;
+}
+const Q = ["id"], U = {
+  key: 0,
+  class: "flex min-w-0 items-end gap-2 px-row-inset pb-2"
+}, X = { class: "min-w-0 flex-1 text-subheadline font-semibold text-content-strong compact:text-footnote compact:font-normal compact:uppercase compact:tracking-wide compact:text-content-muted" }, Y = { class: "form-group-cell rounded-group bg-surface-cell shadow-group" }, Z = {
+  key: 1,
+  class: "px-row-inset pt-2 text-footnote text-content-muted text-pretty"
+}, ae = /* @__PURE__ */ B({
+  __name: "FormGroup",
+  props: {
+    header: { default: void 0 },
+    footer: { default: void 0 },
+    hideEmpty: { type: Boolean, default: !0 },
+    labelWidth: { default: "11rem" },
+    section: { type: Boolean, default: !1 },
+    anchor: { default: void 0 },
+    editable: { type: Boolean, default: void 0 },
+    lockedFooter: { default: void 0 },
+    group: { default: void 0 }
+  },
+  setup(s) {
+    const e = s, t = O(), o = C($, R(!0));
+    y($, n(() => o.value && e.editable !== !1));
+    const a = E(/* @__PURE__ */ new Set()), k = n(() => [...a].some((r) => r.value)), l = J(), c = E(/* @__PURE__ */ new Set()), z = n(() => c.size > 0 && [...c].every((r) => r.value)), I = n(() => !l?.only.value || l.only.value === e.group), g = n(() => e.group && l?.edit && !z.value ? l.edit(e.group, e.header ?? "") : null), K = n(() => !!e.group && l?.only.value === e.group);
+    y(j, {
+      hideEmpty: n(() => e.hideEmpty),
+      registerLocked(r) {
+        return a.add(r), () => a.delete(r);
+      },
+      registerField(r, u) {
+        c.add(u);
+        const x = e.group && r && l?.register ? l.register(e.group, r) : null;
+        return () => {
+          c.delete(u), x?.();
+        };
+      }
+    });
+    const b = n(() => k.value ? e.lockedFooter : void 0), _ = V("root"), w = e.anchor ?? (T(e.header ?? "") || `group-${A()}`);
+    return e.section && W(w, () => e.header ?? "", _), (r, u) => I.value ? (d(), p("section", {
+      key: 0,
+      ref_key: "root",
+      ref: _,
+      id: e.section ? h(w) : void 0,
+      "data-test": "form-group",
+      class: G(["form-group flex min-w-0 flex-col has-[>.form-group-cell:empty]:hidden", { "scroll-mt-4": e.section }]),
+      style: M({ "--form-label-width": e.labelWidth })
+    }, [
+      !K.value && (e.header || t.header || t["header-trailing"] || g.value) ? (d(), p("header", U, [
+        S("h3", X, [
+          f(r.$slots, "header", {}, () => [
+            v(m(e.header), 1)
+          ])
+        ]),
+        f(r.$slots, "header-trailing", {}, () => [
+          g.value ? (d(), L(H, {
+            key: 0,
+            label: e.group ? h(l)?.editLabel?.(e.group) : void 0,
+            onClick: u[0] || (u[0] = (x) => g.value())
+          }, null, 8, ["label"])) : i("", !0)
+        ])
+      ])) : i("", !0),
+      S("div", Y, [
+        f(r.$slots, "default")
+      ]),
+      e.footer || t.footer ? (d(), p("p", Z, [
+        f(r.$slots, "footer", {}, () => [
+          v(m(e.footer), 1)
+        ])
+      ])) : i("", !0),
+      b.value ? (d(), p("p", {
+        key: 2,
+        "data-test": "form-group-locked-footer",
+        class: G(["px-row-inset text-footnote text-content-muted text-pretty", e.footer || t.footer ? "pt-1" : "pt-2"])
+      }, m(b.value), 3)) : i("", !0)
+    ], 14, Q)) : i("", !0);
+  }
+});
+export {
+  ae as _,
+  H as a,
+  P as c,
+  le as p,
+  F as r,
+  J as u
+};

package/dist/FormView.vue_vue_type_script_setup_true_lang-cr0xNDXP.js

@@ -0,0 +1,38 @@
+import { defineComponent as n, provide as f, computed as s, useTemplateRef as u, openBlock as t, createElementBlock as p, withModifiers as c, createBlock as d, createCommentVNode as b, renderSlot as _ } from "vue";
+import { d as v } from "./control-7EP4tjYy.js";
+import { _ as k } from "./FormErrors.vue_vue_type_script_setup_true_lang-BQb7wLT0.js";
+const x = /* @__PURE__ */ n({
+  __name: "FormView",
+  props: {
+    form: { default: void 0 },
+    editable: { type: Boolean, default: !0 },
+    fieldLabel: { type: Function, default: void 0 }
+  },
+  emits: ["submit"],
+  setup(r, { emit: i }) {
+    const e = r, l = i;
+    f(v, s(() => e.editable));
+    const o = u("root");
+    function m() {
+      e.form?.submitting.value || !e.editable || l("submit");
+    }
+    return (a, y) => (t(), p("form", {
+      ref_key: "root",
+      ref: o,
+      class: "flex min-w-0 flex-col gap-group-gap",
+      novalidate: "",
+      onSubmit: c(m, ["prevent"])
+    }, [
+      e.form ? (t(), d(k, {
+        key: 0,
+        form: e.form,
+        label: e.fieldLabel,
+        scope: o.value
+      }, null, 8, ["form", "label", "scope"])) : b("", !0),
+      _(a.$slots, "default")
+    ], 544));
+  }
+});
+export {
+  x as _
+};

package/dist/General-CTqd0SLK.js

@@ -0,0 +1,145 @@
+import { defineComponent as R, computed as N, openBlock as i, createElementBlock as k, createVNode as o, unref as e, withCtx as u, mergeProps as c, createBlock as b, createCommentVNode as d, createElementVNode as p, toDisplayString as v, createTextVNode as S } from "vue";
+import { useI18n as V } from "vue-i18n";
+import { RouterLink as B } from "vue-router";
+import { u as E } from "./format-B8mJm946.js";
+import { u as T } from "./useResourceForm-D1hIpwW5.js";
+import { _ as h } from "./FormGroup.vue_vue_type_script_setup_true_lang-DG2zdG_a.js";
+import { _ as F } from "./FormView.vue_vue_type_script_setup_true_lang-cr0xNDXP.js";
+import { _ as L } from "./SelectField.vue_vue_type_script_setup_true_lang-7O1BAx04.js";
+import { _ as f } from "./TextField.vue_vue_type_script_setup_true_lang-B9dwVASU.js";
+import { u as A } from "./useSaveChrome-chi6D3HY.js";
+import { P as D, b as G, i as I } from "./index-CGv-u1Ws.js";
+import { t as M } from "./toast-D9Z5To38.js";
+import { u as O } from "./platform-q3cjODLx.js";
+import { b as U } from "./routeResource-DstM0hvf.js";
+import { u as j } from "./fieldMessages-C3Rpbktw.js";
+import { _ as $ } from "./ActionRow.vue_vue_type_script_setup_true_lang-LlfIPWsJ.js";
+import { _ as z } from "./SectionIntro.vue_vue_type_script_setup_true_lang-CZtPrmXD.js";
+import { u as H } from "./languages-BShG9LpE.js";
+const J = {
+  class: "flex min-w-0 max-w-200 flex-col gap-group-gap",
+  "data-person-general": ""
+}, K = {
+  key: 1,
+  class: "flex flex-wrap items-center gap-x-1.5 px-row-inset text-footnote text-content-muted",
+  "data-person-audit": ""
+}, fe = /* @__PURE__ */ R({
+  __name: "General",
+  setup(Q) {
+    const { t: a } = V(), { http: q } = O(), w = E(), _ = U(D), n = G(), C = H(), x = (t) => t === null || t.trim() === "", P = {
+      safeParse(t) {
+        const s = t, m = ["login", "name", "email", "locale"].filter((g) => x(s[g])).map((g) => ({ path: [g], message: a("core.account.validation.required") }));
+        return m.length > 0 ? { success: !1, error: { issues: m } } : { success: !0, data: { ...s, locale: s.locale ?? "", phone: x(s.phone) ? void 0 : s.phone } };
+      }
+    }, r = T({
+      ...j(),
+      source: _,
+      defaults: () => ({ login: "", name: "", email: "", phone: "", locale: null }),
+      validator: P,
+      toValues: (t) => ({ login: t.login, name: t.name, email: t.email, phone: t.phone, locale: t.locale }),
+      save: async (t, s) => (await q.request(I.usersUpdate, { id: s.id, ...t })).data
+    });
+    async function y() {
+      const t = await r.save();
+      (t.status === "saved" || t.status === "saved-refresh-failed") && M.success(a("core.users.general.saved"));
+    }
+    A({ form: r, allowed: () => n.can.manage, ready: () => _.data.value !== null, save: y, cancel: () => r.reset() });
+    const l = N(() => _.data.value);
+    return (t, s) => (i(), k("div", J, [
+      o(z, {
+        title: e(a)("core.users.sections.general"),
+        description: e(a)("core.users.intro.general")
+      }, null, 8, ["title", "description"]),
+      o(e(F), {
+        form: e(r),
+        editable: e(n).can.manage,
+        onSubmit: y
+      }, {
+        default: u(() => [
+          o(e(h), {
+            header: e(a)("core.users.groups.person"),
+            footer: e(a)("core.users.groups.person_footer"),
+            "label-width": "14rem"
+          }, {
+            default: u(() => [
+              o(e(f), c(e(r).bind("name"), {
+                label: e(a)("core.users.fields.name"),
+                required: ""
+              }), null, 16, ["label"]),
+              o(e(f), c(e(r).bind("login"), {
+                label: e(a)("core.users.fields.login"),
+                required: "",
+                mono: ""
+              }), null, 16, ["label"]),
+              o(e(L), c(e(r).bind("locale"), {
+                label: e(a)("core.users.fields.locale"),
+                options: e(C),
+                required: ""
+              }), null, 16, ["label", "options"])
+            ]),
+            _: 1
+          }, 8, ["header", "footer"]),
+          o(e(h), {
+            header: e(a)("core.users.groups.contact"),
+            "label-width": "14rem"
+          }, {
+            default: u(() => [
+              o(e(f), c(e(r).bind("email"), {
+                label: e(a)("core.users.fields.email"),
+                type: "email",
+                required: ""
+              }), null, 16, ["label"]),
+              o(e(f), c(e(r).bind("phone"), {
+                label: e(a)("core.users.fields.phone"),
+                type: "tel"
+              }), null, 16, ["label"])
+            ]),
+            _: 1
+          }, 8, ["header"])
+        ]),
+        _: 1
+      }, 8, ["form", "editable"]),
+      e(n).can.deactivate || e(n).can.activate ? (i(), b(e(h), {
+        key: 0,
+        "data-person-actions": ""
+      }, {
+        default: u(() => [
+          e(n).can.deactivate ? (i(), b($, {
+            key: 0,
+            label: e(a)("core.users.actions.deactivate"),
+            sub: e(a)("core.users.deactivate.row_sub"),
+            tone: "critical",
+            "data-deactivate-row": "",
+            onClick: s[0] || (s[0] = (m) => e(n).deactivate())
+          }, null, 8, ["label", "sub"])) : d("", !0),
+          e(n).can.activate ? (i(), b($, {
+            key: 1,
+            label: e(a)("core.users.actions.activate"),
+            sub: e(a)("core.users.activate.row_sub"),
+            "data-activate-row": "",
+            onClick: s[1] || (s[1] = (m) => e(n).activate())
+          }, null, 8, ["label", "sub"])) : d("", !0)
+        ]),
+        _: 1
+      })) : d("", !0),
+      l.value ? (i(), k("p", K, [
+        p("span", null, v(e(a)("core.users.general.created", { when: e(w).dateTime(l.value.created_at) })), 1),
+        s[2] || (s[2] = p("span", { "aria-hidden": "true" }, "·", -1)),
+        p("span", null, v(l.value.last_sign_in ? e(a)("core.users.general.last_sign_in", { when: e(w).dateTime(l.value.last_sign_in) }) : e(a)("core.users.general.never_signed_in")), 1),
+        s[3] || (s[3] = p("span", { "aria-hidden": "true" }, "·", -1)),
+        o(e(B), {
+          to: { name: "users.record.changes", params: { id: l.value.id }, query: t.$route.query },
+          class: "text-content-link"
+        }, {
+          default: u(() => [
+            S(v(e(a)("core.users.general.all_changes")), 1)
+          ]),
+          _: 1
+        }, 8, ["to"])
+      ])) : d("", !0)
+    ]));
+  }
+});
+export {
+  fe as default
+};

package/dist/HeaderAction.vue_vue_type_script_setup_true_lang-Cgji-Jrr.js

@@ -0,0 +1,45 @@
+import { defineComponent as c, inject as d, computed as u, openBlock as a, createBlock as m, resolveDynamicComponent as f, unref as o, mergeProps as b, withCtx as g, createVNode as h, createElementBlock as n, normalizeClass as v, toDisplayString as x, createCommentVNode as k } from "vue";
+import { RouterLink as p } from "vue-router";
+import { _ as y } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
+import { h as z } from "./AccountMenuItem.vue_vue_type_script_setup_true_lang-CPeNxh5K.js";
+const C = {
+  key: 1,
+  "aria-hidden": "true",
+  "data-header-action-badge": "",
+  class: "absolute -top-0.5 -right-0.5 min-w-4 rounded-full bg-status-danger-solid px-1 text-center text-3xs leading-4 font-semibold text-white"
+}, S = /* @__PURE__ */ c({
+  __name: "HeaderAction",
+  props: {
+    label: {},
+    icon: {},
+    to: {},
+    badge: {}
+  },
+  emits: ["click"],
+  setup(e, { emit: r }) {
+    const l = r, s = d(z, "bar"), t = u(() => s === "rail");
+    return (w, i) => (a(), m(f(e.to ? o(p) : "button"), b(e.to ? { to: e.to } : { type: "button" }, {
+      "aria-label": e.label,
+      "data-header-action": "",
+      class: ["hit-target relative flex shrink-0 cursor-pointer items-center justify-center rounded-full transition-colors duration-motion-fast focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-border-focus", t.value ? "size-9 text-gray-300 hover:bg-white/10 hover:text-white" : "size-8 text-content-link active:bg-tint-soft"],
+      onClick: i[0] || (i[0] = (B) => l("click"))
+    }), {
+      default: g(() => [
+        h(o(y), {
+          name: e.icon,
+          size: t.value ? 20 : 18
+        }, null, 8, ["name", "size"]),
+        e.badge === "dot" ? (a(), n("span", {
+          key: 0,
+          "aria-hidden": "true",
+          "data-header-action-badge": "",
+          class: v(["absolute top-1 right-1 size-2.5 rounded-full bg-status-danger-solid ring-2", t.value ? "ring-anchor-900" : "ring-surface-page"])
+        }, null, 2)) : e.badge !== void 0 ? (a(), n("span", C, x(e.badge), 1)) : k("", !0)
+      ]),
+      _: 1
+    }, 16, ["aria-label", "class"]));
+  }
+});
+export {
+  S as _
+};