@wssto2/vue-core 0.2.0 → 0.4.0

package/dist/TextareaField.vue_vue_type_script_setup_true_lang-CqAWfABZ.js

@@ -0,0 +1,68 @@
+import { defineComponent as k, useModel as _, useTemplateRef as B, computed as l, openBlock as d, createBlock as q, mergeProps as C, unref as i, withCtx as V, createElementVNode as u, normalizeClass as c, withDirectives as L, vModelText as M, createElementBlock as D, toDisplayString as z, createCommentVNode as E, mergeModels as F, mergeDefaults as P } from "vue";
+import { u as R } from "./mediaQuery-CygcXmFW.js";
+import { a as T, u as $, c as N, _ as S, f as j, b as G } from "./control-7EP4tjYy.js";
+const U = ["id", "name", "rows", "placeholder", "maxlength", "autocomplete", "disabled", "required", "aria-required", "aria-invalid", "aria-describedby"], A = {
+  key: 0,
+  class: "mt-1 self-end text-footnote tabular-nums text-content-muted"
+}, O = /* @__PURE__ */ k({
+  __name: "TextareaField",
+  props: /* @__PURE__ */ F(/* @__PURE__ */ P({
+    label: {},
+    hint: {},
+    error: {},
+    required: { type: Boolean },
+    editable: { type: Boolean },
+    disabled: { type: Boolean },
+    lockedReason: {},
+    presentation: {},
+    name: {},
+    placeholder: {},
+    maxLength: {},
+    rows: {},
+    autocomplete: {},
+    stacked: { type: Boolean }
+  }, { ...G, placeholder: void 0, maxLength: void 0, rows: 3, autocomplete: void 0, stacked: !1 }), {
+    modelValue: { default: "" },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(r, { expose: m }) {
+    const e = r, a = _(r, "modelValue"), s = B("area"), p = !!T(), f = R(), { editable: v } = $(e), t = l(() => p && !e.stacked && !f.value && v.value && !!e.label), o = l(() => e.maxLength ? `${a.value.length} / ${e.maxLength}` : void 0), b = l(() => t.value && o.value ? [e.hint, o.value].filter(Boolean).join(" · ") : e.hint), h = N("area", () => e.error ? "error" : e.disabled ? "locked" : "rest");
+    return m({ focus: () => s.value?.focus() }), (H, n) => (d(), q(S, C({ ...i(j)(e), hint: b.value }, {
+      value: a.value,
+      "row-layout": t.value ? "entry" : "stacked",
+      "row-label-align": "top"
+    }), {
+      default: V(({ id: x, describedby: g, invalid: y }) => [
+        u("div", {
+          class: c(["w-full", i(h)])
+        }, [
+          L(u("textarea", {
+            id: x,
+            ref_key: "area",
+            ref: s,
+            "onUpdate:modelValue": n[0] || (n[0] = (w) => a.value = w),
+            name: e.name,
+            rows: e.rows,
+            placeholder: e.placeholder,
+            maxlength: e.maxLength,
+            autocomplete: e.autocomplete,
+            disabled: e.disabled,
+            required: e.required,
+            "aria-required": e.required || void 0,
+            "aria-invalid": y || void 0,
+            "aria-describedby": g,
+            class: c(["block w-full border-0 bg-transparent px-0 py-1 text-body text-content-strong placeholder:text-content-disabled focus:outline-none focus:ring-0 disabled:cursor-not-allowed", e.disabled ? "resize-none" : "resize-y"])
+          }, null, 10, U), [
+            [M, a.value]
+          ])
+        ], 2),
+        !t.value && o.value ? (d(), D("p", A, z(o.value), 1)) : E("", !0)
+      ]),
+      _: 1
+    }, 16, ["value", "row-layout"]));
+  }
+});
+export {
+  O as _
+};

package/dist/TimeField.vue_vue_type_script_setup_true_lang-DWfAUlnz.js

@@ -0,0 +1,164 @@
+import { computed as u, defineComponent as K, useModel as W, useTemplateRef as v, openBlock as m, createBlock as E, mergeProps as w, unref as t, withCtx as b, createElementBlock as x, Fragment as N, createVNode as d, createTextVNode as j, toDisplayString as G, createCommentVNode as P, createElementVNode as h, normalizeClass as H, mergeModels as J, mergeDefaults as O, nextTick as U } from "vue";
+import { useI18n as L } from "vue-i18n";
+import { _ as X } from "./DateButton.vue_vue_type_script_setup_true_lang-EcqrfWKz.js";
+import { u as Y } from "./format-B8mJm946.js";
+import { _ as Z } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
+import { u as ee } from "./mediaQuery-CygcXmFW.js";
+import { _ as te } from "./Popover.vue_vue_type_script_setup_true_lang-Dx-tDhNE.js";
+import { c as oe, _ as re, f as ae, b as le } from "./control-7EP4tjYy.js";
+import { d as se, r as ie, t as z, p as ne, u as ue, a as me, i as F, _ as de, b as ce, c as pe } from "./useTypedEntry-aTfPBAhw.js";
+function fe(i) {
+  const { t: n } = L(), e = u(() => [n("core.form.time.words.now").toLowerCase(), "now"]);
+  return {
+    placeholder: u(() => n("core.form.time.placeholder")),
+    parse(o) {
+      if (e.value.includes(o.trim().toLowerCase())) return { value: z(i()) };
+      const a = ne(o, i());
+      return "time" in a ? { value: a.time } : { error: a.error === "step" ? n("core.form.time.step", { step: i() }) : n("core.form.time.invalid") };
+    },
+    shortcuts: (o) => (o ?? se).map((a) => ie(a, n("core.form.time.now"), z(i())))
+  };
+}
+const ve = ["id", "name", "value", "placeholder", "disabled", "required", "aria-required", "aria-invalid", "aria-describedby"], be = ["aria-label", "onClick"], Ce = /* @__PURE__ */ K({
+  __name: "TimeField",
+  props: /* @__PURE__ */ J(/* @__PURE__ */ O({
+    label: {},
+    hint: {},
+    error: {},
+    required: { type: Boolean },
+    editable: { type: Boolean },
+    disabled: { type: Boolean },
+    lockedReason: {},
+    presentation: {},
+    name: {},
+    minuteStep: {},
+    quickTimes: {}
+  }, { ...le, minuteStep: 1, quickTimes: void 0 }), {
+    modelValue: { default: null },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(i, { expose: n }) {
+    const e = i, o = W(i, "modelValue"), { t: a } = L(), M = Y(), I = ee(), T = v("input"), c = v("popover"), g = v("panel"), q = v("sheet"), k = fe(() => e.minuteStep), l = ue({ model: o, display: (r) => r, parse: k.parse }), C = u(() => k.shortcuts(e.quickTimes)), V = u(() => e.error || l.message.value), Q = oe("date", () => V.value ? "error" : e.disabled ? "locked" : "rest"), R = u(() => {
+      const r = me(o.value);
+      return r ? M.time(new Date(2e3, 0, 1, r.hour, r.minute)) : null;
+    }), $ = u(() => F(l.typed.value) ? l.typed.value : F(o.value) ? o.value : null);
+    async function y(r) {
+      e.disabled || (c.value?.present(), r && (await U(), await U(), g.value?.querySelector("[role=listbox]")?.focus()));
+    }
+    function A(r) {
+      r.key === "Enter" ? (l.commit(), c.value?.dismiss()) : r.key === "ArrowDown" && (r.preventDefault(), y(!0));
+    }
+    return n({ focus: () => T.value?.focus() }), (r, s) => (m(), E(re, w({ ...t(ae)(e), error: V.value }, {
+      value: R.value,
+      "value-style": "numeric"
+    }), {
+      default: b(({ id: S, describedby: B, invalid: D }) => [
+        t(I) ? (m(), x(N, { key: 0 }, [
+          d(X, w({ id: S, "aria-describedby": B }, {
+            disabled: e.disabled,
+            invalid: D,
+            placeholder: t(a)("core.form.select.choose"),
+            onClick: s[0] || (s[0] = (p) => q.value?.present())
+          }), {
+            default: b(() => [
+              o.value ? (m(), x(N, { key: 0 }, [
+                j(G(o.value), 1)
+              ], 64)) : P("", !0)
+            ]),
+            _: 1
+          }, 16, ["disabled", "invalid", "placeholder"]),
+          d(de, {
+            ref_key: "sheet",
+            ref: q,
+            title: e.label ?? t(a)("core.form.time.label"),
+            mode: "time",
+            "model-value": o.value,
+            shortcuts: C.value,
+            step: e.minuteStep,
+            clearable: !e.required,
+            "onUpdate:modelValue": t(l).set
+          }, null, 8, ["title", "model-value", "shortcuts", "step", "clearable", "onUpdate:modelValue"])
+        ], 64)) : (m(), E(te, {
+          key: 1,
+          ref_key: "popover",
+          ref: c,
+          label: e.label ?? t(a)("core.form.time.label"),
+          width: "sm",
+          placement: "bottom-start",
+          arrow: !1,
+          autofocus: !1
+        }, {
+          trigger: b(({ attrs: p, presented: _ }) => [
+            h("div", {
+              class: H(["inline-flex max-w-full items-center gap-2", t(Q)])
+            }, [
+              h("input", w({
+                id: S,
+                ref_key: "input",
+                ref: T
+              }, p, {
+                type: "text",
+                role: "combobox",
+                autocomplete: "off",
+                size: "10",
+                name: e.name,
+                value: t(l).text.value,
+                placeholder: t(k).placeholder.value,
+                disabled: e.disabled,
+                required: e.required,
+                "aria-required": e.required || void 0,
+                "aria-invalid": D || void 0,
+                "aria-describedby": B,
+                class: "block min-h-7 min-w-0 border-0 bg-transparent py-1 pl-2.5 text-body tabular-nums text-content-strong placeholder:text-content-disabled focus:outline-none focus:ring-0 disabled:cursor-not-allowed",
+                onInput: s[1] || (s[1] = (f) => t(l).input(f.target.value)),
+                onBlur: s[2] || (s[2] = (f) => t(l).commit()),
+                onKeydown: A,
+                onClick: s[3] || (s[3] = (f) => y(!1))
+              }), null, 16, ve),
+              e.disabled ? P("", !0) : (m(), x("button", {
+                key: 0,
+                type: "button",
+                tabindex: "-1",
+                "aria-label": t(a)("core.form.time.open"),
+                class: "mr-2 flex shrink-0 cursor-pointer items-center text-content-link",
+                onClick: (f) => _ ? c.value?.dismiss() : y(!0)
+              }, [
+                d(t(Z), {
+                  name: "timeLine",
+                  size: 18
+                })
+              ], 8, be))
+            ], 2)
+          ]),
+          default: b(({ dismiss: p }) => [
+            h("div", {
+              ref_key: "panel",
+              ref: g,
+              class: "flex flex-col gap-2.5"
+            }, [
+              d(ce, {
+                "model-value": $.value,
+                step: e.minuteStep,
+                "onUpdate:modelValue": t(l).set
+              }, null, 8, ["model-value", "step", "onUpdate:modelValue"]),
+              d(pe, {
+                items: C.value,
+                selected: $.value,
+                onPick: (_) => {
+                  t(l).set(_), p();
+                }
+              }, null, 8, ["items", "selected", "onPick"])
+            ], 512)
+          ]),
+          _: 2
+        }, 1032, ["label"]))
+      ]),
+      _: 1
+    }, 16, ["value"]));
+  }
+});
+export {
+  Ce as _,
+  fe as u
+};

package/dist/{Timestamp.vue_vue_type_script_setup_true_lang-CSY_mMm1.js → Timestamp.vue_vue_type_script_setup_true_lang-FVRUr-9y.js}

@@ -1,7 +1,7 @@
 import { defineComponent as p, computed as a, openBlock as n, createElementBlock as s, createVNode as v, unref as r, createTextVNode as _, toDisplayString as c } from "vue";
 import { useI18n as f } from "vue-i18n";
 import { u as x, t as y } from "./format-B8mJm946.js";
-import { _ as T } from "./Icon.vue_vue_type_script_lang-DtC4_mkz.js";
+import { _ as T } from "./Icon.vue_vue_type_script_lang-D7oC-d-S.js";
 const g = ["datetime"], k = {
   key: 1,
   class: "text-xs text-content-muted"

package/dist/UserRecord-DqigxVxH.js

@@ -0,0 +1,267 @@
+import { defineComponent as R, openBlock as q, createBlock as P, unref as e, withCtx as u, createVNode as t, mergeProps as L, provide as N, computed as g, useTemplateRef as $, createElementVNode as x, toDisplayString as C, createTextVNode as j } from "vue";
+import { useI18n as A } from "vue-i18n";
+import { u as F } from "./neighbors-DpaIMQAL.js";
+import { _ as H } from "./Avatar.vue_vue_type_script_setup_true_lang-CFIheaSr.js";
+import { u as J } from "./describeError-Ctga6GcS.js";
+import { i as w, P as Q, p as W, f as X, M as Y, g as Z, d as ee } from "./index-CGv-u1Ws.js";
+import { _ as se } from "./AlertDialog.vue_vue_type_script_setup_true_lang-whA4WLdl.js";
+import { t as k } from "./toast-D9Z5To38.js";
+import { _ as ae } from "./SectionNavigator.vue_vue_type_script_setup_true_lang-DSMXEaCs.js";
+import { u as E } from "./platform-q3cjODLx.js";
+import { a as te } from "./routeResource-DstM0hvf.js";
+import { a as oe } from "./ResourcePage.vue_vue_type_script_setup_true_lang-CwI_sROp.js";
+import { A as re } from "./access-DdRFrVV1.js";
+import { _ as ne } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
+import { u as ie } from "./useLoad-CYRVx6HW.js";
+import { _ as V } from "./IconTile.vue_vue_type_script_setup_true_lang-BpIjgu5E.js";
+import { _ as T } from "./FormGroup.vue_vue_type_script_setup_true_lang-DG2zdG_a.js";
+import { e as B } from "./control-7EP4tjYy.js";
+import { u as z, _ as K } from "./useCommand-BkONMn3X.js";
+import { u as U } from "./fieldMessages-C3Rpbktw.js";
+import { u as ce, s as le } from "./status-BuP3ULjH.js";
+import { _ as M } from "./TextField.vue_vue_type_script_setup_true_lang-B9dwVASU.js";
+const ue = /* @__PURE__ */ R({
+  __name: "DeactivateDialog",
+  props: {
+    id: {},
+    name: {},
+    sessionCount: {}
+  },
+  emits: ["done"],
+  setup(h, { expose: a, emit: d }) {
+    const c = h, v = d, { t: s } = A(), { http: n } = E(), l = z({
+      ...U(),
+      defaults: () => ({}),
+      run: () => n.request(w.usersDeactivate, { id: c.id }),
+      done: () => {
+        k.success(s("core.users.deactivate.done", { name: c.name })), v("done");
+      }
+    });
+    return a({ open: () => l.present() }), (f, o) => (q(), P(e(K), {
+      command: e(l),
+      title: e(s)("core.users.deactivate.title"),
+      subtitle: c.name,
+      "confirm-label": e(s)("core.users.actions.deactivate_short"),
+      "busy-label": e(s)("core.users.deactivate.busy"),
+      "done-label": e(s)("core.users.deactivate.done_label"),
+      size: "md"
+    }, {
+      default: u(() => [
+        t(e(T), { "data-deactivate-dialog": "" }, {
+          default: u(() => [
+            t(e(B), {
+              layout: "setting",
+              label: e(s)("core.users.deactivate.signs_out", { n: c.sessionCount ?? 0 }),
+              sub: e(s)("core.users.deactivate.signs_out_sub")
+            }, {
+              leading: u(() => [
+                t(e(V), {
+                  tone: "anchor",
+                  icon: "logoutBoxRLine"
+                })
+              ]),
+              _: 1
+            }, 8, ["label", "sub"]),
+            t(e(B), {
+              layout: "setting",
+              label: e(s)("core.users.deactivate.cannot_sign_in"),
+              sub: e(s)("core.users.deactivate.cannot_sign_in_sub")
+            }, {
+              leading: u(() => [
+                t(e(V), {
+                  tone: "anchor",
+                  icon: "lockLine"
+                })
+              ]),
+              _: 1
+            }, 8, ["label", "sub"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["command", "title", "subtitle", "confirm-label", "busy-label", "done-label"]));
+  }
+}), de = /* @__PURE__ */ R({
+  __name: "SetPasswordDialog",
+  props: {
+    id: {},
+    name: {}
+  },
+  emits: ["saved"],
+  setup(h, { expose: a, emit: d }) {
+    const c = h, v = d, { t: s } = A(), { http: n } = E(), l = {
+      safeParse(o) {
+        const { password: m, repeat: _ } = o, b = [
+          ...m === "" ? [{ path: ["password"], message: s("core.account.validation.required") }] : [],
+          ...m !== "" && _ !== m ? [{ path: ["repeat"], message: s(_ === "" ? "core.account.validation.required" : "core.account.validation.mismatch") }] : []
+        ];
+        return b.length > 0 ? { success: !1, error: { issues: b } } : { success: !0, data: { password: m } };
+      }
+    }, f = z({
+      ...U(),
+      defaults: () => ({ password: "", repeat: "" }),
+      validator: l,
+      run: (o) => n.request(w.usersSetPassword, { id: c.id, password: o.password }),
+      done: () => {
+        k.success(s("core.users.password.done", { name: c.name })), v("saved");
+      }
+    });
+    return a({ open: () => f.present() }), (o, m) => (q(), P(e(K), {
+      command: e(f),
+      title: e(s)("core.users.password.title"),
+      subtitle: c.name,
+      "confirm-label": e(s)("core.users.password.action")
+    }, {
+      default: u(() => [
+        t(e(T), {
+          footer: e(s)("core.users.password.footer"),
+          "data-set-password-dialog": ""
+        }, {
+          default: u(() => [
+            t(e(M), L(e(f).form.bind("password"), {
+              label: e(s)("core.users.fields.password"),
+              type: "password",
+              required: "",
+              autocomplete: "new-password"
+            }), null, 16, ["label"]),
+            t(e(M), L(e(f).form.bind("repeat"), {
+              label: e(s)("core.users.fields.password_repeat"),
+              type: "password",
+              required: "",
+              autocomplete: "new-password"
+            }), null, 16, ["label"])
+          ]),
+          _: 1
+        }, 8, ["footer"])
+      ]),
+      _: 1
+    }, 8, ["command", "title", "subtitle", "confirm-label"]));
+  }
+}), me = {
+  class: "flex items-center gap-3 px-1.5",
+  "data-person-identity": ""
+}, pe = { class: "flex min-w-0 flex-col items-start gap-0.5" }, fe = { class: "max-w-full truncate text-headline font-semibold text-content-strong" }, ve = { class: "max-w-full truncate text-footnote text-content-muted" }, Te = /* @__PURE__ */ R({
+  __name: "UserRecord",
+  setup(h) {
+    const { t: a } = A(), { http: d, access: c, session: v } = E(), s = J(), n = te({
+      key: Q,
+      param: "id",
+      load: async (r, { signal: p }) => (await d.request(w.usersShow, { id: r }, { signal: p })).data
+    }), l = ie(
+      async ({ signal: r }) => {
+        const p = n.data.value?.id;
+        return p === void 0 ? { sessions: [] } : (await d.request(w.usersSessions, { id: p }, { signal: r })).data;
+      },
+      { watch: () => n.data.value?.id }
+    );
+    N(W, l);
+    const f = F(ce(d), { current: () => n.id.value, list: X.index, param: "id", backLabel: () => a("core.users.title") }), o = g(() => n.data.value), m = g(() => o.value !== null && v.state.value.status === "authenticated" && v.state.value.user.id === o.value.id), _ = $("deactivateDialog"), b = $("passwordDialog"), D = $("activateDialog");
+    async function y() {
+      await Promise.all([n.reload(), l.reload()]);
+    }
+    async function G() {
+      const r = n.id.value;
+      if (r !== null) {
+        try {
+          await d.request(w.usersActivate, { id: r }), k.success(a("core.users.activate.done", { name: o.value?.name ?? "" }));
+        } catch (p) {
+          ee(p) || k.error(s(p, { fallback: a("core.users.activate.failed") }));
+        }
+        await y();
+      }
+    }
+    const S = g(() => {
+      const r = c.can(Y);
+      return { manage: r, deactivate: r && !!o.value?.active && !m.value, activate: r && o.value !== null && !o.value.active, endSessions: r && !m.value };
+    });
+    N(Z, {
+      get can() {
+        return S.value;
+      },
+      deactivate: () => _.value?.open(),
+      activate: () => D.value?.present(),
+      setPassword: () => b.value?.open(),
+      refresh: y
+    });
+    const I = g(() => [
+      ...S.value.deactivate ? [{ id: "deactivate", label: a("core.users.actions.deactivate"), icon: "lockLine", placement: "overflow", tone: "critical", onClick: () => _.value?.open() }] : [],
+      ...S.value.activate ? [{ id: "activate", label: a("core.users.actions.activate"), icon: "checkCircle", placement: "overflow", onClick: () => D.value?.present() }] : []
+    ]), O = g(() => ({
+      ...l.data.value ? { "users.record.sessions": l.data.value.sessions.length } : {},
+      ...o.value?.status === "locked" ? { "users.record.signin": a("core.users.status.locked") } : {}
+    }));
+    return (r, p) => (q(), P(e(oe), {
+      resource: e(n),
+      title: o.value?.name ?? e(a)("core.users.record"),
+      list: e(f).context,
+      actions: I.value
+    }, {
+      default: u(({ record: i }) => [
+        t(e(ae), {
+          label: e(a)("core.users.sections_label"),
+          desktop: "sidebar",
+          compact: "rows",
+          "back-label": i.name,
+          counts: O.value
+        }, {
+          summary: u(() => [
+            x("div", me, [
+              t(e(H), {
+                name: i.name,
+                size: "lg",
+                tone: "anchor"
+              }, null, 8, ["name"]),
+              x("div", pe, [
+                x("span", fe, C(i.name), 1),
+                x("span", ve, C(i.email), 1),
+                t(e(ne), {
+                  tone: e(le)(i.status),
+                  dot: "",
+                  "data-person-status": ""
+                }, {
+                  default: u(() => [
+                    j(C(e(a)(`core.users.status.${i.status}`)), 1)
+                  ]),
+                  _: 2
+                }, 1032, ["tone"])
+              ])
+            ])
+          ]),
+          default: u(() => [
+            t(e(re))
+          ]),
+          _: 2
+        }, 1032, ["label", "back-label", "counts"]),
+        t(ue, {
+          ref_key: "deactivateDialog",
+          ref: _,
+          id: i.id,
+          name: i.name,
+          "session-count": e(l).data.value?.sessions.length ?? null,
+          onDone: y
+        }, null, 8, ["id", "name", "session-count"]),
+        t(de, {
+          ref_key: "passwordDialog",
+          ref: b,
+          id: i.id,
+          name: i.name,
+          onSaved: y
+        }, null, 8, ["id", "name"]),
+        t(e(se), {
+          ref_key: "activateDialog",
+          ref: D,
+          icon: "checkCircle",
+          title: e(a)("core.users.activate.title"),
+          message: e(a)("core.users.activate.body", { name: i.name }),
+          "confirm-label": e(a)("core.users.actions.activate"),
+          action: G
+        }, null, 8, ["title", "message", "confirm-label"])
+      ]),
+      _: 1
+    }, 8, ["resource", "title", "list", "actions"]));
+  }
+});
+export {
+  Te as default
+};

package/dist/UsersList-DNlZsI9J.js

@@ -0,0 +1,155 @@
+import { defineComponent as U, openBlock as p, createBlock as C, unref as e, withCtx as c, createVNode as r, mergeProps as i, useTemplateRef as V, computed as q, createTextVNode as z, toDisplayString as $, createCommentVNode as A, createElementBlock as S, normalizeClass as N } from "vue";
+import { useI18n as B } from "vue-i18n";
+import { useRouter as M } from "vue-router";
+import { u as P, _ as D } from "./CollectionPage.vue_vue_type_script_setup_true_lang-DCBVw2Qd.js";
+import { _ as I } from "./Avatar.vue_vue_type_script_setup_true_lang-CFIheaSr.js";
+import { u as F } from "./format-B8mJm946.js";
+import { u as L } from "./platform-q3cjODLx.js";
+import { _ as G } from "./Badge.vue_vue_type_script_setup_true_lang-DJyZc0C7.js";
+import { i as K, f as E, M as W } from "./index-CGv-u1Ws.js";
+import { U as j, u as H, s as J } from "./status-BuP3ULjH.js";
+import { u as O } from "./environment-Dva-SG8D.js";
+import { u as Q } from "./languages-BShG9LpE.js";
+import { _ as X } from "./FormGroup.vue_vue_type_script_setup_true_lang-DG2zdG_a.js";
+import { _ as Y } from "./SelectField.vue_vue_type_script_setup_true_lang-7O1BAx04.js";
+import { _ as d } from "./TextField.vue_vue_type_script_setup_true_lang-B9dwVASU.js";
+import { u as Z, _ as ee } from "./useCommand-BkONMn3X.js";
+import { t as se } from "./toast-D9Z5To38.js";
+import { u as te } from "./fieldMessages-C3Rpbktw.js";
+const oe = /* @__PURE__ */ U({
+  __name: "NewUserDialog",
+  emits: ["created"],
+  setup(T, { expose: o, emit: b }) {
+    const { t } = B(), { http: g } = L(), h = O(), f = te(), w = Q(), y = () => ({ login: "", name: "", email: "", phone: "", locale: h.locale.value, password: "", repeat: "" }), m = (s) => s.trim() === "", k = {
+      safeParse(s) {
+        const { repeat: n, locale: R, ...u } = s, v = t("core.account.validation.required"), _ = ["login", "name", "email", "password"].filter((x) => m(u[x])).map((x) => ({ path: [x], message: v }));
+        return R === null && _.push({ path: ["locale"], message: v }), !m(u.password) && n !== u.password && _.push({ path: ["repeat"], message: m(n) ? v : t("core.account.validation.mismatch") }), _.length > 0 ? { success: !1, error: { issues: _ } } : { success: !0, data: { ...u, locale: R ?? "", phone: m(u.phone) ? void 0 : u.phone } };
+      }
+    }, l = b, a = Z({
+      ...f,
+      defaults: y,
+      validator: k,
+      run: async (s) => (await g.request(K.usersCreate, s)).data,
+      done: (s) => {
+        se.success(t("core.users.create.done", { name: s.name })), l("created", s);
+      }
+    });
+    return o({ create: () => a.present() }), (s, n) => (p(), C(e(ee), {
+      command: e(a),
+      title: e(t)("core.users.create.title"),
+      subtitle: e(t)("core.users.create.subtitle"),
+      "confirm-label": e(t)("core.users.create.action"),
+      size: "md"
+    }, {
+      default: c(() => [
+        r(e(X), { "label-width": "11rem" }, {
+          default: c(() => [
+            r(e(d), i(e(a).form.bind("name"), {
+              label: e(t)("core.users.fields.name"),
+              required: "",
+              autocomplete: "off"
+            }), null, 16, ["label"]),
+            r(e(d), i(e(a).form.bind("login"), {
+              label: e(t)("core.users.fields.login"),
+              required: "",
+              mono: "",
+              autocomplete: "off"
+            }), null, 16, ["label"]),
+            r(e(d), i(e(a).form.bind("password"), {
+              label: e(t)("core.users.fields.password"),
+              type: "password",
+              required: "",
+              autocomplete: "new-password"
+            }), null, 16, ["label"]),
+            r(e(d), i(e(a).form.bind("repeat"), {
+              label: e(t)("core.users.fields.password_repeat"),
+              type: "password",
+              required: "",
+              autocomplete: "new-password"
+            }), null, 16, ["label"]),
+            r(e(d), i(e(a).form.bind("email"), {
+              label: e(t)("core.users.fields.email"),
+              type: "email",
+              required: "",
+              autocomplete: "off"
+            }), null, 16, ["label"]),
+            r(e(d), i(e(a).form.bind("phone"), {
+              label: e(t)("core.users.fields.phone"),
+              type: "tel",
+              autocomplete: "off"
+            }), null, 16, ["label"]),
+            r(e(Y), i(e(a).form.bind("locale"), {
+              label: e(t)("core.users.fields.locale"),
+              options: e(w),
+              required: ""
+            }), null, 16, ["label", "options"])
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["command", "title", "subtitle", "confirm-label"]));
+  }
+}), ae = ["datetime"], xe = /* @__PURE__ */ U({
+  __name: "UsersList",
+  setup(T) {
+    const { t: o } = B(), { http: b, access: t } = L(), g = F(), h = M(), f = V("dialog"), w = q(() => [
+      { key: "name", label: o("core.users.columns.person"), kind: "identity", subtitle: (l) => l.email, sort: "name", mobile: "primary" },
+      { key: "login", label: o("core.users.columns.login"), sort: "login", hideBelow: "md", width: 180, mobile: "hidden" },
+      { key: "last_sign_in", label: o("core.users.columns.last_sign_in"), width: 170, mobile: "meta" },
+      { key: "status", label: o("core.users.columns.status"), width: 130, mobile: "accessory" }
+    ]), y = q(() => j.map((l) => ({ key: l, label: o(`core.users.views.${l}`) }))), m = P(H(b), { columns: w, views: y, state: { kind: "url", key: "query" }, recordRoute: (l) => E.record({ id: l.id }) }), k = q(
+      () => t.can(W) ? [{ id: "create", label: o("core.users.create.title"), icon: "addLine", placement: "primary", compact: "icon", keyboardShortcut: { key: "N", ctrlKey: !0 }, onClick: () => f.value?.create() }] : []
+    );
+    return (l, a) => (p(), C(e(D), {
+      collection: e(m),
+      title: e(o)("core.users.title"),
+      description: e(o)("core.users.description"),
+      actions: k.value,
+      "row-height": 64,
+      "row-label": (s) => s.name,
+      "views-presentation": "scope"
+    }, {
+      leading: c(({ item: s }) => [
+        r(e(I), {
+          name: s.name,
+          size: "md",
+          tone: "anchor"
+        }, null, 8, ["name"])
+      ]),
+      "cell-last_sign_in": c(({ item: s, compact: n }) => [
+        s.last_sign_in ? (p(), S("time", {
+          key: 0,
+          datetime: s.last_sign_in,
+          class: N(["text-content", n ? "text-footnote text-content-muted" : "text-body"])
+        }, $(e(g).dateTime(s.last_sign_in)), 11, ae)) : (p(), S("span", {
+          key: 1,
+          class: N(n ? "text-footnote text-content-disabled" : "text-body text-content-disabled")
+        }, $(e(o)("core.users.never")), 3))
+      ]),
+      "cell-status": c(({ item: s, compact: n }) => [
+        !n || s.status !== "active" ? (p(), C(e(G), {
+          key: 0,
+          tone: e(J)(s.status),
+          dot: ""
+        }, {
+          default: c(() => [
+            z($(e(o)(`core.users.status.${s.status}`)), 1)
+          ]),
+          _: 2
+        }, 1032, ["tone"])) : A("", !0)
+      ]),
+      default: c(() => [
+        r(oe, {
+          ref_key: "dialog",
+          ref: f,
+          onCreated: a[0] || (a[0] = (s) => e(h).push(e(E).record({ id: s.id })))
+        }, null, 512)
+      ]),
+      _: 1
+    }, 8, ["collection", "title", "description", "actions", "row-label"]));
+  }
+});
+export {
+  xe as default
+};